@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/hooks/useAvailableChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableChains.js","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType, createClient, getChains } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\ntype GetChainById = (\n  chainId?: number,\n  chains?: ExtendedChain[]\n) => ExtendedChain | undefined\n\nconst supportedChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n]\n\nexport const useAvailableChains = (\n  chainTypes?: ChainType[],\n  widgetConfig?: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: GetChainById\n  isLoading: boolean\n} => {\n  const { chains: internalChains, keyPrefix: internalKeyPrefix } =\n    useWidgetConfig()\n  const internalClient = useSDKClient()\n\n  const externalClient = useMemo(() => {\n    if (!widgetConfig) {\n      return undefined\n    }\n    return createClient({\n      ...widgetConfig.sdkConfig,\n      apiKey: widgetConfig.apiKey,\n      integrator: widgetConfig.integrator ?? window?.location.hostname,\n    })\n  }, [widgetConfig])\n\n  // Overwrite widget config if passed as param\n  const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix\n  const chains = widgetConfig?.chains ?? internalChains\n\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('chains', keyPrefix),\n      chains?.types,\n      chains?.allow,\n      chains?.deny,\n      chains?.from,\n      chains?.to,\n      !!externalClient,\n    ] as const,\n    queryFn: async ({ queryKey: [, chainTypesConfig] }) => {\n      const chainsConfigSets = getConfigItemSets(\n        chainTypesConfig,\n        (chains) => new Set(chains)\n      )\n      const chainTypesRequest = supportedChainTypes.filter((chainType) =>\n        isItemAllowedForSets(chainType, chainsConfigSets)\n      )\n      const client = externalClient ?? internalClient\n      const availableChains = await getChains(client, {\n        chainTypes: chainTypes || chainTypesRequest,\n      })\n      client.setChains(availableChains)\n      return availableChains\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n  })\n\n  // Ensure the current internal client always has chains, even when:\n  // - the query result came from cache (external call populated it first)\n  // - the client was recreated due to config changes (stale closure in queryFn)\n  useEffect(() => {\n    if (data && !externalClient) {\n      internalClient.setChains(data)\n    }\n  }, [data, externalClient, internalClient])\n\n  const getChainById: GetChainById = useCallback(\n    (chainId?: number, chains: ExtendedChain[] | undefined = data) => {\n      if (!chainId) {\n        return\n      }\n      const chain = chains?.find((chain) => chain.id === chainId)\n      // if (!chain) {\n      //   throw new Error('Chain not found or chainId is invalid.');\n      // }\n      return chain\n    },\n    [data]\n  )\n\n  return {\n    chains: data,\n    getChainById,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,sBAAsB;CAC1B,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,WAAW,sBACzC,gBAAgB;CAClB,MAAM,iBAAiB,aAAa;CAEpC,MAAM,iBAAiB,cAAc;EACnC,IAAI,CAAC,cACH;EAEF,OAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;EAC1D,CAAC;CACH,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,YAAY,cAAc,aAAa;CAC7C,MAAM,SAAS,cAAc,UAAU;CAEvC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,UAAU,SAAS;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,CAAC,CAAC;EACJ;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,wBAAwB;GACrD,MAAM,mBAAmB,kBACvB,mBACC,WAAW,IAAI,IAAI,MAAM,CAC5B;GACA,MAAM,oBAAoB,oBAAoB,QAAQ,cACpD,qBAAqB,WAAW,gBAAgB,CAClD;GACA,MAAM,SAAS,kBAAkB;GACjC,MAAM,kBAAkB,MAAM,UAAU,QAAQ,EAC9C,YAAY,cAAc,kBAC5B,CAAC;GACD,OAAO,UAAU,eAAe;GAChC,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAKD,gBAAgB;EACd,IAAI,QAAQ,CAAC,gBACX,eAAe,UAAU,IAAI;CAEjC,GAAG;EAAC;EAAM;EAAgB;CAAc,CAAC;CAgBzC,OAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;GAChE,IAAI,CAAC,SACH;GAMF,OAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,OAAO;EAK5D,GACA,CAAC,IAAI,CAKM;EACX;CACF;AACF"}

package/dist/esm/hooks/useChain.js

@@ -0,0 +1,15 @@
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useMemo } from "react";
+//#region src/hooks/useChain.ts
+const useChain = (chainId) => {
+	const { isLoading, getChainById } = useAvailableChains();
+	return {
+		chain: useMemo(() => getChainById(chainId), [chainId, getChainById]),
+		isLoading,
+		getChainById
+	};
+};
+//#endregion
+export { useChain };
+
+//# sourceMappingURL=useChain.js.map

package/dist/esm/hooks/useChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.js","names":[],"sources":["../../../src/hooks/useChain.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useChain = (\n  chainId?: number\n): {\n  chain: ExtendedChain | undefined\n  isLoading: boolean\n  getChainById: (\n    chainId?: number,\n    chains?: ExtendedChain[]\n  ) => ExtendedChain | undefined\n} => {\n  const { isLoading, getChainById } = useAvailableChains()\n\n  const chain = useMemo(() => getChainById(chainId), [chainId, getChainById])\n\n  return {\n    chain,\n    isLoading,\n    getChainById,\n  }\n}\n"],"mappings":";;;AAIA,MAAa,YACX,YAQG;CACH,MAAM,EAAE,WAAW,iBAAiB,mBAAmB;CAIvD,OAAO;EACL,OAHY,cAAc,aAAa,OAAO,GAAG,CAAC,SAAS,YAAY,CAGnE;EACJ;EACA;CACF;AACF"}

package/dist/esm/hooks/useChainSearch.js

