@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.10

package/dist/esm/hooks/useInitializer.js

@@ -1,15 +1,19 @@
-import { checkPackageUpdates } from '@lifi/sdk';
-import { useEffect } from 'react';
-import { name, version } from '../config/version.js';
-import { useTools } from './useTools.js';
+import { name, version } from "../config/version.js";
+import { useTools } from "./useTools.js";
+import { checkPackageUpdates } from "@lifi/sdk";
+import { useEffect } from "react";
+//#region src/hooks/useInitializer.ts
 let checkedPackageUpdates = false;
-export const useInitializer = () => {
-    useTools();
-    useEffect(() => {
-        if (!checkedPackageUpdates && process.env.NODE_ENV === 'development') {
-            checkedPackageUpdates = true;
-            checkPackageUpdates(name, version);
-        }
-    }, []);
+const useInitializer = () => {
+	useTools();
+	useEffect(() => {
+		if (!checkedPackageUpdates && process.env.NODE_ENV === "development") {
+			checkedPackageUpdates = true;
+			checkPackageUpdates(name, version);
+		}
+	}, []);
 };
+//#endregion
+export { useInitializer };
+
 //# sourceMappingURL=useInitializer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInitializer.js","sourceRoot":"","sources":["../../../src/hooks/useInitializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,IAAI,qBAAqB,GAAG,KAAK,CAAA;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,QAAQ,EAAE,CAAA;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;YACrE,qBAAqB,GAAG,IAAI,CAAA;YAC5B,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA"}
+{"version":3,"file":"useInitializer.js","names":[],"sources":["../../../src/hooks/useInitializer.ts"],"sourcesContent":["import { checkPackageUpdates } from '@lifi/sdk'\nimport { useEffect } from 'react'\nimport { name, version } from '../config/version.js'\nimport { useTools } from './useTools.js'\n\nlet checkedPackageUpdates = false\n\nexport const useInitializer = (): void => {\n  useTools()\n  useEffect(() => {\n    if (!checkedPackageUpdates && process.env.NODE_ENV === 'development') {\n      checkedPackageUpdates = true\n      checkPackageUpdates(name, version)\n    }\n  }, [])\n}\n"],"mappings":";;;;;AAKA,IAAI,wBAAwB;AAE5B,MAAa,uBAA6B;AACxC,WAAU;AACV,iBAAgB;AACd,MAAI,CAAC,yBAAyB,QAAQ,IAAI,aAAa,eAAe;AACpE,2BAAwB;AACxB,uBAAoB,MAAM,QAAQ;;IAEnC,EAAE,CAAC"}

package/dist/esm/hooks/useIsBatchingSupported.js

@@ -1,33 +1,37 @@
-import { ChainType } from '@lifi/sdk';
-import { useEthereumContext } from '@lifi/widget-provider';
-import { useQuery } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getQueryKey } from '../utils/queries.js';
-export function useIsBatchingSupported(chain, address) {
-    const { keyPrefix } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const { isBatchingSupported } = useEthereumContext();
-    const enabled = Boolean(chain && chain.chainType === ChainType.EVM && !!address);
-    const { data, isLoading } = useQuery({
-        queryKey: [
-            getQueryKey('isBatchingSupported', keyPrefix),
-            chain?.id,
-            address,
-        ],
-        queryFn: () => {
-            return (isBatchingSupported?.(sdkClient, {
-                chainId: chain.id,
-                skipReady: true,
-            }) ?? false);
-        },
-        enabled,
-        staleTime: 3600000,
-        retry: false,
-    });
-    return {
-        isBatchingSupported: data,
-        isBatchingSupportedLoading: enabled && isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useIsBatchingSupported.ts
+function useIsBatchingSupported(chain, address) {
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { isBatchingSupported } = useEthereumContext();
+	const enabled = Boolean(chain && chain.chainType === ChainType.EVM && !!address);
+	const { data, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("isBatchingSupported", keyPrefix),
+			chain?.id,
+			address
+		],
+		queryFn: () => {
+			return isBatchingSupported?.(sdkClient, {
+				chainId: chain.id,
+				skipReady: true
+			}) ?? false;
+		},
+		enabled,
+		staleTime: 36e5,
+		retry: false
+	});
+	return {
+		isBatchingSupported: data,
+		isBatchingSupportedLoading: enabled && isLoading
+	};
 }
