@lifi/widget 4.0.0-beta.14 → 4.0.0-beta.18

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

@@ -1 +1 @@
-{"version":3,"file":"converters.js","names":[],"sources":["../../../src/utils/converters.ts"],"sourcesContent":["import type {\n  ExecutionAction,\n  ExecutionActionStatus,\n  ExtendedTransactionInfo,\n  FeeCost,\n  FullStatusData,\n  Substatus,\n  TokenAmount,\n  ToolsResponse,\n} from '@lifi/sdk'\nimport type { RouteExecution } from '../stores/routes/types.js'\nimport { formatTokenPrice } from './format.js'\n\nconst buildActionsFromTxHistory = (tx: FullStatusData): ExecutionAction[] => {\n  const sending = tx.sending as ExtendedTransactionInfo\n  const receiving = tx.receiving as ExtendedTransactionInfo\n\n  if (!sending.token?.chainId || !receiving.token?.chainId) {\n    return []\n  }\n\n  const actionStatus: ExecutionActionStatus =\n    tx.status === 'DONE' ? 'DONE' : 'FAILED'\n  const substatus: Substatus =\n    actionStatus === 'FAILED' ? 'UNKNOWN_ERROR' : 'COMPLETED'\n\n  if (sending.chainId === receiving.chainId) {\n    return [\n      {\n        type: 'SWAP', // operations on same chain will be swaps\n        message: '',\n        status: actionStatus,\n        chainId: sending.chainId,\n        txHash: sending.txHash,\n        txLink: sending.txLink,\n        substatus,\n        substatusMessage: '',\n      },\n    ]\n  }\n\n  const actions: ExecutionAction[] = [\n    {\n      type: 'CROSS_CHAIN', // first step of bridging, ignoring the approvals\n      message: '',\n      status: actionStatus, // can be FAILED\n      chainId: sending.chainId,\n      txHash: sending.txHash,\n      txLink: sending.txLink,\n    },\n    {\n      type: 'RECEIVING_CHAIN', // final step of bridging, post swaps\n      message: '',\n      status: actionStatus,\n      substatus,\n      substatusMessage: '',\n      chainId: receiving.chainId,\n      txHash: receiving.txHash,\n      txLink: receiving.txLink,\n    },\n  ]\n\n  return actions\n}\n\nexport const buildRouteFromTxHistory = (\n  tx: FullStatusData,\n  tools?: ToolsResponse\n): RouteExecution | undefined => {\n  const sending = tx.sending as ExtendedTransactionInfo\n  const receiving = tx.receiving as ExtendedTransactionInfo\n\n  if (!sending.token?.chainId || !receiving.token?.chainId) {\n    return\n  }\n\n  let usedTool = tx.sending.includedSteps?.find(\n    (step) => step.toolDetails.key === tx.tool\n  )?.toolDetails\n\n  if (!usedTool) {\n    const selectedBridge = tools?.bridges.find(\n      (bridge) => bridge.key === tx.tool\n    )\n\n    const selectedExchange = tools?.exchanges.find(\n      (exchange) => exchange.key === tx.tool\n    )\n    usedTool = {\n      key: tx.tool,\n      name: selectedBridge?.name ?? selectedExchange?.name ?? tx.tool,\n      logoURI: selectedBridge?.logoURI ?? selectedExchange?.logoURI ?? '',\n    }\n  }\n\n  const fromToken: TokenAmount = {\n    ...sending.token,\n    amount: BigInt(sending.amount ?? 0),\n  }\n\n  const toToken: TokenAmount = {\n    ...receiving.token,\n    amount: BigInt(receiving.amount ?? 0),\n  }\n\n  const sendingValue = sending.value ? BigInt(sending.value) : 0n\n  const sendingFeeAmount =\n    sending.gasToken.address === sending.token.address && sending.amount\n      ? sendingValue - BigInt(sending.amount)\n      : sendingValue\n  const sendingFeeAmountUsd =\n    sending.gasToken.priceUSD && sendingFeeAmount\n      ? formatTokenPrice(\n          sendingFeeAmount,\n          sending.gasToken.priceUSD,\n          sending.gasToken.decimals\n        )\n      : 0\n\n  const feeCosts: FeeCost[] | undefined = sendingFeeAmount\n    ? [\n        {\n          amount: sendingFeeAmount.toString(),\n          amountUSD: sendingFeeAmountUsd.toFixed(2),\n          token: sending.gasToken,\n          included: false,\n          // Not used\n          description: '',\n          name: '',\n          percentage: '',\n        },\n      ]\n    : undefined\n\n  const routeExecution: RouteExecution = {\n    status: 1,\n    route: {\n      id: (tx as FullStatusData).transactionId,\n      fromAddress: (tx as FullStatusData).fromAddress,\n      toAddress: (tx as FullStatusData).toAddress,\n      fromChainId: sending.chainId,\n      fromAmount: sending.amount ?? '',\n      fromAmountUSD: sending.amountUSD ?? '',\n      toAmount: receiving.amount ?? '',\n      toAmountMin: receiving.amount ?? '',\n      toAmountUSD: receiving.amountUSD ?? '',\n      toChainId: receiving.chainId,\n      fromToken,\n      toToken,\n      gasCostUSD: sending.gasAmountUSD,\n      steps: [\n        {\n          id: (tx as FullStatusData).transactionId,\n          type: 'lifi',\n          tool: tx.tool,\n          toolDetails: usedTool,\n          action: {\n            fromToken: sending.token,\n            fromAmount: sending.amount ?? '',\n            fromChainId: sending.chainId,\n            fromAddress: (tx as FullStatusData).fromAddress,\n            toToken: receiving.token,\n            toChainId: receiving.chainId,\n            toAddress: (tx as FullStatusData).toAddress,\n            slippage: 0,\n          },\n          estimate: {\n            tool: tx.tool,\n            approvalAddress: '',\n            fromAmount: sending.amount ?? '',\n            fromAmountUSD: sending.amountUSD ?? '',\n            toAmountMin: receiving.amount ?? '',\n            toAmount: receiving.amount ?? '',\n            toAmountUSD: receiving.amountUSD ?? '',\n            executionDuration: 0,\n          },\n          includedSteps: [\n            {\n              id: (tx as FullStatusData).transactionId,\n              type: sending.chainId === receiving.chainId ? 'swap' : 'cross',\n              action: {\n                fromChainId: sending.chainId,\n                fromAmount: sending.amount ?? '',\n                fromToken: sending.token,\n                toChainId: receiving.chainId,\n                toToken: receiving.token,\n                slippage: 0,\n                fromAddress: (tx as FullStatusData).fromAddress,\n                toAddress: (tx as FullStatusData).toAddress,\n              },\n              estimate: {\n                tool: tx.tool,\n                fromAmount: sending.amount ?? '',\n                toAmount: receiving.amount ?? '',\n                toAmountMin: receiving.amount ?? '',\n                approvalAddress: '',\n                executionDuration: 0,\n              },\n              tool: tx.tool,\n              toolDetails: usedTool,\n            },\n          ],\n          integrator: tx.metadata?.integrator ?? '',\n          execution: {\n            status: 'DONE', // can be FAILED\n            startedAt: sending.timestamp\n              ? sending.timestamp * 1000\n              : Date.now(),\n            actions: buildActionsFromTxHistory(tx),\n            fromAmount: sending.amount,\n            toAmount: receiving.amount,\n            toToken: receiving.token,\n            internalTxLink: tx.lifiExplorerLink,\n            externalTxLink: tx.bridgeExplorerLink,\n            gasCosts: [\n              {\n                amount: sending.gasAmount,\n                amountUSD: sending.gasAmountUSD,\n                token: sending.gasToken,\n                estimate: '0',\n                limit: '0',\n                price: '0',\n                type: 'SEND',\n              },\n            ],\n            feeCosts,\n          },\n        },\n      ],\n      insurance: {\n        state: 'NOT_INSURABLE',\n        feeAmountUsd: '0',\n      },\n    },\n  }\n\n  return routeExecution\n}\n"],"mappings":"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"}
+{"version":3,"file":"converters.js","names":[],"sources":["../../../src/utils/converters.ts"],"sourcesContent":["import type {\n  ExecutionAction,\n  ExecutionActionStatus,\n  ExtendedTransactionInfo,\n  FeeCost,\n  FullStatusData,\n  Substatus,\n  TokenAmount,\n  ToolsResponse,\n} from '@lifi/sdk'\nimport type { RouteExecution } from '../stores/routes/types.js'\nimport { formatTokenPrice } from './format.js'\n\nconst buildActionsFromTxHistory = (tx: FullStatusData): ExecutionAction[] => {\n  const sending = tx.sending as ExtendedTransactionInfo\n  const receiving = tx.receiving as ExtendedTransactionInfo\n\n  if (!sending.token?.chainId || !receiving.token?.chainId) {\n    return []\n  }\n\n  const actionStatus: ExecutionActionStatus =\n    tx.status === 'DONE' ? 'DONE' : 'FAILED'\n  const substatus: Substatus =\n    actionStatus === 'FAILED' ? 'UNKNOWN_ERROR' : 'COMPLETED'\n\n  if (sending.chainId === receiving.chainId) {\n    return [\n      {\n        type: 'SWAP', // operations on same chain will be swaps\n        message: '',\n        status: actionStatus,\n        chainId: sending.chainId,\n        txHash: sending.txHash,\n        txLink: sending.txLink,\n        substatus,\n        substatusMessage: '',\n      },\n    ]\n  }\n\n  const actions: ExecutionAction[] = [\n    {\n      type: 'CROSS_CHAIN', // first step of bridging, ignoring the approvals\n      message: '',\n      status: actionStatus, // can be FAILED\n      chainId: sending.chainId,\n      txHash: sending.txHash,\n      txLink: sending.txLink,\n    },\n    {\n      type: 'RECEIVING_CHAIN', // final step of bridging, post swaps\n      message: '',\n      status: actionStatus,\n      substatus,\n      substatusMessage: '',\n      chainId: receiving.chainId,\n      txHash: receiving.txHash,\n      txLink: receiving.txLink,\n    },\n  ]\n\n  return actions\n}\n\nexport const buildRouteFromTxHistory = (\n  tx: FullStatusData,\n  tools?: ToolsResponse\n): RouteExecution | undefined => {\n  const sending = tx.sending as ExtendedTransactionInfo\n  const receiving = tx.receiving as ExtendedTransactionInfo\n\n  if (!sending.token?.chainId || !receiving.token?.chainId) {\n    return\n  }\n\n  let usedTool = tx.sending.includedSteps?.find(\n    (step) => step.toolDetails.key === tx.tool\n  )?.toolDetails\n\n  if (!usedTool) {\n    const selectedBridge = tools?.bridges.find(\n      (bridge) => bridge.key === tx.tool\n    )\n\n    const selectedExchange = tools?.exchanges.find(\n      (exchange) => exchange.key === tx.tool\n    )\n    usedTool = {\n      key: tx.tool,\n      name: selectedBridge?.name ?? selectedExchange?.name ?? tx.tool,\n      logoURI: selectedBridge?.logoURI ?? selectedExchange?.logoURI ?? '',\n    }\n  }\n\n  const fromToken: TokenAmount = {\n    ...sending.token,\n    amount: BigInt(sending.amount ?? 0),\n  }\n\n  const toToken: TokenAmount = {\n    ...receiving.token,\n    amount: BigInt(receiving.amount ?? 0),\n  }\n\n  const sendingValue = sending.value ? BigInt(sending.value) : 0n\n  const sendingFeeAmount =\n    sending.gasToken.address === sending.token.address && sending.amount\n      ? sendingValue - BigInt(sending.amount)\n      : sendingValue\n  const sendingFeeAmountUsd =\n    sending.gasToken.priceUSD && sendingFeeAmount\n      ? formatTokenPrice(\n          sendingFeeAmount,\n          sending.gasToken.priceUSD,\n          sending.gasToken.decimals\n        )\n      : 0\n\n  const feeCosts: FeeCost[] | undefined = sendingFeeAmount\n    ? [\n        {\n          amount: sendingFeeAmount.toString(),\n          amountUSD: sendingFeeAmountUsd.toFixed(2),\n          token: sending.gasToken,\n          included: false,\n          // Not used\n          description: '',\n          name: '',\n          percentage: '',\n        },\n      ]\n    : undefined\n\n  const routeExecution: RouteExecution = {\n    status: 1,\n    route: {\n      id: (tx as FullStatusData).transactionId,\n      fromAddress: (tx as FullStatusData).fromAddress,\n      toAddress: (tx as FullStatusData).toAddress,\n      fromChainId: sending.chainId,\n      fromAmount: sending.amount ?? '',\n      fromAmountUSD: sending.amountUSD ?? '',\n      toAmount: receiving.amount ?? '',\n      toAmountMin: receiving.amount ?? '',\n      toAmountUSD: receiving.amountUSD ?? '',\n      toChainId: receiving.chainId,\n      fromToken,\n      toToken,\n      gasCostUSD: sending.gasAmountUSD,\n      steps: [\n        {\n          id: (tx as FullStatusData).transactionId,\n          type: 'lifi',\n          tool: tx.tool,\n          toolDetails: usedTool,\n          action: {\n            fromToken: sending.token,\n            fromAmount: sending.amount ?? '',\n            fromChainId: sending.chainId,\n            fromAddress: (tx as FullStatusData).fromAddress,\n            toToken: receiving.token,\n            toChainId: receiving.chainId,\n            toAddress: (tx as FullStatusData).toAddress,\n            slippage: 0,\n          },\n          estimate: {\n            tool: tx.tool,\n            approvalAddress: '',\n            fromAmount: sending.amount ?? '',\n            fromAmountUSD: sending.amountUSD ?? '',\n            toAmountMin: receiving.amount ?? '',\n            toAmount: receiving.amount ?? '',\n            toAmountUSD: receiving.amountUSD ?? '',\n            executionDuration: 0,\n          },\n          includedSteps: [\n            {\n              id: (tx as FullStatusData).transactionId,\n              type: sending.chainId === receiving.chainId ? 'swap' : 'cross',\n              action: {\n                fromChainId: sending.chainId,\n                fromAmount: sending.amount ?? '',\n                fromToken: sending.token,\n                toChainId: receiving.chainId,\n                toToken: receiving.token,\n                slippage: 0,\n                fromAddress: (tx as FullStatusData).fromAddress,\n                toAddress: (tx as FullStatusData).toAddress,\n              },\n              estimate: {\n                tool: tx.tool,\n                fromAmount: sending.amount ?? '',\n                toAmount: receiving.amount ?? '',\n                toAmountMin: receiving.amount ?? '',\n                approvalAddress: '',\n                executionDuration: 0,\n              },\n              tool: tx.tool,\n              toolDetails: usedTool,\n            },\n          ],\n          integrator: tx.metadata?.integrator ?? '',\n          execution: {\n            status: 'DONE', // can be FAILED\n            startedAt: sending.timestamp\n              ? sending.timestamp * 1000\n              : Date.now(),\n            actions: buildActionsFromTxHistory(tx),\n            fromAmount: sending.amount,\n            toAmount: receiving.amount,\n            toToken: receiving.token,\n            internalTxLink: tx.lifiExplorerLink,\n            externalTxLink: tx.bridgeExplorerLink,\n            gasCosts: [\n              {\n                amount: sending.gasAmount,\n                amountUSD: sending.gasAmountUSD,\n                token: sending.gasToken,\n                estimate: '0',\n                limit: '0',\n                price: '0',\n                type: 'SEND',\n              },\n            ],\n            feeCosts,\n          },\n        },\n      ],\n      insurance: {\n        state: 'NOT_INSURABLE',\n        feeAmountUsd: '0',\n      },\n    },\n  }\n\n  return routeExecution\n}\n"],"mappings":"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"}