@@ -0,0 +1,39 @@
+import { FormKeyHelper } from "../stores/form/types.js";
+import { useChainSelect } from "../components/ChainSelect/useChainSelect.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useCallback, useMemo, useState } from "react";
+import { debounce } from "@mui/material";
+//#region src/hooks/useChainSearch.ts
+function useChainSearch(formType, listRef, inputRef) {
+	const { chains, isLoading, setCurrentChain } = useChainSelect(formType);
+	const [selectedChainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
+	const [debouncedSearchValue, setDebouncedSearchValue] = useState("");
+	const filteredChains = useMemo(() => {
+		const value = debouncedSearchValue.toLowerCase();
+		return value ? chains?.filter((chain) => chain.name.toLowerCase().includes(value)) ?? [] : chains ?? [];
+	}, [chains, debouncedSearchValue]);
+	const debouncedFilterChains = useMemo(() => debounce((value) => {
+		setDebouncedSearchValue(value);
+		listRef.current?.scrollTo(0, 0);
+	}, 250), [listRef]);
+	return {
+		filteredChains,
+		isLoading,
+		selectedChainId,
+		onSelectChainFallback: useCallback((chain) => {
+			setCurrentChain(chain.id);
+		}, [setCurrentChain]),
+		onChange: useCallback(() => {
+			debouncedFilterChains(inputRef.current?.value || "");
+		}, [debouncedFilterChains, inputRef]),
+		onClear: useCallback(() => {
+			if (inputRef.current) inputRef.current.value = "";
+			setDebouncedSearchValue("");
+			listRef.current?.scrollTo(0, 0);
+		}, [inputRef, listRef])
+	};
+}
+//#endregion
+export { useChainSearch };
+
+//# sourceMappingURL=useChainSearch.js.map

package/dist/esm/hooks/useChainSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChainSearch.js","names":[],"sources":["../../../src/hooks/useChainSearch.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { debounce } from '@mui/material'\nimport type { RefObject } from 'react'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useChainSelect } from '../components/ChainSelect/useChainSelect.js'\nimport { FormKeyHelper, type FormType } from '../stores/form/types.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\n\nexport function useChainSearch(\n  formType: FormType,\n  listRef: RefObject<HTMLDivElement | null>,\n  inputRef: RefObject<HTMLInputElement | null>\n): {\n  filteredChains: ExtendedChain[]\n  isLoading: boolean\n  selectedChainId: number | undefined\n  onSelectChainFallback: (chain: ExtendedChain) => void\n  onChange: () => void\n  onClear: () => void\n} {\n  const { chains, isLoading, setCurrentChain } = useChainSelect(formType)\n  const [selectedChainId] = useFieldValues(FormKeyHelper.getChainKey(formType))\n  const [debouncedSearchValue, setDebouncedSearchValue] = useState('')\n\n  const filteredChains = useMemo(() => {\n    const value = debouncedSearchValue.toLowerCase()\n    return value\n      ? (chains?.filter((chain) => chain.name.toLowerCase().includes(value)) ??\n          [])\n      : (chains ?? [])\n  }, [chains, debouncedSearchValue])\n\n  const debouncedFilterChains = useMemo(\n    () =>\n      debounce((value: string) => {\n        setDebouncedSearchValue(value)\n        listRef.current?.scrollTo(0, 0)\n      }, 250),\n    [listRef]\n  )\n\n  const onSelectChainFallback = useCallback(\n    (chain: ExtendedChain) => {\n      setCurrentChain(chain.id)\n    },\n    [setCurrentChain]\n  )\n\n  const onChange = useCallback(() => {\n    const value = inputRef.current?.value || ''\n    debouncedFilterChains(value)\n  }, [debouncedFilterChains, inputRef])\n\n  const onClear = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current.value = ''\n    }\n    setDebouncedSearchValue('')\n    listRef.current?.scrollTo(0, 0)\n  }, [inputRef, listRef])\n\n  return {\n    filteredChains,\n    isLoading,\n    selectedChainId,\n    onSelectChainFallback,\n    onChange,\n    onClear,\n  }\n}\n"],"mappings":";;;;;;AAQA,SAAgB,eACd,UACA,SACA,UAQA;CACA,MAAM,EAAE,QAAQ,WAAW,oBAAoB,eAAe,QAAQ;CACtE,MAAM,CAAC,mBAAmB,eAAe,cAAc,YAAY,QAAQ,CAAC;CAC5E,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,EAAE;CAEnE,MAAM,iBAAiB,cAAc;EACnC,MAAM,QAAQ,qBAAqB,YAAY;EAC/C,OAAO,QACF,QAAQ,QAAQ,UAAU,MAAM,KAAK,YAAY,EAAE,SAAS,KAAK,CAAC,KACjE,CAAC,IACF,UAAU,CAAC;CAClB,GAAG,CAAC,QAAQ,oBAAoB,CAAC;CAEjC,MAAM,wBAAwB,cAE1B,UAAU,UAAkB;EAC1B,wBAAwB,KAAK;EAC7B,QAAQ,SAAS,SAAS,GAAG,CAAC;CAChC,GAAG,GAAG,GACR,CAAC,OAAO,CACV;CAsBA,OAAO;EACL;EACA;EACA;EACA,uBAxB4B,aAC3B,UAAyB;GACxB,gBAAgB,MAAM,EAAE;EAC1B,GACA,CAAC,eAAe,CAoBI;EACpB,UAlBe,kBAAkB;GAEjC,sBADc,SAAS,SAAS,SAAS,EACd;EAC7B,GAAG,CAAC,uBAAuB,QAAQ,CAe1B;EACP,SAdc,kBAAkB;GAChC,IAAI,SAAS,SACX,SAAS,QAAQ,QAAQ;GAE3B,wBAAwB,EAAE;GAC1B,QAAQ,SAAS,SAAS,GAAG,CAAC;EAChC,GAAG,CAAC,UAAU,OAAO,CAQb;CACR;AACF"}

package/dist/esm/hooks/useChains.js

@@ -0,0 +1,26 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useMemo } from "react";
+//#region src/hooks/useChains.ts
+const useChains = (type, chainTypes) => {
+	const { chains } = useWidgetConfig();
+	const { chains: availableChains, isLoading: isLoadingAvailableChains, getChainById } = useAvailableChains();
+	return {
+		chains: useMemo(() => {
+			const chainsConfigSets = getConfigItemSets(chains, (chains) => new Set(chains), type);
+			return type ? availableChains?.filter((chain) => isFormItemAllowed(chain.id, chainsConfigSets, type) && (chainTypes?.includes(chain.chainType) ?? true)) : availableChains?.filter((chain) => isFormItemAllowed(chain.id, chainsConfigSets));
+		}, [
+			availableChains,
+			chainTypes,
+			chains,
+			type
+		]),
+		getChainById,
+		isLoading: isLoadingAvailableChains
+	};
+};
+//#endregion
+export { useChains };
+
+//# sourceMappingURL=useChains.js.map

package/dist/esm/hooks/useChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChains.js","names":[],"sources":["../../../src/hooks/useChains.ts"],"sourcesContent":["import type { ChainType, ExtendedChain } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { getConfigItemSets, isFormItemAllowed } from '../utils/item.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useChains = (\n  type?: FormType,\n  chainTypes?: ChainType[]\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: (\n    chainId?: number,\n    chains?: ExtendedChain[]\n  ) => ExtendedChain | undefined\n  isLoading: boolean\n} => {\n  const { chains } = useWidgetConfig()\n  const {\n    chains: availableChains,\n    isLoading: isLoadingAvailableChains,\n    getChainById,\n  } = useAvailableChains()\n\n  const filteredChains = useMemo(() => {\n    const chainsConfigSets = getConfigItemSets(\n      chains,\n      (chains) => new Set(chains),\n      type\n    )\n    const filteredChains = type\n      ? availableChains?.filter(\n          (chain) =>\n            isFormItemAllowed(chain.id, chainsConfigSets, type) &&\n            // Check against chain types if they are provided\n            (chainTypes?.includes(chain.chainType) ?? true)\n        )\n      : availableChains?.filter((chain) =>\n          isFormItemAllowed(chain.id, chainsConfigSets)\n        )\n    return filteredChains\n  }, [availableChains, chainTypes, chains, type])\n\n  return {\n    chains: filteredChains,\n    getChainById,\n    isLoading: isLoadingAvailableChains,\n  }\n}\n"],"mappings":";;;;;AAOA,MAAa,aACX,MACA,eAQG;CACH,MAAM,EAAE,WAAW,gBAAgB;CACnC,MAAM,EACJ,QAAQ,iBACR,WAAW,0BACX,iBACE,mBAAmB;CAqBvB,OAAO;EACL,QApBqB,cAAc;GACnC,MAAM,mBAAmB,kBACvB,SACC,WAAW,IAAI,IAAI,MAAM,GAC1B,IACF;GAWA,OAVuB,OACnB,iBAAiB,QACd,UACC,kBAAkB,MAAM,IAAI,kBAAkB,IAAI,MAEjD,YAAY,SAAS,MAAM,SAAS,KAAK,KAC9C,IACA,iBAAiB,QAAQ,UACvB,kBAAkB,MAAM,IAAI,gBAAgB,CAC9C;EAEN,GAAG;GAAC;GAAiB;GAAY;GAAQ;EAAI,CAGtB;EACrB;EACA,WAAW;CACb;AACF"}

package/dist/esm/hooks/useContactSupport.js

