@openocean.finance/widget 1.0.16 → 1.0.18

package/dist/esm/hooks/useRoutes.d.ts

@@ -0,0 +1,18 @@
+import type { Route } from '@openocean.finance/widget-sdk';
+interface RoutesProps {
+    observableRoute?: Route;
+}
+export declare const useRoutes: ({ observableRoute }?: RoutesProps) => {
+    routes: Route[];
+    isLoading: boolean;
+    isFetching: boolean;
+    isFetched: boolean;
+    dataUpdatedAt: number;
+    refetchTime: number;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<Route[], Error>>;
+    fromChain: import("@openocean.finance/widget-sdk").ExtendedChain;
+    toChain: import("@openocean.finance/widget-sdk").ExtendedChain;
+    queryKey: readonly ["routes", string, number, string, string, string, number, string, string, import("@openocean.finance/widget-sdk").ContractCall[], string, boolean, string[], string[], string[], string[], "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST", import("../index.js").WidgetSubvariant, boolean, boolean, string, number, boolean, string];
+    setReviewableRoute: (route: Route) => void;
+};
+export {};

package/dist/esm/hooks/useRoutes.js

@@ -0,0 +1,322 @@
+import { useAccount } from '@openocean.finance/wallet-management';
+import { OpenOceanErrorCode } from '@openocean.finance/widget-sdk';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { parseUnits } from 'viem';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { DebridgeService } from '../services/DebridgeService.js';
+import { OpenOceanService } from '../services/OpenOceanService.js';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js';
+import { useSettings } from '../stores/settings/useSettings.js';
+import { defaultSlippage } from '../stores/settings/useSettingsStore.js';
+import { WidgetEvent } from '../types/events.js';
+import { getChainTypeFromAddress } from '../utils/chainType.js';
+import { useChain } from './useChain.js';
+import { useDebouncedWatch } from './useDebouncedWatch.js';
+import { useGasPrice } from './useGasPrice.js';
+import { useGasRefuel } from './useGasRefuel.js';
+import { useIsBatchingSupported } from './useIsBatchingSupported.js';
+import { useSwapOnly } from './useSwapOnly.js';
+import { useToken } from './useToken.js';
+import { useWidgetEvents } from './useWidgetEvents.js';
+const refetchTime = 60000;
+export const useRoutes = ({ observableRoute } = {}) => {
+    const { subvariant, sdkConfig, contractTool, bridges, exchanges, fee, feeConfig, useRelayerRoutes, referrer } = useWidgetConfig();
+    const setExecutableRoute = useSetExecutableRoute();
+    const queryClient = useQueryClient();
+    const emitter = useWidgetEvents();
+    const swapOnly = useSwapOnly();
+    const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, enabledAutoRefuel, routePriority, slippage, } = useSettings([
+        'disabledBridges',
+        'disabledExchanges',
+        'enabledBridges',
+        'enabledExchanges',
+        'enabledAutoRefuel',
+        'routePriority',
+        'slippage',
+    ]);
+    const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount');
+    const [fromChainId, fromTokenAddress, _toAddress, toTokenAmount, toChainId, toTokenAddress, contractCalls,] = useFieldValues('fromChain', 'fromToken', 'toAddress', 'toAmount', 'toChain', 'toToken', 'contractCalls');
+    const { token: fromToken } = useToken(fromChainId, fromTokenAddress);
+    const { token: toToken } = useToken(toChainId, toTokenAddress);
+    const { chain: fromChain } = useChain(fromChainId);
+    const { chain: toChain } = useChain(toChainId);
+    const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } = useGasRefuel();
+    const { gasPrice } = useGasPrice(fromChainId?.toString() || '');
+    const { account } = useAccount({ chainType: fromChain?.chainType });
+    const { isBatchingSupported, isBatchingSupportedLoading } = useIsBatchingSupported(fromChain, account.address);
+    const hasAmount = Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0;
+    const contractCallQuoteEnabled = subvariant === 'custom' ? Boolean(contractCalls && account.address) : true;
+    const toAddress = fromChainId === toChainId || (fromChain?.chainType === 'EVM' && toChain?.chainType === 'EVM') ? account.address : _toAddress;
+    // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain
+    // If toAddress is set, it must have the same chainType as toChain
+    const hasToAddressAndChainTypeSatisfied = !!toChain &&
+        !!toAddress &&
+        getChainTypeFromAddress(toAddress) === toChain.chainType;
+    // We need to check for toAddress only if it is set
+    const isToAddressSatisfied = toAddress
+        ? hasToAddressAndChainTypeSatisfied
+        : true;
+    const isEnabled = Boolean(Number(fromChain?.id)) &&
+        Boolean(Number(toChain?.id)) &&
+        Boolean(fromToken?.address) &&
+        Boolean(toToken?.address) &&
+        !Number.isNaN(slippage) &&
+        hasAmount &&
+        isToAddressSatisfied &&
+        contractCallQuoteEnabled &&
+        !isBatchingSupportedLoading;
+    const queryKey = [
+        'routes',
+        account.address,
+        fromChain?.id,
+        fromToken?.address,
+        fromTokenAmount,
+        toAddress,
+        toChain?.id,
+        toToken?.address,
+        toTokenAmount,
+        contractCalls,
+        slippage,
+        swapOnly,
+        disabledBridges,
+        disabledExchanges,
+        enabledBridges,
+        enabledExchanges,
+        routePriority,
+        subvariant,
+        sdkConfig?.routeOptions?.allowSwitchChain,
+        enabledRefuel && enabledAutoRefuel,
+        gasRecommendationFromAmount,
+        feeConfig?.fee || fee,
+        !!isBatchingSupported,
+        observableRoute?.id,
+    ];
+    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery({
+        queryKey,
+        queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, contractCalls, slippage = defaultSlippage, swapOnly, disabledBridges, disabledExchanges, allowedBridges, allowedExchanges, routePriority, subvariant, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, fee, isBatchingSupported, _observableRouteId,], signal, }) => {
+            try {
+                const fromAmount = parseUnits(fromTokenAmount, fromToken.decimals);
+                const formattedSlippage = slippage
+                    ? (Number.parseFloat(slippage) / 100).toString()
+                    : '0.01'; // Default slippage 1%
+                let quoteResult; // Initialize quoteResult
+                // Check if it's a cross-chain swap
+                if (fromChainId !== toChainId) {
+                    // Use DebridgeService for cross-chain quotes
+                    if (fromToken && toToken) {
+                        // Construct Asset objects for DebridgeService
+                        const fromMsg = {
+                            address: fromTokenAddress,
+                            symbol: fromToken.symbol,
+                            decimals: fromToken.decimals,
+                            name: fromToken.name,
+                            icon: fromToken.logoURI,
+                            chainId: fromChainId,
+                        };
+                        const toMsg = {
+                            address: toTokenAddress,
+                            symbol: toToken.symbol,
+                            decimals: toToken.decimals,
+                            name: toToken.name,
+                            icon: toToken.logoURI,
+                            chainId: toChainId,
+                        };
+                        quoteResult = await DebridgeService.swapUThenCross({
+                            fromMsg: fromMsg,
+                            toMsg: toMsg,
+                            inAmount: fromAmount.toString(),
+                            slippage_tolerance: formattedSlippage, // Debridge might use a different format/unit
+                            account: account?.address || '',
+                            receiver: toAddress, // Assuming receiver is the same as account for now
+                        });
+                        // Add a flag or modify structure to indicate it's a Debridge route
+                        if (quoteResult) {
+                            quoteResult.isDebridgeRoute = true;
+                        }
+                    }
+                    else {
+                        console.warn('Cannot get Debridge quote: Missing account address, fromToken, or toToken.');
+                        quoteResult = null; // Or handle error appropriately
+                    }
+                }
+                else {
+                    // Use OpenOceanService for same-chain swaps
+                    if (account.address) {
+                        quoteResult = await OpenOceanService.getSwapQuote({
+                            chain: fromChainId.toString(),
+                            inTokenSymbol: fromToken?.symbol || '',
+                            inTokenAddress: fromTokenAddress,
+                            outTokenSymbol: toToken?.symbol || '',
+                            outTokenAddress: toTokenAddress,
+                            amount: fromAmount.toString(),
+                            account: account.address,
+                            slippage: formattedSlippage, // OpenOcean expects slippage like '100' for 1%
+                            gasPrice: gasPrice || '10', // Consider chain-specific defaults
+                            enabledDexIds: fromChainId === 1151111081099710 ? '6' : '', // Example for Solana specific dex
+                            referrer: referrer?.address || '',
+                            referrerFee: referrer?.fee || '',
+                        });
+                    }
+                    else {
+                        // Use getQuote if account is not connected (view mode)
+                        quoteResult = await OpenOceanService.getQuote({
+                            chain: fromChainId.toString(),
+                            inTokenSymbol: fromToken?.symbol || '',
+                            inTokenAddress: fromTokenAddress,
+                            outTokenSymbol: toToken?.symbol || '',
+                            outTokenAddress: toTokenAddress,
+                            amount: fromAmount.toString(),
+                            slippage: formattedSlippage, // OpenOcean expects slippage like '100' for 1%
+                            gasPrice: gasPrice || '10', // Consider chain-specific defaults
+                            enabledDexIds: fromChainId === 1151111081099710 ? '6' : '', // Example for Solana specific dex
+                        });
+                    }
+                    // Ensure the structure is consistent or add a flag
+                    if (quoteResult) {
+                        quoteResult.isDebridgeRoute = false;
+                    }
+                }
+                const data = quoteResult && quoteResult.data || {};
+                // minOutAmount calculation is now handled within DebridgeService or OpenOceanService
+                const isDebridge = data.isDebridgeRoute === true;
+                let toAmountMin = '0';
+                if (data?.minOutAmount) {
+                    toAmountMin = data.minOutAmount;
+                }
+                else if (isDebridge) {
+                    toAmountMin = '0';
+                }
+                else {
+                    const amount = Number(data?.outAmount || 0);
+                    const slippageValue = Number.parseFloat(slippage);
+                    const minAmount = (amount * (100 - slippageValue)) / 100;
+                    toAmountMin = minAmount.toFixed(20).replace(/\.?0+$/, '');
+                    // 如果还是科学计数法，再强制转字符串
+                    if (toAmountMin.includes('e') || toAmountMin.includes('E')) {
+                        toAmountMin = minAmount.toLocaleString('fullwide', { useGrouping: false, maximumSignificantDigits: 21 });
+                        toAmountMin = toAmountMin.replace(/\.?0+$/, '');
+                    }
+                }
+                const route = {
+                    id: data?.orderId || Date.now().toString(),
+                    fromChainId: fromChainId,
+                    fromAmountUSD: data?.fromTokenUSD || '0',
+                    fromAmount: fromAmount.toString(),
+                    fromToken: fromToken,
+                    fromAddress: fromAddress || '',
+                    toChainId: toChainId,
+                    toAmountUSD: data?.toTokenUSD || '0',
+                    toAmount: data?.outAmount || '0',
+                    toAmountMin,
+                    toToken: toToken,
+                    toAddress: toAddress || '',
+                    insurance: {
+                        state: 'NOT_INSURABLE',
+                        feeAmountUsd: '0',
+                    },
+                    steps: [
+                        {
+                            id: '1',
+                            type: 'openocean',
+                            tool: isDebridge ? 'debridge' : 'openocean',
+                            transactionRequest: {
+                                chainId: data?.chainId || fromChainId,
+                                from: data?.from,
+                                data: data?.transaction || data?.data || '0x',
+                                to: data?.to,
+                                value: data?.value || '0x0',
+                                gasPrice: data?.gasPrice,
+                                type: isDebridge ? '0x0' : data?.dexId || '0x0',
+                            },
+                            toolDetails: {
+                                key: isDebridge ? 'debridge' : 'openocean',
+                                name: isDebridge ? 'Debridge' : 'OpenOcean',
+                                logoURI: isDebridge
+                                    ? 'https://s3.openocean.finance/static/debridge.svg'
+                                    : 'https://assets.coingecko.com/coins/images/17014/small/ooe_log.png',
+                            },
+                            action: {
+                                fromChainId: fromChainId,
+                                fromAmount: fromAmount.toString(),
+                                fromToken: fromToken,
+                                toChainId: toChainId,
+                                toToken: toToken,
+                                slippage: Number(formattedSlippage),
+                                fromAddress: fromAddress || '',
+                                toAddress: toAddress || '',
+                            },
+                            estimate: {
+                                fromAmount: fromAmount.toString(),
+                                toAmount: data?.outAmount || '0',
+                                toAmountMin,
+                                approvalAddress: data?.approveContract ||
+                                    (isDebridge
+                                        ? data?.to
+                                        : '0x6352a56caadC4F1E25CD6c75970Fa768A3304e64'),
+                                executionDuration: data?.executionDuration || 300000,
+                                tool: isDebridge ? 'debridge' : 'openocean',
+                                feeCosts: data?.feeCosts || [
+                                    {
+                                        name: 'Gas Fee',
+                                        description: 'Estimated gas fee',
+                                        token: fromToken,
+                                        amount: (data?.estimatedGas || '0').toString(),
+                                        amountUSD: '0',
+                                        percentage: '0',
+                                        included: true,
+                                    },
+                                ],
+                            },
+                            includedSteps: [],
+                        },
+                    ],
+                    data: data,
+                };
+                const routes = [route];
+                emitter.emit(WidgetEvent.AvailableRoutes, routes);
+                return routes;
+            }
+            catch (error) {
+                console.error('Failed to fetch OpenOcean routes:', error);
+                return [];
+            }
+        },
+        enabled: isEnabled,
+        staleTime: refetchTime,
+        refetchInterval(query) {
+            return Math.min(Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)), refetchTime);
+        },
+        retry(failureCount, error) {
+            if (process.env.NODE_ENV === 'development') {
+                console.warn('Route query failed:', { failureCount, error });
+            }
+            if (failureCount >= 3) {
+                return false;
+            }
+            if (error?.code === OpenOceanErrorCode.NotFound) {
+                return false;
+            }
+            return true;
+        },
+    });
+    const setReviewableRoute = (route) => {
+        const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id);
+        queryClient.setQueryData(queryDataKey, { routes: [route] }, { updatedAt: dataUpdatedAt });
+        setExecutableRoute(route);
+    };
+    return {
+        routes: data,
+        isLoading,
+        isFetching,
+        isFetched,
+        dataUpdatedAt,
+        refetchTime,
+        refetch,
+        fromChain,
+        toChain,
+        queryKey,
+        setReviewableRoute,
+    };
+};
+//# sourceMappingURL=useRoutes.js.map

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

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