package/dist/esm/utils/elements.js

@@ -1,17 +1,10 @@
 //#region src/utils/elements.ts
-let ElementId = /* @__PURE__ */ function(ElementId) {
-	ElementId["AppExpandedContainer"] = "widget-app-expanded-container";
-	ElementId["Header"] = "widget-header";
-	ElementId["RelativeContainer"] = "widget-relative-container";
-	ElementId["ScrollableContainer"] = "widget-scrollable-container";
-	return ElementId;
-}({});
 const createElementId = (ElementId, elementId) => elementId ? `${ElementId}-${elementId}` : ElementId;
-const getAppContainer = (elementId) => document.getElementById(createElementId(ElementId.AppExpandedContainer, elementId));
-const getRelativeContainer = (elementId) => document.getElementById(createElementId(ElementId.RelativeContainer, elementId));
-const getScrollableContainer = (elementId) => document.getElementById(createElementId(ElementId.ScrollableContainer, elementId));
-const getHeaderElement = (elementId) => document.getElementById(createElementId(ElementId.Header, elementId));
+const getAppContainer = (elementId) => document.getElementById(createElementId("widget-app-expanded-container", elementId));
+const getRelativeContainer = (elementId) => document.getElementById(createElementId("widget-relative-container", elementId));
+const getScrollableContainer = (elementId) => document.getElementById(createElementId("widget-scrollable-container", elementId));
+const getHeaderElement = (elementId) => document.getElementById(createElementId("widget-header", elementId));
 //#endregion