@@ -0,0 +1,15 @@
+import { useWidgetEvents } from "./useWidgetEvents.js";
+import "../types/events.js";
+//#region src/hooks/useContactSupport.ts
+const useContactSupport = (supportId) => {
+	const widgetEvents = useWidgetEvents();
+	const handleContactSupport = () => {
+		if (widgetEvents.listenerCount("contactSupport") === 0) window.open("https://help.li.fi", "_blank", "nofollow noreferrer");
+		else widgetEvents.emit("contactSupport", { supportId });
+	};
+	return handleContactSupport;
+};
+//#endregion
+export { useContactSupport };
+
+//# sourceMappingURL=useContactSupport.js.map

package/dist/esm/hooks/useContactSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContactSupport.js","names":[],"sources":["../../../src/hooks/useContactSupport.ts"],"sourcesContent":["import { WidgetEvent } from '../types/events.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nexport const useContactSupport = (supportId?: string): (() => void) => {\n  const widgetEvents = useWidgetEvents()\n\n  const handleContactSupport = () => {\n    if (widgetEvents.listenerCount(WidgetEvent.ContactSupport) === 0) {\n      window.open('https://help.li.fi', '_blank', 'nofollow noreferrer')\n    } else {\n      widgetEvents.emit(WidgetEvent.ContactSupport, { supportId })\n    }\n  }\n\n  return handleContactSupport\n}\n"],"mappings":";;;AAGA,MAAa,qBAAqB,cAAqC;CACrE,MAAM,eAAe,gBAAgB;CAErC,MAAM,6BAA6B;EACjC,IAAI,aAAa,cAAA,gBAAwC,MAAM,GAC7D,OAAO,KAAK,sBAAsB,UAAU,qBAAqB;OAEjE,aAAa,KAAA,kBAAiC,EAAE,UAAU,CAAC;CAE/D;CAEA,OAAO;AACT"}

package/dist/esm/hooks/useDebouncedWatch.js

@@ -0,0 +1,28 @@
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/useDebouncedWatch.ts
+const useDebouncedWatch = (delay, ...name) => {
+	const watchedValue = useFieldValues(...name);
+	const [debouncedValue, setDebouncedValue] = useState(watchedValue);
+	const debouncedValueRef = useRef(null);
+	const isMounted = useRef(false);
+	useEffect(() => {
+		if (isMounted.current) {
+			if (watchedValue.some((value) => value)) {
+				const handler = setTimeout(() => {
+					setDebouncedValue(watchedValue);
+				}, delay);
+				return () => clearTimeout(handler);
+			}
+			debouncedValueRef.current = watchedValue;
+			setDebouncedValue(watchedValue);
+			return;
+		}
+		isMounted.current = true;
+	}, [delay, watchedValue]);
+	return debouncedValue;
+};
+//#endregion
+export { useDebouncedWatch };
+
+//# sourceMappingURL=useDebouncedWatch.js.map

package/dist/esm/hooks/useDebouncedWatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedWatch.js","names":[],"sources":["../../../src/hooks/useDebouncedWatch.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport type { FormFieldArray, FormFieldNames } from '../stores/form/types.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\n\nexport const useDebouncedWatch = <T extends FormFieldNames[]>(\n  delay: number,\n  ...name: T\n): FormFieldArray<T> => {\n  const watchedValue = useFieldValues(...name)\n  const [debouncedValue, setDebouncedValue] = useState(watchedValue)\n  const debouncedValueRef = useRef<typeof watchedValue>(null)\n  const isMounted = useRef(false)\n\n  useEffect(() => {\n    if (isMounted.current) {\n      const hasWatchedValue = watchedValue.some((value) => value)\n      if (hasWatchedValue) {\n        const handler = setTimeout(() => {\n          setDebouncedValue(watchedValue)\n        }, delay)\n        return () => clearTimeout(handler)\n      }\n      debouncedValueRef.current = watchedValue\n      setDebouncedValue(watchedValue)\n      return undefined\n    }\n    isMounted.current = true\n    return undefined\n  }, [delay, watchedValue])\n\n  return debouncedValue\n}\n"],"mappings":";;;AAIA,MAAa,qBACX,OACA,GAAG,SACmB;CACtB,MAAM,eAAe,eAAe,GAAG,IAAI;CAC3C,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,YAAY;CACjE,MAAM,oBAAoB,OAA4B,IAAI;CAC1D,MAAM,YAAY,OAAO,KAAK;CAE9B,gBAAgB;EACd,IAAI,UAAU,SAAS;GAErB,IADwB,aAAa,MAAM,UAAU,KACnC,GAAG;IACnB,MAAM,UAAU,iBAAiB;KAC/B,kBAAkB,YAAY;IAChC,GAAG,KAAK;IACR,aAAa,aAAa,OAAO;GACnC;GACA,kBAAkB,UAAU;GAC5B,kBAAkB,YAAY;GAC9B;EACF;EACA,UAAU,UAAU;CAEtB,GAAG,CAAC,OAAO,YAAY,CAAC;CAExB,OAAO;AACT"}

package/dist/esm/hooks/useDefaultElementId.js

@@ -0,0 +1,10 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+//#region src/hooks/useDefaultElementId.ts
+const useDefaultElementId = () => {
+	const { elementId } = useWidgetConfig();
+	return elementId;
+};
+//#endregion
+export { useDefaultElementId };
+
+//# sourceMappingURL=useDefaultElementId.js.map

package/dist/esm/hooks/useDefaultElementId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultElementId.js","names":[],"sources":["../../../src/hooks/useDefaultElementId.ts"],"sourcesContent":["import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nexport const useDefaultElementId = (): string | undefined => {\n  const { elementId } = useWidgetConfig()\n  return elementId\n}\n"],"mappings":";;AAEA,MAAa,4BAAgD;CAC3D,MAAM,EAAE,cAAc,gBAAgB;CACtC,OAAO;AACT"}

package/dist/esm/hooks/useExplorer.js

@@ -0,0 +1,59 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import "../config/constants.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { ChainId, ChainType, isHex } from "@lifi/sdk";
+import { useCallback } from "react";
+//#region src/hooks/useExplorer.ts
+const sanitiseBaseUrl = (baseUrl) => baseUrl.trim().replace(/\/+$/, "");
+const explorerPathOverrides = {
+	[ChainId.SUI]: {
+		txPath: "txblock",
+		addressPath: "coin"
+	},
+	[ChainId.LTR]: {
+		txPath: "logs",
+		addressPath: "accounts"
+	},
+	[ChainType.TVM]: {
+		txPath: "#/transaction",
+		addressPath: "#/address"
+	}
+};
+const useExplorer = () => {
+	const { explorerUrls } = useWidgetConfig();
+	const { getChainById } = useAvailableChains();
+	const getExplorerConfig = useCallback((chain) => {
+		const resolvedChain = Number.isFinite(chain) ? getChainById(chain) : chain;
+		const explorerUrl = (resolvedChain ? explorerUrls?.[resolvedChain.id]?.[0] ?? resolvedChain.metamask.blockExplorerUrls[0] : explorerUrls?.internal?.[0]) || "https://scan.li.fi";
+		const baseUrl = typeof explorerUrl === "string" ? explorerUrl : explorerUrl.url;
+		const overrides = explorerPathOverrides[resolvedChain?.id] ?? explorerPathOverrides[resolvedChain?.chainType];
+		const defaultTxPath = overrides?.txPath ?? "tx";
+		const defaultAddressPath = overrides?.addressPath ?? "address";
+		const txPath = typeof explorerUrl === "string" ? defaultTxPath : explorerUrl.txPath || defaultTxPath;
+		const addressPath = typeof explorerUrl === "string" ? defaultAddressPath : explorerUrl.addressPath || defaultAddressPath;
+		return {
+			url: sanitiseBaseUrl(baseUrl),
+			txPath,
+			addressPath,
+			resolvedChain,
+			hasOverride: Boolean(overrides)
+		};
+	}, [explorerUrls, getChainById]);
+	return {
+		getTransactionLink: useCallback(({ txHash, txLink, chain }) => {
+			if (txHash) {
+				const config = getExplorerConfig(chain);
+				if (config.resolvedChain?.chainType !== ChainType.EVM || config.hasOverride || isHex(txHash, { strict: true })) return `${config.url}/${config.txPath}/${txHash}`;
+			}
+			return txLink;
+		}, [getExplorerConfig]),
+		getAddressLink: useCallback((address, chain) => {
+			const config = getExplorerConfig(chain);
+			return `${config.url}/${config.addressPath}/${address}`;
+		}, [getExplorerConfig])
+	};
+};
+//#endregion
+export { useExplorer };
+
+//# sourceMappingURL=useExplorer.js.map