package/dist/esm/hooks/useScrollableContainer.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetScrollableContainer: () => () => HTMLElement;
+export declare const useScrollableContainer: (elementId: string) => HTMLElement;
+export declare const useScrollableOverflowHidden: () => void;

package/dist/esm/hooks/useScrollableContainer.js

@@ -0,0 +1,32 @@
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { getScrollableContainer } from '../utils/elements.js';
+import { useDefaultElementId } from './useDefaultElementId.js';
+export const useGetScrollableContainer = () => {
+    const elementId = useDefaultElementId();
+    const getContainer = useCallback(() => getScrollableContainer(elementId), [elementId]);
+    return getContainer;
+};
+export const useScrollableContainer = (elementId) => {
+    const [containerElement, setContainerElement] = useState(() => getScrollableContainer(elementId));
+    useLayoutEffect(() => {
+        if (!containerElement) {
+            setContainerElement(getScrollableContainer(elementId));
+        }
+    }, [containerElement, elementId]);
+    return containerElement;
+};
+export const useScrollableOverflowHidden = () => {
+    const elementId = useDefaultElementId();
+    useLayoutEffect(() => {
+        const element = getScrollableContainer(elementId);
+        if (element) {
+            element.style.overflowY = 'hidden';
+        }
+        return () => {
+            if (element) {
+                element.style.overflowY = 'auto';
+            }
+        };
+    }, [elementId]);
+};
+//# sourceMappingURL=useScrollableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollableContainer.js","sourceRoot":"","sources":["../../../src/hooks/useScrollableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CAAC,sBAAsB,CAAC,SAAS,CAAC,EACvC,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5D,sBAAsB,CAAC,SAAS,CAAC,CAClC,CAAA;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,mBAAmB,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAA;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEjC,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAA;QACjD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;QACpC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;YAClC,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACjB,CAAC,CAAA"}

