@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.21

package/_cjs/hooks/useChains.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChains = void 0;
+const react_1 = require("react");
+const providers_1 = require("../providers");
+const utils_1 = require("../utils");
+const useAvailableChains_1 = require("./useAvailableChains");
+const useChains = (type) => {
+    const { chains } = (0, providers_1.useWidgetConfig)();
+    const { chains: availableChains, isLoading: isLoadingAvailableChains, getChainById, } = (0, useAvailableChains_1.useAvailableChains)();
+    const filteredChains = (0, react_1.useMemo)(() => {
+        const filteredChains = type
+            ? availableChains?.filter((chain) => (0, utils_1.isItemAllowed)(chain.id, chains) &&
+                (0, utils_1.isItemAllowed)(chain.id, chains?.[type]))
+            : availableChains?.filter((chain) => (0, utils_1.isItemAllowed)(chain.id, chains));
+        return filteredChains;
+    }, [availableChains, chains, type]);
+    return {
+        chains: filteredChains,
+        getChainById,
+        isLoading: isLoadingAvailableChains,
+    };
+};
+exports.useChains = useChains;
+//# sourceMappingURL=useChains.js.map

package/_cjs/hooks/useChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChains.js","sourceRoot":"","sources":["../../hooks/useChains.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,4CAA+C;AAE/C,oCAAyC;AACzC,6DAA0D;AAEnD,MAAM,SAAS,GAAG,CAAC,IAAe,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACrC,MAAM,EACJ,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,wBAAwB,EACnC,YAAY,GACb,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,cAAc,GAAG,IAAI;YACzB,CAAC,CAAC,eAAe,EAAE,MAAM,CACrB,CAAC,KAAK,EAAE,EAAE,CACR,IAAA,qBAAa,EAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC;gBAC/B,IAAA,qBAAa,EAAC,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAC1C;YACH,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,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;AAxBW,QAAA,SAAS,aAwBpB"}