package/dist/esm/hooks/useExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExplorer.js","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"sourcesContent":["import type { Chain } from '@lifi/sdk'\nimport { ChainId, ChainType, isHex } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { internalExplorerUrl } from '../config/constants.js'\nimport { useAvailableChains } from '../hooks/useAvailableChains.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst sanitiseBaseUrl = (baseUrl: string) => baseUrl.trim().replace(/\\/+$/, '')\n\nconst explorerPathOverrides: Partial<\n  Record<ChainType | ChainId, { txPath: string; addressPath: string }>\n> = {\n  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },\n  [ChainId.LTR]: { txPath: 'logs', addressPath: 'accounts' },\n  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },\n}\n\ntype TransactionLinkProps = {\n  chain?: Chain | number\n  txHash?: string\n  txLink?: string\n}\n\nexport const useExplorer = (): {\n  getTransactionLink: (props: TransactionLinkProps) => string | undefined\n  getAddressLink: (address: string, chain?: Chain | number) => string\n} => {\n  const { explorerUrls } = useWidgetConfig()\n  const { getChainById } = useAvailableChains()\n\n  const getExplorerConfig = useCallback(\n    (chain?: Chain | number) => {\n      const resolvedChain = Number.isFinite(chain)\n        ? getChainById(chain as number)\n        : (chain as Chain)\n\n      const explorerUrl =\n        (resolvedChain\n          ? (explorerUrls?.[resolvedChain.id]?.[0] ??\n            resolvedChain.metamask.blockExplorerUrls[0])\n          : explorerUrls?.internal?.[0]) || internalExplorerUrl\n\n      const baseUrl =\n        typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n      const overrides =\n        explorerPathOverrides[resolvedChain?.id as ChainId] ??\n        explorerPathOverrides[resolvedChain?.chainType as ChainType]\n\n      const defaultTxPath = overrides?.txPath ?? 'tx'\n      const defaultAddressPath = overrides?.addressPath ?? 'address'\n      const txPath =\n        typeof explorerUrl === 'string'\n          ? defaultTxPath\n          : explorerUrl.txPath || defaultTxPath\n      const addressPath =\n        typeof explorerUrl === 'string'\n          ? defaultAddressPath\n          : explorerUrl.addressPath || defaultAddressPath\n\n      return {\n        url: sanitiseBaseUrl(baseUrl),\n        txPath,\n        addressPath,\n        resolvedChain,\n        hasOverride: Boolean(overrides),\n      }\n    },\n    [explorerUrls, getChainById]\n  )\n\n  const getTransactionLink = useCallback(\n    ({ txHash, txLink, chain }: TransactionLinkProps): string | undefined => {\n      if (txHash) {\n        const config = getExplorerConfig(chain)\n        // For EVM chains, sanity-check the transaction hash as some relayers return custom task hashes that are not visible on-chain.\n        // Skip the check when a chain-specific path override is registered — that's an explicit signal the chain's\n        // explorer accepts a non-hex hash (e.g. Lighter, whose hash has no 0x prefix).\n        const validForEvm =\n          config.resolvedChain?.chainType !== ChainType.EVM ||\n          config.hasOverride ||\n          isHex(txHash, { strict: true })\n        if (validForEvm) {\n          return `${config.url}/${config.txPath}/${txHash}`\n        }\n      }\n      return txLink\n    },\n    [getExplorerConfig]\n  )\n\n  const getAddressLink = useCallback(\n    (address: string, chain?: Chain | number) => {\n      const config = getExplorerConfig(chain)\n      return `${config.url}/${config.addressPath}/${address}`\n    },\n    [getExplorerConfig]\n  )\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,YAAoB,QAAQ,KAAK,EAAE,QAAQ,QAAQ,EAAE;AAE9E,MAAM,wBAEF;EACD,QAAQ,MAAM;EAAE,QAAQ;EAAW,aAAa;CAAO;EACvD,QAAQ,MAAM;EAAE,QAAQ;EAAQ,aAAa;CAAW;EACxD,UAAU,MAAM;EAAE,QAAQ;EAAiB,aAAa;CAAY;AACvE;AAQA,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,oBAAoB,aACvB,UAA2B;EAC1B,MAAM,gBAAgB,OAAO,SAAS,KAAK,IACvC,aAAa,KAAe,IAC3B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,MAAM,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,UACJ,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAE9D,MAAM,YACJ,sBAAsB,eAAe,OACrC,sBAAsB,eAAe;EAEvC,MAAM,gBAAgB,WAAW,UAAU;EAC3C,MAAM,qBAAqB,WAAW,eAAe;EACrD,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;EAEjC,OAAO;GACL,KAAK,gBAAgB,OAAO;GAC5B;GACA;GACA;GACA,aAAa,QAAQ,SAAS;EAChC;CACF,GACA,CAAC,cAAc,YAAY,CAC7B;CA8BA,OAAO;EACL,oBA7ByB,aACxB,EAAE,QAAQ,QAAQ,YAAsD;GACvE,IAAI,QAAQ;IACV,MAAM,SAAS,kBAAkB,KAAK;IAQtC,IAHE,OAAO,eAAe,cAAc,UAAU,OAC9C,OAAO,eACP,MAAM,QAAQ,EAAE,QAAQ,KAAK,CAAC,GAE9B,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;GAE7C;GACA,OAAO;EACT,GACA,CAAC,iBAAiB,CAYD;EACjB,gBAVqB,aACpB,SAAiB,UAA2B;GAC3C,MAAM,SAAS,kBAAkB,KAAK;GACtC,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;EAChD,GACA,CAAC,iBAAiB,CAKL;CACf;AACF"}

package/dist/esm/hooks/useFilteredByTokenBalances.js

