@lifi/widget 3.30.10 → 3.30.12

package/src/hooks/useGasRefuel.ts

@@ -1,6 +1,8 @@
 import { useAccount } from '@lifi/wallet-management'
 import { useMemo } from 'react'
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { useFieldValues } from '../stores/form/useFieldValues.js'
+import { HiddenUI } from '../types/widget.js'
 import { useAvailableChains } from './useAvailableChains.js'
 import { useGasRecommendation } from './useGasRecommendation.js'
 import { useIsContractAddress } from './useIsContractAddress.js'
@@ -8,7 +10,7 @@ import { useTokenBalance } from './useTokenBalance.js'
 
 export const useGasRefuel = () => {
   const { getChainById } = useAvailableChains()
-
+  const { hiddenUI } = useWidgetConfig()
   const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues(
     'fromChain',
     'fromToken',
@@ -56,7 +58,8 @@ export const useGasRefuel = () => {
       !gasRecommendation?.recommended ||
       !destinationNativeToken ||
       !isChainTypeSatisfied ||
-      !isToAddressSatisfied
+      !isToAddressSatisfied ||
+      hiddenUI?.includes(HiddenUI.GasRefuelMessage)
     ) {
       return false
     }
@@ -74,6 +77,7 @@ export const useGasRefuel = () => {
     isToAddressSatisfied,
     destinationNativeToken,
     toChainId,
+    hiddenUI,
   ])
 
   return {

package/src/hooks/useGasSufficiency.ts

@@ -1,5 +1,5 @@
 import type { EVMChain, RouteExtended, Token, TokenAmount } from '@lifi/sdk'
-import { ChainType, isRelayerStep } from '@lifi/sdk'
+import { ChainType } from '@lifi/sdk'
 import { useAccount } from '@lifi/wallet-management'
 import { useQuery } from '@tanstack/react-query'
 import { useMemo } from 'react'
@@ -73,7 +73,6 @@ export const useGasSufficiency = (route?: RouteExtended) => {
       // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order'
       const filteredSteps = route.steps.filter(
         (step) =>
-          !isRelayerStep(step) &&
           !step.typedData?.some(
             (t) => t.primaryType === 'Permit' || t.primaryType === 'Order'
           )

package/src/hooks/useRoutes.ts

@@ -6,7 +6,6 @@ import {
   getRelayerQuote,
   getRoutes,
   isGaslessStep,
-  isRelayerStep,
   LiFiErrorCode,
 } from '@lifi/sdk'
 import { useAccount } from '@lifi/wallet-management'
@@ -332,8 +331,8 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
           return
         }
 
-        const isObservableRelayerRoute = observableRoute?.steps?.some(
-          (step) => isRelayerStep(step) && isGaslessStep(step, fromChain)
+        const isObservableRelayerRoute = observableRoute?.steps?.some((step) =>
+          isGaslessStep(step, fromChain)
         )
 
         const shouldUseMainRoutes =

package/src/i18n/bn.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "",
       "gasLimitIsTooLow": "গ্যাসের সীমা খুব কম",
       "insufficientFunds": "",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "",
       "slippageNotMet": "স্লিপেজ শর্ত পূরণ করা হয়নি",

package/src/i18n/de.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "",
       "gasLimitIsTooLow": "Das Gaslimit ist zu niedrig",
       "insufficientFunds": "Unzureichendes Guthaben",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "",
       "slippageNotMet": "Slippagebedingungen nicht erfüllt",

package/src/i18n/es.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Actualización del tipo de cambio cancelada",
       "gasLimitIsTooLow": "Límite de gas es demasiado bajo",
       "insufficientFunds": "Fondos insuficientes",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "Firma requerida",
       "slippageNotMet": "Condiciones de slippage no cumplidas",

package/src/i18n/fr.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Mise à jour du taux de change annulée",
       "gasLimitIsTooLow": "La limite de gaz est trop basse.",
       "insufficientFunds": "Fonds insuffisants",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "Signature requise",
       "slippageNotMet": "Les conditions de l'effet de glissement ne sont pas remplies.",

package/src/i18n/hi.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "",
       "gasLimitIsTooLow": "",
       "insufficientFunds": "",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "",
       "slippageNotMet": "",

package/src/i18n/id.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Pembaruan nilai tukar dibatalkan",
       "gasLimitIsTooLow": "Gas limit terlalu rendah",
       "insufficientFunds": "Dana tidak mencukupi",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "Tanda tangan diperlukan",
       "slippageNotMet": "Kondisi slippage tidak terpenuhi",

package/src/i18n/it.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "",
       "gasLimitIsTooLow": "Limite di gas troppo basso",
       "insufficientFunds": "Fondi insufficienti",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "",
       "slippageNotMet": "Condizioni di slittamento di prezzo non rispettate",

package/src/i18n/ja.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "交換レートの更新がキャンセルされました",
       "gasLimitIsTooLow": "ガス制限が低すぎます",
       "insufficientFunds": "残高が足りません",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "署名が必要です",
       "slippageNotMet": "スリッページの条件が満たされていません",

package/src/i18n/ko.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "교환 비율 갱신이 취소되었습니다",
       "gasLimitIsTooLow": "가스 한도가 너무 낮습니다",
       "insufficientFunds": "잔고 부족",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "서명이 필요합니다.",
       "slippageNotMet": "슬리피지 조건을 충족하지 못했습니다.",

package/src/i18n/pl.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "",
       "gasLimitIsTooLow": "",
       "insufficientFunds": "",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "",
       "slippageNotMet": "",

package/src/i18n/pt.json

@@ -92,7 +92,7 @@
       "emptyBridgesList": "Não conseguimos encontrar nenhuma ponte que corresponda à sua pesquisa",
       "emptyChainList": "Não conseguimos encontrar nenhuma rede que corresponda à sua pesquisa",
       "emptyExchangesList": "Não conseguimos encontrar nenhuma corretora que corresponda à sua pesquisa",
-      "emptyTokenListAllNetworks": "",
+      "emptyTokenListAllNetworks": "Não conseguimos encontrar nenhum token. Por favor, busque por endereço de contrato se o token não aparecer, ou tente selecionar uma cadeia diferente.",
       "emptyTransactionHistory": "O histórico de transações é armazenado apenas localmente e será excluído se você limpar os dados do seu navegador.",
       "routeNotFound": "Razões para isso podem ser: baixa liquidez, valor selecionado é muito baixo, os custos com gás são muito elevados ou não há rotas para a combinação selecionada.",
       "toAddressIsRequired": "O endereço da carteira de destino é necessário para continuar com a transferência.",
@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Atualização da taxa de conversão cancelada",
       "gasLimitIsTooLow": "O limite de gás é muito baixo",
       "insufficientFunds": "Saldo insuficiente",
+      "insufficientGas": "Saldo insuficiente",
       "rateLimitExceeded": "Limite de tentativas excedido",
       "signatureRejected": "Necessário assinatura",
       "slippageNotMet": "Condições de tolerância a discrepâncias não foram atendidas",

package/src/i18n/th.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "การอัปเดตอัตราแลกเปลี่ยนถูกยกเลิก",
       "gasLimitIsTooLow": "แก๊สคงเหลือต่ำเกินไป",
       "insufficientFunds": "ยอดคงเหลือไม่เพียงพอ",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "ต้องมีลายเซ็น",
       "slippageNotMet": "ความคลาดเคลื่อนของราคาไม่เป็นไปตามเงื่อนไข.",

package/src/i18n/tr.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Fiyat güncellemesi iptal edildi",
       "gasLimitIsTooLow": "Gaz limiti çok düşük",
       "insufficientFunds": "Yetersiz bakiye",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "İmza gerekiyor",
       "slippageNotMet": "Slipaj koşulları karşılanmadı",

package/src/i18n/uk.json

@@ -36,7 +36,7 @@
     "getGas": "Отримати газ",
     "learnMore": "Докладніше",
     "light": "Світла",
-    "max": "",
+    "max": "МАКС",
     "ok": "Ок",
     "options": "Опції",
     "removeTransaction": "Видалити транзакцію",
@@ -92,7 +92,7 @@
       "emptyBridgesList": "Ми не змогли знайти жодного моста, що відповідає вашому запиту",
       "emptyChainList": "Ми не змогли знайти жодного чейна, що відповідає вашому запиту",
       "emptyExchangesList": "Ми не змогли знайти жодного обмінника, що відповідає вашому запиту",
-      "emptyTokenListAllNetworks": "",
+      "emptyTokenListAllNetworks": "Не вдалося знайти жодного токена. Будь ласка, пошукайте за адресою токена або спробуйте вибрати інший чейн.",
       "emptyTransactionHistory": "Історія транзакцій зберігається лише локально та буде видалена, якщо ви очистите дані браузера.",
       "routeNotFound": "Причинами цього можуть бути: низька ліквідність, вибрана надто низька сума, занадто високі витрати на газ або відсутність маршрутів для вибраної комбінації.",
       "toAddressIsRequired": "Для продовження переказу необхідно вказати адресу гаманця одержувача.",
@@ -129,7 +129,7 @@
       "highValueLoss": "Вартість отриманих токенів значно нижча, ніж обмінені токени та вартість транзакції.",
       "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
       "insufficientGas": "Для завершення свопа у вас недостатньо газу. Вам необхідно додати хоча б:",
-      "minFromAmountUSD": "",
+      "minFromAmountUSD": "Мінімальна сума {{amount, currencyExt(currency: USD)}}. Будь ласка, введіть більшу суму.",
       "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс.",
       "resetSettings": "Це скине пріоритет вашого маршруту, прослизання, ціну газу, увімкнені бриджі та обмінники.",
       "slippageOutsideRecommendedLimits": "Високий допуск до прослизання може призвести до несприятливої торгівлі через фронт-біг.",
@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Оновлення обмінного курсу скасовано",
       "gasLimitIsTooLow": "Занадто низький ліміт газу",
       "insufficientFunds": "Недостатньо коштів",
+      "insufficientGas": "Недостатня кількість газу",
       "rateLimitExceeded": "Перевищено ліміт запитів",
       "signatureRejected": "Підпис обов'язковий",
       "slippageNotMet": "Не виконані умови прослизання",
@@ -212,7 +213,7 @@
     "slippage": "Максимальна процентна різниця між очікуваною ціною і фактичною ціною з якою виконується трансфер. Ця величина може бути змінена в налаштуваннях."
   },
   "main": {
-    "allNetworks": "",
+    "allNetworks": "Всі мережі",
     "allTokens": "Всі токени",
     "bridgeStepDetails": "Бридж з {{from}} до {{to}} через {{tool}}",
     "checkoutStepDetails": "Купівля через {{tool}}",
@@ -241,7 +242,7 @@
     "process": {
       "bridge": {
         "actionRequired": "Підпишіть бридж транзакцію",
-        "messageRequired": "",
+        "messageRequired": "Підпишіть брідж повідомлення",
         "done": "Бридж транзакцію схвалено",
         "pending": "Очікування бридж операції",
         "started": "Підготовка бридж транзакції"
@@ -260,7 +261,7 @@
       },
       "swap": {
         "actionRequired": "Підпишіть своп транзакцію",
-        "messageRequired": "",
+        "messageRequired": "Підпишіть своп повідомлення",
         "done": "Своп завершено",
         "pending": "Очікування своп операції",
         "started": "Підготовка своп транзакції"
@@ -313,7 +314,7 @@
     "valueLoss": "Втрата вартості",
     "searchBridges": "Пошук за назвою моста",
     "searchExchanges": "Пошук за назвою обмінника",
-    "searchNetwork": ""
+    "searchNetwork": "Пошук мережі"
   },
   "settings": {
     "appearance": "Вигляд",
@@ -345,7 +346,7 @@
   "tokenMetric": {
     "currentPrice": "Поточна ціна",
     "contractAddress": "Адреса контракту",
-    "marketCap": "",
-    "volume24h": ""
+    "marketCap": "Ринкова капіталізація",
+    "volume24h": "Обсяг 24г"
   }
 }

package/src/i18n/vi.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "Đã hủy cập nhật tỷ giá",
       "gasLimitIsTooLow": "Giới hạn gas quá thấp",
       "insufficientFunds": "Không đủ tài sản",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "Yêu cầu chữ ký",
       "slippageNotMet": "Điều kiện trượt giá không được đáp ứng",

package/src/i18n/zh.json

@@ -174,6 +174,7 @@
       "exchangeRateUpdateCanceled": "兑换率更新已取消",
       "gasLimitIsTooLow": "燃气费设置过低",
       "insufficientFunds": "资金不足",
+      "insufficientGas": "",
       "rateLimitExceeded": "",
       "signatureRejected": "交易需要签名。",
       "slippageNotMet": "滑点未满足",

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -1,5 +1,4 @@
 import type { Route } from '@lifi/sdk'
-import { isRelayerStep } from '@lifi/sdk'
 import WarningRounded from '@mui/icons-material/WarningRounded'
 import { Box, Button, Typography } from '@mui/material'
 import type { RefObject } from 'react'
@@ -51,7 +50,6 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
     getAccumulatedFeeCostsBreakdown(route)
   const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)
   const toAmountUSD = Number.parseFloat(route.toAmountUSD)
-  const hasRelayerSupport = route.steps.every(isRelayerStep)
   return (
     <Box
       ref={ref}
@@ -104,16 +102,13 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
         }}
       >
         <Typography>{t('main.fees.network')}</Typography>
-        <FeeBreakdownTooltip
-          gasCosts={gasCosts}
-          relayerSupport={hasRelayerSupport}
-        >
+        <FeeBreakdownTooltip gasCosts={gasCosts} relayerSupport={!gasCostUSD}>
           <Typography
             sx={{
               fontWeight: 600,
             }}
           >
-            {hasRelayerSupport || !gasCostUSD
+            {!gasCostUSD
               ? t('main.fees.free')
               : t('format.currency', { value: gasCostUSD })}
           </Typography>

package/src/stores/chains/createChainOrderStore.ts

@@ -1,6 +1,8 @@
 import type { StateCreator } from 'zustand'
 import { persist } from 'zustand/middleware'
 import { createWithEqualityFn } from 'zustand/traditional'
+import { widgetEvents } from '../../hooks/useWidgetEvents.js'
+import { WidgetEvent } from '../../types/events.js'
 import type { PersistStoreProps } from '../types.js'
 import type { ChainOrderState } from './types.js'
 
@@ -92,9 +94,11 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
           set({ [`${formType}ShowAllNetworks`]: showAllNetworks })
         },
         setPinnedChain: (chainId) => {
+          const currentPinnedChains = get().pinnedChains
+          const wasAlreadyPinned = currentPinnedChains.includes(chainId)
           set((state: ChainOrderState) => {
             const pinnedChains = [...state.pinnedChains]
-            if (pinnedChains.includes(chainId)) {
+            if (wasAlreadyPinned) {
               return {
                 pinnedChains: pinnedChains.filter((id) => id !== chainId),
               }
@@ -104,6 +108,10 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
               pinnedChains,
             }
           })
+          widgetEvents.emit(WidgetEvent.ChainPinned, {
+            chainId,
+            pinned: !wasAlreadyPinned,
+          })
         },
       }),
       {

package/src/types/events.ts

@@ -5,52 +5,51 @@ import type { NavigationRouteType } from '../utils/navigationRoutes.js'
 import type { TokenAmount } from './token.js'
 
 export enum WidgetEvent {
-  RouteExecutionStarted = 'routeExecutionStarted',
-  RouteExecutionUpdated = 'routeExecutionUpdated',
-  RouteExecutionCompleted = 'routeExecutionCompleted',
-  RouteExecutionFailed = 'routeExecutionFailed',
-  RouteHighValueLoss = 'routeHighValueLoss',
-  RouteSelected = 'routeSelected',
   AvailableRoutes = 'availableRoutes',
+  ChainPinned = 'chainPinned',
   ContactSupport = 'contactSupport',
-  SourceChainTokenSelected = 'sourceChainTokenSelected',
   DestinationChainTokenSelected = 'destinationChainTokenSelected',
-  SendToWalletToggled = 'sendToWalletToggled',
+  FormFieldChanged = 'formFieldChanged',
+  LowAddressActivityConfirmed = 'lowAddressActivityConfirmed',
+  PageEntered = 'pageEntered',
   /**
    * @deprecated Use `PageEntered` event instead.
    */
   ReviewTransactionPageEntered = 'reviewTransactionPageEntered',
-  WidgetExpanded = 'widgetExpanded',
-  PageEntered = 'pageEntered',
-  FormFieldChanged = 'formFieldChanged',
+  RouteExecutionCompleted = 'routeExecutionCompleted',
+  RouteExecutionFailed = 'routeExecutionFailed',
+  RouteExecutionStarted = 'routeExecutionStarted',
+  RouteExecutionUpdated = 'routeExecutionUpdated',
+  RouteHighValueLoss = 'routeHighValueLoss',
+  RouteSelected = 'routeSelected',
+  SendToWalletToggled = 'sendToWalletToggled',
   SettingUpdated = 'settingUpdated',
+  SourceChainTokenSelected = 'sourceChainTokenSelected',
   TokenSearch = 'tokenSearch',
-  LowAddressActivityConfirmed = 'lowAddressActivityConfirmed',
+  WidgetExpanded = 'widgetExpanded',
 }
 
 export type WidgetEvents = {
-  routeExecutionStarted: Route
-  routeExecutionUpdated: RouteExecutionUpdate
-  routeExecutionCompleted: Route
-  routeExecutionFailed: RouteExecutionUpdate
-  routeHighValueLoss: RouteHighValueLossUpdate
-  routeSelected: RouteSelected
   availableRoutes: Route[]
+  chainPinned: ChainPinned
   contactSupport: ContactSupport
-  sourceChainTokenSelected: ChainTokenSelected
   destinationChainTokenSelected: ChainTokenSelected
-  sendToWalletToggled: boolean
   formFieldChanged: FormFieldChanged
-  reviewTransactionPageEntered?: Route
-  walletConnected: WalletConnected
-  widgetExpanded: boolean
+  lowAddressActivityConfirmed: LowAddressActivityConfirmed
   pageEntered: NavigationRouteType
+  reviewTransactionPageEntered?: Route
+  routeExecutionCompleted: Route
+  routeExecutionFailed: RouteExecutionUpdate
+  routeExecutionStarted: Route
+  routeExecutionUpdated: RouteExecutionUpdate
+  routeHighValueLoss: RouteHighValueLossUpdate
+  routeSelected: RouteSelected
+  sendToWalletToggled: boolean
   settingUpdated: SettingUpdated
+  sourceChainTokenSelected: ChainTokenSelected
   tokenSearch: TokenSearch
-  [WidgetEvent.LowAddressActivityConfirmed]: {
-    address: string
-    chainId: number
-  }
+  walletConnected: WalletConnected
+  widgetExpanded: boolean
 }
 
 export type ContactSupport = {
@@ -108,3 +107,13 @@ export type SettingUpdated<
   newSettings: SettingsProps
   oldSettings: SettingsProps
 }
+
+export type ChainPinned = {
+  chainId: number
+  pinned: boolean
+}
+
+export type LowAddressActivityConfirmed = {
+  address: string
+  chainId: number
+}