@lifi/widget 3.24.3 → 3.25.0-beta.1

package/src/i18n/pl.json

@@ -0,0 +1,350 @@
+{
+  "language": {
+    "name": "Polski",
+    "title": "Język"
+  },
+  "format": {
+    "currency": "",
+    "number": "",
+    "percent": "",
+    "tokenAmount": ""
+  },
+  "button": {
+    "auto": "",
+    "bookmark": "",
+    "bookmarks": "",
+    "bridge": "",
+    "bridgeReview": "",
+    "buy": "",
+    "cancel": "",
+    "checkoutReview": "",
+    "close": "",
+    "confirm": "",
+    "connectAnotherWallet": "",
+    "connectChainWallet": "",
+    "connectWallet": "",
+    "contactSupport": "",
+    "continue": "",
+    "copyAddress": "",
+    "dark": "",
+    "delete": "",
+    "deposit": "",
+    "depositReview": "",
+    "disconnect": "",
+    "done": "",
+    "exchange": "",
+    "getGas": "",
+    "learnMore": "",
+    "light": "",
+    "max": "",
+    "ok": "",
+    "options": "",
+    "removeTransaction": "",
+    "reset": "",
+    "resetSettings": "",
+    "seeDetails": "",
+    "showAll": "",
+    "startBridging": "",
+    "startSwapping": "",
+    "swap": "",
+    "swapReview": "",
+    "system": "",
+    "tryAgain": "",
+    "viewCoverage": "",
+    "viewOnExplorer": ""
+  },
+  "header": {
+    "activeTransactions": "",
+    "amount": "",
+    "bookmarkedWallets": "",
+    "bridge": "",
+    "checkout": "",
+    "checkoutDetails": "",
+    "deposit": "",
+    "depositDetails": "",
+    "depositTo": "",
+    "exchange": "",
+    "from": "",
+    "gas": "",
+    "payWith": "",
+    "receive": "",
+    "received": "",
+    "recentWallets": "",
+    "refunded": "",
+    "selectChain": "",
+    "selectWallet": "",
+    "send": "",
+    "sendToWallet": "",
+    "settings": "",
+    "swap": "",
+    "to": "",
+    "transactionDetails": "",
+    "transactionHistory": "",
+    "walletConnected": "",
+    "youGet": "",
+    "youPay": ""
+  },
+  "info": {
+    "message": {
+      "accountDeployedMessage": "",
+      "autoRefuel": "",
+      "emptyActiveTransactions": "",
+      "emptyBridgesList": "",
+      "emptyChainList": "",
+      "emptyExchangesList": "",
+      "emptyTokenList": "",
+      "emptyTransactionHistory": "",
+      "routeNotFound": "",
+      "toAddressIsRequired": "",
+      "missingRouteRequiredAccount": ""
+    },
+    "title": {
+      "autoRefuel": "",
+      "emptyActiveTransactions": "",
+      "emptyTransactionHistory": "",
+      "routeNotFound": ""
+    }
+  },
+  "success": {
+    "message": {
+      "exchangePartiallySuccessful": ""
+    },
+    "title": {
+      "bridgePartiallySuccessful": "",
+      "bridgeSuccessful": "",
+      "depositSuccessful": "",
+      "checkoutSuccessful": "",
+      "refundIssued": "",
+      "swapPartiallySuccessful": "",
+      "swapSuccessful": ""
+    }
+  },
+  "warning": {
+    "message": {
+      "accountNotDeployedMessage": "",
+      "lowAddressActivity": "",
+      "deleteActiveTransactions": "",
+      "deleteTransactionHistory": "",
+      "fundsLossPrevention": "",
+      "highValueLoss": "",
+      "insufficientFunds": "",
+      "insufficientGas": "",
+      "rateChanged": "",
+      "resetSettings": "",
+      "slippageOutsideRecommendedLimits": "",
+      "slippageUnderRecommendedLimits": ""
+    },
+    "title": {
+      "deleteActiveTransactions": "",
+      "deleteTransaction": "",
+      "deleteTransactionHistory": "",
+      "highValueLoss": "",
+      "insufficientGas": "",
+      "rateChanged": "",
+      "resetSettings": "",
+      "lowAddressActivity": ""
+    }
+  },
+  "error": {
+    "message": {
+      "allowanceRequired": "",
+      "insufficientFunds": "",
+      "rateLimitExceeded": "",
+      "remainInYourWallet": "",
+      "signatureRejected": "",
+      "slippageThreshold": "",
+      "thirdPartyError": "",
+      "transactionCanceled": "",
+      "transactionConflict": "",
+      "transactionExpired": "",
+      "transactionRejected": "",
+      "transactionFailed": "",
+      "transactionNotSent": "",
+      "transactionSimulationFailed": "",
+      "unknown": "",
+      "walletChangedDuringExecution": ""
+    },
+    "title": {
+      "allowanceRequired": "",
+      "balanceIsTooLow": "",
+      "bookmarkAlreadyExists": "",
+      "bookmarkNameRequired": "",
+      "chainSwitch": "",
+      "exchangeRateUpdateCanceled": "",
+      "gasLimitIsTooLow": "",
+      "insufficientFunds": "",
+      "rateLimitExceeded": "",
+      "signatureRejected": "",
+      "slippageNotMet": "",
+      "thirdPartyError": "",
+      "transactionCanceled": "",
+      "transactionConflict": "",
+      "transactionExpired": "",
+      "transactionFailed": "",
+      "transactionRejected": "",
+      "transactionSimulationFailed": "",
+      "transactionUnderpriced": "",
+      "transactionUnprepared": "",
+      "unknown": "",
+      "walletAddressInvalid": "",
+      "walletAddressInvalid_chain": "",
+      "walletAddressRequired": "",
+      "walletChainTypeInvalid": "",
+      "walletMismatch": ""
+    }
+  },
+  "tooltip": {
+    "deselectAll": "",
+    "estimatedTime": "",
+    "feeCollection": "",
+    "minReceived": "",
+    "notFound": {
+      "text": "",
+      "title": ""
+    },
+    "relayerService": "",
+    "numberOfSteps": "",
+    "priceImpact": "",
+    "progressToNextUpdate": "",
+    "selectAll": "",
+    "settingsModified": "",
+    "slippage": ""
+  },
+  "main": {
+    "allTokens": "",
+    "bridgeStepDetails": "",
+    "checkoutStepDetails": "",
+    "currentAmount": "",
+    "depositStepDetails": "",
+    "featuredTokens": "",
+    "fees": {
+      "defaultIntegrator": "",
+      "relayerService": "",
+      "estimated": "",
+      "free": "",
+      "integrator": "",
+      "network": "",
+      "paid": "",
+      "provider": ""
+    },
+    "from": "",
+    "inProgress": "",
+    "maxSlippage": "",
+    "minReceived": "",
+    "myTokens": "",
+    "onChain": "",
+    "ownedBy": "",
+    "popularTokens": "",
+    "priceImpact": "",
+    "process": {
+      "bridge": {
+        "actionRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      },
+      "checkout": {
+        "done": ""
+      },
+      "deposit": {
+        "done": ""
+      },
+      "receivingChain": {
+        "done": "",
+        "partial": "",
+        "pending": "",
+        "refunded": ""
+      },
+      "swap": {
+        "actionRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      },
+      "switchChain": {
+        "actionRequired": "",
+        "done": ""
+      },
+      "permit": {
+        "actionRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      },
+      "tokenAllowance": {
+        "actionRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      }
+    },
+    "quotedAmount": "",
+    "rateChange": "",
+    "receiving": "",
+    "refuelStepDetails": "",
+    "selectChain": "",
+    "selectChainAndToken": "",
+    "selectToken": "",
+    "sendToAddress": "",
+    "sendToWallet": "",
+    "sending": "",
+    "sentToAddress": "",
+    "stepBridge": "",
+    "stepBridgeAndBuy": "",
+    "stepBridgeAndDeposit": "",
+    "stepBuy": "",
+    "stepDeposit": "",
+    "stepDetails": "",
+    "stepSwap": "",
+    "stepSwapAndBridge": "",
+    "stepSwapAndBuy": "",
+    "stepSwapAndDeposit": "",
+    "swapStepDetails": "",
+    "transferId": "",
+    "tags": {
+      "cheapest": "",
+      "fastest": "",
+      "gasless": ""
+    },
+    "to": "",
+    "tokenOnChain": "",
+    "tokenOnChainAmount": "",
+    "tokenSearch": "",
+    "valueLoss": "",
+    "searchChain": "",
+    "searchChains": "",
+    "searchBridges": "",
+    "searchExchanges": ""
+  },
+  "settings": {
+    "appearance": "",
+    "enabledBridges": "",
+    "enabledExchanges": "",
+    "gasPrice": {
+      "fast": "",
+      "normal": "",
+      "slow": "",
+      "title": ""
+    },
+    "routePriority": "",
+    "slippage": "",
+    "custom": "",
+    "resetSettings": ""
+  },
+  "sendToWallet": {
+    "addBookmark": "",
+    "bookmarkWallet": "",
+    "confirmWalletAddress": "",
+    "connectedWallets": "",
+    "enterAddress_long": "",
+    "enterAddress_short": "",
+    "enterName": "",
+    "noBookmarkedWallets": "",
+    "noConnectedWallets": "",
+    "noRecentWallets": ""
+  },
+  "tokenMetric": {
+    "currentPrice": "",
+    "contractAddress": ""
+  }
+}

package/src/i18n/pt.json

@@ -309,8 +309,9 @@
     "to": "Para",
     "tokenOnChain": "{{tokenSymbol}} na {{chainName}}",
     "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} na {{chainName}}",
-    "tokenSearch": "Pesquisar pelo nome do token ou endereço",
+    "tokenSearch": "Pesquisar por token ou endereço",
     "valueLoss": "Perda de Valor",
+    "searchChain": "Pesquisar cadeia",
     "searchChains": "Pesquisar pelo nome da rede",
     "searchBridges": "Pesquisar pelo nome da ponte",
     "searchExchanges": "Pesquisar pelo nome da corretora"

package/src/i18n/th.json

@@ -309,8 +309,9 @@
     "to": "ถึง",
     "tokenOnChain": "{{tokenSymbol}} บน {{chainName}}",
     "tokenOnChainAmount": "",
-    "tokenSearch": "ค้นหาชื่อของเหรียญ หรือ ที่อยู่",
+    "tokenSearch": "",
     "valueLoss": "มูลค่าที่สูญเสีย",
+    "searchChain": "",
     "searchChains": "",
     "searchBridges": "",
     "searchExchanges": ""

package/src/i18n/tr.json

@@ -309,8 +309,9 @@
     "to": "Şuna",
     "tokenOnChain": "{{chainName}} üzerindeki {{tokenSymbol}}",
     "tokenOnChainAmount": "",
-    "tokenSearch": "Tokenlerinizi adres ve ya isim aracılığıyla arayın",
+    "tokenSearch": "",
     "valueLoss": "Değer kaybı",
+    "searchChain": "",
     "searchChains": "Zincir adına göre ara",
     "searchBridges": "Köprü adına göre ara",
     "searchExchanges": "Borsa adına göre ara"

package/src/i18n/uk.json

@@ -21,7 +21,7 @@
     "close": "Закрити",
     "confirm": "Підтвердити",
     "connectAnotherWallet": "Під'єднати інший гаманець",
-    "connectChainWallet": "",
+    "connectChainWallet": "Виберіть {{chain}} гаманець",
     "connectWallet": "Під'єднати гаманець",
     "contactSupport": "Служба підтримки",
     "continue": "Продовжити",
@@ -48,7 +48,7 @@
     "startSwapping": "Почати своп",
     "swap": "Своп",
     "swapReview": "Переглянути своп",
-    "system": "",
+    "system": "Системна",
     "tryAgain": "Спробувати ще раз",
     "viewCoverage": "Переглянути покриття",
     "viewOnExplorer": "Переглянути в оглядачі"
@@ -68,9 +68,9 @@
     "gas": "Газ",
     "payWith": "Сплатити за допомогою",
     "receive": "Отримаєте",
-    "received": "",
+    "received": "Отримано",
     "recentWallets": "Останні гаманці",
-    "refunded": "",
+    "refunded": "Повернено",
     "selectChain": "Виберіть чейн",
     "selectWallet": "Виберіть свій гаманець",
     "send": "Відправляєте",
@@ -86,7 +86,7 @@
   },
   "info": {
     "message": {
-      "accountDeployedMessage": "",
+      "accountDeployedMessage": "Можливо, ваш смарт-акаунт не має однакової адреси на інших чейнах. Будь ласка, перевірте, перш ніж продовжити.",
       "autoRefuel": "У вас замало {{chainName}} газу. Продовжуючи, ви отримаєте достатньо газу, щоб завершити обмін.",
       "emptyActiveTransactions": "Тут показуються незавершені транзакції. Після завершення ви можете знайти їх в історії транзакцій.",
       "emptyBridgesList": "Ми не змогли знайти жодного моста, що відповідає вашому запиту",
@@ -96,7 +96,7 @@
       "emptyTransactionHistory": "Історія транзакцій зберігається лише локально та буде видалена, якщо ви очистите дані браузера.",
       "routeNotFound": "Причинами цього можуть бути: низька ліквідність, вибрана надто низька сума, занадто високі витрати на газ або відсутність маршрутів для вибраної комбінації.",
       "toAddressIsRequired": "Для продовження переказу необхідно вказати адресу гаманця одержувача.",
-      "missingRouteRequiredAccount": ""
+      "missingRouteRequiredAccount": "Підключіть ваш гаманець {{chainName}}, щоб продовжити. {{address}}"
     },
     "title": {
       "autoRefuel": "Отримати {{chainName}} газ",
@@ -149,11 +149,11 @@
     "message": {
       "allowanceRequired": "Сума переказу для {{tokenSymbol}} перевищує поточну межу. Збільшіть доступну кількість у гаманці та спробуйте ще раз.",
       "insufficientFunds": "Не вистачає газу для покриття вартості транзакції.",
-      "rateLimitExceeded": "",
+      "rateLimitExceeded": "Занадто багато запитів зроблено за короткий проміжок часу. Будь ласка, зачекайте трохи і повторіть спробу або зверніться до служби підтримки, якщо проблема повторюватиметься.",
       "remainInYourWallet": "{{amount, numberExt}} {{tokenSymbol}} на {{chainName}} все ще знаходяться у вашому гаманці.",
       "signatureRejected": "Для завершення транзакції потрібен ваш підпис. {{amount, numberExt}} {{tokenSymbol}} на {{chainName}} залишаються у вашому гаманці.",
       "slippageThreshold": "Прослизання перевищує визначений поріг. Будь ласка, зробіть запит на новий маршрут, щоб отримати нову пропозицію.",
-      "thirdPartyError": "",
+      "thirdPartyError": "Ми не змогли виконати ваш запит через проблеми з зовнішнім сервісом. Будь ласка, спробуйте ще раз або зверніться до служби підтримки, якщо проблема не зникне.",
       "transactionCanceled": "Транзакцію скасовано.",
       "transactionConflict": "Неможливо обробити транзакцію, оскільки вона конфліктує з іншою очікуваною транзакцією за допомогою тих же коштів. Дочекайтеся підтвердження транзакції або перевірте історію транзакцій, перш ніж спробувати ще раз.",
       "transactionExpired": "Висота блоку перевищила максимально дозволену межу або хеш блоку вже не достатньо свіжий.",
@@ -173,10 +173,10 @@
       "exchangeRateUpdateCanceled": "Оновлення обмінного курсу скасовано",
       "gasLimitIsTooLow": "Занадто низький ліміт газу",
       "insufficientFunds": "Недостатньо коштів",
-      "rateLimitExceeded": "",
+      "rateLimitExceeded": "Перевищено ліміт запитів",
       "signatureRejected": "Підпис обов'язковий",
       "slippageNotMet": "Не виконані умови прослизання",
-      "thirdPartyError": "",
+      "thirdPartyError": "Сторонній сервіс недоступний",
       "transactionCanceled": "Транзакцію скасовано",
       "transactionConflict": "Конфлікт між транзакціями",
       "transactionExpired": "Транзакція прострочена",
@@ -311,12 +311,13 @@
     "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} на {{chainName}}",
     "tokenSearch": "Шукати за ім'ям або адресою",
     "valueLoss": "Втрата вартості",
+    "searchChain": "Шукати чейн",
     "searchChains": "Пошук за назвою чейна",
     "searchBridges": "Пошук за назвою моста",
     "searchExchanges": "Пошук за назвою обмінника"
   },
   "settings": {
-    "appearance": "",
+    "appearance": "Вигляд",
     "enabledBridges": "Бриджі",
     "enabledExchanges": "Обмінники",
     "gasPrice": {
@@ -343,7 +344,7 @@
     "noRecentWallets": "Немає недавніх гаманців"
   },
   "tokenMetric": {
-    "currentPrice": "",
-    "contractAddress": ""
+    "currentPrice": "Поточна ціна",
+    "contractAddress": "Адреса контракту"
   }
 }

package/src/i18n/vi.json

@@ -309,8 +309,9 @@
     "to": "Đến",
     "tokenOnChain": "{{tokenSymbol}} tại {{chainName}}",
     "tokenOnChainAmount": "",
-    "tokenSearch": "Tìm kiếm bằng tên token hoặc địa chỉ",
+    "tokenSearch": "",
     "valueLoss": "Bạn sẽ mất",
+    "searchChain": "",
     "searchChains": "",
     "searchBridges": "",
     "searchExchanges": ""

package/src/i18n/zh.json

@@ -309,8 +309,9 @@
     "to": "到",
     "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
     "tokenOnChainAmount": "",
-    "tokenSearch": "按代币名称或者地址搜索",
+    "tokenSearch": "",
     "valueLoss": "资金损失",
+    "searchChain": "",
     "searchChains": "搜索链",
     "searchBridges": "搜索跨链桥",
     "searchExchanges": "搜索交易所"

package/src/index.ts

@@ -1,5 +1,5 @@
 export type * from '@lifi/sdk'
-export { ChainType, ChainId, CoinKey } from '@lifi/sdk'
+export { ChainId, ChainType, CoinKey } from '@lifi/sdk'
 export { App as LiFiWidget } from './App.js'
 export type { WidgetDrawer } from './AppDrawer.js'
 export * from './components/ContractComponent/ItemPrice.js'
@@ -11,23 +11,23 @@ export { defaultMaxHeight } from './config/constants.js'
 export * from './config/version.js'
 export { useAvailableChains } from './hooks/useAvailableChains.js'
 export { useWidgetEvents, widgetEvents } from './hooks/useWidgetEvents.js'
+export * from './stores/bookmarks/types.js'
 export * from './stores/form/types.js'
 export { useFieldActions } from './stores/form/useFieldActions.js'
 export { useFieldValues } from './stores/form/useFieldValues.js'
-export * from './stores/bookmarks/types.js'
 export { azureLightTheme } from './themes/azureLight.js'
+export { createTheme } from './themes/createTheme.js'
 export { jumperTheme } from './themes/jumper.js'
-export { watermelonLightTheme } from './themes/watermelonLight.js'
-export { windows95Theme } from './themes/windows95.js'
 export * from './themes/palettes.js'
 export * from './themes/types.js'
-export { createTheme } from './themes/createTheme.js'
+export { watermelonLightTheme } from './themes/watermelonLight.js'
+export { windows95Theme } from './themes/windows95.js'
 export * from './types/events.js'
 export type { TokenAmount } from './types/token.js'
 export * from './types/widget.js'
-export { getPriceImpact } from './utils/getPriceImpact.js'
-export * from './utils/format.js'
-export { percentFormatter } from './utils/percentFormatter.js'
 export { compactNumberFormatter } from './utils/compactNumberFormatter.js'
 export { currencyExtendedFormatter } from './utils/currencyExtendedFormatter.js'
+export * from './utils/format.js'
+export { getPriceImpact } from './utils/getPriceImpact.js'
 export { navigationRoutes } from './utils/navigationRoutes.js'
+export { percentFormatter } from './utils/percentFormatter.js'

package/src/pages/RoutesPage/RoutesPage.tsx

@@ -38,7 +38,7 @@ export const RoutesPage: React.FC<BoxProps> = () => {
   const headerAction = useMemo(
     () => (
       <ProgressToNextUpdate
-        updatedAt={dataUpdatedAt || new Date().getTime()}
+        updatedAt={dataUpdatedAt || Date.now()}
         timeToUpdate={refetchTime}
         isLoading={isFetching}
         onClick={() => refetch()}

package/src/pages/SelectChainPage/SelectChainPage.tsx

@@ -1,19 +1,11 @@
 import type { ExtendedChain } from '@lifi/sdk'
-import { Avatar, ListItemAvatar, debounce } from '@mui/material'
-import { type FormEventHandler, useState } from 'react'
+import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useChainSelect } from '../../components/ChainSelect/useChainSelect.js'
-import { FullPageContainer } from '../../components/FullPageContainer.js'
-import { ListItemButton } from '../../components/ListItemButton.js'
-import { ListItemText } from '../../components/ListItemText.js'
-import { StickySearchInput } from '../../components/Search/SearchInput.js'
-import { SearchList } from '../../components/Search/SearchInput.style.js'
-import { SearchNotFound } from '../../components/Search/SearchNotFound.js'
+import { SelectChainContent } from '../../components/Chains/SelectChainContent.js'
 import { useTokenSelect } from '../../components/TokenList/useTokenSelect.js'
-import { useDefaultElementId } from '../../hooks/useDefaultElementId.js'
 import { useHeader } from '../../hooks/useHeader.js'
 import { useNavigateBack } from '../../hooks/useNavigateBack.js'
-import { useScrollableContainer } from '../../hooks/useScrollableContainer.js'
 import type { SelectChainPageProps } from './types.js'
 
 export const SelectChainPage: React.FC<SelectChainPageProps> = ({
@@ -21,75 +13,30 @@ export const SelectChainPage: React.FC<SelectChainPageProps> = ({
   selectNativeToken,
 }) => {
   const { navigateBack } = useNavigateBack()
-  const { chains, setCurrentChain } = useChainSelect(formType)
+  const { setCurrentChain } = useChainSelect(formType)
   const selectToken = useTokenSelect(formType, navigateBack)
-  const elementId = useDefaultElementId()
-  const scrollableContainer = useScrollableContainer(elementId)
 
   const { t } = useTranslation()
 
   useHeader(t('header.selectChain'))
 
-  const handleClick = async (chain: ExtendedChain) => {
-    if (selectNativeToken) {
-      selectToken(chain.nativeToken.address, chain.id)
-    } else {
-      setCurrentChain(chain.id)
-      navigateBack()
-    }
-  }
-
-  const [filteredChains, setFilteredChains] = useState<ExtendedChain[]>(
-    chains ?? []
+  const handleClick = useCallback(
+    async (chain: ExtendedChain) => {
+      if (selectNativeToken) {
+        selectToken(chain.nativeToken.address, chain.id)
+      } else {
+        setCurrentChain(chain.id)
+        navigateBack()
+      }
+    },
+    [navigateBack, selectNativeToken, selectToken, setCurrentChain]
   )
 
-  const handleSearchInputChange: FormEventHandler<HTMLInputElement> = (e) => {
-    const value = (e.target as HTMLInputElement).value
-
-    if (!value) {
-      setFilteredChains(chains ?? [])
-    } else {
-      setFilteredChains(
-        chains
-          ? chains.filter((chain) =>
-              chain.name.toLowerCase().includes(value.toLowerCase())
-            )
-          : []
-      )
-    }
-
-    if (scrollableContainer) {
-      scrollableContainer.scrollTop = 0
-    }
-  }
-
-  const debouncedSearchInputChange = debounce(handleSearchInputChange, 250)
-
   return (
-    <FullPageContainer disableGutters>
-      <StickySearchInput
-        onChange={debouncedSearchInputChange}
-        placeholder={t('main.searchChains')}
-      />
-      {filteredChains.length ? (
-        <SearchList className="long-list">
-          {filteredChains.map((chain) => (
-            <ListItemButton key={chain.id} onClick={() => handleClick(chain)}>
-              <ListItemAvatar>
-                <Avatar src={chain.logoURI} alt={chain.name}>
-                  {chain.name[0]}
-                </Avatar>
-              </ListItemAvatar>
-              <ListItemText primary={chain.name} />
-            </ListItemButton>
-          ))}
-        </SearchList>
-      ) : (
-        <SearchNotFound
-          message={t('info.message.emptyChainList')}
-          adjustForStickySearchInput
-        />
-      )}
-    </FullPageContainer>
+    <SelectChainContent
+      inExpansion={false}
+      formType={formType}
+      onSelect={handleClick}
+    />
   )
 }