@@ -0,0 +1,71 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { isSupportedToken } from "../utils/tokenList.js";
+import { ChainType, getWalletBalances } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useFilteredByTokenBalances.ts
+const useFilteredTokensByBalance = (accountsWithTokens, formType) => {
+	const { tokens: configTokens } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const evmAddress = useMemo(() => {
+		return Object.entries(accountsWithTokens ?? {}).find(([_, { chainType }]) => chainType === ChainType.EVM)?.[0];
+	}, [accountsWithTokens]);
+	const { data: existingBalances, isLoading } = useQuery({
+		queryKey: ["existing-evm-balances", evmAddress],
+		queryFn: () => getWalletBalances(sdkClient, evmAddress ?? ""),
+		enabled: !!evmAddress,
+		refetchInterval: 3e4,
+		staleTime: 3e4,
+		retry: false
+	});
+	return {
+		data: useMemo(() => {
+			if (!accountsWithTokens) return;
+			const result = {};
+			if (!existingBalances) {
+				for (const [address, { tokens }] of Object.entries(accountsWithTokens)) result[address] = tokens;
+				return result;
+			}
+			for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {
+				result[address] = {};
+				for (const [chainIdStr, chainTokens] of Object.entries(tokens)) {
+					const chainId = Number(chainIdStr);
+					const balances = existingBalances?.[chainId];
+					if (!balances?.length) {
+						if (chainTokens.length) result[address][chainId] = chainTokens;
+						continue;
+					}
+					const balanceSet = new Set(balances.map((balance) => balance.address.toLowerCase()));
+					const filteredTokens = chainTokens.filter((token) => {
+						const tokenKey = token.address.toLowerCase();
+						return balanceSet.has(tokenKey);
+					});
+					const chainTokenSet = new Set(chainTokens.map((token) => token.address.toLowerCase()));
+					const allowedAddressesConfig = getConfigItemSets(configTokens, (tokens) => new Set(tokens.filter((t) => Number(t.chainId) === chainId).map((t) => t.address.toLowerCase())), formType);
+					const additionalTokens = balances.filter((balance) => {
+						const balanceKey = balance.address.toLowerCase();
+						return !chainTokenSet.has(balanceKey) && isSupportedToken(balance) && isFormItemAllowed(balance, allowedAddressesConfig, formType, (t) => t.address.toLowerCase());
+					}).map((token) => ({
+						...token,
+						verified: false
+					}));
+					const allTokens = [...filteredTokens, ...additionalTokens];
+					if (allTokens.length) result[address][chainId] = allTokens;
+				}
+			}
+			return result;
+		}, [
+			accountsWithTokens,
+			existingBalances,
+			configTokens,
+			formType
+		]),
+		isLoading
+	};
+};
+//#endregion
+export { useFilteredTokensByBalance };
+
+//# sourceMappingURL=useFilteredByTokenBalances.js.map

