@lifi/widget 3.0.0-alpha.3 → 3.0.0-alpha.31

package/_esm/hooks/useAddressValidation.d.ts

@@ -0,0 +1,25 @@
+import { Chain, type ChainType } from '@lifi/sdk';
+export declare enum AddressType {
+    Address = 0,
+    NameService = 1
+}
+type ValidationArgs = {
+    value: string;
+    chainType?: ChainType;
+    chain?: Chain;
+};
+type ValidResponse = {
+    address: string;
+    addressType: AddressType;
+    chainType: ChainType;
+    isValid: true;
+};
+type InvalidResponse = {
+    error: string;
+    isValid: false;
+};
+export declare const useAddressValidation: () => {
+    validateAddress: import("node_modules/@tanstack/react-query/build/modern/types.js").UseMutateAsyncFunction<ValidResponse | InvalidResponse, Error, ValidationArgs, unknown>;
+    isValidating: boolean;
+};
+export {};

package/_esm/hooks/useAddressValidation.js

@@ -0,0 +1,56 @@
+import { getNameServiceAddress } from '@lifi/sdk';
+import { useMutation } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { getChainTypeFromAddress } from '../utils/chainType.js';
+export var AddressType;
+(function (AddressType) {
+    AddressType[AddressType["Address"] = 0] = "Address";
+    AddressType[AddressType["NameService"] = 1] = "NameService";
+})(AddressType || (AddressType = {}));
+export const useAddressValidation = () => {
+    const { t } = useTranslation();
+    const { 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(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,
+    };
+};
+//# sourceMappingURL=useAddressValidation.js.map

package/_esm/hooks/useAddressValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressValidation.js","sourceRoot":"","sources":["../../hooks/useAddressValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,qBAAqB,EAAkB,MAAM,WAAW,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,mDAAO,CAAA;IACP,2DAAW,CAAA;AACb,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAoBD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,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,CAAC;gBACpB,CAAC;gBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;gBAClD,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,CAAC;gBACJ,CAAC;gBAED,MAAM,OAAO,GAAG,MAAM,qBAAqB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBAE9D,IAAI,OAAO,EAAE,CAAC;oBACZ,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;oBACpD,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,CAAC;oBACJ,CAAC;gBACH,CAAC;gBAED,MAAM,IAAI,KAAK,EAAE,CAAC;YACpB,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,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CACF,CAAC;IAEF,OAAO;QACL,eAAe;QACf,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useAvailableChains.js

@@ -0,0 +1,40 @@
+import { ChainType, config, getChains } from '@lifi/sdk';
+import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
+import { useHasExternalWalletProvider } from '../providers/WalletProvider/useHasExternalWalletProvider.js';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { isItemAllowed } from '../utils/item.js';
+const supportedChainTypes = [ChainType.EVM, ChainType.SVM];
+export const useAvailableChains = () => {
+    const { chains } = useWidgetConfig();
+    const { providers } = useHasExternalWalletProvider();
+    const { data, isLoading } = useQuery({
+        queryKey: ['chains', providers, chains?.types],
+        queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
+            const chainTypesRequest = (providers.length > 0 ? providers : supportedChainTypes).filter((chainType) => isItemAllowed(chainType, chainTypes));
+            const availableChains = await getChains({
+                chainTypes: chainTypesRequest,
+            });
+            config.setChains(availableChains);
+            return availableChains;
+        },
+        refetchInterval: 300000,
+        staleTime: 300000,
+    });
+    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,
+    };
+};
+//# sourceMappingURL=useAvailableChains.js.map

package/_esm/hooks/useAvailableChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,iBAAiB,GAAG,CACxB,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CACvD,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;YAE9D,MAAM,eAAe,GAAG,MAAM,SAAS,CAAC;gBACtC,UAAU,EAAE,iBAAiB;aAC9B,CAAC,CAAC;YACH,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useChain.js

