@lifi/widget 4.0.0-beta.9 → 4.1.0

package/dist/esm/hooks/useAddressActivity.js

@@ -1,32 +1,36 @@
-import { ChainType } from '@lifi/sdk';
-import { useEthereumContext } from '@lifi/widget-provider';
-import { useQuery } from '@tanstack/react-query';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { useAvailableChains } from './useAvailableChains.js';
-export const useAddressActivity = (chainId) => {
-    const { getChainById } = useAvailableChains();
-    const [toAddress, toChainId] = useFieldValues('toAddress', 'toChain');
-    const { getTransactionCount } = useEthereumContext();
-    const destinationChainId = chainId ?? toChainId;
-    const toChain = getChainById(destinationChainId);
-    const { data: transactionCount, isLoading, isFetched, error, } = useQuery({
-        queryKey: ['getTransactionCount', toAddress, destinationChainId],
-        queryFn: async () => {
-            const count = await getTransactionCount?.(destinationChainId, toAddress);
-            return count ?? null;
-        },
-        refetchInterval: 300000,
-        staleTime: 300000,
-        enabled: toChain?.chainType === ChainType.EVM &&
-            !!destinationChainId &&
-            !!toAddress &&
-            !!getTransactionCount,
-    });
-    return {
-        toAddress,
-        hasActivity: Boolean(transactionCount && transactionCount > 0),
-        isLoading,
-        isFetched: isFetched && !error,
-    };
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useAddressActivity.ts
+const useAddressActivity = (chainId) => {
+	const { getChainById } = useAvailableChains();
+	const [toAddress, toChainId] = useFieldValues("toAddress", "toChain");
+	const { getTransactionCount } = useEthereumContext();
+	const destinationChainId = chainId ?? toChainId;
+	const toChain = getChainById(destinationChainId);
+	const { data: transactionCount, isLoading, isFetched, error } = useQuery({
+		queryKey: [
+			"getTransactionCount",
+			toAddress,
+			destinationChainId
+		],
+		queryFn: async () => {
+			return await getTransactionCount?.(destinationChainId, toAddress) ?? null;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5,
+		enabled: toChain?.chainType === ChainType.EVM && !!destinationChainId && !!toAddress && !!getTransactionCount
+	});
+	return {
+		toAddress,
+		hasActivity: Boolean(transactionCount && transactionCount > 0),
+		isLoading,
+		isFetched: isFetched && !error
+	};
 };
+//#endregion
+export { useAddressActivity };
+
 //# sourceMappingURL=useAddressActivity.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAddressActivity.js","sourceRoot":"","sources":["../../../src/hooks/useAddressActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAQ5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAmB,EAAE;IACtE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC7C,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACrE,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEpD,MAAM,kBAAkB,GAAG,OAAO,IAAI,SAAS,CAAA;IAC/C,MAAM,OAAO,GAAG,YAAY,CAAC,kBAAkB,CAAC,CAAA;IAEhD,MAAM,EACJ,IAAI,EAAE,gBAAgB,EACtB,SAAS,EACT,SAAS,EACT,KAAK,GACN,GAAG,QAAQ,CAAC;QACX,QAAQ,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,kBAAkB,CAAC;QAChE,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,KAAK,GAAG,MAAM,mBAAmB,EAAE,CAAC,kBAAmB,EAAE,SAAU,CAAC,CAAA;YAC1E,OAAO,KAAK,IAAI,IAAI,CAAA;QACtB,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;QAClB,OAAO,EACL,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG;YACpC,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,mBAAmB;KACxB,CAAC,CAAA;IAEF,OAAO;QACL,SAAS;QACT,WAAW,EAAE,OAAO,CAAC,gBAAgB,IAAI,gBAAgB,GAAG,CAAC,CAAC;QAC9D,SAAS;QACT,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK;KAC/B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useAddressActivity.js","names":[],"sources":["../../../src/hooks/useAddressActivity.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\ninterface AddressActivity {\n  hasActivity: boolean\n  isLoading: boolean\n  isFetched: boolean\n  toAddress: string | undefined\n}\nexport const useAddressActivity = (chainId?: number): AddressActivity => {\n  const { getChainById } = useAvailableChains()\n  const [toAddress, toChainId] = useFieldValues('toAddress', 'toChain')\n  const { getTransactionCount } = useEthereumContext()\n\n  const destinationChainId = chainId ?? toChainId\n  const toChain = getChainById(destinationChainId)\n\n  const {\n    data: transactionCount,\n    isLoading,\n    isFetched,\n    error,\n  } = useQuery({\n    queryKey: ['getTransactionCount', toAddress, destinationChainId],\n    queryFn: async () => {\n      const count = await getTransactionCount?.(destinationChainId!, toAddress!)\n      return count ?? null\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n    enabled:\n      toChain?.chainType === ChainType.EVM &&\n      !!destinationChainId &&\n      !!toAddress &&\n      !!getTransactionCount,\n  })\n\n  return {\n    toAddress,\n    hasActivity: Boolean(transactionCount && transactionCount > 0),\n    isLoading,\n    isFetched: isFetched && !error,\n  }\n}\n"],"mappings":";;;;;;AAYA,MAAa,sBAAsB,YAAsC;CACvE,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,CAAC,WAAW,aAAa,eAAe,aAAa,SAAS;CACpE,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,qBAAqB,WAAW;CACtC,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,EACJ,MAAM,kBACN,WACA,WACA,UACE,SAAS;EACX,UAAU;GAAC;GAAuB;GAAW;EAAkB;EAC/D,SAAS,YAAY;GAEnB,OAAO,MADa,sBAAsB,oBAAqB,SAAU,KACzD;EAClB;EACA,iBAAiB;EACjB,WAAW;EACX,SACE,SAAS,cAAc,UAAU,OACjC,CAAC,CAAC,sBACF,CAAC,CAAC,aACF,CAAC,CAAC;CACN,CAAC;CAED,OAAO;EACL;EACA,aAAa,QAAQ,oBAAoB,mBAAmB,CAAC;EAC7D;EACA,WAAW,aAAa,CAAC;CAC3B;AACF"}

package/dist/esm/hooks/useAddressValidation.js

@@ -1,59 +1,50 @@
-import { getNameServiceAddress } from '@lifi/sdk';
-import { useChainTypeFromAddress } from '@lifi/widget-provider';
-import { useMutation } from '@tanstack/react-query';
-import { useTranslation } from 'react-i18next';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-export var AddressType;
-(function (AddressType) {
-    AddressType[AddressType["Address"] = 0] = "Address";
-    AddressType[AddressType["NameService"] = 1] = "NameService";
-})(AddressType || (AddressType = {}));
-export const useAddressValidation = () => {
-    const { t } = useTranslation();
-    const { getChainTypeFromAddress } = useChainTypeFromAddress();
-    const sdkClient = useSDKClient();
-    const { mutateAsync: validateAddress, isPending: isValidating } = useMutation({
-        mutationFn: async ({ value, chainType, chain, }) => {
-            try {
-                if (!value) {
-                    throw new Error();
-                }
-                const _chainType = getChainTypeFromAddress(value);
-                if (_chainType) {
-                    return {
-                        address: value,
-                        addressType: AddressType.Address,
-                        chainType: _chainType,
-                        isValid: true,
-                    };
-                }
-                const address = await getNameServiceAddress(sdkClient, value, chainType);
-                if (address) {
-                    const _chainType = getChainTypeFromAddress(address);
-                    if (_chainType) {
-                        return {
-                            address: address,
-                            addressType: AddressType.NameService,
-                            chainType: _chainType,
-                            isValid: true,
-                        };
-                    }
-                }
-                throw new Error();
-            }
-            catch (_) {
-                return {
-                    isValid: false,
-                    error: t('error.title.walletAddressInvalid', chain?.name
-                        ? { context: 'chain', chainName: chain.name }
-                        : undefined),
-                };
-            }
-        },
-    });
-    return {
-        validateAddress,
-        isValidating,
-    };
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getNameServiceAddress } from "@lifi/sdk";
+import { useTranslation } from "react-i18next";
+import { useMutation } from "@tanstack/react-query";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
+//#region src/hooks/useAddressValidation.ts
+const useAddressValidation = () => {
+	const { t } = useTranslation();
+	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const sdkClient = useSDKClient();
+	const { mutateAsync: validateAddress, isPending: isValidating } = useMutation({ mutationFn: async ({ value, chainType, chain }) => {
+		try {
+			if (!value) throw new Error();
+			const _chainType = getChainTypeFromAddress(value);
+			if (_chainType) return {
+				address: value,
+				addressType: 0,
+				chainType: _chainType,
+				isValid: true
+			};
+			const address = await getNameServiceAddress(sdkClient, value, chainType);
+			if (address) {
+				const _chainType = getChainTypeFromAddress(address);
+				if (_chainType) return {
+					address,
+					addressType: 1,
+					chainType: _chainType,
+					isValid: true
+				};
+			}
+			throw new Error();
+		} catch (_) {
+			return {
+				isValid: false,
+				error: t("error.title.walletAddressInvalid", chain?.name ? {
+					context: "chain",
+					chainName: chain.name
+				} : void 0)
+			};
+		}
+	} });
+	return {
+		validateAddress,
+		isValidating
+	};
 };
+//#endregion
+export { useAddressValidation };
+
 //# sourceMappingURL=useAddressValidation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAddressValidation.js","sourceRoot":"","sources":["../../../src/hooks/useAddressValidation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAEhE,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,mDAAW,CAAA;IACX,2DAAe,CAAA;AACjB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAoBD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,uBAAuB,EAAE,GAAG,uBAAuB,EAAE,CAAA;IAC7D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,WAAW,CAC3E;QACE,UAAU,EAAE,KAAK,EAAE,EACjB,KAAK,EACL,SAAS,EACT,KAAK,GACU,EAA4C,EAAE;YAC7D,IAAI,CAAC;gBACH,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,MAAM,IAAI,KAAK,EAAE,CAAA;gBACnB,CAAC;gBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;gBACjD,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO;wBACL,OAAO,EAAE,KAAK;wBACd,WAAW,EAAE,WAAW,CAAC,OAAO;wBAChC,SAAS,EAAE,UAAU;wBACrB,OAAO,EAAE,IAAI;qBACd,CAAA;gBACH,CAAC;gBAED,MAAM,OAAO,GAAG,MAAM,qBAAqB,CACzC,SAAS,EACT,KAAK,EACL,SAAS,CACV,CAAA;gBAED,IAAI,OAAO,EAAE,CAAC;oBACZ,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAA;oBACnD,IAAI,UAAU,EAAE,CAAC;wBACf,OAAO;4BACL,OAAO,EAAE,OAAO;4BAChB,WAAW,EAAE,WAAW,CAAC,WAAW;4BACpC,SAAS,EAAE,UAAU;4BACrB,OAAO,EAAE,IAAI;yBACd,CAAA;oBACH,CAAC;gBACH,CAAC;gBAED,MAAM,IAAI,KAAK,EAAE,CAAA;YACnB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO;oBACL,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,CAAC,CACN,kCAAkC,EAClC,KAAK,EAAE,IAAI;wBACT,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE;wBAC7C,CAAC,CAAC,SAAS,CACd;iBACF,CAAA;YACH,CAAC;QACH,CAAC;KACF,CACF,CAAA;IAED,OAAO;QACL,eAAe;QACf,YAAY;KACb,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useAddressValidation.js","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"sourcesContent":["import type { Chain, ChainType } from '@lifi/sdk'\nimport { getNameServiceAddress } from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useMutation } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport enum AddressType {\n  Address = 0,\n  NameService = 1,\n}\n\ntype ValidationArgs = {\n  value: string\n  chainType?: ChainType\n  chain?: Chain\n}\n\ntype ValidResponse = {\n  address: string\n  addressType: AddressType\n  chainType: ChainType\n  isValid: true\n}\n\ntype InvalidResponse = {\n  error: string\n  isValid: false\n}\n\nexport const useAddressValidation = (): {\n  validateAddress: (\n    args: ValidationArgs\n  ) => Promise<ValidResponse | InvalidResponse>\n  isValidating: boolean\n} => {\n  const { t } = useTranslation()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const sdkClient = useSDKClient()\n\n  const { mutateAsync: validateAddress, isPending: isValidating } = useMutation(\n    {\n      mutationFn: async ({\n        value,\n        chainType,\n        chain,\n      }: ValidationArgs): Promise<ValidResponse | InvalidResponse> => {\n        try {\n          if (!value) {\n            throw new Error()\n          }\n\n          const _chainType = getChainTypeFromAddress(value)\n          if (_chainType) {\n            return {\n              address: value,\n              addressType: AddressType.Address,\n              chainType: _chainType,\n              isValid: true,\n            }\n          }\n\n          const address = await getNameServiceAddress(\n            sdkClient,\n            value,\n            chainType\n          )\n\n          if (address) {\n            const _chainType = getChainTypeFromAddress(address)\n            if (_chainType) {\n              return {\n                address: address,\n                addressType: AddressType.NameService,\n                chainType: _chainType,\n                isValid: true,\n              }\n            }\n          }\n\n          throw new Error()\n        } catch (_) {\n          return {\n            isValid: false,\n            error: t(\n              'error.title.walletAddressInvalid',\n              chain?.name\n                ? { context: 'chain', chainName: chain.name }\n                : undefined\n            ),\n          }\n        }\n      },\n    }\n  )\n\n  return {\n    validateAddress,\n    isValidating,\n  }\n}\n"],"mappings":";;;;;;AA8BA,MAAa,6BAKR;CACH,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,aAAa,iBAAiB,WAAW,iBAAiB,YAChE,EACE,YAAY,OAAO,EACjB,OACA,WACA,YAC8D;EAC9D,IAAI;GACF,IAAI,CAAC,OACH,MAAM,IAAI,MAAM;GAGlB,MAAM,aAAa,wBAAwB,KAAK;GAChD,IAAI,YACF,OAAO;IACL,SAAS;IACT,aAAA;IACA,WAAW;IACX,SAAS;GACX;GAGF,MAAM,UAAU,MAAM,sBACpB,WACA,OACA,SACF;GAEA,IAAI,SAAS;IACX,MAAM,aAAa,wBAAwB,OAAO;IAClD,IAAI,YACF,OAAO;KACI;KACT,aAAA;KACA,WAAW;KACX,SAAS;IACX;GAEJ;GAEA,MAAM,IAAI,MAAM;EAClB,SAAS,GAAG;GACV,OAAO;IACL,SAAS;IACT,OAAO,EACL,oCACA,OAAO,OACH;KAAE,SAAS;KAAS,WAAW,MAAM;IAAK,IAC1C,KAAA,CACN;GACF;EACF;CACF,EACF,CACF;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/dist/esm/hooks/useAvailableChains.js

@@ -1,77 +1,69 @@
-import { ChainType, createClient, getChains } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
-import { useCallback, useEffect, useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js';
-import { getQueryKey } from '../utils/queries.js';
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { ChainType, createClient, getChains } from "@lifi/sdk";
+import { useCallback, useEffect, useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useAvailableChains.ts
 const supportedChainTypes = [
-    ChainType.EVM,
-    ChainType.SVM,
-    ChainType.UTXO,
-    ChainType.MVM,
+	ChainType.EVM,
+	ChainType.SVM,
+	ChainType.UTXO,
+	ChainType.MVM,
+	ChainType.TVM
 ];
-export const useAvailableChains = (chainTypes, widgetConfig) => {
-    const { chains: internalChains, keyPrefix: internalKeyPrefix } = useWidgetConfig();
-    const internalClient = useSDKClient();
-    const externalClient = useMemo(() => {
-        if (!widgetConfig) {
-            return undefined;
-        }
-        return createClient({
-            ...widgetConfig.sdkConfig,
-            apiKey: widgetConfig.apiKey,
-            integrator: widgetConfig.integrator ?? window?.location.hostname,
-        });
-    }, [widgetConfig]);
-    // Overwrite widget config if passed as param
-    const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix;
-    const chains = widgetConfig?.chains ?? internalChains;
-    const { data, isLoading } = useQuery({
-        queryKey: [
-            getQueryKey('chains', keyPrefix),
-            chains?.types,
-            chains?.allow,
-            chains?.deny,
-            chains?.from,
-            chains?.to,
-            !!externalClient,
-        ],
-        queryFn: async ({ queryKey: [, chainTypesConfig] }) => {
-            const chainsConfigSets = getConfigItemSets(chainTypesConfig, (chains) => new Set(chains));
-            const chainTypesRequest = supportedChainTypes.filter((chainType) => isItemAllowedForSets(chainType, chainsConfigSets));
-            const client = externalClient ?? internalClient;
-            const availableChains = await getChains(client, {
-                chainTypes: chainTypes || chainTypesRequest,
-            });
-            client.setChains(availableChains);
-            return availableChains;
-        },
-        refetchInterval: 300000,
-        staleTime: 300000,
-    });
-    // Ensure the current internal client always has chains, even when:
-    // - the query result came from cache (external call populated it first)
-    // - the client was recreated due to config changes (stale closure in queryFn)
-    useEffect(() => {
-        if (data && !externalClient) {
-            internalClient.setChains(data);
-        }
-    }, [data, externalClient, internalClient]);
-    const getChainById = useCallback((chainId, chains = data) => {
-        if (!chainId) {
-            return;
-        }
-        const chain = chains?.find((chain) => chain.id === chainId);
-        // if (!chain) {
-        //   throw new Error('Chain not found or chainId is invalid.');
-        // }
-        return chain;
-    }, [data]);
-    return {
-        chains: data,
-        getChainById,
-        isLoading,
-    };
+const useAvailableChains = (chainTypes, widgetConfig) => {
+	const { chains: internalChains, keyPrefix: internalKeyPrefix } = useWidgetConfig();
+	const internalClient = useSDKClient();
+	const externalClient = useMemo(() => {
+		if (!widgetConfig) return;
+		return createClient({
+			...widgetConfig.sdkConfig,
+			apiKey: widgetConfig.apiKey,
+			integrator: widgetConfig.integrator ?? window?.location.hostname
+		});
+	}, [widgetConfig]);
+	const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix;
+	const chains = widgetConfig?.chains ?? internalChains;
+	const { data, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("chains", keyPrefix),
+			chains?.types,
+			chains?.allow,
+			chains?.deny,
+			chains?.from,
+			chains?.to,
+			!!externalClient
+		],
+		queryFn: async ({ queryKey: [, chainTypesConfig] }) => {
+			const chainsConfigSets = getConfigItemSets(chainTypesConfig, (chains) => new Set(chains));
+			const chainTypesRequest = supportedChainTypes.filter((chainType) => isItemAllowedForSets(chainType, chainsConfigSets));
+			const client = externalClient ?? internalClient;
+			const availableChains = await getChains(client, { chainTypes: chainTypes || chainTypesRequest });
+			client.setChains(availableChains);
+			return availableChains;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5
+	});
+	useEffect(() => {
+		if (data && !externalClient) internalClient.setChains(data);
+	}, [
+		data,
+		externalClient,
+		internalClient
+	]);
+	return {
+		chains: data,
+		getChainById: useCallback((chainId, chains = data) => {
+			if (!chainId) return;
+			return chains?.find((chain) => chain.id === chainId);
+		}, [data]),
+		isLoading
+	};
 };
+//#endregion
+export { useAvailableChains };
+
 //# sourceMappingURL=useAvailableChains.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../../src/hooks/useAvailableChains.ts"],"names":[],"mappings":"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"}
+{"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

@@ -1,12 +1,15 @@
-import { useMemo } from 'react';
-import { useAvailableChains } from './useAvailableChains.js';
-export const useChain = (chainId) => {
-    const { isLoading, getChainById } = useAvailableChains();
-    const chain = useMemo(() => getChainById(chainId), [chainId, getChainById]);
-    return {
-        chain,
-        isLoading,
-        getChainById,
-    };
+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

@@ -1 +1 @@
-{"version":3,"file":"useChain.js","sourceRoot":"","sources":["../../../src/hooks/useChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAExD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3E,OAAO;QACL,KAAK;QACL,SAAS;QACT,YAAY;KACb,CAAA;AACH,CAAC,CAAA"}
+{"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,CAAC,CAAC,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

@@ -1,23 +1,26 @@
-import { useMemo } from 'react';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getConfigItemSets, isFormItemAllowed } from '../utils/item.js';
-import { useAvailableChains } from './useAvailableChains.js';
-export const useChains = (type, chainTypes) => {
-    const { chains } = useWidgetConfig();
-    const { chains: availableChains, isLoading: isLoadingAvailableChains, getChainById, } = useAvailableChains();
-    const filteredChains = useMemo(() => {
-        const chainsConfigSets = getConfigItemSets(chains, (chains) => new Set(chains), type);
-        const filteredChains = type
-            ? availableChains?.filter((chain) => isFormItemAllowed(chain.id, chainsConfigSets, type) &&
-                // Check against chain types if they are provided
-                (chainTypes?.includes(chain.chainType) ?? true))
-            : availableChains?.filter((chain) => isFormItemAllowed(chain.id, chainsConfigSets));
-        return filteredChains;
-    }, [availableChains, chainTypes, chains, type]);
-    return {
-        chains: filteredChains,
-        getChainById,
-        isLoading: isLoadingAvailableChains,
-    };
+import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.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

@@ -1 +1 @@
-{"version":3,"file":"useChains.js","sourceRoot":"","sources":["../../../src/hooks/useChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAe,EAAE,UAAwB,EAAE,EAAE;IACrE,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,EACJ,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,wBAAwB,EACnC,YAAY,GACb,GAAG,kBAAkB,EAAE,CAAA;IAExB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,gBAAgB,GAAG,iBAAiB,CACxC,MAAM,EACN,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,EAC3B,IAAI,CACL,CAAA;QACD,MAAM,cAAc,GAAG,IAAI;YACzB,CAAC,CAAC,eAAe,EAAE,MAAM,CACrB,CAAC,KAAK,EAAE,EAAE,CACR,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC;gBACnD,iDAAiD;gBACjD,CAAC,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAClD;YACH,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAChC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAC9C,CAAA;QACL,OAAO,cAAc,CAAA;IACvB,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAE/C,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,YAAY;QACZ,SAAS,EAAE,wBAAwB;KACpC,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,26 +1,28 @@
-import { useEffect, useRef, useState } from 'react';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-export 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) {
-            const hasWatchedValue = watchedValue.some((value) => value);
-            if (hasWatchedValue) {
-                const handler = setTimeout(() => {
-                    setDebouncedValue(watchedValue);
-                }, delay);
-                return () => clearTimeout(handler);
-            }
-            debouncedValueRef.current = watchedValue;
-            setDebouncedValue(watchedValue);
-            return undefined;
-        }
-        isMounted.current = true;
-        return undefined;
-    }, [delay, watchedValue]);
-    return debouncedValue;
+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