package/dist/esm/hooks/useFilteredByTokenBalances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteredByTokenBalances.js","names":[],"sources":["../../../src/hooks/useFilteredByTokenBalances.ts"],"sourcesContent":["import {\n  type BaseToken,\n  ChainType,\n  getWalletBalances,\n  type TokenExtended,\n  type WalletTokenExtended,\n} from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { getConfigItemSets, isFormItemAllowed } from '../utils/item.js'\nimport { isSupportedToken } from '../utils/tokenList.js'\n\nexport const useFilteredTokensByBalance = (\n  accountsWithTokens?: Record<\n    string,\n    { chainType: ChainType; tokens: Record<number, TokenExtended[]> }\n  >,\n  formType?: FormType\n): {\n  data: Record<string, Record<number, TokenExtended[]>> | undefined\n  isLoading: boolean\n} => {\n  const { tokens: configTokens } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const evmAddress = useMemo(() => {\n    const evmAccount = Object.entries(accountsWithTokens ?? {}).find(\n      ([_, { chainType }]) => chainType === ChainType.EVM\n    )\n    return evmAccount?.[0]\n  }, [accountsWithTokens])\n\n  const { data: existingBalances, isLoading } = useQuery({\n    queryKey: ['existing-evm-balances', evmAddress],\n    queryFn: () => getWalletBalances(sdkClient, evmAddress ?? ''),\n    enabled: !!evmAddress,\n    refetchInterval: 30_000, // 30 seconds\n    staleTime: 30_000, // 30 seconds\n    retry: false,\n  })\n\n  const accountsWithFilteredTokens = useMemo(() => {\n    if (!accountsWithTokens) {\n      return undefined\n    }\n\n    // Early return if no existing balances - return all tokens\n    const result: Record<string, Record<number, TokenExtended[]>> = {}\n    if (!existingBalances) {\n      for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {\n        result[address] = tokens\n      }\n      return result\n    }\n\n    for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {\n      result[address] = {}\n\n      for (const [chainIdStr, chainTokens] of Object.entries(tokens)) {\n        const chainId = Number(chainIdStr)\n        // Get balances for this specific chain\n        const balances = existingBalances?.[chainId]\n        // If no balances, RPC all tokens of the chain\n        if (!balances?.length) {\n          if (chainTokens.length) {\n            result[address][chainId] = chainTokens\n          }\n          continue\n        }\n\n        // Optimize token matching with Set for O(1) lookup\n        const balanceSet = new Set(\n          balances.map((balance: WalletTokenExtended) =>\n            balance.address.toLowerCase()\n          )\n        )\n\n        // Get tokens that are in chainTokens and have balances\n        const filteredTokens = chainTokens.filter((token) => {\n          const tokenKey = token.address.toLowerCase()\n          return balanceSet.has(tokenKey)\n        })\n\n        // Get tokens that are in balances but not in chainTokens\n        const chainTokenSet = new Set(\n          chainTokens.map((token) => token.address.toLowerCase())\n        )\n\n        // Get allowed addresses from config tokens\n        const allowedAddressesConfig = 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 additionalTokens = balances\n          .filter((balance: WalletTokenExtended) => {\n            const balanceKey = balance.address.toLowerCase()\n            return (\n              !chainTokenSet.has(balanceKey) &&\n              isSupportedToken(balance) &&\n              isFormItemAllowed(\n                balance,\n                allowedAddressesConfig,\n                formType,\n                (t) => t.address.toLowerCase()\n              )\n            )\n          })\n          // Mark tokens from wallet balances as unverified\n          .map((token: WalletTokenExtended) => ({\n            ...token,\n            verified: false,\n          })) as TokenExtended[]\n\n        // Combine both sets of tokens - convert WalletTokenExtended to TokenAmount\n        const allTokens = [\n          ...filteredTokens,\n          ...additionalTokens,\n        ] as TokenExtended[]\n\n        if (allTokens.length) {\n          result[address][chainId] = allTokens\n        }\n      }\n    }\n\n    return result\n  }, [accountsWithTokens, existingBalances, configTokens, formType])\n\n  return { data: accountsWithFilteredTokens, isLoading }\n}\n"],"mappings":";;;;;;;;AAeA,MAAa,8BACX,oBAIA,aAIG;CACH,MAAM,EAAE,QAAQ,iBAAiB,gBAAgB;CACjD,MAAM,YAAY,aAAa;CAE/B,MAAM,aAAa,cAAc;EAI/B,OAHmB,OAAO,QAAQ,sBAAsB,CAAC,CAAC,EAAE,MACzD,CAAC,GAAG,EAAE,iBAAiB,cAAc,UAAU,GAElC,IAAI;CACtB,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,EAAE,MAAM,kBAAkB,cAAc,SAAS;EACrD,UAAU,CAAC,yBAAyB,UAAU;EAC9C,eAAe,kBAAkB,WAAW,cAAc,EAAE;EAC5D,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,WAAW;EACX,OAAO;CACT,CAAC;CAgGD,OAAO;EAAE,MA9F0B,cAAc;GAC/C,IAAI,CAAC,oBACH;GAIF,MAAM,SAA0D,CAAC;GACjE,IAAI,CAAC,kBAAkB;IACrB,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GACnE,OAAO,WAAW;IAEpB,OAAO;GACT;GAEA,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GAAG;IACtE,OAAO,WAAW,CAAC;IAEnB,KAAK,MAAM,CAAC,YAAY,gBAAgB,OAAO,QAAQ,MAAM,GAAG;KAC9D,MAAM,UAAU,OAAO,UAAU;KAEjC,MAAM,WAAW,mBAAmB;KAEpC,IAAI,CAAC,UAAU,QAAQ;MACrB,IAAI,YAAY,QACd,OAAO,SAAS,WAAW;MAE7B;KACF;KAGA,MAAM,aAAa,IAAI,IACrB,SAAS,KAAK,YACZ,QAAQ,QAAQ,YAAY,CAC9B,CACF;KAGA,MAAM,iBAAiB,YAAY,QAAQ,UAAU;MACnD,MAAM,WAAW,MAAM,QAAQ,YAAY;MAC3C,OAAO,WAAW,IAAI,QAAQ;KAChC,CAAC;KAGD,MAAM,gBAAgB,IAAI,IACxB,YAAY,KAAK,UAAU,MAAM,QAAQ,YAAY,CAAC,CACxD;KAGA,MAAM,yBAAyB,kBAC7B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,EAC3C,KAAK,MAAM,EAAE,QAAQ,YAAY,CAAC,CACvC,GACF,QACF;KAEA,MAAM,mBAAmB,SACtB,QAAQ,YAAiC;MACxC,MAAM,aAAa,QAAQ,QAAQ,YAAY;MAC/C,OACE,CAAC,cAAc,IAAI,UAAU,KAC7B,iBAAiB,OAAO,KACxB,kBACE,SACA,wBACA,WACC,MAAM,EAAE,QAAQ,YAAY,CAC/B;KAEJ,CAAC,EAEA,KAAK,WAAgC;MACpC,GAAG;MACH,UAAU;KACZ,EAAE;KAGJ,MAAM,YAAY,CAChB,GAAG,gBACH,GAAG,gBACL;KAEA,IAAI,UAAU,QACZ,OAAO,SAAS,WAAW;IAE/B;GACF;GAEA,OAAO;EACT,GAAG;GAAC;GAAoB;GAAkB;GAAc;EAAQ,CAExB;EAAG;CAAU;AACvD"}

package/dist/esm/hooks/useFromAmountThreshold.js

@@ -0,0 +1,29 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { formatTokenPrice } from "../utils/format.js";
+import { FormKeyHelper } from "../stores/form/types.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useToken } from "./useToken.js";
+import { useMemo } from "react";
+//#region src/hooks/useFromAmountThreshold.ts
+const useFromAmountThreshold = () => {
+	const { minFromAmountUSD } = useWidgetConfig();
+	const [chainId, tokenAddress, fromAmount] = useFieldValues(FormKeyHelper.getChainKey("from"), FormKeyHelper.getTokenKey("from"), FormKeyHelper.getAmountKey("from"));
+	const { token } = useToken(chainId, tokenAddress);
+	return {
+		belowMinFromAmountUSD: useMemo(() => {
+			const fromAmountUSD = formatTokenPrice(fromAmount, token?.priceUSD, token?.decimals);
+			if (!minFromAmountUSD || !fromAmountUSD) return false;
+			return fromAmountUSD < minFromAmountUSD;
+		}, [
+			minFromAmountUSD,
+			fromAmount,
+			token?.priceUSD,
+			token?.decimals
+		]),
+		minFromAmountUSD
+	};
+};
+//#endregion
+export { useFromAmountThreshold };
+
+//# sourceMappingURL=useFromAmountThreshold.js.map

package/dist/esm/hooks/useFromAmountThreshold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFromAmountThreshold.js","names":[],"sources":["../../../src/hooks/useFromAmountThreshold.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper } from '../stores/form/types.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { useToken } from './useToken.js'\n\nexport const useFromAmountThreshold = (): {\n  belowMinFromAmountUSD: boolean\n  minFromAmountUSD: number | undefined\n} => {\n  const { minFromAmountUSD } = useWidgetConfig()\n\n  const [chainId, tokenAddress, fromAmount] = useFieldValues(\n    FormKeyHelper.getChainKey('from'),\n    FormKeyHelper.getTokenKey('from'),\n    FormKeyHelper.getAmountKey('from')\n  )\n  const { token } = useToken(chainId, tokenAddress)\n\n  const belowMinFromAmountUSD = useMemo(() => {\n    const fromAmountUSD = formatTokenPrice(\n      fromAmount,\n      token?.priceUSD,\n      token?.decimals\n    )\n\n    if (!minFromAmountUSD || !fromAmountUSD) {\n      return false\n    }\n    return fromAmountUSD < minFromAmountUSD\n  }, [minFromAmountUSD, fromAmount, token?.priceUSD, token?.decimals])\n\n  return {\n    belowMinFromAmountUSD,\n    minFromAmountUSD,\n  }\n}\n"],"mappings":";;;;;;;AAOA,MAAa,+BAGR;CACH,MAAM,EAAE,qBAAqB,gBAAgB;CAE7C,MAAM,CAAC,SAAS,cAAc,cAAc,eAC1C,cAAc,YAAY,MAAM,GAChC,cAAc,YAAY,MAAM,GAChC,cAAc,aAAa,MAAM,CACnC;CACA,MAAM,EAAE,UAAU,SAAS,SAAS,YAAY;CAehD,OAAO;EACL,uBAd4B,cAAc;GAC1C,MAAM,gBAAgB,iBACpB,YACA,OAAO,UACP,OAAO,QACT;GAEA,IAAI,CAAC,oBAAoB,CAAC,eACxB,OAAO;GAET,OAAO,gBAAgB;EACzB,GAAG;GAAC;GAAkB;GAAY,OAAO;GAAU,OAAO;EAAQ,CAG5C;EACpB;CACF;AACF"}

package/dist/esm/hooks/useFromTokenSufficiency.js

@@ -0,0 +1,56 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { isRouteDone } from "../stores/routes/utils.js";
+import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
+import { useTokenAddressBalance } from "./useTokenAddressBalance.js";
+import { parseUnits } from "@lifi/sdk";
+import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useFromTokenSufficiency.ts
+const refetchInterval = 3e4;
+const useFromTokenSufficiency = (route) => {
+	const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues("fromChain", "fromToken", "fromAmount");
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	let chainId = fromChainId;
+	let tokenAddress = fromTokenAddress;
+	if (route) {
+		chainId = route.fromToken.chainId;
+		tokenAddress = route.fromToken.address;
+	}
+	const { token, chain, isLoading: isTokenAddressBalanceLoading } = useTokenAddressBalance(chainId, tokenAddress);
+	const { account } = useAccount({ chainType: chain?.chainType });
+	const { data: insufficientFromToken, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("from-token-sufficiency-check", keyPrefix),
+			account.address,
+			chainId,
+			tokenAddress,
+			route?.id ?? fromAmount
+		],
+		queryFn: async ({ queryKey: [, accountAddress] }) => {
+			if (!accountAddress || !token) return;
+			const parsedFromAmount = parseUnits(fromAmount, token.decimals);
+			let currentTokenBalance = token.amount ?? 0n;
+			if (!route || isRouteDone(route)) return currentTokenBalance < parsedFromAmount;
+			const currentAction = route.steps.filter((step) => step.execution?.status !== "DONE")[0]?.action;
+			if (token.chainId === currentAction.fromToken.chainId && token.address === currentAction.fromToken.address && currentTokenBalance > 0) return BigInt(route.fromAmount) > currentTokenBalance;
+			currentTokenBalance = (await getTokenBalancesWithRetry(sdkClient, accountAddress, [currentAction.fromToken]))?.[0]?.amount ?? 0n;
+			return BigInt(currentAction.fromAmount) > currentTokenBalance;
+		},
+		enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),
+		refetchInterval,
+		staleTime: refetchInterval,
+		placeholderData: account.address ? keepPreviousData : void 0
+	});
+	return {
+		insufficientFromToken,
+		isLoading
+	};
+};
+//#endregion
+export { useFromTokenSufficiency };
+
+//# sourceMappingURL=useFromTokenSufficiency.js.map