-export { ElementId, createElementId, getAppContainer, getHeaderElement, getRelativeContainer, getScrollableContainer };
+export { createElementId, getAppContainer, getHeaderElement, getRelativeContainer, getScrollableContainer };
 
 //# sourceMappingURL=elements.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"elements.js","names":[],"sources":["../../../src/utils/elements.ts"],"sourcesContent":["export enum ElementId {\n  AppExpandedContainer = 'widget-app-expanded-container',\n  Header = 'widget-header',\n  RelativeContainer = 'widget-relative-container',\n  ScrollableContainer = 'widget-scrollable-container',\n}\n\nexport const createElementId = (\n  ElementId: ElementId,\n  elementId: string\n): string => (elementId ? `${ElementId}-${elementId}` : ElementId)\n\n// NOTE: The getter functions here are often used with code that can be effected by css changes in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n\nexport const getAppContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.AppExpandedContainer, elementId)\n  )\n\nexport const getRelativeContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.RelativeContainer, elementId)\n  )\n\nexport const getScrollableContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.ScrollableContainer, elementId)\n  )\n\nexport const getHeaderElement = (elementId: string): HTMLElement | null =>\n  document.getElementById(createElementId(ElementId.Header, elementId))\n"],"mappings":";AAAA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,0BAAA;AACA,WAAA,YAAA;AACA,WAAA,uBAAA;AACA,WAAA,yBAAA;;KACD;AAED,MAAa,mBACX,WACA,cACY,YAAY,GAAG,UAAU,GAAG,cAAc;AAKxD,MAAa,mBAAmB,cAC9B,SAAS,eACP,gBAAgB,UAAU,sBAAsB,UAAU,CAC3D;AAEH,MAAa,wBAAwB,cACnC,SAAS,eACP,gBAAgB,UAAU,mBAAmB,UAAU,CACxD;AAEH,MAAa,0BAA0B,cACrC,SAAS,eACP,gBAAgB,UAAU,qBAAqB,UAAU,CAC1D;AAEH,MAAa,oBAAoB,cAC/B,SAAS,eAAe,gBAAgB,UAAU,QAAQ,UAAU,CAAC"}