+//#endregion
+export { useIsBatchingSupported };
+
 //# sourceMappingURL=useIsBatchingSupported.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIsBatchingSupported.js","sourceRoot":"","sources":["../../../src/hooks/useIsBatchingSupported.ts"],"names":[],"mappings":"AACA,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,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,UAAU,sBAAsB,CACpC,KAAqB,EACrB,OAAgB;IAEhB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEpD,MAAM,OAAO,GAAG,OAAO,CACrB,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CACxD,CAAA;IACD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE;YACR,WAAW,CAAC,qBAAqB,EAAE,SAAS,CAAC;YAC7C,KAAK,EAAE,EAAE;YACT,OAAO;SACR;QACD,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,CACL,mBAAmB,EAAE,CAAC,SAAS,EAAE;gBAC/B,OAAO,EAAE,KAAM,CAAC,EAAE;gBAClB,SAAS,EAAE,IAAI;aAChB,CAAC,IAAI,KAAK,CACZ,CAAA;QACH,CAAC;QACD,OAAO;QACP,SAAS,EAAE,OAAS;QACpB,KAAK,EAAE,KAAK;KACb,CAAC,CAAA;IAEF,OAAO;QACL,mBAAmB,EAAE,IAAI;QACzB,0BAA0B,EAAE,OAAO,IAAI,SAAS;KACjD,CAAA;AACH,CAAC"}
