import _ from 'lodash'
import Fuse from 'fuse.js'
import { useTranslations } from 'next-intl'

import { ACTIVE_CHAINS_BY_ID, sortChains } from '@/constants/chains'
import { HYPERLIQUID } from '@/constants/chains/master'
import { useBridgeState } from '@/slices/bridge/hooks'

export const useFromChainListArray = (searchStr: string = '') => {
  const { fromChainIds } = useBridgeState()

  const t = useTranslations('Bridge')

  const originChains = _.pickBy(
    ACTIVE_CHAINS_BY_ID,
    (chain) => chain.id !== HYPERLIQUID.id
  )
  let possibleChains = _(originChains)
    .pickBy((value) => _.includes(fromChainIds, value.id))
    .values()
    .value()

  possibleChains = sortChains(possibleChains)

  let remainingChains = sortChains(
    _.difference(
      Object.values(originChains),
      fromChainIds?.map((id) => originChains[id])
    )
  )

  const possibleChainsWithSource = possibleChains.map((chain) => ({
    ...chain,
    source: 'possibleChains',
  }))

  const remainingChainsWithSource = remainingChains.map((chain) => ({
    ...chain,
    source: 'remainingChains',
  }))

  const masterList = [...possibleChainsWithSource, ...remainingChainsWithSource]

  const fuseOptions = {
    includeScore: true,
    threshold: 0.0,
    keys: [
      {
        name: 'name',
        weight: 2,
      },
      'id',
      'nativeCurrency.symbol',
    ],
  }

  const fuse = new Fuse(masterList, fuseOptions)

  if (searchStr?.length > 0) {
    const results = fuse.search(searchStr).map((i) => i.item)

    possibleChains = results.filter((item) => item.source === 'possibleChains')
    remainingChains = results.filter(
      (item) => item.source === 'remainingChains'
    )
  }

  return {
    [t('FromWithEllipsis')]: possibleChains,
    [t('All chains')]: remainingChains,
  }
}