package/dist/esm/hooks/useFromTokenSufficiency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFromTokenSufficiency.js","names":[],"sources":["../../../src/hooks/useFromTokenSufficiency.ts"],"sourcesContent":["import { parseUnits, type RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { keepPreviousData, useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { isRouteDone } from '../stores/routes/utils.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTokenAddressBalance } from './useTokenAddressBalance.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nconst refetchInterval = 30_000\n\nexport const useFromTokenSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientFromToken: boolean | undefined\n  isLoading: boolean\n} => {\n  const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'fromAmount'\n  )\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  let chainId = fromChainId\n  let tokenAddress = fromTokenAddress\n  if (route) {\n    chainId = route.fromToken.chainId\n    tokenAddress = route.fromToken.address\n  }\n\n  const {\n    token,\n    chain,\n    isLoading: isTokenAddressBalanceLoading,\n  } = useTokenAddressBalance(chainId, tokenAddress)\n\n  const { account } = useAccount({ chainType: chain?.chainType })\n\n  const { data: insufficientFromToken, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('from-token-sufficiency-check', keyPrefix),\n      account.address,\n      chainId,\n      tokenAddress,\n      route?.id ?? fromAmount,\n    ] as const,\n    queryFn: async ({ queryKey: [, accountAddress] }) => {\n      if (!accountAddress || !token) {\n        return\n      }\n      const parsedFromAmount = parseUnits(fromAmount, token.decimals)\n      let currentTokenBalance = token.amount ?? 0n\n\n      if (!route || isRouteDone(route)) {\n        const insufficientFunds = currentTokenBalance < parsedFromAmount\n        return insufficientFunds\n      }\n\n      const currentAction = route.steps.filter(\n        (step) => step.execution?.status !== 'DONE'\n      )[0]?.action\n\n      if (\n        token.chainId === currentAction.fromToken.chainId &&\n        token.address === currentAction.fromToken.address &&\n        currentTokenBalance > 0\n      ) {\n        const insufficientFunds = BigInt(route.fromAmount) > currentTokenBalance\n        return insufficientFunds\n      }\n\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        [currentAction.fromToken]\n      )\n\n      currentTokenBalance = tokenBalances?.[0]?.amount ?? 0n\n      const insufficientFunds =\n        BigInt(currentAction.fromAmount) > currentTokenBalance\n      return insufficientFunds\n    },\n\n    enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),\n    refetchInterval,\n    staleTime: refetchInterval,\n    placeholderData: account.address ? keepPreviousData : undefined,\n  })\n\n  return {\n    insufficientFromToken,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,kBAAkB;AAExB,MAAa,2BACX,UAIG;CACH,MAAM,CAAC,aAAa,kBAAkB,cAAc,eAClD,aACA,aACA,YACF;CACA,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,IAAI,UAAU;CACd,IAAI,eAAe;CACnB,IAAI,OAAO;EACT,UAAU,MAAM,UAAU;EAC1B,eAAe,MAAM,UAAU;CACjC;CAEA,MAAM,EACJ,OACA,OACA,WAAW,iCACT,uBAAuB,SAAS,YAAY;CAEhD,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CAE9D,MAAM,EAAE,MAAM,uBAAuB,cAAc,SAAS;EAC1D,UAAU;GACR,YAAY,gCAAgC,SAAS;GACrD,QAAQ;GACR;GACA;GACA,OAAO,MAAM;EACf;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,sBAAsB;GACnD,IAAI,CAAC,kBAAkB,CAAC,OACtB;GAEF,MAAM,mBAAmB,WAAW,YAAY,MAAM,QAAQ;GAC9D,IAAI,sBAAsB,MAAM,UAAU;GAE1C,IAAI,CAAC,SAAS,YAAY,KAAK,GAE7B,OAD0B,sBAAsB;GAIlD,MAAM,gBAAgB,MAAM,MAAM,QAC/B,SAAS,KAAK,WAAW,WAAW,MACvC,EAAE,IAAI;GAEN,IACE,MAAM,YAAY,cAAc,UAAU,WAC1C,MAAM,YAAY,cAAc,UAAU,WAC1C,sBAAsB,GAGtB,OAD0B,OAAO,MAAM,UAAU,IAAI;GAUvD,uBAAsB,MANM,0BAC1B,WACA,gBACA,CAAC,cAAc,SAAS,CAC1B,KAEsC,IAAI,UAAU;GAGpD,OADE,OAAO,cAAc,UAAU,IAAI;EAEvC;EAEA,SAAS,QAAQ,QAAQ,WAAW,SAAS,CAAC,4BAA4B;EAC1E;EACA,WAAW;EACX,iBAAiB,QAAQ,UAAU,mBAAmB,KAAA;CACxD,CAAC;CAED,OAAO;EACL;EACA;CACF;AACF"}

package/dist/esm/hooks/useGasRecommendation.js

@@ -0,0 +1,38 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { getGasRecommendation } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useGasRecommendation.ts
+const refetchInterval = 6e4;
+const useGasRecommendation = (toChainId, fromChain, fromToken) => {
+	const { chains } = useAvailableChains();
+	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const checkRecommendationLiFuel = Boolean(toChainId) && Boolean(fromChain) && Boolean(fromToken) && Boolean(chains?.length);
+	const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
+	return useQuery({
+		queryKey: [
+			getQueryKey("gas-recommendation", keyPrefix),
+			toChainId,
+			fromChain,
+			fromToken
+		],
+		queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal }) => {
+			if (!chains?.some((chain) => chain.id === toChainId)) return null;
+			return await getGasRecommendation(sdkClient, {
+				chainId: toChainId,
+				fromChain,
+				fromToken
+			}, { signal });
+		},
+		enabled: (checkRecommendationLiFuel || checkRecommendationMaxButton) && !hiddenUI?.gasRefuelMessage,
+		refetchInterval,
+		staleTime: refetchInterval
+	});
+};
+//#endregion
+export { useGasRecommendation };
+
+//# sourceMappingURL=useGasRecommendation.js.map