@@ -0,0 +1,11 @@
+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,
+    };
+};
+//# sourceMappingURL=useChain.js.map

package/_esm/hooks/useChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.js","sourceRoot":"","sources":["../../hooks/useChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5E,OAAO;QACL,KAAK;QACL,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useChains.d.ts

@@ -0,0 +1,6 @@
+import type { FormType } from '../stores/form/types.js';
+export declare const useChains: (type?: FormType) => {
+    chains: import("@lifi/types").ExtendedChain[] | undefined;
+    getChainById: (chainId?: number | undefined, chains?: import("@lifi/types").ExtendedChain[] | undefined) => import("@lifi/types").ExtendedChain | undefined;
+    isLoading: boolean;
+};

package/_esm/hooks/useChains.js

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { isItemAllowed } from '../utils/item.js';
+import { useAvailableChains } from './useAvailableChains.js';
+export const useChains = (type) => {
+    const { chains } = useWidgetConfig();
+    const { chains: availableChains, isLoading: isLoadingAvailableChains, getChainById, } = useAvailableChains();
+    const filteredChains = useMemo(() => {
+        const filteredChains = type
+            ? availableChains?.filter((chain) => isItemAllowed(chain.id, chains) &&
+                isItemAllowed(chain.id, chains?.[type]))
+            : availableChains?.filter((chain) => isItemAllowed(chain.id, chains));
+        return filteredChains;
+    }, [availableChains, chains, type]);
+    return {
+        chains: filteredChains,
+        getChainById,
+        isLoading: isLoadingAvailableChains,
+    };
+};
+//# sourceMappingURL=useChains.js.map

package/_esm/hooks/useChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChains.js","sourceRoot":"","sources":["../../hooks/useChains.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAe,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,EACJ,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,wBAAwB,EACnC,YAAY,GACb,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,cAAc,GAAG,IAAI;YACzB,CAAC,CAAC,eAAe,EAAE,MAAM,CACrB,CAAC,KAAK,EAAE,EAAE,CACR,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC;gBAC/B,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAC1C;YACH,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;QACxE,OAAO,cAAc,CAAC;IACxB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpC,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,YAAY;QACZ,SAAS,EAAE,wBAAwB;KACpC,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useContentHeight.js