package/dist/esm/hooks/useSetContentHeight.d.ts

@@ -0,0 +1,2 @@
+import type { MutableRefObject } from 'react';
+export declare const useSetContentHeight: (ref: MutableRefObject<HTMLElement | null>, dependency?: unknown) => void;

package/dist/esm/hooks/useSetContentHeight.js

@@ -0,0 +1,23 @@
+import { useLayoutEffect } from 'react';
+import { getRelativeContainer } from '../utils/elements.js';
+import { useDefaultElementId } from './useDefaultElementId.js';
+// 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 useSetContentHeight = (ref, dependency) => {
+    const elementId = useDefaultElementId();
+    // biome-ignore lint/correctness/useExhaustiveDependencies: we use dependency to refresh height
+    useLayoutEffect(() => {
+        const relativeContainer = getRelativeContainer(elementId);
+        if (!relativeContainer ||
+            !ref.current ||
+            ref.current?.clientHeight <= relativeContainer?.clientHeight) {
+            return;
+        }
+        relativeContainer.style.minHeight = `${ref.current.clientHeight}px`;
+        return () => {
+            relativeContainer.style.removeProperty('min-height');
+        };
+    }, [elementId, ref, dependency]);
+};
+//# sourceMappingURL=useSetContentHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetContentHeight.js","sourceRoot":"","sources":["../../../src/hooks/useSetContentHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,+EAA+E;AAC/E,8GAA8G;AAC9G,6FAA6F;AAE7F,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAyC,EACzC,UAAoB,EACpB,EAAE;IACF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,+FAA+F;IAC/F,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAA;QACzD,IACE,CAAC,iBAAiB;YAClB,CAAC,GAAG,CAAC,OAAO;YACZ,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,YAAY,EAC5D,CAAC;YACD,OAAM;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,CAAA;QACnE,OAAO,GAAG,EAAE;YACV,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;AAClC,CAAC,CAAA"}