+{"version":3,"file":"elements.js","names":[],"sources":["../../../src/utils/elements.ts"],"sourcesContent":["export enum ElementId {\n  AppExpandedContainer = 'widget-app-expanded-container',\n  Header = 'widget-header',\n  RelativeContainer = 'widget-relative-container',\n  ScrollableContainer = 'widget-scrollable-container',\n}\n\nexport const createElementId = (\n  ElementId: ElementId,\n  elementId: string\n): string => (elementId ? `${ElementId}-${elementId}` : ElementId)\n\n// NOTE: The getter functions here are often used with code that can be effected by css changes in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n\nexport const getAppContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.AppExpandedContainer, elementId)\n  )\n\nexport const getRelativeContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.RelativeContainer, elementId)\n  )\n\nexport const getScrollableContainer = (elementId: string): HTMLElement | null =>\n  document.getElementById(\n    createElementId(ElementId.ScrollableContainer, elementId)\n  )\n\nexport const getHeaderElement = (elementId: string): HTMLElement | null =>\n  document.getElementById(createElementId(ElementId.Header, elementId))\n"],"mappings":";AAOA,MAAa,mBACX,WACA,cACY,YAAY,GAAG,UAAU,GAAG,cAAc;AAKxD,MAAa,mBAAmB,cAC9B,SAAS,eACP,gBAAA,iCAAgD,UAAU,CAC3D;AAEH,MAAa,wBAAwB,cACnC,SAAS,eACP,gBAAA,6BAA6C,UAAU,CACxD;AAEH,MAAa,0BAA0B,cACrC,SAAS,eACP,gBAAA,+BAA+C,UAAU,CAC1D;AAEH,MAAa,oBAAoB,cAC/B,SAAS,eAAe,gBAAA,iBAAkC,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"format.js","names":[],"sources":["../../../src/utils/format.ts"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\n\nexport const usdDecimals = 2\n\n/**\n * Format token amount to at least 6 decimals.\n * @param amount amount to format.\n * @returns formatted amount.\n */\nexport function formatTokenAmount(\n  amount: bigint | undefined,\n  decimals: number\n): string {\n  const formattedAmount = amount ? formatUnits(amount, decimals) : '0'\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {\n    return '0'\n  }\n\n  return formattedAmount\n}\n\nexport function formatSlippage(\n  slippage = '',\n  defaultValue = '',\n  returnInitial = false\n): string {\n  if (!slippage) {\n    return slippage\n  }\n  const parsedSlippage = Number.parseFloat(slippage)\n  if (Number.isNaN(Number(slippage)) && !Number.isNaN(parsedSlippage)) {\n    return parsedSlippage.toString()\n  }\n  if (Number.isNaN(parsedSlippage)) {\n    return defaultValue\n  }\n  if (parsedSlippage >= 100) {\n    return '100'\n  }\n  if (parsedSlippage < 0) {\n    return Math.abs(parsedSlippage).toString()\n  }\n  if (returnInitial) {\n    return slippage\n  }\n  return parsedSlippage.toString()\n}\n\n/**\n * Formats a user input amount string, normalizing it and optionally limiting decimal places.\n * @param amount - The amount string to format (e.g., '123.45', '1,23', '0..')\n * @param decimals - Maximum number of decimal places to allow. If null, no limit is applied.\n * @param returnInitial - If true, preserves the input format during typing (e.g., keeps trailing dots,\n *                        preserves leading zeros, keeps negative signs). If false (default), cleans up the\n *                        format on blur (removes leading/trailing zeros, removes negative signs).\n * @returns The formatted amount string, or empty string for invalid input.\n */\nexport function formatInputAmount(\n  amount: string,\n  decimals: number | null = null,\n  returnInitial: boolean = false\n): string {\n  if (!amount) {\n    return amount\n  }\n\n  // Replace commas with dots\n  let formattedAmount = amount.trim().replaceAll(',', '.')\n\n  // Keep only the first dot, remove all subsequent dots\n  const dotIndex = formattedAmount.indexOf('.')\n  if (dotIndex !== -1) {\n    formattedAmount = `${formattedAmount.slice(0, dotIndex + 1)}${formattedAmount.slice(dotIndex + 1).replaceAll('.', '')}`\n  }\n\n  // If the amount starts with a dot, prepend 0\n  if (\n    (!returnInitial && formattedAmount.startsWith('.')) ||\n    formattedAmount === '.'\n  ) {\n    formattedAmount = `0${formattedAmount}`\n  }\n\n  // Parse the valid part of the amount\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (Number.isNaN(Number(formattedAmount)) && !Number.isNaN(parsedAmount)) {\n    formattedAmount = parsedAmount.toString()\n  }\n  if (Number.isNaN(Math.abs(Number(formattedAmount)))) {\n    return ''\n  }\n\n  // Split and limit decimals\n  let [integer, fraction = ''] = formattedAmount.split('.')\n  if (decimals !== null && fraction.length > decimals) {\n    fraction = fraction.slice(0, decimals)\n  }\n\n  if (returnInitial) {\n    if (!fraction) {\n      return formattedAmount\n    }\n    return `${integer}${fraction ? `.${fraction}` : ''}`\n  }\n\n  // Remove leading zeros and minus sign\n  integer = integer.replace(/^0+|-/, '')\n  // Remove trailing zeros\n  fraction = fraction.replace(/(0+)$/, '')\n\n  return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`\n}\n\nexport function formatTokenPrice(\n  amount?: string | bigint,\n  price?: string,\n  decimals?: number\n): number {\n  if (!amount || !price) {\n    return 0\n  }\n\n  const formattedAmount =\n    typeof amount === 'bigint' && decimals !== undefined\n      ? formatUnits(amount, decimals)\n      : amount.toString()\n\n  if (Number.isNaN(Number(formattedAmount)) || Number.isNaN(Number(price))) {\n    return 0\n  }\n  return Number.parseFloat(formattedAmount) * Number.parseFloat(price)\n}\n\n/**\n * Formatter for price value to token amount\n */\nconst formatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\n/**\n * Convert price value to token amount\n */\nexport function priceToTokenAmount(\n  priceValue: string,\n  priceUSD?: string\n): string {\n  if (!priceValue || !priceUSD) {\n    return '0'\n  }\n\n  const numericPriceValue = Number.parseFloat(priceValue)\n  const numericPrice = Number.parseFloat(priceUSD)\n\n  if (\n    Number.isNaN(numericPriceValue) ||\n    Number.isNaN(numericPrice) ||\n    !numericPrice\n  ) {\n    return '0'\n  }\n\n  return formatter.format(numericPriceValue / numericPrice)\n}\n\nconst units = [\n  ['day', 86400],\n  ['hour', 3600],\n  ['minute', 60],\n  ['second', 1],\n] as const\n\nexport function formatDuration(seconds: number, locale: string): string {\n  const match = units.find(([, v]) => seconds >= v)\n  const amount = match ? Math.floor(seconds / match[1]) : 0\n  const unit = match?.[0] ?? 'second'\n\n  return amount.toLocaleString(locale, {\n    style: 'unit',\n    unit,\n    unitDisplay: 'narrow',\n  })\n}\n\nexport function wrapLongWords(text: string): string {\n  return text.replace(\n    /\\S{32,}/g,\n    (word) => `${word.slice(0, 8)}...${word.slice(-4)}`\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/utils/format.ts"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\n\nexport const usdDecimals = 2\n\n/**\n * Format token amount to at least 6 decimals.\n * @param amount amount to format.\n * @returns formatted amount.\n */\nexport function formatTokenAmount(\n  amount: bigint | undefined,\n  decimals: number\n): string {\n  const formattedAmount = amount ? formatUnits(amount, decimals) : '0'\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {\n    return '0'\n  }\n\n  return formattedAmount\n}\n\nexport function formatSlippage(\n  slippage = '',\n  defaultValue = '',\n  returnInitial = false\n): string {\n  if (!slippage) {\n    return slippage\n  }\n  const parsedSlippage = Number.parseFloat(slippage)\n  if (Number.isNaN(Number(slippage)) && !Number.isNaN(parsedSlippage)) {\n    return parsedSlippage.toString()\n  }\n  if (Number.isNaN(parsedSlippage)) {\n    return defaultValue\n  }\n  if (parsedSlippage >= 100) {\n    return '100'\n  }\n  if (parsedSlippage < 0) {\n    return Math.abs(parsedSlippage).toString()\n  }\n  if (returnInitial) {\n    return slippage\n  }\n  return parsedSlippage.toString()\n}\n\n/**\n * Formats a user input amount string, normalizing it and optionally limiting decimal places.\n * @param amount - The amount string to format (e.g., '123.45', '1,23', '0..')\n * @param decimals - Maximum number of decimal places to allow. If null, no limit is applied.\n * @param returnInitial - If true, preserves the input format during typing (e.g., keeps trailing dots,\n *                        preserves leading zeros, keeps negative signs). If false (default), cleans up the\n *                        format on blur (removes leading/trailing zeros, removes negative signs).\n * @returns The formatted amount string, or empty string for invalid input.\n */\nexport function formatInputAmount(\n  amount: string,\n  decimals: number | null = null,\n  returnInitial: boolean = false\n): string {\n  if (!amount) {\n    return amount\n  }\n\n  // Replace commas with dots\n  let formattedAmount = amount.trim().replaceAll(',', '.')\n\n  // Keep only the first dot, remove all subsequent dots\n  const dotIndex = formattedAmount.indexOf('.')\n  if (dotIndex !== -1) {\n    formattedAmount = `${formattedAmount.slice(0, dotIndex + 1)}${formattedAmount.slice(dotIndex + 1).replaceAll('.', '')}`\n  }\n\n  // If the amount starts with a dot, prepend 0\n  if (\n    (!returnInitial && formattedAmount.startsWith('.')) ||\n    formattedAmount === '.'\n  ) {\n    formattedAmount = `0${formattedAmount}`\n  }\n\n  // Parse the valid part of the amount\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (Number.isNaN(Number(formattedAmount)) && !Number.isNaN(parsedAmount)) {\n    formattedAmount = parsedAmount.toString()\n  }\n  if (Number.isNaN(Math.abs(Number(formattedAmount)))) {\n    return ''\n  }\n\n  // Split and limit decimals\n  let [integer, fraction = ''] = formattedAmount.split('.')\n  if (decimals !== null && fraction.length > decimals) {\n    fraction = fraction.slice(0, decimals)\n  }\n\n  if (returnInitial) {\n    if (!fraction) {\n      return formattedAmount\n    }\n    return `${integer}${fraction ? `.${fraction}` : ''}`\n  }\n\n  // Remove leading zeros and minus sign\n  integer = integer.replace(/^0+|-/, '')\n  // Remove trailing zeros\n  fraction = fraction.replace(/(0+)$/, '')\n\n  return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`\n}\n\nexport function formatTokenPrice(\n  amount?: string | bigint,\n  price?: string,\n  decimals?: number\n): number {\n  if (!amount || !price) {\n    return 0\n  }\n\n  const formattedAmount =\n    typeof amount === 'bigint' && decimals !== undefined\n      ? formatUnits(amount, decimals)\n      : amount.toString()\n\n  if (Number.isNaN(Number(formattedAmount)) || Number.isNaN(Number(price))) {\n    return 0\n  }\n  return Number.parseFloat(formattedAmount) * Number.parseFloat(price)\n}\n\n/**\n * Formatter for price value to token amount\n */\nconst formatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\n/**\n * Convert price value to token amount\n */\nexport function priceToTokenAmount(\n  priceValue: string,\n  priceUSD?: string\n): string {\n  if (!priceValue || !priceUSD) {\n    return '0'\n  }\n\n  const numericPriceValue = Number.parseFloat(priceValue)\n  const numericPrice = Number.parseFloat(priceUSD)\n\n  if (\n    Number.isNaN(numericPriceValue) ||\n    Number.isNaN(numericPrice) ||\n    !numericPrice\n  ) {\n    return '0'\n  }\n\n  return formatter.format(numericPriceValue / numericPrice)\n}\n\nconst units = [\n  ['day', 86400],\n  ['hour', 3600],\n  ['minute', 60],\n  ['second', 1],\n] as const\n\nexport function formatDuration(seconds: number, locale: string): string {\n  const match = units.find(([, v]) => seconds >= v)\n  const amount = match ? Math.floor(seconds / match[1]) : 0\n  const unit = match?.[0] ?? 'second'\n\n  return amount.toLocaleString(locale, {\n    style: 'unit',\n    unit,\n    unitDisplay: 'narrow',\n  })\n}\n\nexport function wrapLongWords(text: string): string {\n  return text.replace(\n    /\\S{32,}/g,\n    (word) => `${word.slice(0, 8)}...${word.slice(-4)}`\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"timer.js","names":[],"sources":["../../../src/utils/timer.ts"],"sourcesContent":["export const formatTimer = ({\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n  locale = 'en',\n}: {\n  days?: number\n  hours?: number\n  minutes?: number\n  seconds?: number\n  locale?: string\n}): string => {\n  if (typeof (Intl as any).DurationFormat === 'function') {\n    const time = new (Intl as any).DurationFormat(locale, {\n      style: 'digital',\n      hours: '2-digit',\n      hoursDisplay: 'auto',\n    }).format({\n      days,\n      hours,\n      minutes,\n      seconds,\n    })\n    // This handles a fixed bug with Webkit, and Safari\n    // https://github.com/WebKit/WebKit/pull/38357\n    // https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#JavaScript\n    //\n    // Since most users haven't updated their browsers yet, they would have this issue\n    // it should be safe to remove the check after a while.\n    return time.replace(/^:, /, '')\n  }\n\n  return ''\n}\n"],"mappings":";AAAA,MAAa,eAAe,EAC1B,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,SAAS,WAOG;AACZ,KAAI,OAAQ,KAAa,mBAAmB,WAiB1C,QAhBa,IAAK,KAAa,eAAe,QAAQ;EACpD,OAAO;EACP,OAAO;EACP,cAAc;EACf,CAAC,CAAC,OAAO;EACR;EACA;EACA;EACA;EACD,CAAC,CAOU,QAAQ,QAAQ,GAAG;AAGjC,QAAO"}
+{"version":3,"file":"timer.js","names":[],"sources":["../../../src/utils/timer.ts"],"sourcesContent":["export const formatTimer = ({\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n  locale = 'en',\n}: {\n  days?: number\n  hours?: number\n  minutes?: number\n  seconds?: number\n  locale?: string\n}): string => {\n  if (typeof (Intl as any).DurationFormat === 'function') {\n    const time = new (Intl as any).DurationFormat(locale, {\n      style: 'digital',\n      hours: '2-digit',\n      hoursDisplay: 'auto',\n    }).format({\n      days,\n      hours,\n      minutes,\n      seconds,\n    })\n    // This handles a fixed bug with Webkit, and Safari\n    // https://github.com/WebKit/WebKit/pull/38357\n    // https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#JavaScript\n    //\n    // Since most users haven't updated their browsers yet, they would have this issue\n    // it should be safe to remove the check after a while.\n    return time.replace(/^:, /, '')\n  }\n\n  return ''\n}\n"],"mappings":";AAAA,MAAa,eAAe,EAC1B,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,SAAS,WAOG;AACZ,KAAI,OAAQ,KAAa,mBAAmB,WAiB1C,QAhBa,IAAK,KAAa,eAAe,QAAQ;EACpD,OAAO;EACP,OAAO;EACP,cAAc;EACf,CAAC,CAAC,OAAO;EACR;EACA;EACA;EACA;EACD,CAOU,CAAC,QAAQ,QAAQ,GAAG;AAGjC,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type { BaseToken, Token, TokenExtended } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport type { WidgetChains, WidgetTokens } from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\n\n/**\n * Merges verified tokens with search tokens.\n * Verified tokens take priority - search tokens are only added if they don't already exist.\n */\nexport const mergeVerifiedWithSearchTokens = (\n  verifiedTokens?: TokensByChain,\n  searchTokens?: TokensByChain\n): TokensByChain | undefined => {\n  if (!verifiedTokens) {\n    return searchTokens\n  }\n  if (!searchTokens) {\n    return verifiedTokens\n  }\n\n  const result = { ...verifiedTokens }\n\n  for (const [chainId, tokens] of Object.entries(searchTokens)) {\n    const chainIdNum = Number(chainId)\n    const existingTokens = result[chainIdNum] || []\n    const existingAddresses = new Set(\n      existingTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const newTokens = tokens.filter(\n      (t) => !existingAddresses.has(t.address.toLowerCase())\n    )\n\n    if (newTokens.length) {\n      result[chainIdNum] = [...existingTokens, ...newTokens]\n    }\n  }\n\n  return result\n}\n\n/**\n * Updates a token in the cache by chainId and address.\n * Returns a new cache object with the token updated, or the original if not found.\n */\nexport const updateTokenInCache = (\n  data: TokensByChain | undefined,\n  token: Token\n): TokensByChain | undefined => {\n  if (!data) {\n    return data\n  }\n  const chainTokens = data[token.chainId]\n  if (!chainTokens) {\n    return data\n  }\n  const index = chainTokens.findIndex((t) => t.address === token.address)\n  if (index < 0) {\n    return data\n  }\n  return {\n    ...data,\n    [token.chainId]: chainTokens.map((t, i) =>\n      i === index ? { ...t, ...token } : t\n    ),\n  }\n}\n\nexport const filterAllowedTokens = (\n  dataTokens: { [chainId: number]: TokenExtended[] } | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType\n): { [chainId: number]: TokenExtended[] } | undefined => {\n  if (!dataTokens) {\n    return\n  }\n\n  const includedTokens = configTokens?.include || []\n  const allChainIds = Array.from(\n    new Set([\n      ...includedTokens.map((t) => t.chainId),\n      ...Object.keys(dataTokens),\n    ])\n  ).map((chainId) => Number(chainId))\n\n  const configChainIdsSet = getConfigItemSets(\n    chainsConfig,\n    (chainIds: number[]) => new Set(chainIds),\n    formType\n  )\n\n  const allowedChainIds = configChainIdsSet\n    ? allChainIds.filter((chainId) =>\n        isFormItemAllowed(chainId, configChainIdsSet, formType)\n      )\n    : allChainIds\n\n  const allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}\n  for (const chainId of allowedChainIds) {\n    const chainTokens = [\n      ...dataTokens[chainId],\n      ...includedTokens.filter((t) => Number(t.chainId) === chainId),\n    ]\n\n    const allowedAddresses = getConfigItemSets(\n      configTokens,\n      (tokens: BaseToken[]) =>\n        new Set(\n          tokens\n            .filter((t) => Number(t.chainId) === chainId)\n            .map((t) => t.address.toLowerCase())\n        ),\n      formType\n    )\n\n    const filtered = chainTokens.filter((token) =>\n      isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n        t.address.toLowerCase()\n      )\n    )\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n"],"mappings":";;;;;;AAUA,MAAa,iCACX,gBACA,iBAC8B;AAC9B,KAAI,CAAC,eACH,QAAO;AAET,KAAI,CAAC,aACH,QAAO;CAGT,MAAM,SAAS,EAAE,GAAG,gBAAgB;AAEpC,MAAK,MAAM,CAAC,SAAS,WAAW,OAAO,QAAQ,aAAa,EAAE;EAC5D,MAAM,aAAa,OAAO,QAAQ;EAClC,MAAM,iBAAiB,OAAO,eAAe,EAAE;EAC/C,MAAM,oBAAoB,IAAI,IAC5B,eAAe,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACnD;EAED,MAAM,YAAY,OAAO,QACtB,MAAM,CAAC,kBAAkB,IAAI,EAAE,QAAQ,aAAa,CAAC,CACvD;AAED,MAAI,UAAU,OACZ,QAAO,cAAc,CAAC,GAAG,gBAAgB,GAAG,UAAU;;AAI1D,QAAO;;;;;;AAOT,MAAa,sBACX,MACA,UAC8B;AAC9B,KAAI,CAAC,KACH,QAAO;CAET,MAAM,cAAc,KAAK,MAAM;AAC/B,KAAI,CAAC,YACH,QAAO;CAET,MAAM,QAAQ,YAAY,WAAW,MAAM,EAAE,YAAY,MAAM,QAAQ;AACvE,KAAI,QAAQ,EACV,QAAO;AAET,QAAO;EACL,GAAG;GACF,MAAM,UAAU,YAAY,KAAK,GAAG,MACnC,MAAM,QAAQ;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EACpC;EACF;;AAGH,MAAa,uBACX,YACA,cACA,cACA,aACuD;AACvD,KAAI,CAAC,WACH;CAGF,MAAM,iBAAiB,cAAc,WAAW,EAAE;CAClD,MAAM,cAAc,MAAM,KACxB,IAAI,IAAI,CACN,GAAG,eAAe,KAAK,MAAM,EAAE,QAAQ,EACvC,GAAG,OAAO,KAAK,WAAW,CAC3B,CAAC,CACH,CAAC,KAAK,YAAY,OAAO,QAAQ,CAAC;CAEnC,MAAM,oBAAoB,kBACxB,eACC,aAAuB,IAAI,IAAI,SAAS,EACzC,SACD;CAED,MAAM,kBAAkB,oBACpB,YAAY,QAAQ,YAClB,kBAAkB,SAAS,mBAAmB,SAAS,CACxD,GACD;CAEJ,MAAM,uBAA+D,EAAE;AACvE,MAAK,MAAM,WAAW,iBAAiB;EACrC,MAAM,cAAc,CAClB,GAAG,WAAW,UACd,GAAG,eAAe,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC/D;EAED,MAAM,mBAAmB,kBACvB,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC5C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD;AAQD,uBAAqB,WANJ,YAAY,QAAQ,UACnC,kBAAkB,OAAO,kBAAkB,WAAW,MACpD,EAAE,QAAQ,aAAa,CACxB,CACF;;AAKH,QAAO"}
+{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type { BaseToken, Token, TokenExtended } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport type { WidgetChains, WidgetTokens } from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\n\n/**\n * Merges verified tokens with search tokens.\n * Verified tokens take priority - search tokens are only added if they don't already exist.\n */\nexport const mergeVerifiedWithSearchTokens = (\n  verifiedTokens?: TokensByChain,\n  searchTokens?: TokensByChain\n): TokensByChain | undefined => {\n  if (!verifiedTokens) {\n    return searchTokens\n  }\n  if (!searchTokens) {\n    return verifiedTokens\n  }\n\n  const result = { ...verifiedTokens }\n\n  for (const [chainId, tokens] of Object.entries(searchTokens)) {\n    const chainIdNum = Number(chainId)\n    const existingTokens = result[chainIdNum] || []\n    const existingAddresses = new Set(\n      existingTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const newTokens = tokens.filter(\n      (t) => !existingAddresses.has(t.address.toLowerCase())\n    )\n\n    if (newTokens.length) {\n      result[chainIdNum] = [...existingTokens, ...newTokens]\n    }\n  }\n\n  return result\n}\n\n/**\n * Updates a token in the cache by chainId and address.\n * Returns a new cache object with the token updated, or the original if not found.\n */\nexport const updateTokenInCache = (\n  data: TokensByChain | undefined,\n  token: Token\n): TokensByChain | undefined => {\n  if (!data) {\n    return data\n  }\n  const chainTokens = data[token.chainId]\n  if (!chainTokens) {\n    return data\n  }\n  const index = chainTokens.findIndex((t) => t.address === token.address)\n  if (index < 0) {\n    return data\n  }\n  return {\n    ...data,\n    [token.chainId]: chainTokens.map((t, i) =>\n      i === index ? { ...t, ...token } : t\n    ),\n  }\n}\n\nexport const filterAllowedTokens = (\n  dataTokens: { [chainId: number]: TokenExtended[] } | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType\n): { [chainId: number]: TokenExtended[] } | undefined => {\n  if (!dataTokens) {\n    return\n  }\n\n  const includedTokens = configTokens?.include || []\n  const allChainIds = Array.from(\n    new Set([\n      ...includedTokens.map((t) => t.chainId),\n      ...Object.keys(dataTokens),\n    ])\n  ).map((chainId) => Number(chainId))\n\n  const configChainIdsSet = getConfigItemSets(\n    chainsConfig,\n    (chainIds: number[]) => new Set(chainIds),\n    formType\n  )\n\n  const allowedChainIds = configChainIdsSet\n    ? allChainIds.filter((chainId) =>\n        isFormItemAllowed(chainId, configChainIdsSet, formType)\n      )\n    : allChainIds\n\n  const allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}\n  for (const chainId of allowedChainIds) {\n    const chainTokens = [\n      ...dataTokens[chainId],\n      ...includedTokens.filter((t) => Number(t.chainId) === chainId),\n    ]\n\n    const allowedAddresses = getConfigItemSets(\n      configTokens,\n      (tokens: BaseToken[]) =>\n        new Set(\n          tokens\n            .filter((t) => Number(t.chainId) === chainId)\n            .map((t) => t.address.toLowerCase())\n        ),\n      formType\n    )\n\n    const filtered = chainTokens.filter((token) =>\n      isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n        t.address.toLowerCase()\n      )\n    )\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n"],"mappings":";;;;;;AAUA,MAAa,iCACX,gBACA,iBAC8B;AAC9B,KAAI,CAAC,eACH,QAAO;AAET,KAAI,CAAC,aACH,QAAO;CAGT,MAAM,SAAS,EAAE,GAAG,gBAAgB;AAEpC,MAAK,MAAM,CAAC,SAAS,WAAW,OAAO,QAAQ,aAAa,EAAE;EAC5D,MAAM,aAAa,OAAO,QAAQ;EAClC,MAAM,iBAAiB,OAAO,eAAe,EAAE;EAC/C,MAAM,oBAAoB,IAAI,IAC5B,eAAe,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACnD;EAED,MAAM,YAAY,OAAO,QACtB,MAAM,CAAC,kBAAkB,IAAI,EAAE,QAAQ,aAAa,CAAC,CACvD;AAED,MAAI,UAAU,OACZ,QAAO,cAAc,CAAC,GAAG,gBAAgB,GAAG,UAAU;;AAI1D,QAAO;;;;;;AAOT,MAAa,sBACX,MACA,UAC8B;AAC9B,KAAI,CAAC,KACH,QAAO;CAET,MAAM,cAAc,KAAK,MAAM;AAC/B,KAAI,CAAC,YACH,QAAO;CAET,MAAM,QAAQ,YAAY,WAAW,MAAM,EAAE,YAAY,MAAM,QAAQ;AACvE,KAAI,QAAQ,EACV,QAAO;AAET,QAAO;EACL,GAAG;GACF,MAAM,UAAU,YAAY,KAAK,GAAG,MACnC,MAAM,QAAQ;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EACpC;EACF;;AAGH,MAAa,uBACX,YACA,cACA,cACA,aACuD;AACvD,KAAI,CAAC,WACH;CAGF,MAAM,iBAAiB,cAAc,WAAW,EAAE;CAClD,MAAM,cAAc,MAAM,KACxB,IAAI,IAAI,CACN,GAAG,eAAe,KAAK,MAAM,EAAE,QAAQ,EACvC,GAAG,OAAO,KAAK,WAAW,CAC3B,CAAC,CACH,CAAC,KAAK,YAAY,OAAO,QAAQ,CAAC;CAEnC,MAAM,oBAAoB,kBACxB,eACC,aAAuB,IAAI,IAAI,SAAS,EACzC,SACD;CAED,MAAM,kBAAkB,oBACpB,YAAY,QAAQ,YAClB,kBAAkB,SAAS,mBAAmB,SAAS,CACxD,GACD;CAEJ,MAAM,uBAA+D,EAAE;AACvE,MAAK,MAAM,WAAW,iBAAiB;EACrC,MAAM,cAAc,CAClB,GAAG,WAAW,UACd,GAAG,eAAe,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC/D;EAED,MAAM,mBAAmB,kBACvB,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC5C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD;AAQD,uBAAqB,WANJ,YAAY,QAAQ,UACnC,kBAAkB,OAAO,kBAAkB,WAAW,MACpD,EAAE,QAAQ,aAAa,CACxB,CAGqC;;AAG1C,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.0.0-beta.14",
+  "version": "4.0.0-beta.18",
   "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",
@@ -34,21 +34,21 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "4.0.0-beta.5",
-    "@mui/icons-material": "^7.3.10",
-    "@mui/material": "^7.3.10",
-    "@mui/system": "^7.3.10",
-    "@tanstack/react-router": "^1.168.10",
-    "@tanstack/react-virtual": "^3.13.23",
-    "i18next": "^26.0.4",
+    "@lifi/sdk": "^4.0.0-beta.8",
+    "@mui/icons-material": "^9.0.0",
+    "@mui/material": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@tanstack/react-router": "^1.168.26",
+    "@tanstack/react-virtual": "^3.13.24",
+    "i18next": "^26.0.8",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
-    "react-i18next": "^17.0.2",
+    "react-i18next": "^17.0.6",
     "react-intersection-observer": "^10.0.3",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.12",
-    "@lifi/wallet-management": "4.0.0-beta.12",
-    "@lifi/widget-provider": "4.0.0-beta.11"
+    "@lifi/wallet-management": "4.0.0-beta.18",
+    "@lifi/widget-provider": "4.0.0-beta.18"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/AppDefault.tsx

@@ -6,6 +6,7 @@ import {
   RouterProvider,
 } from '@tanstack/react-router'
 import type { JSX } from 'react'
+import { useState } from 'react'
 import { AppLayout } from './AppLayout.js'
 import { NotFound } from './components/NotFound.js'
 import { ActivitiesPage } from './pages/ActivitiesPage/ActivitiesPage.js'
@@ -247,22 +248,19 @@ const routeTree = rootRoute.addChildren([
   configuredWalletsRoute,
 ])
 
-const history = createMemoryHistory({
-  initialEntries: ['/'],
-})
-
-const router: ReturnType<typeof createRouter> = createRouter({
-  routeTree,
-  history,
-  defaultPreload: 'intent',
-})
-
 declare module '@tanstack/react-router' {
   interface Register {
-    router: typeof router
+    router: ReturnType<typeof createRouter>
   }
 }
 
 export const AppDefault = (): JSX.Element => {
+  const [router] = useState(() =>
+    createRouter({
+      routeTree,
+      history: createMemoryHistory({ initialEntries: ['/'] }),
+      defaultPreload: 'intent',
+    })
+  )
   return <RouterProvider router={router} />
 }

package/src/components/Chains/AllChainsAvatar.tsx

@@ -38,9 +38,15 @@ const chainTypeIcons = [
     icon: 'https://lifinance.github.io/types/src/assets/icons/chains/sui.svg',
     defaultChainId: ChainId.SUI,
   },
+  {
+    name: 'Tron',
+    chainType: ChainType.TVM,
+    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/tron.svg',
+    defaultChainId: ChainId.TRN,
+  },
 ]
 
-const maxChainAvatarsCount = chainTypeIcons.length
+const maxChainAvatarsCount = 4
 
 export const AllChainsAvatar: React.NamedExoticComponent<AllChainsAvatarProps> =
   memo(({ chains, size }: AllChainsAvatarProps): JSX.Element => {

package/src/components/ContractComponent/ItemPrice.tsx

@@ -33,5 +33,5 @@ export const ItemPrice: React.FC<ItemPriceProps> = ({
       })
     }
   }, [contractCalls, setFieldValue, token])
-  return <Token token={token} p={2} />
+  return <Token token={token} sx={{ p: 2 }} />
 }