@@ -0,0 +1,40 @@
+import { useLayoutEffect, useState } from 'react';
+import { ElementId, createElementId } from '../utils/elements.js';
+import { useDefaultElementId } from './useDefaultElementId.js';
+import { getScrollableContainer } from './useScrollableContainer.js';
+const getContentHeight = (elementId) => {
+    const containerElement = document.getElementById(createElementId(ElementId.ScrollableContainer, elementId));
+    const headerElement = document.getElementById(createElementId(ElementId.Header, elementId));
+    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();
+    return containerHeight - headerHeight;
+};
+export const useContentHeight = () => {
+    const elementId = useDefaultElementId();
+    const [contentHeight, setContentHeight] = useState(0);
+    useLayoutEffect(() => {
+        setContentHeight(getContentHeight(elementId));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return contentHeight;
+};
+export const useSetContentHeight = (ref) => {
+    const elementId = useDefaultElementId();
+    useLayoutEffect(() => {
+        const scrollableContainer = getScrollableContainer(elementId);
+        if (!scrollableContainer ||
+            !ref.current ||
+            ref.current?.clientHeight <= scrollableContainer?.clientHeight) {
+            return;
+        }
+        scrollableContainer.style.height = `${ref.current.clientHeight}px`;
+        return () => {
+            scrollableContainer.style.removeProperty('height');
+        };
+    }, [elementId, ref]);
+};
+//# sourceMappingURL=useContentHeight.js.map

package/_esm/hooks/useContentHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentHeight.js","sourceRoot":"","sources":["../../hooks/useContentHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC7C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,cAAc,CAC9C,eAAe,CAAC,SAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAC1D,CAAC;IACF,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAC3C,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAC7C,CAAC;IACF,IAAI,CAAC,gBAAgB,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,OAAO,CAAC,IAAI,CACV,cAAc,SAAS,CAAC,mBAAmB,OAAO,SAAS,CAAC,MAAM,MAAM,CACzE,CAAC;QACF,OAAO,CAAC,CAAC;IACX,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;IAC7E,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;IACvE,OAAO,eAAe,GAAG,YAAY,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,eAAe,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC9C,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAA8C,EAC9C,EAAE;IACF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAC9D,IACE,CAAC,mBAAmB;YACpB,CAAC,GAAG,CAAC,OAAO;YACZ,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,YAAY,EAC9D,CAAC;YACD,OAAO;QACT,CAAC;QACD,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC"}

package/_esm/hooks/useDebouncedWatch.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedWatch: <T extends (keyof import("../stores/form/types.js").DefaultValues)[]>(delay: number, ...name: T) => import("../stores/form/types.js").FormFieldArray<T>;

package/_esm/hooks/useDebouncedWatch.js

@@ -0,0 +1,26 @@
+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();
+    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;
+};
+//# sourceMappingURL=useDebouncedWatch.js.map

package/_esm/hooks/useDebouncedWatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedWatch.js","sourceRoot":"","sources":["../../hooks/useDebouncedWatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAa,EACb,GAAG,IAAO,EACV,EAAE;IACF,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,MAAM,EAAuB,CAAC;IACxD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,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,CAAC;YAC5D,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,iBAAiB,CAAC,YAAY,CAAC,CAAC;gBAClC,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;YACD,iBAAiB,CAAC,OAAO,GAAG,YAAY,CAAC;YACzC,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAChC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/_esm/hooks/useDefaultElementId.js

@@ -0,0 +1,6 @@
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+export const useDefaultElementId = () => {
+    const { elementId } = useWidgetConfig();
+    return elementId;
+};
+//# sourceMappingURL=useDefaultElementId.js.map

package/_esm/hooks/useDefaultElementId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultElementId.js","sourceRoot":"","sources":["../../hooks/useDefaultElementId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/_esm/hooks/useExpandableVariant.js

@@ -0,0 +1,9 @@
+import { useMediaQuery } from '@mui/material';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+const defaultExpandableWidth = 852;
+export const useExpandableVariant = () => {
+    const { variant, useRecommendedRoute } = useWidgetConfig();
+    const expandableAllowed = useMediaQuery((theme) => theme.breakpoints.up(defaultExpandableWidth));
+    return variant === 'expandable' && expandableAllowed && !useRecommendedRoute;
+};
+//# sourceMappingURL=useExpandableVariant.js.map

package/_esm/hooks/useExpandableVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableVariant.js","sourceRoot":"","sources":["../../hooks/useExpandableVariant.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAEnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3D,MAAM,iBAAiB,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAC7C,CAAC;IACF,OAAO,OAAO,KAAK,YAAY,IAAI,iBAAiB,IAAI,CAAC,mBAAmB,CAAC;AAC/E,CAAC,CAAC"}

package/_esm/hooks/useFromTokenSufficiency.js

@@ -0,0 +1,61 @@
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { parseUnits } from 'viem';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { isRouteDone } from '../stores/routes/utils.js';
+import { useAccount } from './useAccount.js';
+import { useTokenAddressBalance } from './useTokenAddressBalance.js';
+import { getTokenBalancesWithRetry } from './useTokenBalance.js';
+const refetchInterval = 30000;
+export const useFromTokenSufficiency = (route) => {
+    const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues('fromChain', 'fromToken', 'fromAmount');
+    let chainId = fromChainId;
+    let tokenAddress = fromTokenAddress;
+    if (route) {
+        chainId = route.fromToken.chainId;
+        tokenAddress = route.fromToken.address;
+    }
+    const { token, chain, isLoading: isTokenAddressBalanceLoading, } = useTokenAddressBalance(chainId, tokenAddress);
+    const { account } = useAccount({ chainType: chain?.chainType });
+    const { data: insufficientFromToken, isLoading } = useQuery({
+        queryKey: [
+            'from-token-sufficiency-check',
+            account.address,
+            chainId,
+            tokenAddress,
+            route?.id ?? fromAmount,
+        ],
+        queryFn: async ({ queryKey: [, accountAddress] }) => {
+            if (!accountAddress || !token) {
+                return;
+            }
+            const parsedFromAmount = parseUnits(fromAmount, token.decimals);
+            let currentTokenBalance = token.amount ?? 0n;
+            if (!route || isRouteDone(route)) {
+                const insufficientFunds = currentTokenBalance < parsedFromAmount;
+                return insufficientFunds;
+            }
+            const currentAction = route.steps.filter((step) => !step.execution || step.execution.status !== 'DONE')[0]?.action;
+            if (token.chainId === currentAction.fromToken.chainId &&
+                token.address === currentAction.fromToken.address &&
+                currentTokenBalance > 0) {
+                const insufficientFunds = BigInt(route.fromAmount) > currentTokenBalance;
+                return insufficientFunds;
+            }
+            const tokenBalances = await getTokenBalancesWithRetry(accountAddress, [
+                currentAction.fromToken,
+            ]);
+            currentTokenBalance = tokenBalances?.[0]?.amount ?? 0n;
+            const insufficientFunds = BigInt(currentAction.fromAmount) > currentTokenBalance;
+            return insufficientFunds;
+        },
+        enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),
+        refetchInterval,
+        staleTime: refetchInterval,
+        placeholderData: keepPreviousData,
+    });
+    return {
+        insufficientFromToken,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useFromTokenSufficiency.js.map

package/_esm/hooks/useFromTokenSufficiency.js.map

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

package/_esm/hooks/useGasRecommendation.d.ts

@@ -0,0 +1,2 @@
+import { type ChainId } from '@lifi/sdk';
+export declare const useGasRecommendation: (toChainId?: ChainId, fromChain?: ChainId, fromToken?: string) => import("node_modules/@tanstack/react-query/build/modern/types.js").UseQueryResult<import("@lifi/sdk").GasRecommendationResponse | null, Error>;

package/_esm/hooks/useGasRecommendation.js

@@ -0,0 +1,30 @@
+import { getGasRecommendation } from '@lifi/sdk';
+import { useQuery } from '@tanstack/react-query';
+import { useAvailableChains } from './useAvailableChains.js';
+const refetchInterval = 60000;
+export const useGasRecommendation = (toChainId, fromChain, fromToken) => {
+    const { chains } = useAvailableChains();
+    const checkRecommendationLiFuel = Boolean(toChainId) &&
+        Boolean(fromChain) &&
+        Boolean(fromToken) &&
+        Boolean(chains?.length);
+    const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
+    return useQuery({
+        queryKey: ['gas-recommendation', toChainId, fromChain, fromToken],
+        queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal, }) => {
+            if (!chains?.some((chain) => chain.id === toChainId)) {
+                return null;
+            }
+            const gasRecommendation = await getGasRecommendation({
+                chainId: toChainId,
+                fromChain: fromChain,
+                fromToken: fromToken,
+            }, { signal });
+            return gasRecommendation;
+        },
+        enabled: checkRecommendationLiFuel || checkRecommendationMaxButton,
+        refetchInterval,
+        staleTime: refetchInterval,
+    });
+};
+//# sourceMappingURL=useGasRecommendation.js.map