package/dist/esm/hooks/useSettingMonitor.d.ts

@@ -0,0 +1,13 @@
+export declare const useSettingMonitor: () => {
+    isBridgesChanged: boolean;
+    isExchangesChanged: boolean;
+    isSlippageChanged: boolean;
+    isSlippageNotRecommended: boolean;
+    isSlippageOutsideRecommendedLimits: boolean;
+    isSlippageUnderRecommendedLimits: boolean;
+    isRoutePriorityChanged: boolean;
+    isGasPriceChanged: boolean;
+    isCustomRouteSettings: boolean;
+    isRouteSettingsWithWarnings: boolean;
+    reset: () => void;
+};

package/dist/esm/hooks/useSettingMonitor.js

@@ -0,0 +1,55 @@
+import { shallow } from 'zustand/shallow';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useSettingsActions } from '../stores/settings/useSettingsActions.js';
+import { defaultConfigurableSettings, useSettingsStore, } from '../stores/settings/useSettingsStore.js';
+import { useTools } from './useTools.js';
+export const useSettingMonitor = () => {
+    const [disabledBridges, disabledExchanges, routePriority, slippage, gasPrice,] = useSettingsStore((state) => [
+        state.disabledBridges,
+        state.disabledExchanges,
+        state.routePriority,
+        state.slippage,
+        state.gasPrice,
+    ], shallow);
+    const { tools } = useTools();
+    const config = useWidgetConfig();
+    const { setDefaultSettings, resetSettings } = useSettingsActions();
+    const isSlippageChanged = config.slippage
+        ? Number(slippage) !== config.slippage * 100
+        : slippage !== defaultConfigurableSettings.slippage;
+    const isSlippageOutsideRecommendedLimits = isSlippageChanged && slippage && Number(slippage) > 1;
+    const isSlippageUnderRecommendedLimits = isSlippageChanged && slippage && Number(slippage) < 0.1;
+    const isSlippageNotRecommended = Boolean(isSlippageOutsideRecommendedLimits || isSlippageUnderRecommendedLimits);
+    const isRoutePriorityChanged = config.routePriority
+        ? routePriority !== config.routePriority
+        : routePriority !== defaultConfigurableSettings.routePriority;
+    const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice;
+    const isBridgesChanged = Boolean(disabledBridges.length);
+    const isExchangesChanged = Boolean(disabledExchanges.length);
+    const isCustomRouteSettings = isBridgesChanged ||
+        isExchangesChanged ||
+        isSlippageChanged ||
+        isRoutePriorityChanged ||
+        isGasPriceChanged;
+    const isRouteSettingsWithWarnings = isSlippageNotRecommended;
+    const reset = () => {
+        if (tools) {
+            resetSettings(tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
+            setDefaultSettings(config);
+        }
+    };
+    return {
+        isBridgesChanged,
+        isExchangesChanged,
+        isSlippageChanged,
+        isSlippageNotRecommended,
+        isSlippageOutsideRecommendedLimits,
+        isSlippageUnderRecommendedLimits,
+        isRoutePriorityChanged,
+        isGasPriceChanged,
+        isCustomRouteSettings,
+        isRouteSettingsWithWarnings,
+        reset,
+    };
+};
+//# sourceMappingURL=useSettingMonitor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingMonitor.js","sourceRoot":"","sources":["../../../src/hooks/useSettingMonitor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAC7E,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,GACjB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CACJ,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,QAAQ,EACT,GAAG,gBAAgB,CAClB,CAAC,KAAK,EAAE,EAAE,CAAC;QACT,KAAK,CAAC,eAAe;QACrB,KAAK,CAAC,iBAAiB;QACvB,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;KACf,EACD,OAAO,CACR,CAAA;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,eAAe,EAAE,CAAA;IAChC,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElE,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ;QACvC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC,QAAQ,GAAG,GAAG;QAC5C,CAAC,CAAC,QAAQ,KAAK,2BAA2B,CAAC,QAAQ,CAAA;IAErD,MAAM,kCAAkC,GACtC,iBAAiB,IAAI,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEvD,MAAM,gCAAgC,GACpC,iBAAiB,IAAI,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAA;IAEzD,MAAM,wBAAwB,GAAG,OAAO,CACtC,kCAAkC,IAAI,gCAAgC,CACvE,CAAA;IAED,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa;QACjD,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,aAAa;QACxC,CAAC,CAAC,aAAa,KAAK,2BAA2B,CAAC,aAAa,CAAA;IAE/D,MAAM,iBAAiB,GAAG,QAAQ,KAAK,2BAA2B,CAAC,QAAQ,CAAA;IAE3E,MAAM,gBAAgB,GAAG,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAE5D,MAAM,qBAAqB,GACzB,gBAAgB;QAChB,kBAAkB;QAClB,iBAAiB;QACjB,sBAAsB;QACtB,iBAAiB,CAAA;IAEnB,MAAM,2BAA2B,GAAG,wBAAwB,CAAA;IAE5D,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CACX,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EACrC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CACxC,CAAA;YAED,kBAAkB,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IAED,OAAO;QACL,gBAAgB;QAChB,kBAAkB;QAClB,iBAAiB;QACjB,wBAAwB;QACxB,kCAAkC;QAClC,gCAAgC;QAChC,sBAAsB;QACtB,iBAAiB;QACjB,qBAAqB;QACrB,2BAA2B;QAC3B,KAAK;KACN,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useSwapOnly.d.ts

@@ -0,0 +1 @@
+export declare const useSwapOnly: () => boolean;

package/dist/esm/hooks/useSwapOnly.js

@@ -0,0 +1,6 @@
+import { useSplitSubvariantStore } from '../stores/settings/useSplitSubvariantStore.js';
+export const useSwapOnly = () => {
+    const state = useSplitSubvariantStore((state) => state.state);
+    return state === 'swap';
+};
+//# sourceMappingURL=useSwapOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapOnly.js","sourceRoot":"","sources":["../../../src/hooks/useSwapOnly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAA;AAEvF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC7D,OAAO,KAAK,KAAK,MAAM,CAAA;AACzB,CAAC,CAAA"}

package/dist/esm/hooks/useToAddressAutoPopulate.d.ts

@@ -0,0 +1,12 @@
+import type { FormType } from '../stores/form/types.js';
+export type UpdateToAddressArgs = {
+    formType: FormType;
+    selectedToAddress?: string;
+    selectedChainId?: number;
+    selectedOppositeTokenAddress?: string;
+    selectedOppositeChainId?: number;
+};
+/**
+ * Automatically populates toAddress field if bridging across ecosystems and compatible wallet is connected
+ */
+export declare const useToAddressAutoPopulate: () => ({ formType, selectedToAddress, selectedChainId, selectedOppositeTokenAddress, selectedOppositeChainId, }: UpdateToAddressArgs) => string;

package/dist/esm/hooks/useToAddressAutoPopulate.js

@@ -0,0 +1,68 @@
+import { useAccount } from '@openocean.finance/wallet-management';
+import { useCallback } from 'react';
+import { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js';
+import { useFieldActions } from '../stores/form/useFieldActions.js';
+import { useSendToWalletActions } from '../stores/settings/useSendToWalletStore.js';
+import { getChainTypeFromAddress } from '../utils/chainType.js';
+import { useAvailableChains } from './useAvailableChains.js';
+/**
+ * Automatically populates toAddress field if bridging across ecosystems and compatible wallet is connected
+ */
+export const useToAddressAutoPopulate = () => {
+    const { setFieldValue } = useFieldActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { getChainById } = useAvailableChains();
+    const { accounts } = useAccount();
+    return useCallback(({ formType, selectedToAddress, selectedChainId, selectedOppositeTokenAddress, selectedOppositeChainId, }) => {
+        if (!selectedOppositeTokenAddress ||
+            !selectedOppositeChainId ||
+            !selectedChainId ||
+            !accounts?.length) {
+            return;
+        }
+        const selectedChain = getChainById?.(selectedChainId);
+        const selectedOppositeChain = getChainById?.(selectedOppositeChainId);
+        // Proceed if both chains are defined and of different ecosystem types (indicating cross-ecosystem bridging)
+        if (!selectedChain ||
+            !selectedOppositeChain ||
+            selectedChain.chainType === selectedOppositeChain.chainType) {
+            return;
+        }
+        // Identify the destination chain type based on the bridge direction ('from' or 'to')
+        const destinationChainType = formType === 'from'
+            ? selectedOppositeChain.chainType
+            : selectedChain.chainType;
+        // If toAddress is already selected, verify that it matches the destination chain type
+        if (selectedToAddress) {
+            const selectedToAddressChainType = getChainTypeFromAddress(selectedToAddress);
+            if (destinationChainType === selectedToAddressChainType) {
+                return;
+            }
+        }
+        // Find connected account compatible with the destination chain type
+        const destinationAccount = accounts?.find((account) => account.chainType === destinationChainType);
+        // If a compatible destination account is found, set toAddress as if selecting it from the "Send to Wallet" connected wallets page
+        if (destinationAccount?.address) {
+            setFieldValue('toAddress', destinationAccount.address, {
+                isDirty: false,
+                isTouched: true,
+            });
+            setSelectedBookmark({
+                name: destinationAccount.connector?.name,
+                address: destinationAccount.address,
+                chainType: destinationAccount.chainType,
+                isConnectedAccount: true,
+            });
+            setSendToWallet(true);
+            return destinationAccount.address;
+        }
+    }, [
+        accounts,
+        getChainById,
+        setFieldValue,
+        setSelectedBookmark,
+        setSendToWallet,
+    ]);
+};
+//# sourceMappingURL=useToAddressAutoPopulate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressAutoPopulate.js","sourceRoot":"","sources":["../../../src/hooks/useToAddressAutoPopulate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAU5D;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACpD,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpD,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAA;IAEjC,OAAO,WAAW,CAChB,CAAC,EACC,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,4BAA4B,EAC5B,uBAAuB,GACH,EAAE,EAAE;QACxB,IACE,CAAC,4BAA4B;YAC7B,CAAC,uBAAuB;YACxB,CAAC,eAAe;YAChB,CAAC,QAAQ,EAAE,MAAM,EACjB,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,aAAa,GAAG,YAAY,EAAE,CAAC,eAAe,CAAC,CAAA;QACrD,MAAM,qBAAqB,GAAG,YAAY,EAAE,CAAC,uBAAuB,CAAC,CAAA;QACrE,4GAA4G;QAC5G,IACE,CAAC,aAAa;YACd,CAAC,qBAAqB;YACtB,aAAa,CAAC,SAAS,KAAK,qBAAqB,CAAC,SAAS,EAC3D,CAAC;YACD,OAAM;QACR,CAAC;QACD,qFAAqF;QACrF,MAAM,oBAAoB,GACxB,QAAQ,KAAK,MAAM;YACjB,CAAC,CAAC,qBAAqB,CAAC,SAAS;YACjC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAA;QAC7B,sFAAsF;QACtF,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,0BAA0B,GAC9B,uBAAuB,CAAC,iBAAiB,CAAC,CAAA;YAC5C,IAAI,oBAAoB,KAAK,0BAA0B,EAAE,CAAC;gBACxD,OAAM;YACR,CAAC;QACH,CAAC;QACD,oEAAoE;QACpE,MAAM,kBAAkB,GAAG,QAAQ,EAAE,IAAI,CACvC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,KAAK,oBAAoB,CACxD,CAAA;QACD,kIAAkI;QAClI,IAAI,kBAAkB,EAAE,OAAO,EAAE,CAAC;YAChC,aAAa,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,EAAE;gBACrD,OAAO,EAAE,KAAK;gBACd,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;YACF,mBAAmB,CAAC;gBAClB,IAAI,EAAE,kBAAkB,CAAC,SAAS,EAAE,IAAI;gBACxC,OAAO,EAAE,kBAAkB,CAAC,OAAO;gBACnC,SAAS,EAAE,kBAAkB,CAAC,SAAS;gBACvC,kBAAkB,EAAE,IAAI;aACzB,CAAC,CAAA;YACF,eAAe,CAAC,IAAI,CAAC,CAAA;YACrB,OAAO,kBAAkB,CAAC,OAAO,CAAA;QACnC,CAAC;IACH,CAAC,EACD;QACE,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,mBAAmB;QACnB,eAAe;KAChB,CACF,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useToAddressRequirements.d.ts

@@ -0,0 +1,6 @@
+import type { RouteExtended } from '@openocean.finance/widget-sdk';
+export declare const useToAddressRequirements: (route?: RouteExtended) => {
+    requiredToAddress: boolean;
+    requiredToChainType: import("@openocean.finance/widget-sdk").ChainType;
+    toAddress: string;
+};