package/src/components/ContractComponent/NFT/NFTBase.tsx

@@ -85,7 +85,7 @@ export const NFTBase: React.FC<NFTProps> = ({
           ) : null}
         </Box>
       </Box>
-      <Token token={token} isLoading={isLoading} mt={2} />
+      <Token token={token} isLoading={isLoading} sx={{ mt: 2 }} />
     </Box>
   )
 }

package/src/components/Header/ActivitiesButton.tsx

@@ -25,7 +25,7 @@ export const ActivitiesButton = (): JSX.Element => {
         active={indicator.active || indicator.failed}
         size="medium"
         onClick={() => navigate({ to: navigationRoutes.activities })}
-        disableRipple
+        disableRipple={indicator.active || indicator.failed}
       >
         <ErrorBadge
           invisible={!indicator.failed}

package/src/components/IconTypography.ts

@@ -1,11 +1,11 @@
+import type { BoxProps } from '@mui/material'
 import { Box, styled } from '@mui/material'
 import type React from 'react'
 
-export const IconTypography: React.FC<React.ComponentProps<typeof Box>> =
-  styled(Box)(({ theme }) => ({
-    color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,
-    lineHeight: 0,
-    ...theme.applyStyles('dark', {
-      color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)`,
-    }),
-  }))
+export const IconTypography: React.FC<BoxProps> = styled(Box)(({ theme }) => ({
+  color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,
+  lineHeight: 0,
+  ...theme.applyStyles('dark', {
+    color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)`,
+  }),
+}))