+{"version":3,"file":"useIsBatchingSupported.js","names":[],"sources":["../../../src/hooks/useIsBatchingSupported.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\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'\n\nexport function useIsBatchingSupported(\n  chain?: ExtendedChain,\n  address?: string\n): {\n  isBatchingSupported: boolean | undefined\n  isBatchingSupportedLoading: boolean\n} {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { isBatchingSupported } = useEthereumContext()\n\n  const enabled = Boolean(\n    chain && chain.chainType === ChainType.EVM && !!address\n  )\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('isBatchingSupported', keyPrefix),\n      chain?.id,\n      address,\n    ],\n    queryFn: () => {\n      return (\n        isBatchingSupported?.(sdkClient, {\n          chainId: chain!.id,\n          skipReady: true,\n        }) ?? false\n      )\n    },\n    enabled,\n    staleTime: 3_600_000,\n    retry: false,\n  })\n\n  return {\n    isBatchingSupported: data,\n    isBatchingSupportedLoading: enabled && isLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,uBACd,OACA,SAIA;CACA,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,YAAY,cAAc;CAChC,MAAM,EAAE,wBAAwB,oBAAoB;CAEpD,MAAM,UAAU,QACd,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,QACjD;CACD,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,uBAAuB,UAAU;GAC7C,OAAO;GACP;GACD;EACD,eAAe;AACb,UACE,sBAAsB,WAAW;IAC/B,SAAS,MAAO;IAChB,WAAW;IACZ,CAAC,IAAI;;EAGV;EACA,WAAW;EACX,OAAO;EACR,CAAC;AAEF,QAAO;EACL,qBAAqB;EACrB,4BAA4B,WAAW;EACxC"}

package/dist/esm/hooks/useIsContractAddress.js

@@ -1,23 +1,30 @@
-import { ChainType } from '@lifi/sdk';
-import { useEthereumContext } from '@lifi/widget-provider';
-import { useQuery } from '@tanstack/react-query';
-export const useIsContractAddress = (address, chainId, chainType) => {
-    const { getBytecode } = useEthereumContext();
-    const { data: contractCode, isLoading, isFetched, } = useQuery({
-        queryKey: ['getBytecode', address, chainId],
-        queryFn: async () => {
-            const code = await getBytecode?.(chainId, address);
-            return code ?? null;
-        },
-        refetchInterval: 300000,
-        staleTime: 300000,
-        enabled: chainType === ChainType.EVM && !!chainId && !!address && !!getBytecode,
-    });
-    return {
-        isContractAddress: !!contractCode,
-        contractCode: contractCode ?? undefined,
-        isLoading,
-        isFetched,
-    };
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useIsContractAddress.ts
+const useIsContractAddress = (address, chainId, chainType) => {
+	const { getBytecode } = useEthereumContext();
+	const { data: contractCode, isLoading, isFetched } = useQuery({
+		queryKey: [
+			"getBytecode",
+			address,
+			chainId
+		],
+		queryFn: async () => {
+			return await getBytecode?.(chainId, address) ?? null;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5,
+		enabled: chainType === ChainType.EVM && !!chainId && !!address && !!getBytecode
+	});
+	return {
+		isContractAddress: !!contractCode,
+		contractCode: contractCode ?? void 0,
+		isLoading,
+		isFetched
+	};
 };
+//#endregion
+export { useIsContractAddress };
+
 //# sourceMappingURL=useIsContractAddress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIsContractAddress.js","sourceRoot":"","sources":["../../../src/hooks/useIsContractAddress.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;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAAgB,EAChB,OAAgB,EAChB,SAAqB,EAMrB,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE5C,MAAM,EACJ,IAAI,EAAE,YAAY,EAClB,SAAS,EACT,SAAS,GACV,GAAG,QAAQ,CAAC;QACX,QAAQ,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC;QAC3C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,IAAI,GAAG,MAAM,WAAW,EAAE,CAAC,OAAQ,EAAE,OAAQ,CAAC,CAAA;YACpD,OAAO,IAAI,IAAI,IAAI,CAAA;QACrB,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;QAClB,OAAO,EACL,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW;KACzE,CAAC,CAAA;IAEF,OAAO;QACL,iBAAiB,EAAE,CAAC,CAAC,YAAY;QACjC,YAAY,EAAE,YAAY,IAAI,SAAS;QACvC,SAAS;QACT,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useIsContractAddress.js","names":[],"sources":["../../../src/hooks/useIsContractAddress.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\n\nexport const useIsContractAddress = (\n  address?: string,\n  chainId?: number,\n  chainType?: ChainType\n): {\n  isContractAddress: boolean\n  contractCode?: string\n  isLoading: boolean\n  isFetched: boolean\n} => {\n  const { getBytecode } = useEthereumContext()\n\n  const {\n    data: contractCode,\n    isLoading,\n    isFetched,\n  } = useQuery({\n    queryKey: ['getBytecode', address, chainId],\n    queryFn: async () => {\n      const code = await getBytecode?.(chainId!, address!)\n      return code ?? null\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n    enabled:\n      chainType === ChainType.EVM && !!chainId && !!address && !!getBytecode,\n  })\n\n  return {\n    isContractAddress: !!contractCode,\n    contractCode: contractCode ?? undefined,\n    isLoading,\n    isFetched,\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,wBACX,SACA,SACA,cAMG;CACH,MAAM,EAAE,gBAAgB,oBAAoB;CAE5C,MAAM,EACJ,MAAM,cACN,WACA,cACE,SAAS;EACX,UAAU;GAAC;GAAe;GAAS;GAAQ;EAC3C,SAAS,YAAY;AAEnB,UADa,MAAM,cAAc,SAAU,QAAS,IACrC;;EAEjB,iBAAiB;EACjB,WAAW;EACX,SACE,cAAc,UAAU,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;EAC9D,CAAC;AAEF,QAAO;EACL,mBAAmB,CAAC,CAAC;EACrB,cAAc,gBAAgB,KAAA;EAC9B;EACA;EACD"}

package/dist/esm/hooks/useLanguages.js

@@ -1,62 +1,53 @@
-import { useCallback, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { allLanguages } from '../providers/I18nProvider/constants.js';
-import { loadLocale } from '../providers/I18nProvider/i18n.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { useSettings } from '../stores/settings/useSettings.js';
-import { useSettingsActions } from '../stores/settings/useSettingsActions.js';
-import { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js';
-export const useLanguages = () => {
-    const { i18n } = useTranslation();
-    const { languages: languagesConfig, languageResources } = useWidgetConfig();
-    const { language } = useSettings(['language']);
-    const { setValues } = useSettingsActions();
-    const sortedLanguages = useMemo(() => {
-        const loadedLanguageKeys = Object.keys(i18n.store.data);
-        // NB: custom language resources added statically to i18n might not exist in allLanguages (language files)
-        const allLanguagesWithCustom = [
-            ...new Set([...allLanguages, ...loadedLanguageKeys]),
-        ];
-        let supportedLanguages = [];
-        if (!languagesConfig) {
-            supportedLanguages = allLanguagesWithCustom;
-        }
-        else {
-            const languagesConfigSets = getConfigItemSets(languagesConfig, (languages) => new Set(languages));
-            supportedLanguages = allLanguagesWithCustom.filter((language) => isItemAllowedForSets(language, languagesConfigSets));
-        }
-        return supportedLanguages.sort();
-    }, [languagesConfig, i18n.store.data]);
-    const handleLanguageChange = useCallback(async (languageKey) => {
-        // Cache the language resource to prevent blinking
-        // after switching languages and reloading the page.
-        let newLanguageCache;
-        if (!i18n.hasResourceBundle(languageKey, 'translation') &&
-            languageKey !== 'en') {
-            await loadLocale(languageKey, languageResources?.[languageKey]).then((languageResource) => {
-                i18n.addResourceBundle(languageKey, 'translation', languageResource, true, true);
-                newLanguageCache = languageResource;
-            });
-        }
-        else {
-            // If the language is already loaded, just cache the existing resource
-            newLanguageCache = i18n.getResourceBundle(languageKey, 'translation');
-        }
-        // Set the new language and language cache to the settings store.
-        setValues({ language: languageKey, languageCache: newLanguageCache });
-        // Update the i18n instance to the new language.
-        if (languageKey !== i18n.language) {
-            await i18n.changeLanguage(languageKey);
-        }
-    }, [i18n, languageResources, setValues]);
-    const selectedLanguage = language || i18n.resolvedLanguage || '';
-    const selectedLanguageCode = sortedLanguages.includes(selectedLanguage)
-        ? selectedLanguage
-        : languagesConfig?.default || 'en';
-    return {
-        availableLanguages: sortedLanguages,
-        selectedLanguageCode: selectedLanguageCode,
-        setLanguageWithCode: handleLanguageChange,
-    };
+import { allLanguages } from "../providers/I18nProvider/constants.js";
+import { loadLocale } from "../providers/I18nProvider/i18n.js";
+import { useSettingsActions } from "../stores/settings/useSettingsActions.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useSettings } from "../stores/settings/useSettings.js";
+import { useCallback, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/useLanguages.ts
+const useLanguages = () => {
+	const { i18n } = useTranslation();
+	const { languages: languagesConfig, languageResources } = useWidgetConfig();
+	const { language } = useSettings(["language"]);
+	const { setValues } = useSettingsActions();
+	const sortedLanguages = useMemo(() => {
+		const loadedLanguageKeys = Object.keys(i18n.store.data);
+		const allLanguagesWithCustom = [...new Set([...allLanguages, ...loadedLanguageKeys])];
+		let supportedLanguages = [];
+		if (!languagesConfig) supportedLanguages = allLanguagesWithCustom;
+		else {
+			const languagesConfigSets = getConfigItemSets(languagesConfig, (languages) => new Set(languages));
+			supportedLanguages = allLanguagesWithCustom.filter((language) => isItemAllowedForSets(language, languagesConfigSets));
+		}
+		return supportedLanguages.sort();
+	}, [languagesConfig, i18n.store.data]);
+	const handleLanguageChange = useCallback(async (languageKey) => {
+		let newLanguageCache;
+		if (!i18n.hasResourceBundle(languageKey, "translation") && languageKey !== "en") await loadLocale(languageKey, languageResources?.[languageKey]).then((languageResource) => {
+			i18n.addResourceBundle(languageKey, "translation", languageResource, true, true);
+			newLanguageCache = languageResource;
+		});
+		else newLanguageCache = i18n.getResourceBundle(languageKey, "translation");
+		setValues({
+			language: languageKey,
+			languageCache: newLanguageCache
+		});
+		if (languageKey !== i18n.language) await i18n.changeLanguage(languageKey);
+	}, [
+		i18n,
+		languageResources,
+		setValues
+	]);
+	const selectedLanguage = language || i18n.resolvedLanguage || "";
+	return {
+		availableLanguages: sortedLanguages,
+		selectedLanguageCode: sortedLanguages.includes(selectedLanguage) ? selectedLanguage : languagesConfig?.default || "en",
+		setLanguageWithCode: handleLanguageChange
+	};
 };
+//#endregion
+export { useLanguages };
+
 //# sourceMappingURL=useLanguages.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../../src/hooks/useLanguages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useLanguages.js","names":[],"sources":["../../../src/hooks/useLanguages.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { allLanguages } from '../providers/I18nProvider/constants.js'\nimport { loadLocale } from '../providers/I18nProvider/i18n.js'\nimport type {\n  LanguageKey,\n  LanguageResource,\n} from '../providers/I18nProvider/types.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\n\nexport const useLanguages = (): {\n  availableLanguages: LanguageKey[]\n  selectedLanguageCode: LanguageKey | string\n  setLanguageWithCode: (languageCode: LanguageKey) => void\n} => {\n  const { i18n } = useTranslation()\n  const { languages: languagesConfig, languageResources } = useWidgetConfig()\n  const { language } = useSettings(['language'])\n  const { setValues } = useSettingsActions()\n\n  const sortedLanguages = useMemo(() => {\n    const loadedLanguageKeys = Object.keys(i18n.store.data)\n    // NB: custom language resources added statically to i18n might not exist in allLanguages (language files)\n    const allLanguagesWithCustom = [\n      ...new Set([...allLanguages, ...loadedLanguageKeys]),\n    ]\n    let supportedLanguages: (LanguageKey | string)[] = []\n    if (!languagesConfig) {\n      supportedLanguages = allLanguagesWithCustom\n    } else {\n      const languagesConfigSets = getConfigItemSets(\n        languagesConfig,\n        (languages) => new Set(languages)\n      )\n      supportedLanguages = allLanguagesWithCustom.filter((language) =>\n        isItemAllowedForSets(language, languagesConfigSets)\n      )\n    }\n    return supportedLanguages.sort()\n  }, [languagesConfig, i18n.store.data])\n\n  const handleLanguageChange = useCallback(\n    async (languageKey: string) => {\n      // Cache the language resource to prevent blinking\n      // after switching languages and reloading the page.\n      let newLanguageCache: LanguageResource | undefined\n      if (\n        !i18n.hasResourceBundle(languageKey, 'translation') &&\n        languageKey !== 'en'\n      ) {\n        await loadLocale(\n          languageKey as LanguageKey,\n          languageResources?.[languageKey as LanguageKey]\n        ).then((languageResource) => {\n          i18n.addResourceBundle(\n            languageKey,\n            'translation',\n            languageResource,\n            true,\n            true\n          )\n          newLanguageCache = languageResource\n        })\n      } else {\n        // If the language is already loaded, just cache the existing resource\n        newLanguageCache = i18n.getResourceBundle(languageKey, 'translation')\n      }\n\n      // Set the new language and language cache to the settings store.\n      setValues({ language: languageKey, languageCache: newLanguageCache })\n\n      // Update the i18n instance to the new language.\n      if (languageKey !== i18n.language) {\n        await i18n.changeLanguage(languageKey)\n      }\n    },\n    [i18n, languageResources, setValues]\n  )\n\n  const selectedLanguage = language || i18n.resolvedLanguage || ''\n  const selectedLanguageCode = sortedLanguages.includes(selectedLanguage)\n    ? selectedLanguage\n    : languagesConfig?.default || 'en'\n\n  return {\n    availableLanguages: sortedLanguages as LanguageKey[],\n    selectedLanguageCode: selectedLanguageCode,\n    setLanguageWithCode: handleLanguageChange,\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,qBAIR;CACH,MAAM,EAAE,SAAS,gBAAgB;CACjC,MAAM,EAAE,WAAW,iBAAiB,sBAAsB,iBAAiB;CAC3E,MAAM,EAAE,aAAa,YAAY,CAAC,WAAW,CAAC;CAC9C,MAAM,EAAE,cAAc,oBAAoB;CAE1C,MAAM,kBAAkB,cAAc;EACpC,MAAM,qBAAqB,OAAO,KAAK,KAAK,MAAM,KAAK;EAEvD,MAAM,yBAAyB,CAC7B,GAAG,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,mBAAmB,CAAC,CACrD;EACD,IAAI,qBAA+C,EAAE;AACrD,MAAI,CAAC,gBACH,sBAAqB;OAChB;GACL,MAAM,sBAAsB,kBAC1B,kBACC,cAAc,IAAI,IAAI,UAAU,CAClC;AACD,wBAAqB,uBAAuB,QAAQ,aAClD,qBAAqB,UAAU,oBAAoB,CACpD;;AAEH,SAAO,mBAAmB,MAAM;IAC/B,CAAC,iBAAiB,KAAK,MAAM,KAAK,CAAC;CAEtC,MAAM,uBAAuB,YAC3B,OAAO,gBAAwB;EAG7B,IAAI;AACJ,MACE,CAAC,KAAK,kBAAkB,aAAa,cAAc,IACnD,gBAAgB,KAEhB,OAAM,WACJ,aACA,oBAAoB,aACrB,CAAC,MAAM,qBAAqB;AAC3B,QAAK,kBACH,aACA,eACA,kBACA,MACA,KACD;AACD,sBAAmB;IACnB;MAGF,oBAAmB,KAAK,kBAAkB,aAAa,cAAc;AAIvE,YAAU;GAAE,UAAU;GAAa,eAAe;GAAkB,CAAC;AAGrE,MAAI,gBAAgB,KAAK,SACvB,OAAM,KAAK,eAAe,YAAY;IAG1C;EAAC;EAAM;EAAmB;EAAU,CACrC;CAED,MAAM,mBAAmB,YAAY,KAAK,oBAAoB;AAK9D,QAAO;EACL,oBAAoB;EACpB,sBAN2B,gBAAgB,SAAS,iBAAiB,GACnE,mBACA,iBAAiB,WAAW;EAK9B,qBAAqB;EACtB"}

package/dist/esm/hooks/useListHeight.js

@@ -1,65 +1,52 @@
-import { debounce, useTheme } from '@mui/material';
-import { useLayoutEffect, useState } from 'react';
-import { ElementId, getAppContainer, getHeaderElement, getScrollableContainer, } from '../utils/elements.js';
-import { useDefaultElementId } from './useDefaultElementId.js';
+import { ElementId, getAppContainer, getHeaderElement, getScrollableContainer } from "../utils/elements.js";
+import { useDefaultElementId } from "./useDefaultElementId.js";
+import { useLayoutEffect, useState } from "react";
+import { debounce, useTheme } from "@mui/material";
+//#region src/hooks/useListHeight.ts
 const getContentHeight = (elementId, listParentRef) => {
-    const containerElement = getScrollableContainer(elementId);
-    const headerElement = getHeaderElement(elementId);
-    const listParentElement = listParentRef?.current;
-    let oldHeight;
-    // This covers the case where in full height flex mode when the browser height is reduced
-    // - this allows a virtualised list to be made smaller
-    if (listParentElement) {
-        oldHeight = listParentElement.style.height;
-        listParentElement.style.height = '0';
-    }
-    if (!containerElement || !headerElement) {
-        console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
-        return 0;
-    }
-    const { height: containerHeight } = containerElement.getBoundingClientRect();
-    const { height: headerHeight } = headerElement.getBoundingClientRect();
-    // This covers the case where in full height flex mode when the browser height is reduced the
-    // - this allows a virtualised list to be set to minimum size
-    if (listParentElement && oldHeight) {
-        listParentElement.style.height = oldHeight;
-    }
-    return containerHeight - headerHeight;
+	const containerElement = getScrollableContainer(elementId);
+	const headerElement = getHeaderElement(elementId);
+	const listParentElement = listParentRef?.current;
+	let oldHeight;
+	if (listParentElement) {
+		oldHeight = listParentElement.style.height;
+		listParentElement.style.height = "0";
+	}
+	if (!containerElement || !headerElement) {
+		console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
+		return 0;
+	}
+	const { height: containerHeight } = containerElement.getBoundingClientRect();
+	const { height: headerHeight } = headerElement.getBoundingClientRect();
+	if (listParentElement && oldHeight) listParentElement.style.height = oldHeight;
+	return containerHeight - headerHeight;
 };
 const defaultMinListHeight = 360;
 const minMobileListHeight = 160;
-// NOTE: this hook is implicitly tied to the widget height functionality in the
-//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts
-//   CSS changes in those components can have implications for the functionality in this hook
-export const useListHeight = ({ listParentRef, headerRef, }) => {
-    const elementId = useDefaultElementId();
-    const [contentHeight, setContentHeight] = useState(0);
-    const theme = useTheme();
-    useLayoutEffect(() => {
-        const handleResize = () => {
-            setContentHeight(getContentHeight(elementId, listParentRef));
-        };
-        const processResize = debounce(() => handleResize(), 40);
-        // calling this on initial mount prevents the lists resizing appearing glitchy
-        handleResize();
-        const appContainer = getAppContainer(elementId);
-        let resizeObserver;
-        if (appContainer) {
-            resizeObserver = new ResizeObserver(processResize);
-            resizeObserver.observe(appContainer);
-        }
-        return () => {
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-            }
-        };
-    }, [elementId, listParentRef]);
-    const minListHeight = theme.container?.height === '100%'
-        ? minMobileListHeight
-        : defaultMinListHeight;
-    const listHeight = Math.max(contentHeight - (headerRef?.current?.offsetHeight ?? 0), minListHeight);
-    return {
-        listHeight,
-    };
+const useListHeight = ({ listParentRef, headerRef }) => {
+	const elementId = useDefaultElementId() ?? "";
+	const [contentHeight, setContentHeight] = useState(0);
+	const theme = useTheme();
+	useLayoutEffect(() => {
+		const handleResize = () => {
+			setContentHeight(getContentHeight(elementId, listParentRef));
+		};
+		const processResize = debounce(() => handleResize(), 40);
+		handleResize();
+		const appContainer = getAppContainer(elementId);
+		let resizeObserver;
+		if (appContainer) {
+			resizeObserver = new ResizeObserver(processResize);
+			resizeObserver.observe(appContainer);
+		}
+		return () => {
+			if (resizeObserver) resizeObserver.disconnect();
+		};
+	}, [elementId, listParentRef]);
+	const minListHeight = theme.container?.height === "100%" ? minMobileListHeight : defaultMinListHeight;
+	return { listHeight: Math.max(contentHeight - (headerRef?.current?.offsetHeight ?? 0), minListHeight) };
 };
+//#endregion
+export { useListHeight };
+
 //# sourceMappingURL=useListHeight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useListHeight.js","sourceRoot":"","sources":["../../../src/hooks/useListHeight.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useListHeight.js","names":[],"sources":["../../../src/hooks/useListHeight.ts"],"sourcesContent":["import { debounce, useTheme } from '@mui/material'\nimport type { RefObject } from 'react'\nimport { useLayoutEffect, useState } from 'react'\nimport {\n  ElementId,\n  getAppContainer,\n  getHeaderElement,\n  getScrollableContainer,\n} from '../utils/elements.js'\nimport { useDefaultElementId } from './useDefaultElementId.js'\n\nconst getContentHeight = (\n  elementId: string,\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n) => {\n  const containerElement = getScrollableContainer(elementId)\n\n  const headerElement = getHeaderElement(elementId)\n\n  const listParentElement = listParentRef?.current\n\n  let oldHeight: string | undefined\n\n  // This covers the case where in full height flex mode when the browser height is reduced\n  // - this allows a virtualised list to be made smaller\n  if (listParentElement) {\n    oldHeight = listParentElement.style.height\n    listParentElement.style.height = '0'\n  }\n\n  if (!containerElement || !headerElement) {\n    console.warn(\n      `Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`\n    )\n    return 0\n  }\n  const { height: containerHeight } = containerElement.getBoundingClientRect()\n  const { height: headerHeight } = headerElement.getBoundingClientRect()\n\n  // This covers the case where in full height flex mode when the browser height is reduced the\n  // - this allows a virtualised list to be set to minimum size\n  if (listParentElement && oldHeight) {\n    listParentElement.style.height = oldHeight\n  }\n\n  return containerHeight - headerHeight\n}\n\ninterface UseContentHeightProps {\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n  headerRef?: RefObject<HTMLElement | null>\n}\n\nconst defaultMinListHeight = 360\nconst minMobileListHeight = 160\n\n// NOTE: this hook is implicitly tied to the widget height functionality in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n//   CSS changes in those components can have implications for the functionality in this hook\n\nexport const useListHeight = ({\n  listParentRef,\n  headerRef,\n}: UseContentHeightProps): { listHeight: number } => {\n  const elementId = useDefaultElementId() ?? ''\n  const [contentHeight, setContentHeight] = useState<number>(0)\n  const theme = useTheme()\n\n  useLayoutEffect(() => {\n    const handleResize = () => {\n      setContentHeight(getContentHeight(elementId, listParentRef))\n    }\n\n    const processResize = debounce(() => handleResize(), 40)\n\n    // calling this on initial mount prevents the lists resizing appearing glitchy\n    handleResize()\n\n    const appContainer = getAppContainer(elementId)\n\n    let resizeObserver: ResizeObserver\n    if (appContainer) {\n      resizeObserver = new ResizeObserver(processResize)\n      resizeObserver.observe(appContainer)\n    }\n\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n    }\n  }, [elementId, listParentRef])\n\n  const minListHeight =\n    theme.container?.height === '100%'\n      ? minMobileListHeight\n      : defaultMinListHeight\n\n  const listHeight = Math.max(\n    contentHeight - (headerRef?.current?.offsetHeight ?? 0),\n    minListHeight\n  )\n\n  return {\n    listHeight,\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,oBACJ,WACA,kBACG;CACH,MAAM,mBAAmB,uBAAuB,UAAU;CAE1D,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;AAIJ,KAAI,mBAAmB;AACrB,cAAY,kBAAkB,MAAM;AACpC,oBAAkB,MAAM,SAAS;;AAGnC,KAAI,CAAC,oBAAoB,CAAC,eAAe;AACvC,UAAQ,KACN,cAAc,UAAU,oBAAoB,MAAM,UAAU,OAAO,MACpE;AACD,SAAO;;CAET,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,uBAAuB;CAC5E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,uBAAuB;AAItE,KAAI,qBAAqB,UACvB,mBAAkB,MAAM,SAAS;AAGnC,QAAO,kBAAkB;;AAQ3B,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,qBAAqB,IAAI;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,EAAE;CAC7D,MAAM,QAAQ,UAAU;AAExB,uBAAsB;EACpB,MAAM,qBAAqB;AACzB,oBAAiB,iBAAiB,WAAW,cAAc,CAAC;;EAG9D,MAAM,gBAAgB,eAAe,cAAc,EAAE,GAAG;AAGxD,gBAAc;EAEd,MAAM,eAAe,gBAAgB,UAAU;EAE/C,IAAI;AACJ,MAAI,cAAc;AAChB,oBAAiB,IAAI,eAAe,cAAc;AAClD,kBAAe,QAAQ,aAAa;;AAGtC,eAAa;AACX,OAAI,eACF,gBAAe,YAAY;;IAG9B,CAAC,WAAW,cAAc,CAAC;CAE9B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;AAON,QAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,cACD,EAIA"}

package/dist/esm/hooks/useLongPress.js

@@ -1,41 +1,40 @@
-import { useCallback, useRef } from 'react';
-export const useLongPress = (callback = () => { }, ms = 500) => {
-    const timerRef = useRef(null);
-    const isPressedRef = useRef(false);
-    const startPosRef = useRef(null);
-    const start = useCallback((e) => {
-        isPressedRef.current = true;
-        startPosRef.current = { x: e.clientX, y: e.clientY };
-        timerRef.current = setTimeout(() => {
-            if (isPressedRef.current) {
-                callback();
-            }
-        }, ms);
-    }, [callback, ms]);
-    const clear = useCallback(() => {
-        isPressedRef.current = false;
-        startPosRef.current = null;
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-    }, []);
-    // Based on https://github.com/minwork/react/tree/main/packages/use-long-press
-    const move = useCallback((e) => {
-        if (isPressedRef.current && startPosRef.current) {
-            const dx = Math.abs(e.clientX - startPosRef.current.x);
-            const dy = Math.abs(e.clientY - startPosRef.current.y);
-            const limit = 25;
-            if (dx > limit || dy > limit) {
-                clear(); // cancel on movement
-            }
-        }
-    }, [clear]);
-    return {
-        onPointerDown: start,
-        onPointerUp: clear,
-        onPointerLeave: clear,
-        onPointerCancel: clear,
-        onPointerMove: move,
-    };
+import { useCallback, useRef } from "react";
+//#region src/hooks/useLongPress.ts
+const useLongPress = (callback = () => {}, ms = 500) => {
+	const timerRef = useRef(null);
+	const isPressedRef = useRef(false);
+	const startPosRef = useRef(null);
+	const start = useCallback((e) => {
+		isPressedRef.current = true;
+		startPosRef.current = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		timerRef.current = setTimeout(() => {
+			if (isPressedRef.current) callback();
+		}, ms);
+	}, [callback, ms]);
+	const clear = useCallback(() => {
+		isPressedRef.current = false;
+		startPosRef.current = null;
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	return {
+		onPointerDown: start,
+		onPointerUp: clear,
+		onPointerLeave: clear,
+		onPointerCancel: clear,
+		onPointerMove: useCallback((e) => {
+			if (isPressedRef.current && startPosRef.current) {
+				const dx = Math.abs(e.clientX - startPosRef.current.x);
+				const dy = Math.abs(e.clientY - startPosRef.current.y);
+				const limit = 25;
+				if (dx > limit || dy > limit) clear();
+			}
+		}, [clear])
+	};
 };
+//#endregion
+export { useLongPress };
+
 //# sourceMappingURL=useLongPress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACpD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,WAAW,GAAG,MAAM,CAAkC,IAAI,CAAC,CAAA;IAEjE,MAAM,KAAK,GAAG,WAAW,CACvB,CAAC,CAAqB,EAAE,EAAE;QACxB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;QACpD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,QAAQ,EAAE,CAAA;YACZ,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAA;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,8EAA8E;IAC9E,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,CAAqB,EAAE,EAAE;QACxB,IAAI,YAAY,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAChD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACtD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACtD,MAAM,KAAK,GAAG,EAAE,CAAA;YAChB,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;gBAC7B,KAAK,EAAE,CAAA,CAAC,qBAAqB;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO;QACL,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,eAAe,EAAE,KAAK;QACtB,aAAa,EAAE,IAAI;KACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useLongPress.js","names":[],"sources":["../../../src/hooks/useLongPress.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useLongPress = (\n  callback: () => void = () => {},\n  ms: number = 500\n): {\n  onPointerDown: (e: React.PointerEvent) => void\n  onPointerUp: () => void\n  onPointerLeave: () => void\n  onPointerCancel: () => void\n  onPointerMove: (e: React.PointerEvent) => void\n} => {\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const isPressedRef = useRef(false)\n  const startPosRef = useRef<{ x: number; y: number } | null>(null)\n\n  const start = useCallback(\n    (e: React.PointerEvent) => {\n      isPressedRef.current = true\n      startPosRef.current = { x: e.clientX, y: e.clientY }\n      timerRef.current = setTimeout(() => {\n        if (isPressedRef.current) {\n          callback()\n        }\n      }, ms)\n    },\n    [callback, ms]\n  )\n\n  const clear = useCallback(() => {\n    isPressedRef.current = false\n    startPosRef.current = null\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  // Based on https://github.com/minwork/react/tree/main/packages/use-long-press\n  const move = useCallback(\n    (e: React.PointerEvent) => {\n      if (isPressedRef.current && startPosRef.current) {\n        const dx = Math.abs(e.clientX - startPosRef.current.x)\n        const dy = Math.abs(e.clientY - startPosRef.current.y)\n        const limit = 25\n        if (dx > limit || dy > limit) {\n          clear() // cancel on movement\n        }\n      }\n    },\n    [clear]\n  )\n\n  return {\n    onPointerDown: start,\n    onPointerUp: clear,\n    onPointerLeave: clear,\n    onPointerCancel: clear,\n    onPointerMove: move,\n  }\n}\n"],"mappings":";;AAEA,MAAa,gBACX,iBAA6B,IAC7B,KAAa,QAOV;CACH,MAAM,WAAW,OAA8B,KAAK;CACpD,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,cAAc,OAAwC,KAAK;CAEjE,MAAM,QAAQ,aACX,MAA0B;AACzB,eAAa,UAAU;AACvB,cAAY,UAAU;GAAE,GAAG,EAAE;GAAS,GAAG,EAAE;GAAS;AACpD,WAAS,UAAU,iBAAiB;AAClC,OAAI,aAAa,QACf,WAAU;KAEX,GAAG;IAER,CAAC,UAAU,GAAG,CACf;CAED,MAAM,QAAQ,kBAAkB;AAC9B,eAAa,UAAU;AACvB,cAAY,UAAU;AACtB,MAAI,SAAS,QACX,cAAa,SAAS,QAAQ;IAE/B,EAAE,CAAC;AAiBN,QAAO;EACL,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,eAnBW,aACV,MAA0B;AACzB,OAAI,aAAa,WAAW,YAAY,SAAS;IAC/C,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,EAAE;IACtD,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,EAAE;IACtD,MAAM,QAAQ;AACd,QAAI,KAAK,SAAS,KAAK,MACrB,QAAO;;KAIb,CAAC,MAAM,CACR;EAQA"}

package/dist/esm/hooks/useNavigateBack.js

@@ -1,16 +1,18 @@
-import { useRouter } from '@tanstack/react-router';
-import { useCallback } from 'react';
-import { navigationRoutes } from '../utils/navigationRoutes';
-export const useNavigateBack = () => {
-    const router = useRouter();
-    const navigateBack = useCallback(() => {
-        if (router.history.length > 1) {
-            router.history.go(-1);
-        }
-        else {
-            router.navigate({ to: navigationRoutes.home, replace: true });
-        }
-    }, [router]);
-    return navigateBack;
+import { navigationRoutes } from "../utils/navigationRoutes.js";
+import { useCallback } from "react";
+import { useRouter } from "@tanstack/react-router";
+//#region src/hooks/useNavigateBack.ts
+const useNavigateBack = () => {
+	const router = useRouter();
+	return useCallback(() => {
+		if (router.history.length > 1) router.history.go(-1);
+		else router.navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	}, [router]);
 };
+//#endregion
+export { useNavigateBack };
+
 //# sourceMappingURL=useNavigateBack.js.map