@lifi/widget 4.0.0-beta.9 → 4.1.0

package/dist/esm/hooks/useHeader.js

@@ -1,19 +1,23 @@
-import { useEffect } from 'react';
-import { useHeaderStore } from '../stores/header/useHeaderStore.js';
-export function useHeader(title, action) {
-    const [setTitle, setAction] = useHeaderStore((state) => [
-        state.setTitle,
-        state.setAction,
-    ]);
-    useEffect(() => {
-        const removeTitle = setTitle(title);
-        const removeAction = action ? setAction(action) : undefined;
-        return () => {
-            removeTitle();
-            if (removeAction) {
-                removeAction();
-            }
-        };
-    }, [setTitle, setAction, action, title]);
+import { useHeaderStore } from "../stores/header/useHeaderStore.js";
+import { useEffect } from "react";
+//#region src/hooks/useHeader.ts
+function useHeader(title, action) {
+	const [setTitle, setAction] = useHeaderStore((state) => [state.setTitle, state.setAction]);
+	useEffect(() => {
+		const removeTitle = setTitle(title);
+		const removeAction = action ? setAction(action) : void 0;
+		return () => {
+			removeTitle();
+			if (removeAction) removeAction();
+		};
+	}, [
+		setTitle,
+		setAction,
+		action,
+		title
+	]);
 }
+//#endregion
+export { useHeader };
+
 //# sourceMappingURL=useHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHeader.js","sourceRoot":"","sources":["../../../src/hooks/useHeader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAEnE,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,MAAkB;IACzD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QACtD,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,SAAS;KAChB,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC3D,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAA;YACb,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,EAAE,CAAA;YAChB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;AAC1C,CAAC"}
+{"version":3,"file":"useHeader.js","names":[],"sources":["../../../src/hooks/useHeader.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useEffect } from 'react'\nimport { useHeaderStore } from '../stores/header/useHeaderStore.js'\n\nexport function useHeader(title: string, action?: ReactNode): void {\n  const [setTitle, setAction] = useHeaderStore((state) => [\n    state.setTitle,\n    state.setAction,\n  ])\n\n  useEffect(() => {\n    const removeTitle = setTitle(title)\n    const removeAction = action ? setAction(action) : undefined\n    return () => {\n      removeTitle()\n      if (removeAction) {\n        removeAction()\n      }\n    }\n  }, [setTitle, setAction, action, title])\n}\n"],"mappings":";;;AAIA,SAAgB,UAAU,OAAe,QAA0B;CACjE,MAAM,CAAC,UAAU,aAAa,gBAAgB,UAAU,CACtD,MAAM,UACN,MAAM,SACR,CAAC;CAED,gBAAgB;EACd,MAAM,cAAc,SAAS,KAAK;EAClC,MAAM,eAAe,SAAS,UAAU,MAAM,IAAI,KAAA;EAClD,aAAa;GACX,YAAY;GACZ,IAAI,cACF,aAAa;EAEjB;CACF,GAAG;EAAC;EAAU;EAAW;EAAQ;CAAK,CAAC;AACzC"}

package/dist/esm/hooks/useInitializeSDKProviders.js

@@ -1,11 +1,15 @@
-import { useSDKProviders } from '@lifi/widget-provider';
-import { useEffect } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-export const useInitializeSDKProviders = () => {
-    const sdkProviders = useSDKProviders();
-    const sdkClient = useSDKClient();
-    useEffect(() => {
-        sdkClient.setProviders(sdkProviders);
-    }, [sdkClient, sdkProviders]);
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { useEffect } from "react";
+import { useSDKProviders } from "@lifi/widget-provider";
+//#region src/hooks/useInitializeSDKProviders.ts
+const useInitializeSDKProviders = () => {
+	const sdkProviders = useSDKProviders();
+	const sdkClient = useSDKClient();
+	useEffect(() => {
+		sdkClient.setProviders(sdkProviders);
+	}, [sdkClient, sdkProviders]);
 };
+//#endregion
+export { useInitializeSDKProviders };
+
 //# sourceMappingURL=useInitializeSDKProviders.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInitializeSDKProviders.js","sourceRoot":"","sources":["../../../src/hooks/useInitializeSDKProviders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAEhE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"useInitializeSDKProviders.js","names":[],"sources":["../../../src/hooks/useInitializeSDKProviders.ts"],"sourcesContent":["import { useSDKProviders } from '@lifi/widget-provider'\nimport { useEffect } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport const useInitializeSDKProviders = (): void => {\n  const sdkProviders = useSDKProviders()\n  const sdkClient = useSDKClient()\n\n  useEffect(() => {\n    sdkClient.setProviders(sdkProviders)\n  }, [sdkClient, sdkProviders])\n}\n"],"mappings":";;;;AAIA,MAAa,kCAAwC;CACnD,MAAM,eAAe,gBAAgB;CACrC,MAAM,YAAY,aAAa;CAE/B,gBAAgB;EACd,UAAU,aAAa,YAAY;CACrC,GAAG,CAAC,WAAW,YAAY,CAAC;AAC9B"}

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;CACxC,SAAS;CACT,gBAAgB;EACd,IAAI,CAAC,yBAAyB,QAAQ,IAAI,aAAa,eAAe;GACpE,wBAAwB;GACxB,oBAAoB,MAAM,OAAO;EACnC;CACF,GAAG,CAAC,CAAC;AACP"}

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,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,UAAU,QACd,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,OAClD;CACA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,uBAAuB,SAAS;GAC5C,OAAO;GACP;EACF;EACA,eAAe;GACb,OACE,sBAAsB,WAAW;IAC/B,SAAS,MAAO;IAChB,WAAW;GACb,CAAC,KAAK;EAEV;EACA;EACA,WAAW;EACX,OAAO;CACT,CAAC;CAED,OAAO;EACL,qBAAqB;EACrB,4BAA4B,WAAW;CACzC;AACF"}

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,mBAAmB;CAE3C,MAAM,EACJ,MAAM,cACN,WACA,cACE,SAAS;EACX,UAAU;GAAC;GAAe;GAAS;EAAO;EAC1C,SAAS,YAAY;GAEnB,OAAO,MADY,cAAc,SAAU,OAAQ,KACpC;EACjB;EACA,iBAAiB;EACjB,WAAW;EACX,SACE,cAAc,UAAU,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;CAC/D,CAAC;CAED,OAAO;EACL,mBAAmB,CAAC,CAAC;EACrB,cAAc,gBAAgB,KAAA;EAC9B;EACA;CACF;AACF"}

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 { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useSettingsActions } from "../stores/settings/useSettingsActions.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.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 = [.../* @__PURE__ */ 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,eAAe;CAChC,MAAM,EAAE,WAAW,iBAAiB,sBAAsB,gBAAgB;CAC1E,MAAM,EAAE,aAAa,YAAY,CAAC,UAAU,CAAC;CAC7C,MAAM,EAAE,cAAc,mBAAmB;CAEzC,MAAM,kBAAkB,cAAc;EACpC,MAAM,qBAAqB,OAAO,KAAK,KAAK,MAAM,IAAI;EAEtD,MAAM,yBAAyB,CAC7B,mBAAG,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,kBAAkB,CAAC,CACrD;EACA,IAAI,qBAA+C,CAAC;EACpD,IAAI,CAAC,iBACH,qBAAqB;OAChB;GACL,MAAM,sBAAsB,kBAC1B,kBACC,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,qBAAqB,uBAAuB,QAAQ,aAClD,qBAAqB,UAAU,mBAAmB,CACpD;EACF;EACA,OAAO,mBAAmB,KAAK;CACjC,GAAG,CAAC,iBAAiB,KAAK,MAAM,IAAI,CAAC;CAErC,MAAM,uBAAuB,YAC3B,OAAO,gBAAwB;EAG7B,IAAI;EACJ,IACE,CAAC,KAAK,kBAAkB,aAAa,aAAa,KAClD,gBAAgB,MAEhB,MAAM,WACJ,aACA,oBAAoB,YACtB,CAAC,CAAC,MAAM,qBAAqB;GAC3B,KAAK,kBACH,aACA,eACA,kBACA,MACA,IACF;GACA,mBAAmB;EACrB,CAAC;OAGD,mBAAmB,KAAK,kBAAkB,aAAa,aAAa;EAItE,UAAU;GAAE,UAAU;GAAa,eAAe;EAAiB,CAAC;EAGpE,IAAI,gBAAgB,KAAK,UACvB,MAAM,KAAK,eAAe,WAAW;CAEzC,GACA;EAAC;EAAM;EAAmB;CAAS,CACrC;CAEA,MAAM,mBAAmB,YAAY,KAAK,oBAAoB;CAK9D,OAAO;EACL,oBAAoB;EACpB,sBAN2B,gBAAgB,SAAS,gBAAgB,IAClE,mBACA,iBAAiB,WAAW;EAK9B,qBAAqB;CACvB;AACF"}

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 { 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 widget-scrollable-container or widget-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,SAAS;CAEzD,MAAM,gBAAgB,iBAAiB,SAAS;CAEhD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;CAIJ,IAAI,mBAAmB;EACrB,YAAY,kBAAkB,MAAM;EACpC,kBAAkB,MAAM,SAAS;CACnC;CAEA,IAAI,CAAC,oBAAoB,CAAC,eAAe;EACvC,QAAQ,KACN,6DACF;EACA,OAAO;CACT;CACA,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,sBAAsB;CAC3E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,sBAAsB;CAIrE,IAAI,qBAAqB,WACvB,kBAAkB,MAAM,SAAS;CAGnC,OAAO,kBAAkB;AAC3B;AAOA,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,oBAAoB,KAAK;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,CAAC;CAC5D,MAAM,QAAQ,SAAS;CAEvB,sBAAsB;EACpB,MAAM,qBAAqB;GACzB,iBAAiB,iBAAiB,WAAW,aAAa,CAAC;EAC7D;EAEA,MAAM,gBAAgB,eAAe,aAAa,GAAG,EAAE;EAGvD,aAAa;EAEb,MAAM,eAAe,gBAAgB,SAAS;EAE9C,IAAI;EACJ,IAAI,cAAc;GAChB,iBAAiB,IAAI,eAAe,aAAa;GACjD,eAAe,QAAQ,YAAY;EACrC;EAEA,aAAa;GACX,IAAI,gBACF,eAAe,WAAW;EAE9B;CACF,GAAG,CAAC,WAAW,aAAa,CAAC;CAE7B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;CAON,OAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,aAIS,EACX;AACF"}