package/_esm/hooks/useGasRecommendation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRecommendation.js","sourceRoot":"","sources":["../../hooks/useGasRecommendation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAgB,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,eAAe,GAAG,KAAM,CAAC;AAE/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,SAAmB,EACnB,SAAmB,EACnB,SAAkB,EAClB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,yBAAyB,GAC7B,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE1B,MAAM,4BAA4B,GAChC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE5E,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACjE,OAAO,EAAE,KAAK,EAAE,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC9C,MAAM,GACP,EAAE,EAAE;YACH,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;gBACrD,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,iBAAiB,GAAG,MAAM,oBAAoB,CAClD;gBACE,OAAO,EAAE,SAAoB;gBAC7B,SAAS,EAAE,SAAoB;gBAC/B,SAAS,EAAE,SAAmB;aAC/B,EACD,EAAE,MAAM,EAAE,CACX,CAAC;YACF,OAAO,iBAAiB,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,yBAAyB,IAAI,4BAA4B;QAClE,eAAe;QACf,SAAS,EAAE,eAAe;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC"}

package/_esm/hooks/useGasRefuel.js

@@ -0,0 +1,47 @@
+import { useMemo } from 'react';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { useAvailableChains } from './useAvailableChains.js';
+import { useGasRecommendation } from './useGasRecommendation.js';
+import { useTokenBalance } from './useTokenBalance.js';
+export const useGasRefuel = () => {
+    const { getChainById } = useAvailableChains();
+    const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues('fromChain', 'fromToken', 'toChain', 'toAddress');
+    const toChain = getChainById(toChainId);
+    const fromChain = getChainById(fromChainId);
+    const { token: nativeToken } = useTokenBalance(toAddress, toChainId ? toChain?.nativeToken : undefined, toChain);
+    const { data: gasRecommendation, isLoading } = useGasRecommendation(toChainId, fromChainId, fromTokenAddress);
+    // When we bridge between ecosystems we need to be sure toAddress is set
+    const isChainTypeSatisfied = fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true;
+    const enabled = useMemo(() => {
+        if (
+        // We don't allow same chain refuel.
+        // If a user runs out of gas, he can't send a source chain transaction.
+        fromChainId === toChainId ||
+            !gasRecommendation?.available ||
+            !nativeToken ||
+            !isChainTypeSatisfied) {
+            return false;
+        }
+        const tokenBalance = nativeToken.amount ?? 0n;
+        // Check if the user balance < 50% of the recommended amount
+        const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n;
+        const insufficientGas = tokenBalance < recommendedAmount;
+        return insufficientGas;
+    }, [
+        fromChainId,
+        gasRecommendation,
+        isChainTypeSatisfied,
+        nativeToken,
+        toChainId,
+    ]);
+    return {
+        enabled: enabled,
+        availble: gasRecommendation?.available,
+        isLoading: isLoading,
+        chain: toChain,
+        fromAmount: gasRecommendation?.available
+            ? gasRecommendation.fromAmount
+            : undefined,
+    };
+};
+//# sourceMappingURL=useGasRefuel.js.map