package/dist/esm/hooks/useGasRecommendation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRecommendation.js","names":[],"sources":["../../../src/hooks/useGasRecommendation.ts"],"sourcesContent":["import { type ChainId, getGasRecommendation } from '@lifi/sdk'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 60_000\n\nexport const useGasRecommendation = (\n  toChainId?: ChainId,\n  fromChain?: ChainId,\n  fromToken?: string\n): UseQueryResult<Awaited<ReturnType<typeof getGasRecommendation>> | null> => {\n  const { chains } = useAvailableChains()\n  const { keyPrefix, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const checkRecommendationLiFuel =\n    Boolean(toChainId) &&\n    Boolean(fromChain) &&\n    Boolean(fromToken) &&\n    Boolean(chains?.length)\n\n  const checkRecommendationMaxButton =\n    Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length)\n\n  return useQuery({\n    queryKey: [\n      getQueryKey('gas-recommendation', keyPrefix),\n      toChainId,\n      fromChain,\n      fromToken,\n    ],\n    queryFn: async ({\n      queryKey: [_, toChainId, fromChain, fromToken],\n      signal,\n    }) => {\n      if (!chains?.some((chain) => chain.id === toChainId)) {\n        return null\n      }\n      const gasRecommendation = await getGasRecommendation(\n        sdkClient,\n        {\n          chainId: toChainId as ChainId,\n          fromChain: fromChain as ChainId,\n          fromToken: fromToken as string,\n        },\n        { signal }\n      )\n      return gasRecommendation\n    },\n    enabled:\n      (checkRecommendationLiFuel || checkRecommendationMaxButton) &&\n      !hiddenUI?.gasRefuelMessage,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n}\n"],"mappings":";;;;;;;AAQA,MAAM,kBAAkB;AAExB,MAAa,wBACX,WACA,WACA,cAC4E;CAC5E,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,WAAW,aAAa,gBAAgB;CAChD,MAAM,YAAY,aAAa;CAE/B,MAAM,4BACJ,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,QAAQ,MAAM;CAExB,MAAM,+BACJ,QAAQ,SAAS,KAAK,CAAC,aAAa,CAAC,aAAa,QAAQ,QAAQ,MAAM;CAE1E,OAAO,SAAS;EACd,UAAU;GACR,YAAY,sBAAsB,SAAS;GAC3C;GACA;GACA;EACF;EACA,SAAS,OAAO,EACd,UAAU,CAAC,GAAG,WAAW,WAAW,YACpC,aACI;GACJ,IAAI,CAAC,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,GACjD,OAAO;GAWT,OAAO,MATyB,qBAC9B,WACA;IACE,SAAS;IACE;IACA;GACb,GACA,EAAE,OAAO,CACX;EAEF;EACA,UACG,6BAA6B,iCAC9B,CAAC,UAAU;EACb;EACA,WAAW;CACb,CAAC;AACH"}

package/dist/esm/hooks/useGasRefuel.js

@@ -0,0 +1,45 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useGasRecommendation } from "./useGasRecommendation.js";
+import { useIsContractAddress } from "./useIsContractAddress.js";
+import { useTokenBalance } from "./useTokenBalance.js";
+import { useMemo } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useGasRefuel.ts
+const useGasRefuel = () => {
+	const { getChainById } = useAvailableChains();
+	const { hiddenUI } = useWidgetConfig();
+	const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues("fromChain", "fromToken", "toChain", "toAddress");
+	const toChain = getChainById(toChainId);
+	const fromChain = getChainById(fromChainId);
+	const { account: toAccount } = useAccount({ chainType: toChain?.chainType });
+	const effectiveToAddress = toAddress || toAccount?.address;
+	const { isContractAddress: isToContractAddress } = useIsContractAddress(effectiveToAddress, toChainId, toChain?.chainType);
+	const { token: destinationNativeToken } = useTokenBalance(effectiveToAddress, toChainId ? toChain?.nativeToken : void 0);
+	const { data: gasRecommendation, isLoading } = useGasRecommendation(toChainId, fromChainId, fromTokenAddress);
+	const isChainTypeSatisfied = fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true;
+	const isToAddressSatisfied = effectiveToAddress && !isToContractAddress;
+	return {
+		enabled: useMemo(() => {
+			if (fromChainId === toChainId || !gasRecommendation?.available || !gasRecommendation?.recommended || !destinationNativeToken || !isChainTypeSatisfied || !isToAddressSatisfied || hiddenUI?.gasRefuelMessage) return false;
+			return (destinationNativeToken.amount ?? 0n) < BigInt(gasRecommendation.recommended.amount) / 2n;
+		}, [
+			fromChainId,
+			gasRecommendation,
+			isChainTypeSatisfied,
+			isToAddressSatisfied,
+			destinationNativeToken,
+			toChainId,
+			hiddenUI
+		]),
+		availble: gasRecommendation?.available,
+		isLoading,
+		chain: toChain,
+		fromAmount: gasRecommendation?.available ? gasRecommendation.fromAmount : void 0
+	};
+};
+//#endregion
+export { useGasRefuel };
+
+//# sourceMappingURL=useGasRefuel.js.map

package/dist/esm/hooks/useGasRefuel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRefuel.js","names":[],"sources":["../../../src/hooks/useGasRefuel.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useGasRecommendation } from './useGasRecommendation.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { useTokenBalance } from './useTokenBalance.js'\n\nexport const useGasRefuel = (): {\n  enabled: boolean\n  availble: boolean | undefined\n  isLoading: boolean\n  chain: ExtendedChain | undefined\n  fromAmount: string | undefined\n} => {\n  const { getChainById } = useAvailableChains()\n  const { hiddenUI } = useWidgetConfig()\n  const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toChain',\n    'toAddress'\n  )\n\n  const toChain = getChainById(toChainId)\n  const fromChain = getChainById(fromChainId)\n\n  const { account: toAccount } = useAccount({ chainType: toChain?.chainType })\n\n  const effectiveToAddress = toAddress || toAccount?.address\n\n  const { isContractAddress: isToContractAddress } = useIsContractAddress(\n    effectiveToAddress,\n    toChainId,\n    toChain?.chainType\n  )\n\n  const { token: destinationNativeToken } = useTokenBalance(\n    effectiveToAddress,\n    toChainId ? toChain?.nativeToken : undefined\n  )\n\n  const { data: gasRecommendation, isLoading } = useGasRecommendation(\n    toChainId,\n    fromChainId,\n    fromTokenAddress\n  )\n\n  // When we bridge between ecosystems we need to be sure toAddress is set\n  const isChainTypeSatisfied =\n    fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true\n\n  // We should not refuel to the contract address\n  const isToAddressSatisfied = effectiveToAddress && !isToContractAddress\n\n  const enabled = useMemo(() => {\n    if (\n      // Same chain refuel is not allowed since users need gas on source chain to initiate transaction\n      // We allow refuel when bridging to native token since bridging routes may require gas for destination swaps\n      fromChainId === toChainId ||\n      !gasRecommendation?.available ||\n      !gasRecommendation?.recommended ||\n      !destinationNativeToken ||\n      !isChainTypeSatisfied ||\n      !isToAddressSatisfied ||\n      hiddenUI?.gasRefuelMessage\n    ) {\n      return false\n    }\n    const tokenBalance = destinationNativeToken.amount ?? 0n\n\n    // Check if the user balance < 50% of the recommended amount\n    const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n\n\n    const insufficientGas = tokenBalance < recommendedAmount\n    return insufficientGas\n  }, [\n    fromChainId,\n    gasRecommendation,\n    isChainTypeSatisfied,\n    isToAddressSatisfied,\n    destinationNativeToken,\n    toChainId,\n    hiddenUI,\n  ])\n\n  return {\n    enabled: enabled,\n    availble: gasRecommendation?.available,\n    isLoading: isLoading,\n    chain: toChain,\n    fromAmount: gasRecommendation?.available\n      ? gasRecommendation.fromAmount\n      : undefined,\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,qBAMR;CACH,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,CAAC,aAAa,kBAAkB,WAAW,aAAa,eAC5D,aACA,aACA,WACA,WACF;CAEA,MAAM,UAAU,aAAa,SAAS;CACtC,MAAM,YAAY,aAAa,WAAW;CAE1C,MAAM,EAAE,SAAS,cAAc,WAAW,EAAE,WAAW,SAAS,UAAU,CAAC;CAE3E,MAAM,qBAAqB,aAAa,WAAW;CAEnD,MAAM,EAAE,mBAAmB,wBAAwB,qBACjD,oBACA,WACA,SAAS,SACX;CAEA,MAAM,EAAE,OAAO,2BAA2B,gBACxC,oBACA,YAAY,SAAS,cAAc,KAAA,CACrC;CAEA,MAAM,EAAE,MAAM,mBAAmB,cAAc,qBAC7C,WACA,aACA,gBACF;CAGA,MAAM,uBACJ,WAAW,cAAc,SAAS,YAAY,QAAQ,SAAS,IAAI;CAGrE,MAAM,uBAAuB,sBAAsB,CAAC;CAiCpD,OAAO;EACL,SAhCc,cAAc;GAC5B,IAGE,gBAAgB,aAChB,CAAC,mBAAmB,aACpB,CAAC,mBAAmB,eACpB,CAAC,0BACD,CAAC,wBACD,CAAC,wBACD,UAAU,kBAEV,OAAO;GAQT,QANqB,uBAAuB,UAAU,MAG5B,OAAO,kBAAkB,YAAY,MAAM,IAAI;EAI3E,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGiB;EACf,UAAU,mBAAmB;EAClB;EACX,OAAO;EACP,YAAY,mBAAmB,YAC3B,kBAAkB,aAClB,KAAA;CACN;AACF"}