package/_cjs/hooks/useContentHeight.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetContentHeight = exports.useContentHeight = void 0;
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const useDefaultElementId_1 = require("./useDefaultElementId");
+const useScrollableContainer_1 = require("./useScrollableContainer");
+const getContentHeight = (elementId) => {
+    const containerElement = document.getElementById((0, utils_1.createElementId)(utils_1.ElementId.ScrollableContainer, elementId));
+    const headerElement = document.getElementById((0, utils_1.createElementId)(utils_1.ElementId.Header, elementId));
+    if (!containerElement || !headerElement) {
+        console.warn(`Can't find ${utils_1.ElementId.ScrollableContainer} or ${utils_1.ElementId.Header} id.`);
+        return 0;
+    }
+    const { height: containerHeight } = containerElement.getBoundingClientRect();
+    const { height: headerHeight } = headerElement.getBoundingClientRect();
+    return containerHeight - headerHeight;
+};
+const useContentHeight = () => {
+    const elementId = (0, useDefaultElementId_1.useDefaultElementId)();
+    const [contentHeight, setContentHeight] = (0, react_1.useState)(0);
+    (0, react_1.useLayoutEffect)(() => {
+        setContentHeight(getContentHeight(elementId));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return contentHeight;
+};
+exports.useContentHeight = useContentHeight;
+const useSetContentHeight = (ref) => {
+    const elementId = (0, useDefaultElementId_1.useDefaultElementId)();
+    (0, react_1.useLayoutEffect)(() => {
+        const scrollableContainer = (0, useScrollableContainer_1.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]);
+};
+exports.useSetContentHeight = useSetContentHeight;
+//# sourceMappingURL=useContentHeight.js.map

package/_cjs/hooks/useContentHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentHeight.js","sourceRoot":"","sources":["../../hooks/useContentHeight.ts"],"names":[],"mappings":";;;AACA,iCAAkD;AAClD,oCAAsD;AACtD,+DAA4D;AAC5D,qEAAkE;AAElE,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC7C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,cAAc,CAC9C,IAAA,uBAAe,EAAC,iBAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAC1D,CAAC;IACF,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAC3C,IAAA,uBAAe,EAAC,iBAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAC7C,CAAC;IACF,IAAI,CAAC,gBAAgB,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,OAAO,CAAC,IAAI,CACV,cAAc,iBAAS,CAAC,mBAAmB,OAAO,iBAAS,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;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,SAAS,GAAG,IAAA,yCAAmB,GAAE,CAAC;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9D,IAAA,uBAAe,EAAC,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;AARW,QAAA,gBAAgB,oBAQ3B;AAEK,MAAM,mBAAmB,GAAG,CACjC,GAA8C,EAC9C,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,yCAAmB,GAAE,CAAC;IACxC,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,IAAA,+CAAsB,EAAC,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;AAlBW,QAAA,mBAAmB,uBAkB9B"}

package/_cjs/hooks/useDebouncedWatch.d.ts

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

package/_cjs/hooks/useDebouncedWatch.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedWatch = void 0;
+const react_1 = require("react");
+const stores_1 = require("../stores");
+const useDebouncedWatch = (delay, ...name) => {
+    const watchedValue = (0, stores_1.useFieldValues)(...name);
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(watchedValue);
+    const debouncedValueRef = (0, react_1.useRef)();
+    const isMounted = (0, react_1.useRef)(false);
+    (0, react_1.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;
+};
+exports.useDebouncedWatch = useDebouncedWatch;
+//# sourceMappingURL=useDebouncedWatch.js.map

package/_cjs/hooks/useDebouncedWatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedWatch.js","sourceRoot":"","sources":["../../hooks/useDebouncedWatch.ts"],"names":[],"mappings":";;;AAAA,iCAAoD;AAEpD,sCAA2C;AAEpC,MAAM,iBAAiB,GAAG,CAC/B,KAAa,EACb,GAAG,IAAO,EACV,EAAE;IACF,MAAM,YAAY,GAAG,IAAA,uBAAc,EAAC,GAAG,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,IAAA,cAAM,GAAuB,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,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;AA3BW,QAAA,iBAAiB,qBA2B5B"}

package/_cjs/hooks/useDefaultElementId.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultElementId = void 0;
+const providers_1 = require("../providers");
+const useDefaultElementId = () => {
+    const { elementId } = (0, providers_1.useWidgetConfig)();
+    return elementId;
+};
+exports.useDefaultElementId = useDefaultElementId;
+//# sourceMappingURL=useDefaultElementId.js.map

package/_cjs/hooks/useDefaultElementId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultElementId.js","sourceRoot":"","sources":["../../hooks/useDefaultElementId.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAExC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACxC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B"}

package/_cjs/hooks/useExpandableVariant.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandableVariant = void 0;
+const useMediaQuery_1 = require("@mui/material/useMediaQuery");
+const providers_1 = require("../providers");
+const defaultExpandableWidth = 852;
+const useExpandableVariant = () => {
+    const { variant, useRecommendedRoute } = (0, providers_1.useWidgetConfig)();
+    const expandableAllowed = (0, useMediaQuery_1.default)((theme) => theme.breakpoints.up(defaultExpandableWidth));
+    return variant === 'expandable' && expandableAllowed && !useRecommendedRoute;
+};
+exports.useExpandableVariant = useExpandableVariant;
+//# sourceMappingURL=useExpandableVariant.js.map

package/_cjs/hooks/useExpandableVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableVariant.js","sourceRoot":"","sources":["../../hooks/useExpandableVariant.ts"],"names":[],"mappings":";;;AACA,+DAAwD;AACxD,4CAA+C;AAE/C,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAE5B,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC3D,MAAM,iBAAiB,GAAG,IAAA,uBAAa,EAAC,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;AANW,QAAA,oBAAoB,wBAM/B"}

package/_cjs/hooks/useFeaturedTokens.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFeaturedTokens = void 0;
+const react_1 = require("react");
+const providers_1 = require("../providers");
+const useFeaturedTokens = (selectedChainId) => {
+    const { tokens } = (0, providers_1.useWidgetConfig)();
+    return (0, react_1.useMemo)(() => tokens?.featured?.filter((token) => token.chainId === selectedChainId), [selectedChainId, tokens?.featured]);
+};
+exports.useFeaturedTokens = useFeaturedTokens;
+//# sourceMappingURL=useFeaturedTokens.js.map

package/_cjs/hooks/useFeaturedTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeaturedTokens.js","sourceRoot":"","sources":["../../hooks/useFeaturedTokens.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,4CAA+C;AAExC,MAAM,iBAAiB,GAAG,CAAC,eAAwB,EAAE,EAAE;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAErC,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CACH,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,eAAe,CAAC,EACxE,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,CAAC,CACpC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B"}

package/_cjs/hooks/useFromTokenSufficiency.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFromTokenSufficiency = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const viem_1 = require("viem");
+const stores_1 = require("../stores");
+const useAccount_1 = require("./useAccount");
+const useTokenAddressBalance_1 = require("./useTokenAddressBalance");
+const useTokenBalance_1 = require("./useTokenBalance");
+const refetchInterval = 30000;
+const useFromTokenSufficiency = (route) => {
+    const [fromChainId, fromTokenAddress, fromAmount] = (0, stores_1.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, } = (0, useTokenAddressBalance_1.useTokenAddressBalance)(chainId, tokenAddress);
+    const { account } = (0, useAccount_1.useAccount)({ chainType: chain?.chainType });
+    const { data: insufficientFromToken, isLoading } = (0, react_query_1.useQuery)({
+        queryKey: [
+            'from-token-sufficiency-check',
+            account.address,
+            chainId,
+            tokenAddress,
+            route?.id ?? fromAmount,
+        ],
+        queryFn: async ({ queryKey: [, accountAddress] }) => {
+            if (!accountAddress || !token) {
+                return;
+            }
+            const parsedFromAmount = (0, viem_1.parseUnits)(fromAmount, token.decimals);
+            let currentTokenBalance = token.amount ?? 0n;
+            if (!route || (0, stores_1.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 (0, useTokenBalance_1.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: react_query_1.keepPreviousData,
+    });
+    return {
+        insufficientFromToken,
+        isLoading,
+    };
+};
+exports.useFromTokenSufficiency = useFromTokenSufficiency;
+//# sourceMappingURL=useFromTokenSufficiency.js.map

package/_cjs/hooks/useFromTokenSufficiency.js.map

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

package/_cjs/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("@tanstack/react-query/build/legacy/types").UseQueryResult<import("@lifi/sdk").GasRecommendationResponse | null, Error>;

package/_cjs/hooks/useGasRecommendation.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGasRecommendation = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const useAvailableChains_1 = require("./useAvailableChains");
+const refetchInterval = 60000;
+const useGasRecommendation = (toChainId, fromChain, fromToken) => {
+    const { chains } = (0, useAvailableChains_1.useAvailableChains)();
+    const checkRecommendationLiFuel = Boolean(toChainId) &&
+        Boolean(fromChain) &&
+        Boolean(fromToken) &&
+        Boolean(chains?.length);
+    const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
+    return (0, react_query_1.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 (0, sdk_1.getGasRecommendation)({
+                chainId: toChainId,
+                fromChain: fromChain,
+                fromToken: fromToken,
+            }, { signal });
+            return gasRecommendation;
+        },
+        enabled: checkRecommendationLiFuel || checkRecommendationMaxButton,
+        refetchInterval,
+        staleTime: refetchInterval,
+    });
+};
+exports.useGasRecommendation = useGasRecommendation;
+//# sourceMappingURL=useGasRecommendation.js.map

package/_cjs/hooks/useGasRecommendation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRecommendation.js","sourceRoot":"","sources":["../../hooks/useGasRecommendation.ts"],"names":[],"mappings":";;;AAAA,mCAA+D;AAC/D,uDAAiD;AACjD,6DAA0D;AAE1D,MAAM,eAAe,GAAG,KAAM,CAAC;AAExB,MAAM,oBAAoB,GAAG,CAClC,SAAmB,EACnB,SAAmB,EACnB,SAAkB,EAClB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAkB,GAAE,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,IAAA,sBAAQ,EAAC;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,IAAA,0BAAoB,EAClD;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;AAvCW,QAAA,oBAAoB,wBAuC/B"}

package/_cjs/hooks/useGasRefuel.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGasRefuel = void 0;
+const react_1 = require("react");
+const _1 = require(".");
+const stores_1 = require("../stores");
+const useGasRecommendation_1 = require("./useGasRecommendation");
+const useTokenBalance_1 = require("./useTokenBalance");
+const useGasRefuel = () => {
+    const { getChainById } = (0, _1.useAvailableChains)();
+    const [fromChainId, fromTokenAddress, toChainId, toAddress] = (0, stores_1.useFieldValues)('fromChain', 'fromToken', 'toChain', 'toAddress');
+    const toChain = getChainById(toChainId);
+    const fromChain = getChainById(fromChainId);
+    const { token: nativeToken } = (0, useTokenBalance_1.useTokenBalance)(toAddress, toChainId ? toChain?.nativeToken : undefined, toChain);
+    const { data: gasRecommendation, isLoading } = (0, useGasRecommendation_1.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 = (0, react_1.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,
+    };
+};
+exports.useGasRefuel = useGasRefuel;
+//# sourceMappingURL=useGasRefuel.js.map

package/_cjs/hooks/useGasRefuel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGasRefuel.js","sourceRoot":"","sources":["../../hooks/useGasRefuel.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,wBAAuC;AACvC,sCAA2C;AAC3C,iEAA8D;AAC9D,uDAAoD;AAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAkB,GAAE,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,IAAA,uBAAc,EAC1E,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,IAAA,iCAAe,EAC5C,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,IAAA,2CAAoB,EACjE,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,IAAA,eAAO,EAAC,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;AAhEW,QAAA,YAAY,gBAgEvB"}

package/_cjs/hooks/useGasSufficiency.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGasSufficiency = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const useAccount_1 = require("./useAccount");
+const useAvailableChains_1 = require("./useAvailableChains");
+const useTokenBalance_1 = require("./useTokenBalance");
+const refetchInterval = 30000;
+const useGasSufficiency = (route) => {
+    const { getChainById } = (0, useAvailableChains_1.useAvailableChains)();
+    const { account } = (0, useAccount_1.useAccount)({
+        chainType: getChainById(route?.fromChainId)?.chainType,
+    });
+    const { data: insufficientGas, isLoading } = (0, react_query_1.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 (0, useTokenBalance_1.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,
+    };
+};
+exports.useGasSufficiency = useGasSufficiency;
+//# sourceMappingURL=useGasSufficiency.js.map

package/_cjs/hooks/useGasSufficiency.js.map

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

package/_cjs/hooks/useInitializer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitializer = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const version_1 = require("../config/version");
+const useTools_1 = require("./useTools");
+let checkedPackageUpdates = false;
+const useInitializer = () => {
+    (0, useTools_1.useTools)();
+    (0, react_1.useEffect)(() => {
+        if (!checkedPackageUpdates) {
+            checkedPackageUpdates = true;
+            (0, sdk_1.checkPackageUpdates)(version_1.name, version_1.version);
+        }
+    }, []);
+};
+exports.useInitializer = useInitializer;
+//# sourceMappingURL=useInitializer.js.map

package/_cjs/hooks/useInitializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializer.js","sourceRoot":"","sources":["../../hooks/useInitializer.ts"],"names":[],"mappings":";;;AAAA,mCAAgD;AAChD,iCAAkC;AAClC,+CAAkD;AAClD,yCAAsC;AAEtC,IAAI,qBAAqB,GAAG,KAAK,CAAC;AAE3B,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAA,mBAAQ,GAAE,CAAC;IACX,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3B,qBAAqB,GAAG,IAAI,CAAC;YAC7B,IAAA,yBAAmB,EAAC,cAAI,EAAE,iBAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}

package/_cjs/hooks/useLanguages.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLanguages = void 0;
+const react_i18next_1 = require("react-i18next");
+const providers_1 = require("../providers");
+const stores_1 = require("../stores");
+const useLanguages = () => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const { languages } = (0, providers_1.useWidgetConfig)();
+    const { language } = (0, stores_1.useSettings)(['language']);
+    const setValue = (0, stores_1.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);
+        },
+    };
+};
+exports.useLanguages = useLanguages;
+//# sourceMappingURL=useLanguages.js.map

package/_cjs/hooks/useLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../hooks/useLanguages.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAC/C,4CAA+C;AAC/C,sCAA0D;AAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,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;AAzBW,QAAA,YAAY,gBAyBvB"}

package/_cjs/hooks/useNavigateBack.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNavigateBack = void 0;
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const useNavigateBack = () => {
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const navigateBack = (0, react_1.useCallback)(() => {
+        // TODO: find a better router with nested memory routers support
+        // https://github.com/remix-run/react-router/pull/9112
+        // https://github.com/remix-run/react-router/discussions/9601
+        //
+        // if (window.history.length > 2) {
+        navigate(-1);
+        // } else {
+        //   navigate(
+        //     window.location.pathname.substring(
+        //       0,
+        //       window.location.pathname.lastIndexOf('/'),
+        //     ) || '/',
+        //     { replace: true },
+        //   );
+        // }
+    }, [navigate]);
+    return { navigateBack, navigate };
+};
+exports.useNavigateBack = useNavigateBack;
+//# sourceMappingURL=useNavigateBack.js.map

package/_cjs/hooks/useNavigateBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigateBack.js","sourceRoot":"","sources":["../../hooks/useNavigateBack.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AACpC,uDAA+C;AAExC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,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;AAtBW,QAAA,eAAe,mBAsB1B"}