package/_esm/hooks/useGasRefuel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRefuel.js","sourceRoot":"","sources":["../../hooks/useGasRefuel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,cAAc,CAC1E,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,CACZ,CAAC;IAEF,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;IAE5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,eAAe,CAC5C,SAAS,EACT,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,CACR,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,oBAAoB,CACjE,SAAS,EACT,WAAW,EACX,gBAAgB,CACjB,CAAC;IAEF,wEAAwE;IACxE,MAAM,oBAAoB,GACxB,SAAS,EAAE,SAAS,KAAK,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1E,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B;QACE,oCAAoC;QACpC,uEAAuE;QACvE,WAAW,KAAK,SAAS;YACzB,CAAC,iBAAiB,EAAE,SAAS;YAC7B,CAAC,WAAW;YACZ,CAAC,oBAAoB,EACrB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,IAAI,EAAE,CAAC;QAE9C,4DAA4D;QAC5D,MAAM,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QAE5E,MAAM,eAAe,GAAG,YAAY,GAAG,iBAAiB,CAAC;QACzD,OAAO,eAAe,CAAC;IACzB,CAAC,EAAE;QACD,WAAW;QACX,iBAAiB;QACjB,oBAAoB;QACpB,WAAW;QACX,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,iBAAiB,EAAE,SAAS;QACtC,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,iBAAiB,EAAE,SAAS;YACtC,CAAC,CAAC,iBAAiB,CAAC,UAAU;YAC9B,CAAC,CAAC,SAAS;KACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useGasSufficiency.js

