@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/types/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","names":[],"sources":["../../../src/types/widget.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ChainType,\n  ContractCall,\n  ExecutionOptions,\n  ExtendedChain,\n  Order,\n  Route,\n  RouteOptions,\n  SDKConfig,\n  StaticToken,\n  Token,\n} from '@lifi/sdk'\nimport type { WalletMenuOpenArgs } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport type {\n  Components,\n  PaletteMode,\n  PaletteOptions,\n  Shape,\n  SxProps,\n  Theme,\n} from '@mui/material'\nimport type { TypographyVariantsOptions } from '@mui/material/styles'\nimport type {\n  CSSProperties,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from 'react'\nimport type {\n  LanguageKey,\n  LanguageResources,\n} from '../providers/I18nProvider/types.js'\nimport type { DefaultFieldValues } from '../stores/form/types.js'\n\nexport type WidgetVariant = 'compact' | 'wide' | 'drawer'\nexport type WidgetMode = 'default' | 'split' | 'custom' | 'refuel'\nexport type SplitMode = 'bridge' | 'swap'\nexport type SplitModeOptions = {\n  defaultTab: SplitMode\n}\nexport type CustomMode = 'checkout' | 'deposit'\nexport interface ModeOptions {\n  /**\n   * Configure split mode behavior:\n   * - 'bridge' | 'swap': Single mode without tabs\n   * - { defaultTab: 'bridge' | 'swap' }: Tabs mode with configurable default tab\n   */\n  split?: SplitMode | SplitModeOptions\n  custom?: { type: CustomMode }\n}\n\nexport type Appearance = PaletteMode | 'system'\nexport interface NavigationProps {\n  /**\n   * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.\n   * @default true\n   */\n  edge?: boolean\n}\nexport type WidgetThemeComponents = Partial<\n  Pick<\n    Components<Theme>,\n    | 'MuiAppBar'\n    | 'MuiAvatar'\n    | 'MuiButton'\n    | 'MuiCard'\n    | 'MuiDrawer'\n    | 'MuiIconButton'\n    | 'MuiInputCard'\n    | 'MuiNavigationTabs'\n    | 'MuiNavigationTab'\n    | 'MuiTabs'\n    | 'MuiCheckbox'\n  >\n>\n\nexport type WidgetTheme = {\n  colorSchemes?: {\n    light?: {\n      palette: PaletteOptions\n    }\n    dark?: {\n      palette: PaletteOptions\n    }\n  }\n  shape?: Partial<Shape>\n  typography?: TypographyVariantsOptions\n  components?: WidgetThemeComponents\n  container?: CSSProperties\n  routesContainer?: CSSProperties\n  chainSidebarContainer?: CSSProperties\n  header?: CSSProperties\n  navigation?: NavigationProps\n}\n\nexport interface DisabledUIConfig {\n  fromAmount?: boolean\n  fromToken?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n}\n\nexport interface HiddenUIConfig {\n  addressBookConnectedWallets?: boolean\n  allNetworks?: boolean\n  appearance?: boolean\n  bridgesSettings?: boolean\n  chainSelect?: boolean\n  /**\n   * Hide the chain sidebar in the `wide` variant. No effect in other variants.\n   * @default false\n   */\n  chainSidebar?: boolean\n  contactSupport?: boolean\n  /**\n   * Hide the drawer close button. Only meaningful when `variant === 'drawer'`.\n   * @default false\n   */\n  drawerCloseButton?: boolean\n  fromToken?: boolean\n  gasRefuelMessage?: boolean\n  hideSmallBalances?: boolean\n  history?: boolean\n  insufficientGasMessage?: boolean\n  integratorStepDetails?: boolean\n  language?: boolean\n  /**\n   * Hide the warning shown when sending to an address with low historical\n   * on-chain activity (low transaction count or contract-like behavior).\n   * @default false\n   */\n  lowAddressActivityConfirmation?: boolean\n  poweredBy?: boolean\n  reverseTokensButton?: boolean\n  routeCardPriceImpact?: boolean\n  routeTokenDescription?: boolean\n  searchTokenInput?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n  walletMenu?: boolean\n}\n\nexport interface RequiredUIConfig {\n  accountDeployedMessage?: boolean\n  toAddress?: boolean\n}\n\nexport type DefaultUI = {\n  transactionDetailsExpanded?: boolean\n  navigationHeaderTitleNoWrap?: boolean\n}\n\nexport interface WidgetWalletConfig {\n  walletEcosystemsOrder?: Record<string, ChainType[]>\n  onConnect?(args?: WalletMenuOpenArgs): void\n  /**\n   * Determines whether the widget should provide partial wallet management functionality.\n   *\n   * In partial mode, external wallet management will be used for \"opt-out\" providers,\n   * while the internal management is applied for any remaining providers that do not opt out.\n   * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.\n   * @default false\n   */\n  usePartialWalletManagement?: boolean\n  /**\n   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts\n   * @default false\n   */\n  forceInternalWalletManagement?: boolean\n}\n\nexport interface WidgetSDKConfig\n  extends Omit<\n    SDKConfig,\n    | 'apiKey'\n    | 'disableVersionCheck'\n    | 'integrator'\n    | 'providers'\n    | 'routeOptions'\n    | 'widgetVersion'\n  > {\n  routeOptions?: Omit<\n    RouteOptions,\n    'bridges' | 'exchanges' | 'fee' | 'referrer' | 'order' | 'slippage'\n  >\n  executionOptions?: Pick<ExecutionOptions, 'updateTransactionRequestHook'>\n}\n\nexport interface WidgetContractTool {\n  name: string\n  logoURI: string\n}\n\nexport interface CalculateFeeParams {\n  fromChain: ExtendedChain\n  toChain: ExtendedChain\n  fromToken: Token\n  toToken: Token\n  fromAddress?: string\n  toAddress?: string\n  fromAmount?: bigint\n  toAmount?: bigint\n  slippage?: number\n}\n\nexport interface WidgetFeeConfig {\n  name?: string\n  logoURI?: string\n  fee?: number\n  /**\n   * Whether to show the fee percentage in the fee details.\n   * @default false\n   */\n  showFeePercentage?: boolean\n  /**\n   * Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.\n   * @default false\n   */\n  showFeeTooltip?: boolean\n  /**\n   * Custom tooltip component to show with the fee details.\n   */\n  feeTooltipComponent?: ReactNode\n  /**\n   * Function to calculate fees before fetching quotes.\n   * If provided, this function will be used instead of the `fee` parameter.\n   * Only one of `fee` or `calculateFee` should be used.\n   *\n   * @param params Object containing the fee calculation parameters\n   * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)\n   */\n  calculateFee?(params: CalculateFeeParams): Promise<number | undefined>\n}\n\nexport interface ToAddress {\n  name?: string\n  address: string\n  chainType: ChainType\n  logoURI?: string\n}\n\nexport interface AllowDeny<T> {\n  allow?: T[]\n  deny?: T[]\n}\n\nexport type AllowDenySetItem = string | number\nexport interface AllowDenySet {\n  allow?: Set<AllowDenySetItem>\n  deny?: Set<AllowDenySetItem>\n}\n\nexport type AllowDenySets = {\n  from?: AllowDenySet\n  to?: AllowDenySet\n} & AllowDenySet\n\nexport type AllowDenyItems<T> = {\n  from?: AllowDeny<T>\n  to?: AllowDeny<T>\n} & AllowDeny<T>\n\nexport type WidgetChains = {\n  types?: AllowDeny<ChainType>\n} & AllowDenyItems<number>\n\nexport type WidgetTokens = {\n  featured?: StaticToken[]\n  include?: Token[]\n  popular?: StaticToken[]\n} & AllowDenyItems<BaseToken>\n\nexport type WidgetLanguages = {\n  default?: LanguageKey\n} & AllowDeny<LanguageKey>\n\nexport type PoweredByType = 'default' | 'jumper'\n\nexport interface RouteLabel {\n  text: string\n  sx?: SxProps<Theme>\n}\n\nexport interface RouteLabelRule {\n  label: RouteLabel\n  // Matching criteria\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  fromChainId?: number[]\n  toChainId?: number[]\n  fromTokenAddress?: string[]\n  toTokenAddress?: string[]\n  /**\n   * Custom match function evaluated against the route. When provided, its\n   * result is AND'd with the other matching criteria — all specified\n   * conditions must pass for the label to apply. Use this for matching logic\n   * that the built-in fields cannot express (gas costs, step count, route\n   * tags, etc.).\n   */\n  match?: (route: Route) => boolean\n}\n\nexport type ExplorerUrl =\n  | string\n  | {\n      url: string\n      txPath?: string\n      addressPath?: string\n    }\n\nexport type WidgetProvider = (\n  props: PropsWithChildren<WidgetProviderProps>\n) => ReactNode\n\nexport interface WidgetConfig {\n  fromChain?: number\n  toChain?: number\n  fromToken?: string\n  toToken?: string\n  toAddress?: ToAddress\n  toAddresses?: ToAddress[]\n  fromAmount?: number | string\n  minFromAmountUSD?: number\n  toAmount?: number | string\n  formUpdateKey?: string\n\n  providers?: WidgetProvider[]\n\n  contractCalls?: ContractCall[]\n  contractComponent?: ReactNode\n  contractSecondaryComponent?: ReactNode\n  contractCompactComponent?: ReactNode\n  contractTool?: WidgetContractTool\n  integrator: string\n  apiKey?: string\n  feeConfig?: WidgetFeeConfig\n  referrer?: string\n\n  routePriority?: Order\n  slippage?: number\n\n  variant?: WidgetVariant\n  mode?: WidgetMode\n  modeOptions?: ModeOptions\n\n  appearance?: Appearance\n  theme?: WidgetTheme\n\n  disabledUI?: DisabledUIConfig\n  hiddenUI?: HiddenUIConfig\n  requiredUI?: RequiredUIConfig\n  defaultUI?: DefaultUI\n  /**\n   * When true, shows only the recommended route and hides the route\n   * selector UI. Distinct from `routePriority`, which sets the SDK\n   * ranking order across multiple displayed routes.\n   * @default false\n   */\n  showSingleRoute?: boolean\n  useRelayerRoutes?: boolean\n\n  walletConfig?: WidgetWalletConfig\n  sdkConfig?: WidgetSDKConfig\n\n  buildUrl?: boolean\n  keyPrefix?: string\n\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  chains?: WidgetChains\n  tokens?: WidgetTokens\n  languages?: WidgetLanguages\n  languageResources?: LanguageResources\n  explorerUrls?: Record<number, ExplorerUrl[]> &\n    Partial<Record<'internal', ExplorerUrl[]>>\n  poweredBy?: PoweredByType\n\n  /**\n   * Custom labels/badges to show on routes based on specified rules\n   */\n  routeLabels?: RouteLabelRule[]\n}\n\nexport interface FormFieldOptions {\n  setUrlSearchParam: boolean\n}\n\nexport interface FieldValues\n  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {\n  fromAmount?: number | string\n  toAmount?: number | string\n  toAddress?: ToAddress | string\n}\n\nexport type FieldNames = keyof FieldValues\n\nexport type SetFieldValueFunction = <K extends FieldNames>(\n  key: K,\n  value: FieldValues[K],\n  options?: FormFieldOptions\n) => void\n\nexport type FormState = {\n  setFieldValue: SetFieldValueFunction\n}\n\nexport type FormRef = RefObject<FormState | null>\n\nexport interface FormRefProps {\n  formRef?: FormRef\n}\n\nexport interface WidgetConfigProps extends FormRefProps {\n  config: WidgetConfig\n}\n\nexport interface WidgetConfigPartialProps {\n  config?: Partial<WidgetConfig>\n}\n\nexport type WidgetProps = WidgetDrawerProps &\n  WidgetConfig &\n  WidgetConfigPartialProps &\n  FormRefProps\n\nexport interface WidgetDrawerProps extends WidgetConfigPartialProps {\n  elementRef?: RefObject<HTMLDivElement>\n  open?: boolean\n  /**\n   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget\n   */\n  onClose?(): void\n}\n\nexport enum ExpansionType {\n  Routes = 'routes',\n  FromChain = 'fromChain',\n  ToChain = 'toChain',\n}\n"],"mappings":";AAobA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,YAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}

package/dist/esm/utils/chainType.js

@@ -0,0 +1,14 @@
+import { ChainId, ChainType } from "@lifi/sdk";
+//#region src/utils/chainType.ts
+const defaultChainIdsByType = {
+	[ChainType.EVM]: ChainId.ETH,
+	[ChainType.SVM]: ChainId.SOL,
+	[ChainType.UTXO]: ChainId.BTC,
+	[ChainType.MVM]: ChainId.SUI,
+	[ChainType.TVM]: ChainId.TRN,
+	[ChainType.STL]: ChainId.XLM
+};
+//#endregion
+export { defaultChainIdsByType };
+
+//# sourceMappingURL=chainType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chainType.js","names":[],"sources":["../../../src/utils/chainType.ts"],"sourcesContent":["import { ChainId, ChainType } from '@lifi/sdk'\n\nexport const defaultChainIdsByType: Record<ChainType, ChainId> = {\n  [ChainType.EVM]: ChainId.ETH,\n  [ChainType.SVM]: ChainId.SOL,\n  [ChainType.UTXO]: ChainId.BTC,\n  [ChainType.MVM]: ChainId.SUI,\n  [ChainType.TVM]: ChainId.TRN,\n  [ChainType.STL]: ChainId.XLM,\n}\n"],"mappings":";;AAEA,MAAa,wBAAoD;EAC9D,UAAU,MAAM,QAAQ;EACxB,UAAU,MAAM,QAAQ;EACxB,UAAU,OAAO,QAAQ;EACzB,UAAU,MAAM,QAAQ;EACxB,UAAU,MAAM,QAAQ;EACxB,UAAU,MAAM,QAAQ;AAC3B"}

package/dist/esm/utils/compactNumberFormatter.d.ts

@@ -0,0 +1,14 @@
+//#region src/utils/compactNumberFormatter.d.ts
+/**
+* Formats numbers with special handling for small decimal values, converting runs of leading zeros
+* into a more compact subscript notation.
+*
+* @param value - The numeric value to format (expected to be a string representing a BigInt)
+* @param lng - The locale string for number formatting
+* @param options - Formatting options including decimals and Intl.NumberFormat options
+* @returns A formatted string with subscript notation for leading zeros
+*/
+declare const compactNumberFormatter: (lng: string | undefined, options: any) => ((value: any) => string);
+//#endregion
+export { compactNumberFormatter };
+//# sourceMappingURL=compactNumberFormatter.d.ts.map

package/dist/esm/utils/compactNumberFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compactNumberFormatter.d.ts","names":[],"sources":["../../../src/utils/compactNumberFormatter.ts"],"mappings":";;AAyBA;;;;;;;;cAAa,sBAAA,GACX,GAAA,sBACA,OAAA,YACG,KAAA"}

package/dist/esm/utils/compactNumberFormatter.js

@@ -0,0 +1,67 @@
+//#region src/utils/compactNumberFormatter.ts
+/**
+* Converts a non-negative integer to its subscript representation using Unicode subscript characters.
+* @param n - The number to convert to subscript
+* @returns A string where each digit is converted to its subscript equivalent
+* @example
+* toSubscript(5) => '₅'
+* toSubscript(10) => '₁₀'
+*/
+function toSubscript(n) {
+	return n.toString().split("").map((digit) => String.fromCharCode(8320 + Number(digit))).join("");
+}
+/**
+* Formats numbers with special handling for small decimal values, converting runs of leading zeros
+* into a more compact subscript notation.
+*
+* @param value - The numeric value to format (expected to be a string representing a BigInt)
+* @param lng - The locale string for number formatting
+* @param options - Formatting options including decimals and Intl.NumberFormat options
+* @returns A formatted string with subscript notation for leading zeros
+*/
+const compactNumberFormatter = (lng, options) => {
+	const formatter = new Intl.NumberFormat(lng, {
+		notation: "standard",
+		roundingPriority: "morePrecision",
+		maximumSignificantDigits: 20,
+		maximumFractionDigits: 20,
+		...options
+	});
+	return (value) => {
+		if (!Number.parseFloat(value) || Number.isNaN(Number(value))) return "0";
+		const parts = formatter.formatToParts(value);
+		let integerPart = "";
+		let fractionPart = "";
+		let decimalSeparator = "";
+		let minusSign = "";
+		for (const p of parts) switch (p.type) {
+			case "integer":
+			case "group":
+				integerPart += p.value;
+				break;
+			case "fraction":
+				fractionPart += p.value;
+				break;
+			case "decimal":
+				decimalSeparator = p.value;
+				break;
+			case "minusSign":
+				minusSign = p.value;
+				break;
+		}
+		if (!fractionPart) return `${minusSign}${integerPart}`;
+		const match = fractionPart.match(/^0+/);
+		const leadingZerosCount = match ? match[0].length : 0;
+		if (leadingZerosCount <= 3) {
+			fractionPart = fractionPart.slice(0, 6).replace(/0+$/, "");
+			return `${minusSign}${integerPart}${decimalSeparator}${fractionPart}`;
+		}
+		const zerosSubscript = toSubscript(leadingZerosCount);
+		const remainder = fractionPart.slice(leadingZerosCount, leadingZerosCount + 4).replace(/0+$/, "");
+		return `${minusSign}${integerPart}${decimalSeparator}0${zerosSubscript}${remainder}`;
+	};
+};
+//#endregion
+export { compactNumberFormatter };
+
+//# sourceMappingURL=compactNumberFormatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compactNumberFormatter.js","names":[],"sources":["../../../src/utils/compactNumberFormatter.ts"],"sourcesContent":["/**\n * Converts a non-negative integer to its subscript representation using Unicode subscript characters.\n * @param n - The number to convert to subscript\n * @returns A string where each digit is converted to its subscript equivalent\n * @example\n * toSubscript(5) => '₅'\n * toSubscript(10) => '₁₀'\n */\nfunction toSubscript(n: number): string {\n  return n\n    .toString()\n    .split('')\n    .map((digit) => String.fromCharCode(8320 + Number(digit)))\n    .join('')\n}\n\n/**\n * Formats numbers with special handling for small decimal values, converting runs of leading zeros\n * into a more compact subscript notation.\n *\n * @param value - The numeric value to format (expected to be a string representing a BigInt)\n * @param lng - The locale string for number formatting\n * @param options - Formatting options including decimals and Intl.NumberFormat options\n * @returns A formatted string with subscript notation for leading zeros\n */\nexport const compactNumberFormatter = (\n  lng: string | undefined,\n  options: any\n): ((value: any) => string) => {\n  const formatter = new Intl.NumberFormat(lng, {\n    notation: 'standard',\n    roundingPriority: 'morePrecision',\n    maximumSignificantDigits: 20,\n    maximumFractionDigits: 20,\n    ...options,\n  })\n  return (value: any) => {\n    if (!Number.parseFloat(value) || Number.isNaN(Number(value))) {\n      return '0'\n    }\n\n    const parts = formatter.formatToParts(value as Intl.StringNumericLiteral)\n    let integerPart = ''\n    let fractionPart = ''\n    let decimalSeparator = ''\n    let minusSign = ''\n\n    for (const p of parts) {\n      switch (p.type) {\n        case 'integer':\n        case 'group':\n          integerPart += p.value\n          break\n        case 'fraction':\n          fractionPart += p.value\n          break\n        case 'decimal':\n          decimalSeparator = p.value\n          break\n        case 'minusSign':\n          minusSign = p.value\n          break\n      }\n    }\n\n    // For numbers with no decimal part, return early\n    if (!fractionPart) {\n      return `${minusSign}${integerPart}`\n    }\n\n    // Count consecutive leading zeros in the fraction part\n    const match = fractionPart.match(/^0+/)\n    const leadingZerosCount = match ? match[0].length : 0\n\n    // For numbers with few leading zeros (≤ 3), format normally\n    // but limit the total length and trim trailing zeros\n    if (leadingZerosCount <= 3) {\n      fractionPart = fractionPart.slice(0, 6).replace(/0+$/, '')\n      return `${minusSign}${integerPart}${decimalSeparator}${fractionPart}`\n    }\n\n    // For numbers with many leading zeros (> 3), use subscript notation\n    // Format: \"0.0₍number_of_zeros₎significant_digits\"\n    const zerosSubscript = toSubscript(leadingZerosCount)\n    const remainder = fractionPart\n      .slice(leadingZerosCount, leadingZerosCount + 4)\n      .replace(/0+$/, '')\n\n    return `${minusSign}${integerPart}${decimalSeparator}0${zerosSubscript}${remainder}`\n  }\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,YAAY,GAAmB;CACtC,OAAO,EACJ,SAAS,EACT,MAAM,EAAE,EACR,KAAK,UAAU,OAAO,aAAa,OAAO,OAAO,KAAK,CAAC,CAAC,EACxD,KAAK,EAAE;AACZ;;;;;;;;;;AAWA,MAAa,0BACX,KACA,YAC6B;CAC7B,MAAM,YAAY,IAAI,KAAK,aAAa,KAAK;EAC3C,UAAU;EACV,kBAAkB;EAClB,0BAA0B;EAC1B,uBAAuB;EACvB,GAAG;CACL,CAAC;CACD,QAAQ,UAAe;EACrB,IAAI,CAAC,OAAO,WAAW,KAAK,KAAK,OAAO,MAAM,OAAO,KAAK,CAAC,GACzD,OAAO;EAGT,MAAM,QAAQ,UAAU,cAAc,KAAkC;EACxE,IAAI,cAAc;EAClB,IAAI,eAAe;EACnB,IAAI,mBAAmB;EACvB,IAAI,YAAY;EAEhB,KAAK,MAAM,KAAK,OACd,QAAQ,EAAE,MAAV;GACE,KAAK;GACL,KAAK;IACH,eAAe,EAAE;IACjB;GACF,KAAK;IACH,gBAAgB,EAAE;IAClB;GACF,KAAK;IACH,mBAAmB,EAAE;IACrB;GACF,KAAK;IACH,YAAY,EAAE;IACd;EACJ;EAIF,IAAI,CAAC,cACH,OAAO,GAAG,YAAY;EAIxB,MAAM,QAAQ,aAAa,MAAM,KAAK;EACtC,MAAM,oBAAoB,QAAQ,MAAM,GAAG,SAAS;EAIpD,IAAI,qBAAqB,GAAG;GAC1B,eAAe,aAAa,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,EAAE;GACzD,OAAO,GAAG,YAAY,cAAc,mBAAmB;EACzD;EAIA,MAAM,iBAAiB,YAAY,iBAAiB;EACpD,MAAM,YAAY,aACf,MAAM,mBAAmB,oBAAoB,CAAC,EAC9C,QAAQ,OAAO,EAAE;EAEpB,OAAO,GAAG,YAAY,cAAc,iBAAiB,GAAG,iBAAiB;CAC3E;AACF"}

package/dist/esm/utils/converters.js

@@ -0,0 +1,168 @@
+import { formatTokenPrice } from "./format.js";
+//#region src/utils/converters.ts
+const buildActionsFromTxHistory = (tx) => {
+	const sending = tx.sending;
+	const receiving = tx.receiving;
+	if (!sending.token?.chainId || !receiving.token?.chainId) return [];
+	const actionStatus = tx.status === "DONE" ? "DONE" : "FAILED";
+	const substatus = actionStatus === "FAILED" ? "UNKNOWN_ERROR" : "COMPLETED";
+	if (sending.chainId === receiving.chainId) return [{
+		type: "SWAP",
+		message: "",
+		status: actionStatus,
+		chainId: sending.chainId,
+		txHash: sending.txHash,
+		txLink: sending.txLink,
+		substatus,
+		substatusMessage: ""
+	}];
+	return [{
+		type: "CROSS_CHAIN",
+		message: "",
+		status: actionStatus,
+		chainId: sending.chainId,
+		txHash: sending.txHash,
+		txLink: sending.txLink
+	}, {
+		type: "RECEIVING_CHAIN",
+		message: "",
+		status: actionStatus,
+		substatus,
+		substatusMessage: "",
+		chainId: receiving.chainId,
+		txHash: receiving.txHash,
+		txLink: receiving.txLink
+	}];
+};
+const buildRouteFromTxHistory = (tx, tools) => {
+	const sending = tx.sending;
+	const receiving = tx.receiving;
+	if (!sending.token?.chainId || !receiving.token?.chainId) return;
+	let usedTool = tx.sending.includedSteps?.find((step) => step.toolDetails.key === tx.tool)?.toolDetails;
+	if (!usedTool) {
+		const selectedBridge = tools?.bridges.find((bridge) => bridge.key === tx.tool);
+		const selectedExchange = tools?.exchanges.find((exchange) => exchange.key === tx.tool);
+		usedTool = {
+			key: tx.tool,
+			name: selectedBridge?.name ?? selectedExchange?.name ?? tx.tool,
+			logoURI: selectedBridge?.logoURI ?? selectedExchange?.logoURI ?? ""
+		};
+	}
+	const fromToken = {
+		...sending.token,
+		amount: BigInt(sending.amount ?? 0)
+	};
+	const toToken = {
+		...receiving.token,
+		amount: BigInt(receiving.amount ?? 0)
+	};
+	const sendingValue = sending.value ? BigInt(sending.value) : 0n;
+	const sendingFeeAmount = sending.gasToken.address === sending.token.address && sending.amount ? sendingValue - BigInt(sending.amount) : sendingValue;
+	const sendingFeeAmountUsd = sending.gasToken.priceUSD && sendingFeeAmount ? formatTokenPrice(sendingFeeAmount, sending.gasToken.priceUSD, sending.gasToken.decimals) : 0;
+	const feeCosts = sendingFeeAmount ? [{
+		amount: sendingFeeAmount.toString(),
+		amountUSD: sendingFeeAmountUsd.toFixed(2),
+		token: sending.gasToken,
+		included: false,
+		description: "",
+		name: "",
+		percentage: ""
+	}] : void 0;
+	return {
+		status: 1,
+		route: {
+			id: tx.transactionId,
+			fromAddress: tx.fromAddress,
+			toAddress: tx.toAddress,
+			fromChainId: sending.chainId,
+			fromAmount: sending.amount ?? "",
+			fromAmountUSD: sending.amountUSD ?? "",
+			toAmount: receiving.amount ?? "",
+			toAmountMin: receiving.amount ?? "",
+			toAmountUSD: receiving.amountUSD ?? "",
+			toChainId: receiving.chainId,
+			fromToken,
+			toToken,
+			gasCostUSD: sending.gasAmountUSD,
+			steps: [{
+				id: tx.transactionId,
+				type: "lifi",
+				tool: tx.tool,
+				toolDetails: usedTool,
+				action: {
+					fromToken: sending.token,
+					fromAmount: sending.amount ?? "",
+					fromChainId: sending.chainId,
+					fromAddress: tx.fromAddress,
+					toToken: receiving.token,
+					toChainId: receiving.chainId,
+					toAddress: tx.toAddress,
+					slippage: 0
+				},
+				estimate: {
+					tool: tx.tool,
+					approvalAddress: "",
+					fromAmount: sending.amount ?? "",
+					fromAmountUSD: sending.amountUSD ?? "",
+					toAmountMin: receiving.amount ?? "",
+					toAmount: receiving.amount ?? "",
+					toAmountUSD: receiving.amountUSD ?? "",
+					executionDuration: 0
+				},
+				includedSteps: [{
+					id: tx.transactionId,
+					type: sending.chainId === receiving.chainId ? "swap" : "cross",
+					action: {
+						fromChainId: sending.chainId,
+						fromAmount: sending.amount ?? "",
+						fromToken: sending.token,
+						toChainId: receiving.chainId,
+						toToken: receiving.token,
+						slippage: 0,
+						fromAddress: tx.fromAddress,
+						toAddress: tx.toAddress
+					},
+					estimate: {
+						tool: tx.tool,
+						fromAmount: sending.amount ?? "",
+						toAmount: receiving.amount ?? "",
+						toAmountMin: receiving.amount ?? "",
+						approvalAddress: "",
+						executionDuration: 0
+					},
+					tool: tx.tool,
+					toolDetails: usedTool
+				}],
+				integrator: tx.metadata?.integrator ?? "",
+				execution: {
+					status: "DONE",
+					startedAt: sending.timestamp ? sending.timestamp * 1e3 : Date.now(),
+					actions: buildActionsFromTxHistory(tx),
+					fromAmount: sending.amount,
+					toAmount: receiving.amount,
+					toToken: receiving.token,
+					internalTxLink: tx.lifiExplorerLink,
+					externalTxLink: tx.bridgeExplorerLink,
+					gasCosts: [{
+						amount: sending.gasAmount,
+						amountUSD: sending.gasAmountUSD,
+						token: sending.gasToken,
+						estimate: "0",
+						limit: "0",
+						price: "0",
+						type: "SEND"
+					}],
+					feeCosts
+				}
+			}],
+			insurance: {
+				state: "NOT_INSURABLE",
+				feeAmountUsd: "0"
+			}
+		}
+	};
+};
+//#endregion
+export { buildRouteFromTxHistory };
+
+//# sourceMappingURL=converters.js.map

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

@@ -0,0 +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":";;AAaA,MAAM,6BAA6B,OAA0C;CAC3E,MAAM,UAAU,GAAG;CACnB,MAAM,YAAY,GAAG;CAErB,IAAI,CAAC,QAAQ,OAAO,WAAW,CAAC,UAAU,OAAO,SAC/C,OAAO,CAAC;CAGV,MAAM,eACJ,GAAG,WAAW,SAAS,SAAS;CAClC,MAAM,YACJ,iBAAiB,WAAW,kBAAkB;CAEhD,IAAI,QAAQ,YAAY,UAAU,SAChC,OAAO,CACL;EACE,MAAM;EACN,SAAS;EACT,QAAQ;EACR,SAAS,QAAQ;EACjB,QAAQ,QAAQ;EAChB,QAAQ,QAAQ;EAChB;EACA,kBAAkB;CACpB,CACF;CAwBF,OAAO,CApBL;EACE,MAAM;EACN,SAAS;EACT,QAAQ;EACR,SAAS,QAAQ;EACjB,QAAQ,QAAQ;EAChB,QAAQ,QAAQ;CAClB,GACA;EACE,MAAM;EACN,SAAS;EACT,QAAQ;EACR;EACA,kBAAkB;EAClB,SAAS,UAAU;EACnB,QAAQ,UAAU;EAClB,QAAQ,UAAU;CACpB,CAGW;AACf;AAEA,MAAa,2BACX,IACA,UAC+B;CAC/B,MAAM,UAAU,GAAG;CACnB,MAAM,YAAY,GAAG;CAErB,IAAI,CAAC,QAAQ,OAAO,WAAW,CAAC,UAAU,OAAO,SAC/C;CAGF,IAAI,WAAW,GAAG,QAAQ,eAAe,MACtC,SAAS,KAAK,YAAY,QAAQ,GAAG,IACxC,GAAG;CAEH,IAAI,CAAC,UAAU;EACb,MAAM,iBAAiB,OAAO,QAAQ,MACnC,WAAW,OAAO,QAAQ,GAAG,IAChC;EAEA,MAAM,mBAAmB,OAAO,UAAU,MACvC,aAAa,SAAS,QAAQ,GAAG,IACpC;EACA,WAAW;GACT,KAAK,GAAG;GACR,MAAM,gBAAgB,QAAQ,kBAAkB,QAAQ,GAAG;GAC3D,SAAS,gBAAgB,WAAW,kBAAkB,WAAW;EACnE;CACF;CAEA,MAAM,YAAyB;EAC7B,GAAG,QAAQ;EACX,QAAQ,OAAO,QAAQ,UAAU,CAAC;CACpC;CAEA,MAAM,UAAuB;EAC3B,GAAG,UAAU;EACb,QAAQ,OAAO,UAAU,UAAU,CAAC;CACtC;CAEA,MAAM,eAAe,QAAQ,QAAQ,OAAO,QAAQ,KAAK,IAAI;CAC7D,MAAM,mBACJ,QAAQ,SAAS,YAAY,QAAQ,MAAM,WAAW,QAAQ,SAC1D,eAAe,OAAO,QAAQ,MAAM,IACpC;CACN,MAAM,sBACJ,QAAQ,SAAS,YAAY,mBACzB,iBACE,kBACA,QAAQ,SAAS,UACjB,QAAQ,SAAS,QACnB,IACA;CAEN,MAAM,WAAkC,mBACpC,CACE;EACE,QAAQ,iBAAiB,SAAS;EAClC,WAAW,oBAAoB,QAAQ,CAAC;EACxC,OAAO,QAAQ;EACf,UAAU;EAEV,aAAa;EACb,MAAM;EACN,YAAY;CACd,CACF,IACA,KAAA;CAwGJ,OAAO;EArGL,QAAQ;EACR,OAAO;GACL,IAAK,GAAsB;GAC3B,aAAc,GAAsB;GACpC,WAAY,GAAsB;GAClC,aAAa,QAAQ;GACrB,YAAY,QAAQ,UAAU;GAC9B,eAAe,QAAQ,aAAa;GACpC,UAAU,UAAU,UAAU;GAC9B,aAAa,UAAU,UAAU;GACjC,aAAa,UAAU,aAAa;GACpC,WAAW,UAAU;GACrB;GACA;GACA,YAAY,QAAQ;GACpB,OAAO,CACL;IACE,IAAK,GAAsB;IAC3B,MAAM;IACN,MAAM,GAAG;IACT,aAAa;IACb,QAAQ;KACN,WAAW,QAAQ;KACnB,YAAY,QAAQ,UAAU;KAC9B,aAAa,QAAQ;KACrB,aAAc,GAAsB;KACpC,SAAS,UAAU;KACnB,WAAW,UAAU;KACrB,WAAY,GAAsB;KAClC,UAAU;IACZ;IACA,UAAU;KACR,MAAM,GAAG;KACT,iBAAiB;KACjB,YAAY,QAAQ,UAAU;KAC9B,eAAe,QAAQ,aAAa;KACpC,aAAa,UAAU,UAAU;KACjC,UAAU,UAAU,UAAU;KAC9B,aAAa,UAAU,aAAa;KACpC,mBAAmB;IACrB;IACA,eAAe,CACb;KACE,IAAK,GAAsB;KAC3B,MAAM,QAAQ,YAAY,UAAU,UAAU,SAAS;KACvD,QAAQ;MACN,aAAa,QAAQ;MACrB,YAAY,QAAQ,UAAU;MAC9B,WAAW,QAAQ;MACnB,WAAW,UAAU;MACrB,SAAS,UAAU;MACnB,UAAU;MACV,aAAc,GAAsB;MACpC,WAAY,GAAsB;KACpC;KACA,UAAU;MACR,MAAM,GAAG;MACT,YAAY,QAAQ,UAAU;MAC9B,UAAU,UAAU,UAAU;MAC9B,aAAa,UAAU,UAAU;MACjC,iBAAiB;MACjB,mBAAmB;KACrB;KACA,MAAM,GAAG;KACT,aAAa;IACf,CACF;IACA,YAAY,GAAG,UAAU,cAAc;IACvC,WAAW;KACT,QAAQ;KACR,WAAW,QAAQ,YACf,QAAQ,YAAY,MACpB,KAAK,IAAI;KACb,SAAS,0BAA0B,EAAE;KACrC,YAAY,QAAQ;KACpB,UAAU,UAAU;KACpB,SAAS,UAAU;KACnB,gBAAgB,GAAG;KACnB,gBAAgB,GAAG;KACnB,UAAU,CACR;MACE,QAAQ,QAAQ;MAChB,WAAW,QAAQ;MACnB,OAAO,QAAQ;MACf,UAAU;MACV,OAAO;MACP,OAAO;MACP,MAAM;KACR,CACF;KACA;IACF;GACF,CACF;GACA,WAAW;IACT,OAAO;IACP,cAAc;GAChB;EACF;CAGkB;AACtB"}

package/dist/esm/utils/currencyExtendedFormatter.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/currencyExtendedFormatter.d.ts
+declare const currencyExtendedFormatter: (lng: string | undefined, options: any) => ((value: any) => string);
+//#endregion
+export { currencyExtendedFormatter };
+//# sourceMappingURL=currencyExtendedFormatter.d.ts.map

package/dist/esm/utils/currencyExtendedFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyExtendedFormatter.d.ts","names":[],"sources":["../../../src/utils/currencyExtendedFormatter.ts"],"mappings":";cAAa,yBAAA,GACX,GAAA,sBACA,OAAA,YACG,KAAA"}

package/dist/esm/utils/currencyExtendedFormatter.js

@@ -0,0 +1,15 @@
+//#region src/utils/currencyExtendedFormatter.ts
+const currencyExtendedFormatter = (lng, options) => {
+	const formatter = new Intl.NumberFormat(lng, {
+		...options,
+		style: "currency"
+	});
+	return (value) => {
+		if (value > 0 && value < .01) return `<${formatter.format(.01)}`;
+		return formatter.format(value);
+	};
+};
+//#endregion
+export { currencyExtendedFormatter };
+
+//# sourceMappingURL=currencyExtendedFormatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currencyExtendedFormatter.js","names":[],"sources":["../../../src/utils/currencyExtendedFormatter.ts"],"sourcesContent":["export const currencyExtendedFormatter = (\n  lng: string | undefined,\n  options: any\n): ((value: any) => string) => {\n  const formatter = new Intl.NumberFormat(lng, {\n    ...options,\n    style: 'currency',\n  })\n  return (value: any) => {\n    if (value > 0 && value < 0.01) {\n      return `<${formatter.format(0.01)}`\n    }\n    return formatter.format(value)\n  }\n}\n"],"mappings":";AAAA,MAAa,6BACX,KACA,YAC6B;CAC7B,MAAM,YAAY,IAAI,KAAK,aAAa,KAAK;EAC3C,GAAG;EACH,OAAO;CACT,CAAC;CACD,QAAQ,UAAe;EACrB,IAAI,QAAQ,KAAK,QAAQ,KACvB,OAAO,IAAI,UAAU,OAAO,GAAI;EAElC,OAAO,UAAU,OAAO,KAAK;CAC/B;AACF"}

package/dist/esm/utils/deepEqual.js

@@ -0,0 +1,32 @@
+//#region src/utils/deepEqual.ts
+/** Forked from https://github.com/epoberezkin/fast-deep-equal */
+function deepEqual(a, b) {
+	if (a === b) return true;
+	if (a && b && typeof a === "object" && typeof b === "object") {
+		if (a.constructor !== b.constructor) return false;
+		let length;
+		let i;
+		if (Array.isArray(a) && Array.isArray(b)) {
+			length = a.length;
+			if (length !== b.length) return false;
+			for (i = length; i-- !== 0;) if (!deepEqual(a[i], b[i])) return false;
+			return true;
+		}
+		if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+		if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
+		const keys = Object.keys(a);
+		length = keys.length;
+		if (length !== Object.keys(b).length) return false;
+		for (i = length; i-- !== 0;) if (!Object.hasOwn(b, keys[i])) return false;
+		for (i = length; i-- !== 0;) {
+			const key = keys[i];
+			if (key && !deepEqual(a[key], b[key])) return false;
+		}
+		return true;
+	}
+	return a !== a && b !== b;
+}
+//#endregion
+export { deepEqual };
+
+//# sourceMappingURL=deepEqual.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deepEqual.js","names":[],"sources":["../../../src/utils/deepEqual.ts"],"sourcesContent":["/** Forked from https://github.com/epoberezkin/fast-deep-equal */\n\nexport function deepEqual(a: any, b: any): boolean {\n  if (a === b) {\n    return true\n  }\n\n  if (a && b && typeof a === 'object' && typeof b === 'object') {\n    if (a.constructor !== b.constructor) {\n      return false\n    }\n\n    let length: number\n    let i: number\n\n    if (Array.isArray(a) && Array.isArray(b)) {\n      length = a.length\n      if (length !== b.length) {\n        return false\n      }\n      for (i = length; i-- !== 0; ) {\n        if (!deepEqual(a[i], b[i])) {\n          return false\n        }\n      }\n      return true\n    }\n\n    if (a.valueOf !== Object.prototype.valueOf) {\n      return a.valueOf() === b.valueOf()\n    }\n    if (a.toString !== Object.prototype.toString) {\n      return a.toString() === b.toString()\n    }\n\n    const keys = Object.keys(a)\n    length = keys.length\n    if (length !== Object.keys(b).length) {\n      return false\n    }\n\n    for (i = length; i-- !== 0; ) {\n      if (!Object.hasOwn(b, keys[i]!)) {\n        return false\n      }\n    }\n\n    for (i = length; i-- !== 0; ) {\n      const key = keys[i]\n\n      if (key && !deepEqual(a[key], b[key])) {\n        return false\n      }\n    }\n\n    return true\n  }\n\n  // true if both NaN, false otherwise\n  // biome-ignore lint/suspicious/noSelfCompare: allowed in typescript\n  return a !== a && b !== b\n}\n"],"mappings":";;AAEA,SAAgB,UAAU,GAAQ,GAAiB;CACjD,IAAI,MAAM,GACR,OAAO;CAGT,IAAI,KAAK,KAAK,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU;EAC5D,IAAI,EAAE,gBAAgB,EAAE,aACtB,OAAO;EAGT,IAAI;EACJ,IAAI;EAEJ,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;GACxC,SAAS,EAAE;GACX,IAAI,WAAW,EAAE,QACf,OAAO;GAET,KAAK,IAAI,QAAQ,QAAQ,IACvB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,GACvB,OAAO;GAGX,OAAO;EACT;EAEA,IAAI,EAAE,YAAY,OAAO,UAAU,SACjC,OAAO,EAAE,QAAQ,MAAM,EAAE,QAAQ;EAEnC,IAAI,EAAE,aAAa,OAAO,UAAU,UAClC,OAAO,EAAE,SAAS,MAAM,EAAE,SAAS;EAGrC,MAAM,OAAO,OAAO,KAAK,CAAC;EAC1B,SAAS,KAAK;EACd,IAAI,WAAW,OAAO,KAAK,CAAC,EAAE,QAC5B,OAAO;EAGT,KAAK,IAAI,QAAQ,QAAQ,IACvB,IAAI,CAAC,OAAO,OAAO,GAAG,KAAK,EAAG,GAC5B,OAAO;EAIX,KAAK,IAAI,QAAQ,QAAQ,IAAK;GAC5B,MAAM,MAAM,KAAK;GAEjB,IAAI,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,GAClC,OAAO;EAEX;EAEA,OAAO;CACT;CAIA,OAAO,MAAM,KAAK,MAAM;AAC1B"}

package/dist/esm/utils/deepMerge.js

@@ -0,0 +1,13 @@
+//#region src/utils/deepMerge.ts
+const isObject = (obj) => obj && typeof obj === "object";
+const deepMerge = (...objects) => {
+	return objects.reduce((prev, obj) => {
+		for (const key in obj) if (isObject(prev[key]) && isObject(obj[key])) prev[key] = deepMerge(prev[key], obj[key]);
+		else prev[key] = obj[key];
+		return prev;
+	}, {});
+};
+//#endregion
+export { deepMerge };
+
+//# sourceMappingURL=deepMerge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.js","names":[],"sources":["../../../src/utils/deepMerge.ts"],"sourcesContent":["const isObject = (obj: any): boolean => obj && typeof obj === 'object'\n\nexport const deepMerge = (...objects: any[]): any => {\n  return objects.reduce((prev, obj) => {\n    for (const key in obj) {\n      if (isObject(prev[key]) && isObject(obj[key])) {\n        prev[key] = deepMerge(prev[key], obj[key])\n      } else {\n        prev[key] = obj[key]\n      }\n    }\n    return prev\n  }, {})\n}\n"],"mappings":";AAAA,MAAM,YAAY,QAAsB,OAAO,OAAO,QAAQ;AAE9D,MAAa,aAAa,GAAG,YAAwB;CACnD,OAAO,QAAQ,QAAQ,MAAM,QAAQ;EACnC,KAAK,MAAM,OAAO,KAChB,IAAI,SAAS,KAAK,IAAI,KAAK,SAAS,IAAI,IAAI,GAC1C,KAAK,OAAO,UAAU,KAAK,MAAM,IAAI,IAAI;OAEzC,KAAK,OAAO,IAAI;EAGpB,OAAO;CACT,GAAG,CAAC,CAAC;AACP"}

package/dist/esm/utils/elements.js

@@ -0,0 +1,10 @@
+//#region src/utils/elements.ts
+const createElementId = (ElementId, elementId) => elementId ? `${ElementId}-${elementId}` : 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 { createElementId, getAppContainer, getHeaderElement, getRelativeContainer, getScrollableContainer };
+
+//# sourceMappingURL=elements.js.map

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

@@ -0,0 +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":";AAOA,MAAa,mBACX,WACA,cACY,YAAY,GAAG,UAAU,GAAG,cAAc;AAKxD,MAAa,mBAAmB,cAC9B,SAAS,eACP,gBAAA,iCAAgD,SAAS,CAC3D;AAEF,MAAa,wBAAwB,cACnC,SAAS,eACP,gBAAA,6BAA6C,SAAS,CACxD;AAEF,MAAa,0BAA0B,cACrC,SAAS,eACP,gBAAA,+BAA+C,SAAS,CAC1D;AAEF,MAAa,oBAAoB,cAC/B,SAAS,eAAe,gBAAA,iBAAkC,SAAS,CAAC"}

package/dist/esm/utils/enum.js

@@ -0,0 +1,6 @@
+//#region src/utils/enum.ts
+const hasEnumFlag = (flags, flag) => (flags & flag) === flag;
+//#endregion
+export { hasEnumFlag };
+
+//# sourceMappingURL=enum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enum.js","names":[],"sources":["../../../src/utils/enum.ts"],"sourcesContent":["export const hasEnumFlag = <T extends number | bigint>(\n  flags: T,\n  flag: T\n): boolean => (flags & flag) === flag\n"],"mappings":";AAAA,MAAa,eACX,OACA,UACa,QAAQ,UAAU"}

package/dist/esm/utils/fees.js

@@ -0,0 +1,74 @@
+import { formatTokenPrice } from "./format.js";
+//#region src/utils/fees.ts
+const getAccumulatedFeeCostsBreakdown = (route, included = false) => {
+	const gasCosts = getGasCostsBreakdown(route);
+	const feeCosts = getFeeCostsBreakdown(route, included);
+	const gasCostUSD = gasCosts.reduce((sum, gasCost) => sum + gasCost.amountUSD, 0);
+	const feeCostUSD = feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+	return {
+		gasCosts,
+		feeCosts,
+		gasCostUSD,
+		feeCostUSD,
+		combinedFeesUSD: gasCostUSD + feeCostUSD
+	};
+};
+const getGasCostsBreakdown = (route) => {
+	return Array.from(route.steps.reduce((groupedGasCosts, step) => {
+		const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
+		if (gasCosts?.length) {
+			const { token, amount: gasCostAmount, amountUSD: gasCostAmountUSD } = getStepFeeCostsBreakdown(gasCosts);
+			const groupedGasCost = groupedGasCosts.get(token.chainId);
+			const amount = groupedGasCost ? groupedGasCost.amount + gasCostAmount : gasCostAmount;
+			const amountUSD = groupedGasCost ? groupedGasCost.amountUSD + gasCostAmountUSD : gasCostAmountUSD;
+			groupedGasCosts.set(token.chainId, {
+				amount,
+				amountUSD,
+				token
+			});
+			return groupedGasCosts;
+		}
+		return groupedGasCosts;
+	}, /* @__PURE__ */ new Map()).values());
+};
+const getFeeCostsBreakdown = (route, included) => {
+	return Array.from(route.steps.reduce((groupedFeeCosts, step) => {
+		let feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
+		if (typeof included === "boolean") feeCosts = feeCosts?.filter((feeCost) => feeCost.included === included);
+		if (feeCosts?.length) {
+			const { token, amount: feeCostAmount, amountUSD: feeCostAmountUSD } = getStepFeeCostsBreakdown(feeCosts);
+			const groupedFeeCost = groupedFeeCosts.get(token.chainId);
+			const amount = groupedFeeCost ? groupedFeeCost.amount + feeCostAmount : feeCostAmount;
+			const amountUSD = groupedFeeCost ? groupedFeeCost.amountUSD + feeCostAmountUSD : feeCostAmountUSD;
+			groupedFeeCosts.set(token.chainId, {
+				amount,
+				amountUSD,
+				token
+			});
+			return groupedFeeCosts;
+		}
+		return groupedFeeCosts;
+	}, /* @__PURE__ */ new Map()).values());
+};
+const getStepFeeCostsBreakdown = (feeCosts) => {
+	const { token } = feeCosts[0];
+	const { amount, amountUSD } = feeCosts.reduce((acc, feeCost) => {
+		const feeAmount = BigInt(Number(feeCost.amount).toFixed(0) || 0);
+		const amountUSD = formatTokenPrice(feeAmount, feeCost.token.priceUSD, feeCost.token.decimals);
+		acc.amount += feeAmount;
+		acc.amountUSD += amountUSD;
+		return acc;
+	}, {
+		amount: 0n,
+		amountUSD: 0
+	});
+	return {
+		amount,
+		amountUSD,
+		token
+	};
+};
+//#endregion
+export { getAccumulatedFeeCostsBreakdown };
+
+//# sourceMappingURL=fees.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fees.js","names":[],"sources":["../../../src/utils/fees.ts"],"sourcesContent":["import type { FeeCost, GasCost, RouteExtended, Token } from '@lifi/sdk'\nimport { formatTokenPrice } from './format.js'\n\nexport interface FeesBreakdown {\n  amount: bigint\n  amountUSD: number\n  token: Token\n}\n\nexport const getAccumulatedFeeCostsBreakdown = (\n  route: RouteExtended,\n  included: boolean = false\n): {\n  gasCosts: FeesBreakdown[]\n  feeCosts: FeesBreakdown[]\n  gasCostUSD: number\n  feeCostUSD: number\n  combinedFeesUSD: number\n} => {\n  const gasCosts = getGasCostsBreakdown(route)\n  const feeCosts = getFeeCostsBreakdown(route, included)\n  const gasCostUSD = gasCosts.reduce(\n    (sum, gasCost) => sum + gasCost.amountUSD,\n    0\n  )\n  const feeCostUSD = feeCosts.reduce(\n    (sum, feeCost) => sum + feeCost.amountUSD,\n    0\n  )\n  const combinedFeesUSD = gasCostUSD + feeCostUSD\n  return {\n    gasCosts,\n    feeCosts,\n    gasCostUSD,\n    feeCostUSD,\n    combinedFeesUSD,\n  }\n}\n\nconst getGasCostsBreakdown = (route: RouteExtended): FeesBreakdown[] => {\n  return Array.from(\n    route.steps\n      .reduce((groupedGasCosts, step) => {\n        const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts\n        if (gasCosts?.length) {\n          const {\n            token,\n            amount: gasCostAmount,\n            amountUSD: gasCostAmountUSD,\n          } = getStepFeeCostsBreakdown(gasCosts)\n          const groupedGasCost = groupedGasCosts.get(token.chainId)\n          const amount = groupedGasCost\n            ? groupedGasCost.amount + gasCostAmount\n            : gasCostAmount\n          const amountUSD = groupedGasCost\n            ? groupedGasCost.amountUSD + gasCostAmountUSD\n            : gasCostAmountUSD\n          groupedGasCosts.set(token.chainId, {\n            amount,\n            amountUSD,\n            token,\n          })\n          return groupedGasCosts\n        }\n        return groupedGasCosts\n      }, new Map<number, FeesBreakdown>())\n      .values()\n  )\n}\n\nconst getFeeCostsBreakdown = (\n  route: RouteExtended,\n  included?: boolean\n): FeesBreakdown[] => {\n  return Array.from(\n    route.steps\n      .reduce((groupedFeeCosts, step) => {\n        let feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts\n        if (typeof included === 'boolean') {\n          feeCosts = feeCosts?.filter(\n            (feeCost) => feeCost.included === included\n          )\n        }\n        if (feeCosts?.length) {\n          const {\n            token,\n            amount: feeCostAmount,\n            amountUSD: feeCostAmountUSD,\n          } = getStepFeeCostsBreakdown(feeCosts)\n          const groupedFeeCost = groupedFeeCosts.get(token.chainId)\n          const amount = groupedFeeCost\n            ? groupedFeeCost.amount + feeCostAmount\n            : feeCostAmount\n          const amountUSD = groupedFeeCost\n            ? groupedFeeCost.amountUSD + feeCostAmountUSD\n            : feeCostAmountUSD\n          groupedFeeCosts.set(token.chainId, {\n            amount,\n            amountUSD,\n            token,\n          })\n          return groupedFeeCosts\n        }\n        return groupedFeeCosts\n      }, new Map<number, FeesBreakdown>())\n      .values()\n  )\n}\n\nconst getStepFeeCostsBreakdown = (\n  feeCosts: FeeCost[] | GasCost[]\n): FeesBreakdown => {\n  const { token } = feeCosts[0]\n\n  const { amount, amountUSD } = feeCosts.reduce(\n    (acc, feeCost) => {\n      const feeAmount = BigInt(Number(feeCost.amount).toFixed(0) || 0)\n      const amountUSD = formatTokenPrice(\n        feeAmount,\n        feeCost.token.priceUSD,\n        feeCost.token.decimals\n      )\n\n      acc.amount += feeAmount\n      acc.amountUSD += amountUSD\n      return acc\n    },\n    { amount: 0n, amountUSD: 0 }\n  )\n\n  return {\n    amount,\n    amountUSD,\n    token,\n  }\n}\n"],"mappings":";;AASA,MAAa,mCACX,OACA,WAAoB,UAOjB;CACH,MAAM,WAAW,qBAAqB,KAAK;CAC3C,MAAM,WAAW,qBAAqB,OAAO,QAAQ;CACrD,MAAM,aAAa,SAAS,QACzB,KAAK,YAAY,MAAM,QAAQ,WAChC,CACF;CACA,MAAM,aAAa,SAAS,QACzB,KAAK,YAAY,MAAM,QAAQ,WAChC,CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA,iBANsB,aAAa;CAOrC;AACF;AAEA,MAAM,wBAAwB,UAA0C;CACtE,OAAO,MAAM,KACX,MAAM,MACH,QAAQ,iBAAiB,SAAS;EACjC,MAAM,WAAW,KAAK,WAAW,YAAY,KAAK,SAAS;EAC3D,IAAI,UAAU,QAAQ;GACpB,MAAM,EACJ,OACA,QAAQ,eACR,WAAW,qBACT,yBAAyB,QAAQ;GACrC,MAAM,iBAAiB,gBAAgB,IAAI,MAAM,OAAO;GACxD,MAAM,SAAS,iBACX,eAAe,SAAS,gBACxB;GACJ,MAAM,YAAY,iBACd,eAAe,YAAY,mBAC3B;GACJ,gBAAgB,IAAI,MAAM,SAAS;IACjC;IACA;IACA;GACF,CAAC;GACD,OAAO;EACT;EACA,OAAO;CACT,mBAAG,IAAI,IAA2B,CAAC,EAClC,OAAO,CACZ;AACF;AAEA,MAAM,wBACJ,OACA,aACoB;CACpB,OAAO,MAAM,KACX,MAAM,MACH,QAAQ,iBAAiB,SAAS;EACjC,IAAI,WAAW,KAAK,WAAW,YAAY,KAAK,SAAS;EACzD,IAAI,OAAO,aAAa,WACtB,WAAW,UAAU,QAClB,YAAY,QAAQ,aAAa,QACpC;EAEF,IAAI,UAAU,QAAQ;GACpB,MAAM,EACJ,OACA,QAAQ,eACR,WAAW,qBACT,yBAAyB,QAAQ;GACrC,MAAM,iBAAiB,gBAAgB,IAAI,MAAM,OAAO;GACxD,MAAM,SAAS,iBACX,eAAe,SAAS,gBACxB;GACJ,MAAM,YAAY,iBACd,eAAe,YAAY,mBAC3B;GACJ,gBAAgB,IAAI,MAAM,SAAS;IACjC;IACA;IACA;GACF,CAAC;GACD,OAAO;EACT;EACA,OAAO;CACT,mBAAG,IAAI,IAA2B,CAAC,EAClC,OAAO,CACZ;AACF;AAEA,MAAM,4BACJ,aACkB;CAClB,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAE,QAAQ,cAAc,SAAS,QACpC,KAAK,YAAY;EAChB,MAAM,YAAY,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,YAAY,iBAChB,WACA,QAAQ,MAAM,UACd,QAAQ,MAAM,QAChB;EAEA,IAAI,UAAU;EACd,IAAI,aAAa;EACjB,OAAO;CACT,GACA;EAAE,QAAQ;EAAI,WAAW;CAAE,CAC7B;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/dist/esm/utils/format.d.ts

@@ -0,0 +1,29 @@
+//#region src/utils/format.d.ts
+declare const usdDecimals = 2;
+/**
+* Format token amount to at least 6 decimals.
+* @param amount amount to format.
+* @returns formatted amount.
+*/
+declare function formatTokenAmount(amount: bigint | undefined, decimals: number): string;
+declare function formatSlippage(slippage?: string, defaultValue?: string, returnInitial?: boolean): string;
+/**
+* Formats a user input amount string, normalizing it and optionally limiting decimal places.
+* @param amount - The amount string to format (e.g., '123.45', '1,23', '0..')
+* @param decimals - Maximum number of decimal places to allow. If null, no limit is applied.
+* @param returnInitial - If true, preserves the input format during typing (e.g., keeps trailing dots,
+*                        preserves leading zeros, keeps negative signs). If false (default), cleans up the
+*                        format on blur (removes leading/trailing zeros, removes negative signs).
+* @returns The formatted amount string, or empty string for invalid input.
+*/
+declare function formatInputAmount(amount: string, decimals?: number | null, returnInitial?: boolean): string;
+declare function formatTokenPrice(amount?: string | bigint, price?: string, decimals?: number): number;
+/**
+* Convert price value to token amount
+*/
+declare function priceToTokenAmount(priceValue: string, priceUSD?: string): string;
+declare function formatDuration(seconds: number, locale: string): string;
+declare function wrapLongWords(text: string): string;
+//#endregion
+export { formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, priceToTokenAmount, usdDecimals, wrapLongWords };
+//# sourceMappingURL=format.d.ts.map

package/dist/esm/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","names":[],"sources":["../../../src/utils/format.ts"],"mappings":";cAEa,WAAA;AAAb;;;;AAAa;AAAb,iBAOgB,iBAAA,CACd,MAAA,sBACA,QAAA;AAAA,iBAWc,cAAA,CACd,QAAA,WACA,YAAA,WACA,aAAA;;;AAdA;AAWF;;;;;;iBAoCgB,iBAAA,CACd,MAAA,UACA,QAAA,kBACA,aAAA;AAAA,iBAqDc,gBAAA,CACd,MAAA,oBACA,KAAA,WACA,QAAA;AA5FA;AAiCF;;AAjCE,iBA2Hc,kBAAA,CACd,UAAA,UACA,QAAA;AAAA,iBA2Bc,cAAA,CAAe,OAAA,UAAiB,MAAA;AAAA,iBAYhC,aAAA,CAAc,IAAA"}