package/src/components/Messages/AlertMessage.tsx

@@ -24,7 +24,7 @@ export const AlertMessage = ({
   <AlertMessageCard severity={severity} {...rest}>
     <AlertMessageCardTitle
       severity={severity}
-      alignItems={multiline ? 'start' : 'center'}
+      sx={{ alignItems: multiline ? 'start' : 'center' }}
     >
       {icon}
       {title}

package/src/components/RouteCard/RouteCardEssentials.tsx

@@ -51,7 +51,7 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
               alignItems: 'center',
             }}
           >
-            <IconTypography mr={0.5} fontSize={16}>
+            <IconTypography component="span" sx={{ mr: 0.5, fontSize: 16 }}>
               <LocalGasStationRounded fontSize="inherit" />
             </IconTypography>
             <Typography
@@ -78,7 +78,7 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
               alignItems: 'center',
             }}
           >
-            <IconTypography mr={0.5} fontSize={16}>
+            <IconTypography component="span" sx={{ mr: 0.5, fontSize: 16 }}>
               <AccessTimeFilled fontSize="inherit" />
             </IconTypography>
             <Typography

package/src/components/SelectChainAndToken.tsx

@@ -24,7 +24,7 @@ export const SelectChainAndToken: React.FC<BoxProps> = (props) => {
   const showReverseButton = !hiddenToToken && !hiddenFromToken
 
   return (
-    <Box sx={{ display: 'flex' }} {...props}>
+    <Box {...props} sx={{ display: 'flex', ...props.sx }}>
       {!hiddenFromToken ? (
         <SelectTokenButton formType="from" hiddenReverse={hiddenReverse} />
       ) : null}

package/src/components/SendToWallet/SendToWalletButton.tsx

@@ -172,7 +172,7 @@ export const SendToWalletButton: React.FC<CardProps> = (props) => {
             subheader={headerSubheader}
             selected={!!toAddressFieldValue || disabledToAddress}
             action={
-              !!toAddressFieldValue && !disabledForChanges ? (
+              toAddressFieldValue && !disabledForChanges ? (
                 <CardIconButton onClick={clearSelectedBookmark} size="small">
                   <CloseRounded fontSize="inherit" />
                 </CardIconButton>

package/src/components/Step/Step.tsx

@@ -87,18 +87,18 @@ export const Step: React.FC<{
           flex: 1,
         }}
       >
-        <CardTitle flex={1}>{getCardTitle()}</CardTitle>
-        <CardTitle sx={{ fontWeight: 600 }}>
+        <CardTitle sx={{ flex: 1 }}>{getCardTitle()}</CardTitle>
+        <Box sx={{ p: 2, pb: 0, fontSize: 14, fontWeight: 600 }}>
           <StepTimer step={step} />
-        </CardTitle>
+        </Box>
       </Box>
       <Box
         sx={{
           py: 1,
         }}
       >
-        {fromToken ? <Token token={fromToken} px={2} py={1} /> : null}
-        <StepActions step={step} px={2} py={1} dense />
+        {fromToken ? <Token token={fromToken} sx={{ px: 2, py: 1 }} /> : null}
+        <StepActions step={step} sx={{ px: 2, py: 1 }} dense />
         {prepareActions(step.execution?.actions ?? []).map(
           (actionsGroup, index) => (
             <StepAction key={index} step={step} actionsGroup={actionsGroup} />
@@ -128,8 +128,7 @@ export const Step: React.FC<{
             token={toToken}
             impactToken={impactToken}
             enableImpactTokenTooltip
-            px={2}
-            py={1}
+            sx={{ px: 2, py: 1 }}
           />
         ) : null}
       </Box>

package/src/components/Timer/TimerContent.tsx

@@ -17,6 +17,7 @@ export const TimerContent: FC<PropsWithChildren> = ({ children }) => {
         }}
       >
         <IconTypography
+          component="span"
           sx={{ marginRight: 0.5, fontSize: 16, display: 'inline-flex' }}
         >
           <AccessTimeFilled fontSize="inherit" />

package/src/components/Token/Token.tsx

@@ -151,7 +151,7 @@ const TokenBase: FC<TokenProps & BoxProps> = ({
             })}
           </TextSecondary>
           {impactToken ? (
-            <TextSecondary px={0.5} dot>
+            <TextSecondary sx={{ px: 0.5 }} dot>
               &#x2022;
             </TextSecondary>
           ) : null}
@@ -176,7 +176,7 @@ const TokenBase: FC<TokenProps & BoxProps> = ({
             )
           ) : null}
           {!disableDescription ? (
-            <TextSecondary px={0.5} dot>
+            <TextSecondary sx={{ px: 0.5 }} dot>
               &#x2022;
             </TextSecondary>
           ) : null}

package/src/components/TokenList/TokenDetailsSheetContent.tsx

@@ -75,10 +75,12 @@ export const TokenDetailsSheetContent: React.ForwardRefExoticComponent<
               ) : (
                 <>
                   <Typography
-                    fontWeight={700}
-                    fontSize="24px"
-                    lineHeight="24px"
-                    color="text.primary"
+                    sx={{
+                      fontWeight: 700,
+                      fontSize: '24px',
+                      lineHeight: '24px',
+                      color: 'text.primary',
+                    }}
                   >
                     {token?.symbol || noDataLabel}
                   </Typography>

package/src/components/TransactionCard/ActiveTransactionCard.tsx

@@ -1,5 +1,5 @@
 import type { RouteExtended } from '@lifi/sdk'
-import DeleteOutline from '@mui/icons-material/DeleteOutline'
+import DeleteOutline from '@mui/icons-material/DeleteOutlined'
 import { Box, Tooltip, Typography } from '@mui/material'
 import type { JSX, MouseEvent } from 'react'
 import { useTranslation } from 'react-i18next'

package/src/components/TransactionDetails.tsx

@@ -113,7 +113,7 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
                 cursor: 'pointer',
               }}
             >
-              <IconTypography mr={0.5} fontSize={16}>
+              <IconTypography component="span" sx={{ mr: 0.5, fontSize: 16 }}>
                 <LocalGasStationRounded fontSize="inherit" />
               </IconTypography>
               <Typography

package/src/config/version.ts

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

package/src/hooks/useActionMessage.ts

@@ -7,7 +7,8 @@ import { useAvailableChains } from './useAvailableChains.js'
 
 export const useActionMessage = (
   step?: LiFiStepExtended,
-  action?: ExecutionAction
+  action?: ExecutionAction,
+  defaultLabelsOnly?: boolean
 ): { title?: string; message?: string } => {
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const { t } = useTranslation()
@@ -27,7 +28,7 @@ export const useActionMessage = (
     action.type,
     action.status,
     action.substatus,
-    subvariant,
-    subvariantOptions
+    defaultLabelsOnly ? undefined : subvariant,
+    defaultLabelsOnly ? undefined : subvariantOptions
   )
 }

package/src/hooks/useAvailableChains.ts

@@ -18,6 +18,7 @@ const supportedChainTypes = [
   ChainType.SVM,
   ChainType.UTXO,
   ChainType.MVM,
+  ChainType.TVM,
 ]
 
 export const useAvailableChains = (

package/src/hooks/useExplorer.ts

@@ -6,6 +6,13 @@ import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 
 const sanitiseBaseUrl = (baseUrl: string) => baseUrl.trim().replace(/\/+$/, '')
 
+const explorerPathOverrides: Partial<
+  Record<ChainType | ChainId, { txPath: string; addressPath: string }>
+> = {
+  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },
+  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },
+}
+
 type TransactionLinkProps = { chain?: Chain | number } & (
   | {
       txHash: string
@@ -35,11 +42,15 @@ export const useExplorer = (): {
           resolvedChain.metamask.blockExplorerUrls[0])
         : explorerUrls?.internal?.[0]) || internalExplorerUrl
 
-    const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url
+    const baseUrl =
+      typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url
+
+    const overrides =
+      explorerPathOverrides[resolvedChain?.id as ChainId] ??
+      explorerPathOverrides[resolvedChain?.chainType as ChainType]
 
-    const defaultTxPath = resolvedChain?.id === ChainId.SUI ? 'txblock' : 'tx'
-    const defaultAddressPath =
-      resolvedChain?.id === ChainId.SUI ? 'coin' : 'address'
+    const defaultTxPath = overrides?.txPath ?? 'tx'
+    const defaultAddressPath = overrides?.addressPath ?? 'address'
     const txPath =
       typeof explorerUrl === 'string'
         ? defaultTxPath
@@ -50,7 +61,7 @@ export const useExplorer = (): {
         : explorerUrl.addressPath || defaultAddressPath
 
     return {
-      url: sanitiseBaseUrl(url),
+      url: sanitiseBaseUrl(baseUrl),
       txPath,
       addressPath,
       resolvedChain,

package/src/hooks/useRouteExecution.ts

@@ -139,7 +139,6 @@ export const useRouteExecution = ({
       return executeRoute(sdkClient, routeExecution.route, {
         updateRouteHook,
         acceptExchangeRateUpdateHook,
-        infiniteApproval: false,
         executeInBackground,
         ...sdkClient.config?.executionOptions,
       })
@@ -164,7 +163,6 @@ export const useRouteExecution = ({
       return resumeRoute(sdkClient, resumedRoute ?? routeExecution.route, {
         updateRouteHook,
         acceptExchangeRateUpdateHook,
-        infiniteApproval: false,
         executeInBackground,
       })
     },

package/src/hooks/useTokens.ts

@@ -48,6 +48,7 @@ export const useTokens = (
         ChainType.SVM,
         ChainType.UTXO,
         ChainType.MVM,
+        ChainType.TVM,
       ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))
 
       const tokensResponse: TokensExtendedResponse = await getTokens(
@@ -90,6 +91,7 @@ export const useTokens = (
         ChainType.SVM,
         ChainType.UTXO,
         ChainType.MVM,
+        ChainType.TVM,
       ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))
 
       const tokensResponse: TokensExtendedResponse = await getTokens(

package/src/pages/ActivitiesPage/ActivitiesPageMenuButton.tsx

@@ -1,5 +1,5 @@
 import { useAccount } from '@lifi/wallet-management'
-import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'
+import DeleteOutlineIcon from '@mui/icons-material/DeleteOutlined'
 import { Button } from '@mui/material'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

package/src/pages/MainPage/MainPage.tsx

@@ -49,14 +49,14 @@ export const MainPage: React.FC = () => {
       {custom ? (
         <ContractComponent sx={marginSx}>{contractComponent}</ContractComponent>
       ) : null}
-      <SelectChainAndToken mb={2} />
+      <SelectChainAndToken sx={marginSx} />
       {!custom || subvariantOptions?.custom === 'deposit' ? (
         <AmountInput formType="from" sx={marginSx} />
       ) : null}
       {!wideVariant ? <Routes sx={marginSx} /> : null}
       <SendToWalletButton sx={marginSx} />
-      {showGasRefuelMessage ? <GasRefuelMessage mb={2} /> : null}
-      <MainWarningMessages mb={2} />
+      {showGasRefuelMessage ? <GasRefuelMessage sx={marginSx} /> : null}
+      <MainWarningMessages sx={marginSx} />
       <Box
         sx={{
           display: 'flex',

package/src/pages/RoutesPage/RoutesPage.tsx

@@ -69,7 +69,12 @@ export const RoutesPage = (): JSX.Element => {
   const allowInteraction = account.isConnected && !toAddressUnsatisfied
 
   return (
-    <Stack className="long-list" direction="column" spacing={2} flex={1}>
+    <Stack
+      className="long-list"
+      direction="column"
+      spacing={2}
+      sx={{ flex: 1 }}
+    >
       {routeNotFound ? (
         <RouteNotFoundCard />
       ) : isLoading && !routes?.length ? (