@@ -0,0 +1,91 @@
+import { useQuery } from '@tanstack/react-query';
+import { useAccount } from './useAccount.js';
+import { useAvailableChains } from './useAvailableChains.js';
+import { getTokenBalancesWithRetry } from './useTokenBalance.js';
+const refetchInterval = 30000;
+export const useGasSufficiency = (route) => {
+    const { getChainById } = useAvailableChains();
+    const { account } = useAccount({
+        chainType: getChainById(route?.fromChainId)?.chainType,
+    });
+    const { data: insufficientGas, isLoading } = useQuery({
+        queryKey: ['gas-sufficiency-check', account.address, route?.id],
+        queryFn: async ({ queryKey: [, accountAddress] }) => {
+            // We assume that LI.Fuel protocol always refuels the destination chain
+            const hasRefuelStep = route.steps
+                .flatMap((step) => step.includedSteps)
+                .some((includedStep) => includedStep.tool === 'lifuelProtocol');
+            const gasCosts = route.steps
+                .filter((step) => !step.execution || step.execution.status !== 'DONE')
+                .reduce((groupedGasCosts, step) => {
+                // We need to avoid destination chain step sufficiency check if we have LI.Fuel protocol sub-step
+                const skipDueToRefuel = step.action.fromChainId === route?.toChainId && hasRefuelStep;
+                if (step.estimate.gasCosts &&
+                    account.connector?.id !== 'safe' &&
+                    !skipDueToRefuel) {
+                    const { token } = step.estimate.gasCosts[0];
+                    const gasCostAmount = step.estimate.gasCosts.reduce((amount, gasCost) => amount + BigInt(gasCost.amount), 0n);
+                    groupedGasCosts[token.chainId] = {
+                        gasAmount: groupedGasCosts[token.chainId]
+                            ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount
+                            : gasCostAmount,
+                        token,
+                    };
+                }
+                // Add fees paid in native tokens to gas sufficiency check (included: false)
+                const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
+                if (nonIncludedFeeCosts?.length) {
+                    const { token } = nonIncludedFeeCosts[0];
+                    const feeCostAmount = nonIncludedFeeCosts.reduce((amount, feeCost) => amount + BigInt(feeCost.amount), 0n);
+                    groupedGasCosts[token.chainId] = {
+                        gasAmount: groupedGasCosts[token.chainId]
+                            ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount
+                            : feeCostAmount,
+                        token,
+                    };
+                }
+                return groupedGasCosts;
+            }, {});
+            // Check whether we are sending a native token
+            // For native tokens we want to check for the total amount, including the network fee
+            if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) {
+                gasCosts[route.fromChainId].tokenAmount =
+                    gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount);
+            }
+            const tokenBalances = await getTokenBalancesWithRetry(accountAddress, Object.values(gasCosts).map((item) => item.token));
+            if (!tokenBalances?.length) {
+                return [];
+            }
+            [route.fromChainId, route.toChainId].forEach((chainId) => {
+                if (gasCosts[chainId]) {
+                    const gasTokenBalance = tokenBalances?.find((t) => t.chainId === gasCosts[chainId].token.chainId &&
+                        t.address === gasCosts[chainId].token.address)?.amount ?? 0n;
+                    const insufficient = gasTokenBalance <= 0n ||
+                        gasTokenBalance < gasCosts[chainId].gasAmount ||
+                        gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n);
+                    const insufficientAmount = insufficient
+                        ? gasCosts[chainId].tokenAmount
+                            ? gasCosts[chainId].tokenAmount - gasTokenBalance
+                            : gasCosts[chainId].gasAmount - gasTokenBalance
+                        : undefined;
+                    gasCosts[chainId] = {
+                        ...gasCosts[chainId],
+                        insufficient,
+                        insufficientAmount,
+                        chain: insufficient ? getChainById(chainId) : undefined,
+                    };
+                }
+            });
+            const gasCostResult = Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
+            return gasCostResult;
+        },
+        enabled: Boolean(account.address && route),
+        refetchInterval,
+        staleTime: refetchInterval,
+    });
+    return {
+        insufficientGas,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useGasSufficiency.js.map

package/_esm/hooks/useGasSufficiency.js.map

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

package/_esm/hooks/useInitializer.js

@@ -0,0 +1,15 @@
+import { checkPackageUpdates } from '@lifi/sdk';
+import { useEffect } from 'react';
+import { name, version } from '../config/version.js';
+import { useTools } from './useTools.js';
+let checkedPackageUpdates = false;
+export const useInitializer = () => {
+    useTools();
+    useEffect(() => {
+        if (!checkedPackageUpdates) {
+            checkedPackageUpdates = true;
+            checkPackageUpdates(name, version);
+        }
+    }, []);
+};
+//# sourceMappingURL=useInitializer.js.map

package/_esm/hooks/useInitializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializer.js","sourceRoot":"","sources":["../../hooks/useInitializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,IAAI,qBAAqB,GAAG,KAAK,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,QAAQ,EAAE,CAAC;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3B,qBAAqB,GAAG,IAAI,CAAC;YAC7B,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}

