@lifi/widget 4.0.0-beta.10 → 4.0.0-beta.12

package/dist/esm/i18n/zh.json

@@ -0,0 +1,356 @@
+{
+  "language": {
+    "name": "中文",
+    "title": "语言"
+  },
+  "format": {
+    "currency": "{{value, currencyExt(currency: USD)}}",
+    "number": "{{value, number(maximumFractionDigits: 9)}}",
+    "percent": "{{value, percent(maximumFractionDigits: 2)}}",
+    "tokenAmount": "{{value, numberExt}}"
+  },
+  "button": {
+    "auto": "自动",
+    "bookmark": "收藏",
+    "bookmarks": "收藏夹",
+    "bridge": "跨链",
+    "bridgeReview": "查看跨链详情",
+    "buy": "购买",
+    "cancel": "取消",
+    "checkoutReview": "查看购买详情",
+    "clearAllFailed": "",
+    "clearTransaction": "",
+    "close": "关闭",
+    "confirm": "确认",
+    "connectAnotherWallet": "连接另一个钱包",
+    "connectChainWallet": "",
+    "connectWallet": "关联钱包",
+    "contactSupport": "联系技术支持",
+    "continue": "继续",
+    "copyAddress": "复制地址",
+    "dark": "深色主题",
+    "delete": "删除",
+    "deposit": "存款",
+    "depositReview": "查看存款详情",
+    "disconnect": "断开连接",
+    "done": "确认",
+    "exchange": "兑换",
+    "getGas": "开始兑换燃气费",
+    "learnMore": "了解更多",
+    "light": "浅色主题",
+    "max": "",
+    "ok": "确认",
+    "options": "选项",
+    "reset": "重置",
+    "resetSettings": "恢复默认设置",
+    "seeDetails": "查看详情",
+    "showAll": "显示所有",
+    "startBridging": "开始跨链",
+    "startSwapping": "开始兑换",
+    "swap": "兑换",
+    "swapReview": "查看兑换详情",
+    "system": "",
+    "tryAgain": "重试",
+    "viewCoverage": "查看我们的覆盖范围",
+    "viewOnExplorer": "在区块链浏览器上查看"
+  },
+  "header": {
+    "amount": "金额",
+    "bookmarkedWallets": "已收藏的钱包",
+    "bridge": "跨链",
+    "checkout": "支付",
+    "checkoutDetails": "交易细节",
+    "deposit": "存款",
+    "depositDetails": "存款详情",
+    "depositTo": "充币至",
+    "exchange": "兑换",
+    "from": "兑换自",
+    "gas": "燃气费",
+    "payWith": "支付方式",
+    "receive": "接收",
+    "received": "",
+    "recentWallets": "最近使用的钱包",
+    "refunded": "",
+    "selectChain": "选择网络",
+    "selectWallet": "选择你的钱包",
+    "send": "发送",
+    "sendToWallet": "发送到该钱包",
+    "settings": "设置",
+    "swap": "兑换",
+    "to": "兑换为",
+    "transactionDetails": "交易详情",
+    "activities": "",
+    "walletConnected": "连接钱包",
+    "youGet": "您获得",
+    "youPay": "需要支付"
+  },
+  "info": {
+    "message": {
+      "accountDeployedMessage": "",
+      "autoRefuel": "您在 {{chainName}} 链上的燃气费很低。如果启用该选项，您将获得足够的燃气费完成此次兑换。",
+      "emptyBridgesList": "我们找不到任何匹配的桥",
+      "emptyChainList": "我们找不到任何匹配的链",
+      "emptyExchangesList": "我们找不到任何匹配的交易所",
+      "emptyTokenListAllNetworks": "",
+      "emptyTransactionHistory": "交易记录只存储在本地，如果您清除浏览器数据，交易记录将被删除。",
+      "routeNotFound": "导致其的原因可能是：流动性低，所选定代币的数额太低，燃气费过高，或者当前没有合适的交易路径。",
+      "missingRouteRequiredAccount": ""
+    },
+    "title": {
+      "autoRefuel": "获得 {{chainName}} 链的燃气费",
+      "emptyTransactionHistory": "近期无交易",
+      "routeNotFound": "没有可用的路由"
+    }
+  },
+  "success": {
+    "message": {
+      "exchangePartiallySuccessful": "我们尝试执行这笔交易，但是因为滑点设置的问题或者 {{tokenSymbol}} 代币流动性不足，{{tool}} 无法完成交易"
+    },
+    "title": {
+      "bridgePartiallySuccessful": "跨链部分成功",
+      "bridgeSuccessful": "跨链成功",
+      "depositSuccessful": "存款成功",
+      "checkoutSuccessful": "购买成功",
+      "refundIssued": "退款已受理",
+      "swapPartiallySuccessful": "兑换部分完成",
+      "swapSuccessful": "兑换成功"
+    }
+  },
+  "warning": {
+    "message": {
+      "accountNotDeployedMessage": "",
+      "lowAddressActivity": "此地址在 {{chainName}} 网络上的活跃度较低。请确认您发送到了正确的地址和网络，以防止潜在的资金损失。",
+      "clearFailedTransactions": "",
+      "fundsLossPrevention": "总是确保在目的地链上适当建立智能合同账户，并避免直接转给交易所，以防止资金损失。",
+      "highValueLoss": "收到的代币的价值明显低于要被兑换的代币和交易成本。",
+      "unverifiedToken": "",
+      "insufficientFunds": "你没有足够的资金来完成这笔交易。",
+      "insufficientGas": "您没有足够的燃气费来完成此次交易。您至少需要添加：",
+      "minFromAmountUSD": "",
+      "rateChanged": "兑换比例已经改变，如果继续兑换，您将接受新的兑换比例。",
+      "resetSettings": "这将重置您的路由优先级，滑点，燃气费，选中的跨链桥和链上交易所。",
+      "slippageOutsideRecommendedLimits": "过高的滑点可能会导致交易被抢跑，造成财产损失",
+      "slippageUnderRecommendedLimits": "低幻灯片宽度可能会导致交易延迟或失败。"
+    },
+    "title": {
+      "clearFailedTransactions": "",
+      "highValueLoss": "大额资金损失",
+      "insufficientGas": "燃气费不足",
+      "rateChanged": "兑换比例变动",
+      "resetSettings": "确定要恢复默认设置吗?",
+      "lowAddressActivity": "低活动地址"
+    }
+  },
+  "error": {
+    "message": {
+      "allowanceRequired": "{{tokenSymbol}} 的转账金额超过了您设置的支出上限。请提高该代币的支出上限，然后重试。",
+      "insufficientFunds": "您没有足够的燃气费支付该交易。",
+      "rateLimitExceeded": "",
+      "remainInYourWallet": "",
+      "signatureRejected": "",
+      "slippageThreshold": "滑点大于预设值，请选择其他路由并获取新的价格。",
+      "thirdPartyError": "",
+      "transactionCanceled": "交易已被取消。",
+      "transactionConflict": "交易无法处理，因为它与使用相同资金的另一个待处理交易相冲突。 请等待交易确认或检查您的交易历史，然后再次尝试。",
+      "transactionExpired": "区块高度已超过允许的最大值，或者交易哈希值已经过期。",
+      "transactionRejected": "",
+      "transactionFailed": "请查看区块浏览器以了解更多信息。",
+      "transactionNotSent": "交易未能发送。",
+      "transactionSimulationFailed": "该交易模拟执行失败。",
+      "unknown": "请再试一次或者联系支持。",
+      "walletChangedDuringExecution": "询价的钱包地址与试图签署交易的钱包地址不匹配，请确保在整个交易执行过程中使用相同的钱包地址。"
+    },
+    "title": {
+      "allowanceRequired": "余额不足",
+      "balanceIsTooLow": "余额太低",
+      "bookmarkAlreadyExists": "钱包: {{name}}，已被收藏",
+      "bookmarkNameRequired": "请输入收藏钱包的名称",
+      "chainSwitch": "请切换当前网络",
+      "exchangeRateUpdateCanceled": "兑换率更新已取消",
+      "gasLimitIsTooLow": "燃气费设置过低",
+      "insufficientFunds": "资金不足",
+      "insufficientGas": "",
+      "rateLimitExceeded": "",
+      "signatureRejected": "交易需要签名。",
+      "slippageNotMet": "滑点未满足",
+      "thirdPartyError": "",
+      "transactionCanceled": "交易取消",
+      "transactionConflict": "交易冲突",
+      "transactionExpired": "交易过期",
+      "transactionFailed": "交易失败",
+      "transactionRejected": "",
+      "transactionSimulationFailed": "交易模拟失败",
+      "transactionUnderpriced": "交易定价过低",
+      "transactionUnprepared": "无法开始该交易",
+      "unknown": "未知错误",
+      "walletAddressInvalid": "钱包地址或域名无效",
+      "walletAddressInvalid_chain": "钱包地址或者域名在所选中的 {{chainName}} 链无效",
+      "walletAddressRequired": "请输入钱包地址。",
+      "walletChainTypeInvalid": "钱包地址与所选中目标的 {{chainName}} 链不匹配",
+      "walletMismatch": "钱包地址不匹配"
+    }
+  },
+  "tooltip": {
+    "deselectAll": "取消全选",
+    "estimatedTime": "",
+    "exchangeRate": "",
+    "feeCollection": "",
+    "minReceived": "在签署兑换或者跨链交易之前， 预估的最低代币数量可能会变化，对于两步交易，这适用于第二步交易签署之前。",
+    "notFound": {
+      "text": "我们找不到这个页面。",
+      "title": "404"
+    },
+    "multistep": "",
+    "gasless": "",
+    "numberOfSteps": "每次代币兑换包含了一到两次需要签名的交易。",
+    "priceImpact": "源代币和目标代币之间的估计差值。",
+    "progressToNextUpdate": "数据将在{{value}} 秒后自动刷新，点击这里可以手动更新。",
+    "selectAll": "全选",
+    "settingsModified": "设置(已修改)",
+    "slippage": "真实的成交价位与预设的成交价位间相差的最大百分比。该值可以在设置中更改。"
+  },
+  "main": {
+    "allNetworks": "",
+    "allTokens": "所有代币",
+    "bridgeStepDetails": "通过 {{tool}} 把资产从 {{from}} 链跨到 {{to}} 链上",
+    "checkoutStepDetails": "通过 {{tool}} 购买",
+    "currentAmount": "当前余额",
+    "depositStepDetails": "通过 {{tool}} 存入资金",
+    "estimatedTime": "",
+    "exchangeRate": "",
+    "featuredTokens": "精选代币",
+    "fees": {
+      "defaultIntegrator": "集成商费用",
+      "relayerService": "",
+      "estimated": "预估总费用",
+      "free": "",
+      "network": "网络费用",
+      "paid": "已支付的费用",
+      "provider": "供应商费用"
+    },
+    "from": "从",
+    "inProgress": "进行中",
+    "maxSlippage": "最大滑点",
+    "minReceived": "最少收到",
+    "myTokens": "我的代币",
+    "onChain": "在{{chainName}} 上",
+    "ownedBy": "属于",
+    "pinnedTokens": "",
+    "popularTokens": "热门代币",
+    "priceImpact": "价格冲击",
+    "process": {
+      "bridge": {
+        "actionRequired": "",
+        "messageRequired": "",
+        "done": "跨链交易已确认",
+        "pending": "",
+        "started": "准备执行跨链交易"
+      },
+      "checkout": {
+        "done": "购买完成"
+      },
+      "deposit": {
+        "done": "已完成存款"
+      },
+      "receivingChain": {
+        "done": "跨链完成",
+        "partial": "跨链部分完成",
+        "pending": "等待接收链回应",
+        "refunded": "跨链交易资产已退还"
+      },
+      "swap": {
+        "actionRequired": "",
+        "messageRequired": "",
+        "done": "兑换完成",
+        "pending": "",
+        "started": "准备兑换"
+      },
+      "permit": {
+        "actionRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      },
+      "tokenAllowance": {
+        "actionRequired": "",
+        "resetRequired": "",
+        "done": "",
+        "pending": "",
+        "started": ""
+      }
+    },
+    "quotedAmount": "报价金额",
+    "rateChange": "波动率",
+    "receiving": "接收",
+    "refuelStepDetails": "通过 {{tool}} 获取燃气费",
+    "route": "",
+    "select": "",
+    "sendToAddress": "发送到{{address}}",
+    "sendToWallet": "发送到另外的钱包",
+    "sending": "发送中",
+    "sentToAddress": "发送到{{address}}",
+    "stepBridge": "跨链",
+    "stepBridgeAndBuy": "跨链并购买",
+    "stepBridgeAndDeposit": "跨链并存款",
+    "stepBuy": "购买",
+    "stepDeposit": "存款",
+    "stepDetails": "通过 LI.FI {{tool}}",
+    "stepSwap": "兑换",
+    "stepSwapAndBridge": "兑换和跨链",
+    "stepSwapAndBuy": "兑换并购买",
+    "stepSwapAndDeposit": "兑换并存款",
+    "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
+    "receipts": "",
+    "sentToWallet": "",
+    "transferId": "交易 ID",
+    "tags": {
+      "cheapest": "最佳报价",
+      "fastest": "速度最快",
+      "gasless": "",
+      "multistep": ""
+    },
+    "to": "到",
+    "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
+    "tokenOnChainAmount": "",
+    "tokenSearch": "",
+    "valueLoss": "资金损失",
+    "searchBridges": "搜索跨链桥",
+    "searchExchanges": "搜索交易所",
+    "searchNetwork": ""
+  },
+  "settings": {
+    "appearance": "",
+    "enabledBridges": "跨链桥",
+    "enabledExchanges": "交易所",
+    "gasPrice": {
+      "fast": "快速",
+      "normal": "正常",
+      "slow": "缓慢",
+      "title": "燃气费"
+    },
+    "routePriority": "路由优先级",
+    "slippage": "最大滑点",
+    "custom": "自定义",
+    "resetSettings": "您正在使用自定义设置来过滤可用路由。",
+    "hideSmallBalances": ""
+  },
+  "sendToWallet": {
+    "addBookmark": "添加到收藏",
+    "bookmarkWallet": "已收藏的钱包",
+    "confirmWalletAddress": "确认钱包地址",
+    "connectedWallets": "已连接的钱包",
+    "enterAddress_long": "请输入地址或钱包域名",
+    "enterAddress_short": "请输入钱包地址",
+    "enterName": "输入名称",
+    "noBookmarkedWallets": "没有收藏的钱包",
+    "noConnectedWallets": "没有已连接的钱包",
+    "noRecentWallets": "没有最近使用的钱包",
+    "required": ""
+  },
+  "tokenMetric": {
+    "currentPrice": "",
+    "contractAddress": "",
+    "marketCap": "",
+    "volume24h": ""
+  }
+}

package/dist/esm/stores/routes/createRouteExecutionStore.js

@@ -63,6 +63,7 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 }), {
 	name: `${namePrefix || "li.fi"}-widget-routes`,
 	version: 3,
+	migrate: (persistedState) => persistedState,
 	partialize: (state) => ({ routes: state.routes }),
 	merge: (persistedState, currentState) => {
 		const state = {

package/dist/esm/stores/routes/createRouteExecutionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        version: 3,\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":";;;;;;AAeA,MAAa,6BAA6B,EACxC,iBAEA,QAA6B,CAC3B,SACG,KAAK,SAAS;CACb,QAAQ,EAAE;CACV,qBAAqB,OAAc,uBAAkC;AACnE,MAAI,CAAC,KAAK,CAAC,OAAO,MAAM,IACtB,MAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAElC,UAAO,KAAK,OAAO,CAChB,QACE,YACC,CAAC,oBAAoB,SAAS,QAAQ,IACtC,YACE,OAAO,SAAU,QACjB,qBAAqB,KACtB,CACJ,CACA,SAAS,YAAY;AACpB,WAAO,OAAO;KACd;AACJ,UAAO,MAAM,MAAM;IACjB;IACA,QAAQ,qBAAqB;IAC9B;AACD,UAAO,EACL,QACD;IACD;;CAGN,cAAc,UAAyB;AACrC,MAAI,KAAK,CAAC,OAAO,MAAM,IACrB,MAAK,UAA+B;GAClC,MAAM,eAAe,EACnB,QAAQ;IACN,GAAG,MAAM;KACR,MAAM,KAAK;KAAE,GAAG,MAAM,OAAO,MAAM;KAAM;KAAO;IAClD,EACF;AAED,OADiB,cAAc,MAAM,EACvB;AACZ,iBAAa,OAAO,MAAM,IAAK,SAC7B,qBAAqB;AACvB,WAAO;;AAGT,OADe,YAAY,MAAM,EACrB;AACV,iBAAa,OAAO,MAAM,IAAK,SAC7B,qBAAqB;AACvB,QAAI,qBAAqB,MAAM,CAC7B,cAAa,OAAO,MAAM,IAAK,UAC7B,qBAAqB;aACd,gBAAgB,MAAM,CAC/B,cAAa,OAAO,MAAM,IAAK,UAC7B,qBAAqB;AAEzB,WAAO;;AAGT,OADkB,MAAM,MAAM,MAAM,SAAS,KAAK,UAAU,CAE1D,cAAa,OAAO,MAAM,IAAK,SAC7B,qBAAqB;AAEzB,UAAO;IACP;;CAGN,eAAe,MAAM,qBACnB,KAAK,UAA+B;EAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAClC,SAAO,KAAK,OAAO,CAChB,QAAQ,YAAY;GACnB,MAAM,QAAQ,OAAO;AACrB,OACE,oBACA,CAAC,iBAAiB,SAAS,OAAO,MAAM,eAAe,GAAG,CAE1D,QAAO;AAET,UAAO,SAAS,cACZ,YAAY,OAAO,UAAU,GAAG,qBAAqB,KAAK,GAC1D,SAAS,WACP,YACE,OAAO,UAAU,GACjB,qBAAqB,OACtB,GACD,CAAC,YACC,OAAO,UAAU,GACjB,qBAAqB,KACtB;IACP,CACD,SAAS,YAAY;AACpB,UAAO,OAAO;IACd;AACJ,SAAO,EACL,QACD;GACD;CACJ,cAAc,YAAoB;AAChC,MAAI,KAAK,CAAC,OAAO,SACf,MAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAClC,UAAO,OAAO;AACd,UAAO,EACL,QACD;IACD;;CAGP,GACD;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW,EAAE,QAAQ,MAAM,QAAQ;CAChD,QAAQ,gBAAqB,iBAAsC;EACjE,MAAM,QAAQ;GACZ,GAAG;GACH,GAAG;GACJ;AACD,MAAI;GAKF,MAAM,eADY,OAAO,OAAO,MAAM,OAAO,CAE1C,MACE,GAAG,OACD,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,MAC1C,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,GAC9C,CACA,MAAM,GARe,IAQI;GAC5B,MAAM,UAAU,IAAI,IAAI,aAAa,KAAK,MAAM,EAAE,MAAM,GAAG,CAAC;AAC5D,QAAK,MAAM,MAAM,OAAO,KAAK,MAAM,OAAO,CACxC,KAAI,CAAC,QAAQ,IAAI,GAAG,CAClB,QAAO,MAAM,OAAO;WAGjB,OAAO;AACd,WAAQ,MAAM,MAAM;;AAEtB,SAAO;;CAEV,CACF,CACF"}
+{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        version: 3,\n        migrate: (persistedState: any) => persistedState,\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":"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"}

package/dist/esm/utils/getActionMessage.js

@@ -6,7 +6,7 @@ const actionStatusMessages = {
 	CHECK_ALLOWANCE: {
 		STARTED: (t, step) => t("main.process.tokenAllowance.started", { tokenSymbol: step.action.fromToken.symbol }),
 		PENDING: (t, step) => t("main.process.tokenAllowance.pending", { tokenSymbol: step.action.fromToken.symbol }),
-		DONE: (t, step) => t("main.process.tokenAllowance.pending", { tokenSymbol: step.action.fromToken.symbol })
+		DONE: (t, step) => t("main.process.tokenAllowance.done", { tokenSymbol: step.action.fromToken.symbol })
 	},
 	NATIVE_PERMIT: {
 		STARTED: (t) => t("main.process.permit.started"),

package/dist/esm/utils/getActionMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"getActionMessage.js","names":[],"sources":["../../../src/utils/getActionMessage.ts"],"sourcesContent":["import type {\n  ExecutionActionStatus,\n  ExecutionActionType,\n  LiFiStepExtended,\n  StatusMessage,\n  Substatus,\n} from '@lifi/sdk'\nimport type { TFunction } from 'i18next'\nimport type { SubvariantOptions, WidgetSubvariant } from '../types/widget'\n\nexport function getActionMessage(\n  t: TFunction,\n  step: LiFiStepExtended,\n  type: ExecutionActionType,\n  status: ExecutionActionStatus,\n  substatus?: Substatus,\n  subvariant?: WidgetSubvariant,\n  subvariantOptions?: SubvariantOptions\n): {\n  title?: string\n  message?: string\n} {\n  const messageWithSubstatus = substatus\n    ? actionSubstatusMessages[status as StatusMessage]?.[substatus]?.(t)\n    : undefined\n  const title =\n    messageWithSubstatus ??\n    actionStatusMessages[type]?.[status]?.(\n      t,\n      step,\n      subvariant,\n      subvariantOptions\n    )\n  return { title }\n}\n\nconst actionStatusMessages: Record<\n  ExecutionActionType,\n  Partial<\n    Record<\n      ExecutionActionStatus,\n      (\n        t: TFunction,\n        step: LiFiStepExtended,\n        subvariant?: WidgetSubvariant,\n        subvariantOptions?: SubvariantOptions\n      ) => string\n    >\n  >\n> = {\n  CHECK_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.started', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  NATIVE_PERMIT: {\n    STARTED: (t) => t('main.process.permit.started'),\n    ACTION_REQUIRED: (t) => t('main.process.permit.actionRequired'),\n    PENDING: (t) => t('main.process.permit.pending'),\n    DONE: (t) => t('main.process.permit.done'),\n  },\n  RESET_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    RESET_REQUIRED: (t, step) =>\n      t('main.process.tokenAllowance.resetRequired', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  SET_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    ACTION_REQUIRED: (t, step) =>\n      t('main.process.tokenAllowance.actionRequired', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.done', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  PERMIT: {\n    STARTED: (t) => t('main.process.permit.started'),\n    ACTION_REQUIRED: (t) => t('main.process.permit.actionRequired'),\n    PENDING: (t) => t('main.process.permit.pending'),\n    DONE: (t) => t('main.process.permit.done'),\n  },\n  SWAP: {\n    STARTED: (t) => t('main.process.swap.started'),\n    ACTION_REQUIRED: (t) => t('main.process.swap.actionRequired'),\n    MESSAGE_REQUIRED: (t) => t('main.process.swap.messageRequired'),\n    PENDING: (t) => t('main.process.swap.pending'),\n    DONE: (t, _, subvariant, subvariantOptions) =>\n      subvariant === 'custom'\n        ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)\n        : t('main.process.swap.done'),\n  },\n  CROSS_CHAIN: {\n    STARTED: (t) => t('main.process.bridge.started'),\n    ACTION_REQUIRED: (t) => t('main.process.bridge.actionRequired'),\n    MESSAGE_REQUIRED: (t) => t('main.process.bridge.messageRequired'),\n    PENDING: (t) => t('main.process.bridge.pending'),\n    DONE: (t) => t('main.process.bridge.done'),\n  },\n  RECEIVING_CHAIN: {\n    STARTED: (t) => t('main.process.receivingChain.pending'),\n    PENDING: (t) => t('main.process.receivingChain.pending'),\n    DONE: (t, _, subvariant, subvariantOptions) =>\n      subvariant === 'custom'\n        ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)\n        : t('main.process.receivingChain.done'),\n  },\n}\n\nconst actionSubstatusMessages: Record<\n  StatusMessage,\n  Partial<Record<Substatus, (t: TFunction) => string>>\n> = {\n  PENDING: {\n    // BRIDGE_NOT_AVAILABLE: 'Bridge communication is temporarily unavailable.',\n    // CHAIN_NOT_AVAILABLE: 'RPC communication is temporarily unavailable.',\n    // REFUND_IN_PROGRESS:\n    //   \"The refund has been requested and it's being processed\",\n    // WAIT_DESTINATION_TRANSACTION:\n    //   'The bridge off-chain logic is being executed. Wait for the transaction to appear on the destination chain.',\n    // WAIT_SOURCE_CONFIRMATIONS:\n    //   'The bridge deposit has been received. The bridge is waiting for more confirmations to start the off-chain logic.',\n  },\n  DONE: {\n    // COMPLETED: 'The transfer is complete.',\n    PARTIAL: (t) => t('main.process.receivingChain.partial'),\n    REFUNDED: (t) => t('main.process.receivingChain.partial'),\n  },\n  FAILED: {\n    // TODO: should be moved to failed status\n    // NOT_PROCESSABLE_REFUND_NEEDED:\n    //   'The transfer cannot be completed successfully. A refund operation is required.',\n    // UNKNOWN_ERROR:\n    //   'An unexpected error occurred. Please seek assistance in the LI.FI discord server.',\n  },\n  INVALID: {},\n  NOT_FOUND: {},\n}\n"],"mappings":";AAUA,SAAgB,iBACd,GACA,MACA,MACA,QACA,WACA,YACA,mBAIA;AAYA,QAAO,EAAE,QAXoB,YACzB,wBAAwB,UAA2B,aAAa,EAAE,GAClE,KAAA,MAGF,qBAAqB,QAAQ,UAC3B,GACA,MACA,YACA,kBACD,EACa;;AAGlB,MAAM,uBAaF;CACF,iBAAiB;EACf,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,eAAe;EACb,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,iBAAiB;EACf,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,iBAAiB,GAAG,SAClB,EAAE,6CAA6C,EAC7C,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,eAAe;EACb,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,kBAAkB,GAAG,SACnB,EAAE,8CAA8C,EAC9C,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,oCAAoC,EACpC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,QAAQ;EACN,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,MAAM;EACJ,UAAU,MAAM,EAAE,4BAA4B;EAC9C,kBAAkB,MAAM,EAAE,mCAAmC;EAC7D,mBAAmB,MAAM,EAAE,oCAAoC;EAC/D,UAAU,MAAM,EAAE,4BAA4B;EAC9C,OAAO,GAAG,GAAG,YAAY,sBACvB,eAAe,WACX,EAAE,gBAAgB,mBAAmB,UAAU,WAAW,OAAO,GACjE,EAAE,yBAAyB;EAClC;CACD,aAAa;EACX,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,mBAAmB,MAAM,EAAE,sCAAsC;EACjE,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,iBAAiB;EACf,UAAU,MAAM,EAAE,sCAAsC;EACxD,UAAU,MAAM,EAAE,sCAAsC;EACxD,OAAO,GAAG,GAAG,YAAY,sBACvB,eAAe,WACX,EAAE,gBAAgB,mBAAmB,UAAU,WAAW,OAAO,GACjE,EAAE,mCAAmC;EAC5C;CACF;AAED,MAAM,0BAGF;CACF,SAAS,EASR;CACD,MAAM;EAEJ,UAAU,MAAM,EAAE,sCAAsC;EACxD,WAAW,MAAM,EAAE,sCAAsC;EAC1D;CACD,QAAQ,EAMP;CACD,SAAS,EAAE;CACX,WAAW,EAAE;CACd"}
+{"version":3,"file":"getActionMessage.js","names":[],"sources":["../../../src/utils/getActionMessage.ts"],"sourcesContent":["import type {\n  ExecutionActionStatus,\n  ExecutionActionType,\n  LiFiStepExtended,\n  StatusMessage,\n  Substatus,\n} from '@lifi/sdk'\nimport type { TFunction } from 'i18next'\nimport type { SubvariantOptions, WidgetSubvariant } from '../types/widget'\n\nexport function getActionMessage(\n  t: TFunction,\n  step: LiFiStepExtended,\n  type: ExecutionActionType,\n  status: ExecutionActionStatus,\n  substatus?: Substatus,\n  subvariant?: WidgetSubvariant,\n  subvariantOptions?: SubvariantOptions\n): {\n  title?: string\n  message?: string\n} {\n  const messageWithSubstatus = substatus\n    ? actionSubstatusMessages[status as StatusMessage]?.[substatus]?.(t)\n    : undefined\n  const title =\n    messageWithSubstatus ??\n    actionStatusMessages[type]?.[status]?.(\n      t,\n      step,\n      subvariant,\n      subvariantOptions\n    )\n  return { title }\n}\n\nconst actionStatusMessages: Record<\n  ExecutionActionType,\n  Partial<\n    Record<\n      ExecutionActionStatus,\n      (\n        t: TFunction,\n        step: LiFiStepExtended,\n        subvariant?: WidgetSubvariant,\n        subvariantOptions?: SubvariantOptions\n      ) => string\n    >\n  >\n> = {\n  CHECK_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.started', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.done', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  NATIVE_PERMIT: {\n    STARTED: (t) => t('main.process.permit.started'),\n    ACTION_REQUIRED: (t) => t('main.process.permit.actionRequired'),\n    PENDING: (t) => t('main.process.permit.pending'),\n    DONE: (t) => t('main.process.permit.done'),\n  },\n  RESET_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    RESET_REQUIRED: (t, step) =>\n      t('main.process.tokenAllowance.resetRequired', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  SET_ALLOWANCE: {\n    STARTED: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    ACTION_REQUIRED: (t, step) =>\n      t('main.process.tokenAllowance.actionRequired', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    PENDING: (t, step) =>\n      t('main.process.tokenAllowance.pending', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n    DONE: (t, step) =>\n      t('main.process.tokenAllowance.done', {\n        tokenSymbol: step.action.fromToken.symbol,\n      }),\n  },\n  PERMIT: {\n    STARTED: (t) => t('main.process.permit.started'),\n    ACTION_REQUIRED: (t) => t('main.process.permit.actionRequired'),\n    PENDING: (t) => t('main.process.permit.pending'),\n    DONE: (t) => t('main.process.permit.done'),\n  },\n  SWAP: {\n    STARTED: (t) => t('main.process.swap.started'),\n    ACTION_REQUIRED: (t) => t('main.process.swap.actionRequired'),\n    MESSAGE_REQUIRED: (t) => t('main.process.swap.messageRequired'),\n    PENDING: (t) => t('main.process.swap.pending'),\n    DONE: (t, _, subvariant, subvariantOptions) =>\n      subvariant === 'custom'\n        ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)\n        : t('main.process.swap.done'),\n  },\n  CROSS_CHAIN: {\n    STARTED: (t) => t('main.process.bridge.started'),\n    ACTION_REQUIRED: (t) => t('main.process.bridge.actionRequired'),\n    MESSAGE_REQUIRED: (t) => t('main.process.bridge.messageRequired'),\n    PENDING: (t) => t('main.process.bridge.pending'),\n    DONE: (t) => t('main.process.bridge.done'),\n  },\n  RECEIVING_CHAIN: {\n    STARTED: (t) => t('main.process.receivingChain.pending'),\n    PENDING: (t) => t('main.process.receivingChain.pending'),\n    DONE: (t, _, subvariant, subvariantOptions) =>\n      subvariant === 'custom'\n        ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)\n        : t('main.process.receivingChain.done'),\n  },\n}\n\nconst actionSubstatusMessages: Record<\n  StatusMessage,\n  Partial<Record<Substatus, (t: TFunction) => string>>\n> = {\n  PENDING: {\n    // BRIDGE_NOT_AVAILABLE: 'Bridge communication is temporarily unavailable.',\n    // CHAIN_NOT_AVAILABLE: 'RPC communication is temporarily unavailable.',\n    // REFUND_IN_PROGRESS:\n    //   \"The refund has been requested and it's being processed\",\n    // WAIT_DESTINATION_TRANSACTION:\n    //   'The bridge off-chain logic is being executed. Wait for the transaction to appear on the destination chain.',\n    // WAIT_SOURCE_CONFIRMATIONS:\n    //   'The bridge deposit has been received. The bridge is waiting for more confirmations to start the off-chain logic.',\n  },\n  DONE: {\n    // COMPLETED: 'The transfer is complete.',\n    PARTIAL: (t) => t('main.process.receivingChain.partial'),\n    REFUNDED: (t) => t('main.process.receivingChain.partial'),\n  },\n  FAILED: {\n    // TODO: should be moved to failed status\n    // NOT_PROCESSABLE_REFUND_NEEDED:\n    //   'The transfer cannot be completed successfully. A refund operation is required.',\n    // UNKNOWN_ERROR:\n    //   'An unexpected error occurred. Please seek assistance in the LI.FI discord server.',\n  },\n  INVALID: {},\n  NOT_FOUND: {},\n}\n"],"mappings":";AAUA,SAAgB,iBACd,GACA,MACA,MACA,QACA,WACA,YACA,mBAIA;AAYA,QAAO,EAAE,QAXoB,YACzB,wBAAwB,UAA2B,aAAa,EAAE,GAClE,KAAA,MAGF,qBAAqB,QAAQ,UAC3B,GACA,MACA,YACA,kBACD,EACa;;AAGlB,MAAM,uBAaF;CACF,iBAAiB;EACf,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,oCAAoC,EACpC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,eAAe;EACb,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,iBAAiB;EACf,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,iBAAiB,GAAG,SAClB,EAAE,6CAA6C,EAC7C,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,eAAe;EACb,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,kBAAkB,GAAG,SACnB,EAAE,8CAA8C,EAC9C,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,UAAU,GAAG,SACX,EAAE,uCAAuC,EACvC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACJ,OAAO,GAAG,SACR,EAAE,oCAAoC,EACpC,aAAa,KAAK,OAAO,UAAU,QACpC,CAAC;EACL;CACD,QAAQ;EACN,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,MAAM;EACJ,UAAU,MAAM,EAAE,4BAA4B;EAC9C,kBAAkB,MAAM,EAAE,mCAAmC;EAC7D,mBAAmB,MAAM,EAAE,oCAAoC;EAC/D,UAAU,MAAM,EAAE,4BAA4B;EAC9C,OAAO,GAAG,GAAG,YAAY,sBACvB,eAAe,WACX,EAAE,gBAAgB,mBAAmB,UAAU,WAAW,OAAO,GACjE,EAAE,yBAAyB;EAClC;CACD,aAAa;EACX,UAAU,MAAM,EAAE,8BAA8B;EAChD,kBAAkB,MAAM,EAAE,qCAAqC;EAC/D,mBAAmB,MAAM,EAAE,sCAAsC;EACjE,UAAU,MAAM,EAAE,8BAA8B;EAChD,OAAO,MAAM,EAAE,2BAA2B;EAC3C;CACD,iBAAiB;EACf,UAAU,MAAM,EAAE,sCAAsC;EACxD,UAAU,MAAM,EAAE,sCAAsC;EACxD,OAAO,GAAG,GAAG,YAAY,sBACvB,eAAe,WACX,EAAE,gBAAgB,mBAAmB,UAAU,WAAW,OAAO,GACjE,EAAE,mCAAmC;EAC5C;CACF;AAED,MAAM,0BAGF;CACF,SAAS,EASR;CACD,MAAM;EAEJ,UAAU,MAAM,EAAE,sCAAsC;EACxD,WAAW,MAAM,EAAE,sCAAsC;EAC1D;CACD,QAAQ,EAMP;CACD,SAAS,EAAE;CACX,WAAW,EAAE;CACd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -47,8 +47,8 @@
     "react-intersection-observer": "^10.0.3",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.12",
-    "@lifi/widget-provider": "4.0.0-beta.10",
-    "@lifi/wallet-management": "4.0.0-beta.10"
+    "@lifi/wallet-management": "4.0.0-beta.11",
+    "@lifi/widget-provider": "4.0.0-beta.11"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/components/SelectTokenButton/SelectTokenButton.style.tsx

@@ -11,77 +11,45 @@ import { CardHeader } from '../Card/CardHeader.js'
 export const SelectTokenCardHeader: React.FC<
   React.ComponentProps<typeof CardHeader> & {
     selected?: boolean
-    compact?: boolean
   }
 > = styled(CardHeader, {
-  shouldForwardProp: (prop) =>
-    !['selected', 'compact'].includes(prop as string),
-})<{ selected?: boolean; compact?: boolean }>(
-  ({ theme, selected, compact }) => ({
-    padding: theme.spacing(2),
-    [`.${cardHeaderClasses.title}`]: {
-      color: theme.vars.palette.text.secondary,
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      width: 256,
-      fontSize: compact && !selected ? 16 : 18,
-      fontWeight: 500,
-      [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
-        width: 224,
-      },
-      [theme.breakpoints.down(theme.breakpoints.values.xs)]: {
-        width: 180,
-        fontSize: 16,
-      },
-    },
-    [`.${cardHeaderClasses.subheader}`]: {
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      width: 256,
-      [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
-        width: 224,
-      },
-      [theme.breakpoints.down(theme.breakpoints.values.xs)]: {
-        width: 180,
-      },
+  shouldForwardProp: (prop) => !['selected'].includes(prop as string),
+})<{ selected?: boolean }>(({ theme }) => ({
+  padding: theme.spacing(2),
+  [`.${cardHeaderClasses.title}`]: {
+    color: theme.vars.palette.text.secondary,
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    width: 96,
+    fontSize: 18,
+    fontWeight: 500,
+    [theme.breakpoints.down(theme.breakpoints.values.xs)]: {
+      fontSize: 16,
     },
-    variants: [
-      {
-        props: ({ selected }) => selected,
-        style: {
-          [`.${cardHeaderClasses.title}`]: {
-            color: theme.vars.palette.text.primary,
-            fontWeight: 600,
-          },
+  },
+  [`.${cardHeaderClasses.subheader}`]: {
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    width: 96,
+  },
+  variants: [
+    {
+      props: ({ selected }) => selected,
+      style: {
+        [`.${cardHeaderClasses.title}`]: {
+          color: theme.vars.palette.text.primary,
+          fontWeight: 600,
         },
       },
-      {
-        props: ({ compact }) => compact,
-        style: {
-          [`.${cardHeaderClasses.title}`]: {
-            width: 96,
-            [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
-              width: 96,
-            },
-          },
-          [`.${cardHeaderClasses.subheader}`]: {
-            width: 96,
-            [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
-              width: 96,
-            },
-          },
-        },
-      },
-    ],
-  })
-)
+    },
+  ],
+}))
 
 export const SelectTokenCard: React.FC<
   React.ComponentProps<typeof Card> & {
     formType?: FormType
-    compact?: boolean
     mask?: boolean
   }
 > = styled(Card)(({ theme }) => {
@@ -101,18 +69,16 @@ export const SelectTokenCard: React.FC<
 export const CardContent: React.FC<
   React.ComponentProps<typeof MuiCardContent> & {
     formType?: FormType
-    compact?: boolean
     mask?: boolean
   }
 > = styled(MuiCardContent, {
-  shouldForwardProp: (prop) =>
-    !['formType', 'compact', 'mask'].includes(prop as string),
-})<{ formType?: FormType; compact?: boolean; mask?: boolean }>(
-  ({ theme, formType, compact, mask = true }) => {
+  shouldForwardProp: (prop) => !['formType', 'mask'].includes(prop as string),
+})<{ formType?: FormType; mask?: boolean }>(
+  ({ theme, formType, mask = true }) => {
     const cardVariant = theme.components?.MuiCard?.defaultProps?.variant
     const direction = formType === 'to' ? '-8px' : 'calc(100% + 8px)'
-    const horizontal = compact ? direction : '50%'
-    const vertical = compact ? '50%' : direction
+    const horizontal = direction
+    const vertical = '50%'
     return {
       padding: 0,
       transition: theme.transitions.create(['background-color'], {

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '4.0.0-beta.10'
+export const version = '4.0.0-beta.12'

package/src/stores/routes/createRouteExecutionStore.ts

@@ -130,6 +130,7 @@ export const createRouteExecutionStore = ({
       {
         name: `${namePrefix || 'li.fi'}-widget-routes`,
         version: 3,
+        migrate: (persistedState: any) => persistedState,
         partialize: (state) => ({ routes: state.routes }),
         merge: (persistedState: any, currentState: RouteExecutionState) => {
           const state = {

package/src/utils/getActionMessage.ts

@@ -58,7 +58,7 @@ const actionStatusMessages: Record<
         tokenSymbol: step.action.fromToken.symbol,
       }),
     DONE: (t, step) =>
-      t('main.process.tokenAllowance.pending', {
+      t('main.process.tokenAllowance.done', {
         tokenSymbol: step.action.fromToken.symbol,
       }),
   },