@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/esm/hooks/useAddressValidation.js

@@ -1,59 +1,55 @@
-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';
-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 { useMutation } from "@tanstack/react-query";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/useAddressValidation.ts
+let AddressType = /* @__PURE__ */ function(AddressType) {
+	AddressType[AddressType["Address"] = 0] = "Address";
+	AddressType[AddressType["NameService"] = 1] = "NameService";
+	return AddressType;
+}({});
+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,
+					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
+				} : void 0)
+			};
+		}
+	} });
+	return {
+		validateAddress,
+		isValidating
+	};
 };
+//#endregion
+export { AddressType, 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,gCAAgC,CAAA;AAE7D,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":";;;;;;AAOA,IAAY,cAAL,yBAAA,aAAA;AACL,aAAA,YAAA,aAAA,KAAA;AACA,aAAA,YAAA,iBAAA,KAAA;;KACD;AAoBD,MAAa,6BAKR;CACH,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,4BAA4B,yBAAyB;CAC7D,MAAM,YAAY,cAAc;CAEhC,MAAM,EAAE,aAAa,iBAAiB,WAAW,iBAAiB,YAChE,EACE,YAAY,OAAO,EACjB,OACA,WACA,YAC8D;AAC9D,MAAI;AACF,OAAI,CAAC,MACH,OAAM,IAAI,OAAO;GAGnB,MAAM,aAAa,wBAAwB,MAAM;AACjD,OAAI,WACF,QAAO;IACL,SAAS;IACT,aAAa,YAAY;IACzB,WAAW;IACX,SAAS;IACV;GAGH,MAAM,UAAU,MAAM,sBACpB,WACA,OACA,UACD;AAED,OAAI,SAAS;IACX,MAAM,aAAa,wBAAwB,QAAQ;AACnD,QAAI,WACF,QAAO;KACI;KACT,aAAa,YAAY;KACzB,WAAW;KACX,SAAS;KACV;;AAIL,SAAM,IAAI,OAAO;WACV,GAAG;AACV,UAAO;IACL,SAAS;IACT,OAAO,EACL,oCACA,OAAO,OACH;KAAE,SAAS;KAAS,WAAW,MAAM;KAAM,GAC3C,KAAA,EACL;IACF;;IAGN,CACF;AAED,QAAO;EACL;EACA;EACD"}

package/dist/esm/hooks/useAvailableChains.js

@@ -1,77 +1,68 @@
-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 { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.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
 ];
-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]\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;CACX;AAED,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,WAAW,sBACzC,iBAAiB;CACnB,MAAM,iBAAiB,cAAc;CAErC,MAAM,iBAAiB,cAAc;AACnC,MAAI,CAAC,aACH;AAEF,SAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;GACzD,CAAC;IACD,CAAC,aAAa,CAAC;CAGlB,MAAM,YAAY,cAAc,aAAa;CAC7C,MAAM,SAAS,cAAc,UAAU;CAEvC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,UAAU,UAAU;GAChC,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,CAAC,CAAC;GACH;EACD,SAAS,OAAO,EAAE,UAAU,GAAG,wBAAwB;GACrD,MAAM,mBAAmB,kBACvB,mBACC,WAAW,IAAI,IAAI,OAAO,CAC5B;GACD,MAAM,oBAAoB,oBAAoB,QAAQ,cACpD,qBAAqB,WAAW,iBAAiB,CAClD;GACD,MAAM,SAAS,kBAAkB;GACjC,MAAM,kBAAkB,MAAM,UAAU,QAAQ,EAC9C,YAAY,cAAc,mBAC3B,CAAC;AACF,UAAO,UAAU,gBAAgB;AACjC,UAAO;;EAET,iBAAiB;EACjB,WAAW;EACZ,CAAC;AAKF,iBAAgB;AACd,MAAI,QAAQ,CAAC,eACX,gBAAe,UAAU,KAAK;IAE/B;EAAC;EAAM;EAAgB;EAAe,CAAC;AAgB1C,QAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;AAChE,OAAI,CAAC,QACH;AAMF,UAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,QAAQ;KAM7D,CAAC,KAAK,CACP;EAKC;EACD"}

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,oBAAoB;AAIxD,QAAO;EACL,OAHY,cAAc,aAAa,QAAQ,EAAE,CAAC,SAAS,aAAa,CAAC;EAIzE;EACA;EACD"}

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 { 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

@@ -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,iBAAiB;CACpC,MAAM,EACJ,QAAQ,iBACR,WAAW,0BACX,iBACE,oBAAoB;AAqBxB,QAAO;EACL,QApBqB,cAAc;GACnC,MAAM,mBAAmB,kBACvB,SACC,WAAW,IAAI,IAAI,OAAO,EAC3B,KACD;AAWD,UAVuB,OACnB,iBAAiB,QACd,UACC,kBAAkB,MAAM,IAAI,kBAAkB,KAAK,KAElD,YAAY,SAAS,MAAM,UAAU,IAAI,MAC7C,GACD,iBAAiB,QAAQ,UACvB,kBAAkB,MAAM,IAAI,iBAAiB,CAC9C;KAEJ;GAAC;GAAiB;GAAY;GAAQ;GAAK,CAAC;EAI7C;EACA,WAAW;EACZ"}

package/dist/esm/hooks/useContactSupport.js

@@ -0,0 +1,15 @@
+import { useWidgetEvents } from "./useWidgetEvents.js";
+import { WidgetEvent } from "../types/events.js";
+//#region src/hooks/useContactSupport.ts
+const useContactSupport = (supportId) => {
+	const widgetEvents = useWidgetEvents();
+	const handleContactSupport = () => {
+		if (!widgetEvents.all.has(WidgetEvent.ContactSupport)) window.open("https://help.li.fi", "_blank", "nofollow noreferrer");
+		else widgetEvents.emit(WidgetEvent.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.all.has(WidgetEvent.ContactSupport)) {\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,iBAAiB;CAEtC,MAAM,6BAA6B;AACjC,MAAI,CAAC,aAAa,IAAI,IAAI,YAAY,eAAe,CACnD,QAAO,KAAK,sBAAsB,UAAU,sBAAsB;MAElE,cAAa,KAAK,YAAY,gBAAgB,EAAE,WAAW,CAAC;;AAIhE,QAAO"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedWatch.js","sourceRoot":"","sources":["../../../src/hooks/useDebouncedWatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAEjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAa,EACb,GAAG,IAAO,EACV,EAAE;IACF,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClE,MAAM,iBAAiB,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;YAC3D,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,iBAAiB,CAAC,YAAY,CAAC,CAAA;gBACjC,CAAC,EAAE,KAAK,CAAC,CAAA;gBACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC;YACD,iBAAiB,CAAC,OAAO,GAAG,YAAY,CAAA;YACxC,iBAAiB,CAAC,YAAY,CAAC,CAAA;YAC/B,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzB,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA"}
+{"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,KAAK;CAC5C,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,aAAa;CAClE,MAAM,oBAAoB,OAA4B,KAAK;CAC3D,MAAM,YAAY,OAAO,MAAM;AAE/B,iBAAgB;AACd,MAAI,UAAU,SAAS;AAErB,OADwB,aAAa,MAAM,UAAU,MAAM,EACtC;IACnB,MAAM,UAAU,iBAAiB;AAC/B,uBAAkB,aAAa;OAC9B,MAAM;AACT,iBAAa,aAAa,QAAQ;;AAEpC,qBAAkB,UAAU;AAC5B,qBAAkB,aAAa;AAC/B;;AAEF,YAAU,UAAU;IAEnB,CAAC,OAAO,aAAa,CAAC;AAEzB,QAAO"}

package/dist/esm/hooks/useDefaultElementId.js

@@ -1,6 +1,10 @@
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-export const useDefaultElementId = () => {
-    const { elementId } = useWidgetConfig();
-    return elementId;
+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

@@ -1 +1 @@
-{"version":3,"file":"useDefaultElementId.js","sourceRoot":"","sources":["../../../src/hooks/useDefaultElementId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
+{"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,iBAAiB;AACvC,QAAO"}

package/dist/esm/hooks/useExplorer.js

@@ -1,55 +1,45 @@
-import { ChainId, ChainType, isHex } from '@lifi/sdk';
-import { internalExplorerUrl } from '../config/constants.js';
-import { useAvailableChains } from '../hooks/useAvailableChains.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-const sanitiseBaseUrl = (baseUrl) => baseUrl.trim().replace(/\/+$/, '');
-export const useExplorer = () => {
-    const { explorerUrls } = useWidgetConfig();
-    const { getChainById } = useAvailableChains();
-    const getExplorerConfig = (chain) => {
-        const resolvedChain = Number.isFinite(chain)
-            ? getChainById(chain)
-            : chain;
-        const explorerUrl = (resolvedChain
-            ? (explorerUrls?.[resolvedChain.id]?.[0] ??
-                resolvedChain.metamask.blockExplorerUrls[0])
-            : explorerUrls?.internal?.[0]) || internalExplorerUrl;
-        const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url;
-        const defaultTxPath = resolvedChain?.id === ChainId.SUI ? 'txblock' : 'tx';
-        const defaultAddressPath = resolvedChain?.id === ChainId.SUI ? 'coin' : 'address';
-        const txPath = typeof explorerUrl === 'string'
-            ? defaultTxPath
-            : explorerUrl.txPath || defaultTxPath;
-        const addressPath = typeof explorerUrl === 'string'
-            ? defaultAddressPath
-            : explorerUrl.addressPath || defaultAddressPath;
-        return {
-            url: sanitiseBaseUrl(url),
-            txPath,
-            addressPath,
-            resolvedChain,
-        };
-    };
-    const getTransactionLink = ({ txHash, txLink, chain, }) => {
-        if (!txHash) {
-            return txLink;
-        }
-        const config = getExplorerConfig(chain);
-        // For EVM chains, validate the transaction hash as some relayers return custom task hashes that are not visible on-chain
-        if (config.resolvedChain?.chainType === ChainType.EVM) {
-            if (!isHex(txHash, { strict: true })) {
-                return undefined;
-            }
-        }
-        return `${config.url}/${config.txPath}/${txHash}`;
-    };
-    const getAddressLink = (address, chain) => {
-        const config = getExplorerConfig(chain);
-        return `${config.url}/${config.addressPath}/${address}`;
-    };
-    return {
-        getTransactionLink,
-        getAddressLink,
-    };
+import "../config/constants.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { ChainId, ChainType, isHex } from "@lifi/sdk";
+//#region src/hooks/useExplorer.ts
+const sanitiseBaseUrl = (baseUrl) => baseUrl.trim().replace(/\/+$/, "");
+const useExplorer = () => {
+	const { explorerUrls } = useWidgetConfig();
+	const { getChainById } = useAvailableChains();
+	const getExplorerConfig = (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 url = typeof explorerUrl === "string" ? explorerUrl : explorerUrl.url;
+		const defaultTxPath = resolvedChain?.id === ChainId.SUI ? "txblock" : "tx";
+		const defaultAddressPath = resolvedChain?.id === ChainId.SUI ? "coin" : "address";
+		const txPath = typeof explorerUrl === "string" ? defaultTxPath : explorerUrl.txPath || defaultTxPath;
+		const addressPath = typeof explorerUrl === "string" ? defaultAddressPath : explorerUrl.addressPath || defaultAddressPath;
+		return {
+			url: sanitiseBaseUrl(url),
+			txPath,
+			addressPath,
+			resolvedChain
+		};
+	};
+	const getTransactionLink = ({ txHash, txLink, chain }) => {
+		if (!txHash) return txLink;
+		const config = getExplorerConfig(chain);
+		if (config.resolvedChain?.chainType === ChainType.EVM) {
+			if (!isHex(txHash, { strict: true })) return;
+		}
+		return `${config.url}/${config.txPath}/${txHash}`;
+	};
+	const getAddressLink = (address, chain) => {
+		const config = getExplorerConfig(chain);
+		return `${config.url}/${config.addressPath}/${address}`;
+	};
+	return {
+		getTransactionLink,
+		getAddressLink
+	};
 };
+//#endregion
+export { useExplorer };
+
 //# sourceMappingURL=useExplorer.js.map