package/_esm/hooks/useLanguages.js

@@ -0,0 +1,26 @@
+import { useTranslation } from 'react-i18next';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useSettings } from '../stores/settings/useSettings.js';
+import { useSettingsStore } from '../stores/settings/useSettingsStore.js';
+export const useLanguages = () => {
+    const { t, i18n } = useTranslation();
+    const { languages } = useWidgetConfig();
+    const { language } = useSettings(['language']);
+    const setValue = useSettingsStore((state) => state.setValue);
+    const sortedLanguages = Object.keys(i18n.store.data).sort();
+    const selectedLanguageCode = sortedLanguages.includes(language || i18n.resolvedLanguage || '')
+        ? language || i18n.resolvedLanguage
+        : languages?.default || languages?.allow?.[0];
+    return {
+        availableLanguages: sortedLanguages,
+        selectedLanguageCode: selectedLanguageCode,
+        selectedLanguageDisplayName: t('language.name', {
+            lng: selectedLanguageCode,
+        }),
+        setLanguageWithCode: (code) => {
+            setValue('language', code);
+            i18n.changeLanguage(code);
+        },
+    };
+};
+//# sourceMappingURL=useLanguages.js.map

package/_esm/hooks/useLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../hooks/useLanguages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IAE5D,MAAM,oBAAoB,GAAG,eAAe,CAAC,QAAQ,CACnD,QAAQ,IAAI,IAAI,CAAC,gBAAgB,IAAI,EAAE,CACxC;QACC,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB;QACnC,CAAC,CAAC,SAAS,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEhD,OAAO;QACL,kBAAkB,EAAE,eAAe;QACnC,oBAAoB,EAAE,oBAAoB;QAC1C,2BAA2B,EAAE,CAAC,CAAC,eAAe,EAAE;YAC9C,GAAG,EAAE,oBAAoB;SAC1B,CAAC;QACF,mBAAmB,EAAE,CAAC,IAAY,EAAE,EAAE;YACpC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useNavigateBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigateBack.js","sourceRoot":"","sources":["../../hooks/useNavigateBack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gEAAgE;QAChE,sDAAsD;QACtD,6DAA6D;QAC7D,EAAE;QACF,mCAAmC;QACnC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACb,WAAW;QACX,cAAc;QACd,0CAA0C;QAC1C,WAAW;QACX,mDAAmD;QACnD,gBAAgB;QAChB,yBAAyB;QACzB,OAAO;QACP,IAAI;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AACpC,CAAC,CAAC"}