@openocean.finance/widget 1.0.16 → 1.0.18

package/dist/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 { useSettingsActions } from '../stores/settings/useSettingsActions.js';
+export const useLanguages = () => {
+    const { t, i18n } = useTranslation();
+    const { languages } = useWidgetConfig();
+    const { language } = useSettings(['language']);
+    const { setValue } = useSettingsActions();
+    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/dist/esm/hooks/useLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../../src/hooks/useLanguages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEzC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAE3D,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,CAAA;IAE/C,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,CAAA;YAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC;KACF,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,12 @@
+import type { RefObject } from 'react';
+interface UseContentHeightProps {
+    listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>;
+    headerRef?: RefObject<HTMLElement | null>;
+}
+export declare const defaultMinListHeight = 360;
+export declare const minMobileListHeight = 160;
+export declare const useListHeight: ({ listParentRef, headerRef, }: UseContentHeightProps) => {
+    minListHeight: number;
+    listHeight: number;
+};
+export {};

package/dist/esm/hooks/useListHeight.js

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const useNavigateBack: () => {
+    navigateBack: () => void;
+    navigate: import("react-router-dom").NavigateFunction;
+};

package/dist/esm/hooks/useNavigateBack.js

@@ -0,0 +1,24 @@
+import { useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+export const useNavigateBack = () => {
+    const navigate = useNavigate();
+    const navigateBack = 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 };
+};
+//# sourceMappingURL=useNavigateBack.js.map

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

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

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

@@ -0,0 +1,4 @@
+import type { RouteExtended } from '@openocean.finance/widget-sdk';
+export declare const usePriceImpact: (route?: RouteExtended) => {
+    priceImpact: number;
+};

package/dist/esm/hooks/usePriceImpact.js

@@ -0,0 +1,16 @@
+import { getPriceImpact } from '../utils/getPriceImpact.js';
+export const usePriceImpact = (route) => {
+    let priceImpact = 0;
+    if (route) {
+        priceImpact = getPriceImpact({
+            fromAmount: BigInt(route?.fromAmount),
+            toAmount: BigInt(route?.toAmount),
+            fromToken: route?.fromToken,
+            toToken: route?.toToken,
+        });
+    }
+    return {
+        priceImpact,
+    };
+};
+//# sourceMappingURL=usePriceImpact.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePriceImpact.js","sourceRoot":"","sources":["../../../src/hooks/usePriceImpact.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IACtD,IAAI,WAAW,GAAG,CAAC,CAAA;IACnB,IAAI,KAAK,EAAE,CAAC;QACV,WAAW,GAAG,cAAc,CAAC;YAC3B,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC;YACrC,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC;YACjC,SAAS,EAAE,KAAK,EAAE,SAAS;YAC3B,OAAO,EAAE,KAAK,EAAE,OAAO;SACxB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+import type { EVMChain, OpenOceanStep, Process } from '@openocean.finance/widget-sdk';
+import type { TFunction } from 'i18next';
+import type { SubvariantOptions, WidgetSubvariant } from '../types/widget.js';
+export declare const useProcessMessage: (step?: OpenOceanStep, process?: Process) => {
+    title?: string;
+    message?: string;
+};
+export declare function getProcessMessage(t: TFunction, getChainById: (chainId: number) => EVMChain | undefined, step: OpenOceanStep, process: Process, subvariant?: WidgetSubvariant, subvariantOptions?: SubvariantOptions): {
+    title?: string;
+    message?: string;
+};

package/dist/esm/hooks/useProcessMessage.js

@@ -0,0 +1,186 @@
+import { OpenOceanErrorCode } from '@openocean.finance/widget-sdk';
+import { useTranslation } from 'react-i18next';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { formatTokenAmount } from '../utils/format.js';
+import { useAvailableChains } from './useAvailableChains.js';
+export const useProcessMessage = (step, process) => {
+    const { subvariant, subvariantOptions } = useWidgetConfig();
+    const { t } = useTranslation();
+    const { getChainById } = useAvailableChains();
+    if (!step || !process) {
+        return {};
+    }
+    return getProcessMessage(t, getChainById, step, process, subvariant, subvariantOptions);
+};
+const processStatusMessages = {
+    TOKEN_ALLOWANCE: {
+        STARTED: (t) => t('main.process.tokenAllowance.started'),
+        ACTION_REQUIRED: (t, step) => t('main.process.tokenAllowance.actionRequired', {
+            tokenSymbol: step.action.fromToken.symbol,
+        }),
+        PENDING: (t, step) => t('main.process.tokenAllowance.pending', {
+            tokenSymbol: step.action.fromToken.symbol,
+        }),
+        DONE: (t, step) => t('main.process.tokenAllowance.done', {
+            tokenSymbol: step.action.fromToken.symbol,
+        }),
+    },
+    SWITCH_CHAIN: {
+        ACTION_REQUIRED: (t) => t('main.process.switchChain.actionRequired'),
+        DONE: (t) => t('main.process.switchChain.done'),
+    },
+    PERMIT: {
+        STARTED: (t) => t('main.process.permit.started'),
+        ACTION_REQUIRED: (t) => t('main.process.permit.actionRequired'),
+        PENDING: (t) => t('main.process.permit.pending'),
+        DONE: (t) => t('main.process.permit.done'),
+    },
+    SWAP: {
+        STARTED: (t) => t('main.process.swap.started'),
+        ACTION_REQUIRED: (t) => t('main.process.swap.actionRequired'),
+        PENDING: (t) => t('main.process.swap.pending'),
+        DONE: (t, _, subvariant, subvariantOptions) => subvariant === 'custom'
+            ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)
+            : t('main.process.swap.done'),
+    },
+    CROSS_CHAIN: {
+        STARTED: (t) => t('main.process.bridge.started'),
+        ACTION_REQUIRED: (t) => t('main.process.bridge.actionRequired'),
+        PENDING: (t) => t('main.process.bridge.pending'),
+        DONE: (t) => t('main.process.bridge.done'),
+    },
+    RECEIVING_CHAIN: {
+        PENDING: (t) => t('main.process.receivingChain.pending'),
+        DONE: (t, _, subvariant, subvariantOptions) => subvariant === 'custom'
+            ? t(`main.process.${subvariantOptions?.custom ?? 'checkout'}.done`)
+            : t('main.process.receivingChain.done'),
+    },
+    TRANSACTION: {},
+};
+const processSubstatusMessages = {
+    PENDING: {
+    // BRIDGE_NOT_AVAILABLE: 'Bridge communication is temporarily unavailable.',
+    // CHAIN_NOT_AVAILABLE: 'RPC communication is temporarily unavailable.',
+    // REFUND_IN_PROGRESS:
+    //   "The refund has been requested and it's being processed",
+    // WAIT_DESTINATION_TRANSACTION:
+    //   'The bridge off-chain logic is being executed. Wait for the transaction to appear on the destination chain.',
+    // WAIT_SOURCE_CONFIRMATIONS:
+    //   'The bridge deposit has been received. The bridge is waiting for more confirmations to start the off-chain logic.',
+    },
+    DONE: {
+        // COMPLETED: 'The transfer is complete.',
+        PARTIAL: (t) => t('main.process.receivingChain.partial'),
+        REFUNDED: (t) => t('main.process.receivingChain.partial'),
+    },
+    FAILED: {
+    // TODO: should be moved to failed status
+    // NOT_PROCESSABLE_REFUND_NEEDED:
+    //   'The transfer cannot be completed successfully. A refund operation is required.',
+    // UNKNOWN_ERROR:
+    //   'An unexpected error occurred. Please seek assistance in the OpenOcean discord server.',
+    },
+    INVALID: {},
+    NOT_FOUND: {},
+};
+export function getProcessMessage(t, getChainById, step, process, subvariant, subvariantOptions) {
+    if (process.error && process.status === 'FAILED') {
+        const getDefaultErrorMessage = (key) => `${t(key ?? 'error.message.transactionNotSent')} ${t('error.message.remainInYourWallet', {
+            amount: formatTokenAmount(BigInt(step.action.fromAmount), step.action.fromToken.decimals),
+            tokenSymbol: step.action.fromToken.symbol,
+            chainName: getChainById(step.action.fromChainId)?.name ?? '',
+        })}`;
+        let title = '';
+        let message = '';
+        switch (process.error.code) {
+            case OpenOceanErrorCode.AllowanceRequired:
+                title = t('error.title.allowanceRequired');
+                message = t('error.message.allowanceRequired', {
+                    tokenSymbol: step.action.fromToken.symbol,
+                });
+                break;
+            case OpenOceanErrorCode.BalanceError:
+                title = t('error.title.balanceIsTooLow');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.ChainSwitchError:
+                title = t('error.title.chainSwitch');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.GasLimitError:
+                title = t('error.title.gasLimitIsTooLow');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.InsufficientFunds:
+                title = t('error.title.insufficientFunds');
+                message = `${t('error.message.insufficientFunds')} ${getDefaultErrorMessage()}`;
+                break;
+            case OpenOceanErrorCode.SlippageError:
+                title = t('error.title.slippageNotMet');
+                message = t('error.message.slippageThreshold');
+                break;
+            case OpenOceanErrorCode.TransactionFailed:
+                title = t('error.title.transactionFailed');
+                message = t('error.message.transactionFailed');
+                break;
+            case OpenOceanErrorCode.TransactionExpired:
+                title = t('error.title.transactionExpired');
+                message = t('error.message.transactionExpired');
+                break;
+            case OpenOceanErrorCode.TransactionSimulationFailed:
+                title = t('error.title.transactionSimulationFailed');
+                message = t('error.message.transactionSimulationFailed');
+                break;
+            case OpenOceanErrorCode.WalletChangedDuringExecution:
+                title = t('error.title.walletMismatch');
+                message = t('error.message.walletChangedDuringExecution');
+                break;
+            case OpenOceanErrorCode.TransactionUnderpriced:
+                title = t('error.title.transactionUnderpriced');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.TransactionUnprepared:
+                title = t('error.title.transactionUnprepared');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.TransactionCanceled:
+                title = t('error.title.transactionCanceled');
+                message = getDefaultErrorMessage('error.message.transactionCanceled');
+                break;
+            case OpenOceanErrorCode.TransactionRejected:
+                title = t('error.title.transactionRejected');
+                message = getDefaultErrorMessage('error.message.transactionRejected');
+                break;
+            case OpenOceanErrorCode.TransactionConflict:
+                title = t('error.title.transactionConflict');
+                message = getDefaultErrorMessage('error.message.transactionConflict');
+                break;
+            case OpenOceanErrorCode.ExchangeRateUpdateCanceled:
+                title = t('error.title.exchangeRateUpdateCanceled');
+                message = getDefaultErrorMessage();
+                break;
+            case OpenOceanErrorCode.SignatureRejected:
+                title = t('error.title.signatureRejected');
+                message = t('error.message.signatureRejected', {
+                    amount: formatTokenAmount(BigInt(step.action.fromAmount), step.action.fromToken.decimals),
+                    tokenSymbol: step.action.fromToken.symbol,
+                    chainName: getChainById(step.action.fromChainId)?.name ?? '',
+                });
+                break;
+            default:
+                title = t('error.title.unknown');
+                if (process.txHash) {
+                    message = t('error.message.transactionFailed');
+                }
+                else {
+                    message = process.error.message || t('error.message.unknown');
+                }
+                break;
+        }
+        return { title, message };
+    }
+    const title = processSubstatusMessages[process.status]?.[process.substatus]?.(t) ??
+        processStatusMessages[process.type]?.[process.status]?.(t, step, subvariant, subvariantOptions);
+    return { title };
+}
+//# sourceMappingURL=useProcessMessage.js.map

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

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

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

@@ -0,0 +1,14 @@
+import type { ExchangeRateUpdateParams } from '@openocean.finance/widget-sdk';
+interface RouteExecutionProps {
+    routeId: string;
+    executeInBackground?: boolean;
+    onAcceptExchangeRateUpdate?(resolver: (value: boolean) => void, data: ExchangeRateUpdateParams): void;
+}
+export declare const useRouteExecution: ({ routeId, executeInBackground, onAcceptExchangeRateUpdate, }: RouteExecutionProps) => {
+    executeRoute: () => void;
+    restartRoute: () => void;
+    deleteRoute: () => void;
+    route: import("@openocean.finance/widget-sdk").RouteExtended;
+    status: import("../stores/routes/types.js").RouteExecutionStatus;
+};
+export {};

package/dist/esm/hooks/useRouteExecution.js

@@ -0,0 +1,205 @@
+import { useAccount, useAccountDisconnect, useWalletMenu, } from '@openocean.finance/wallet-management';
+import { updateRouteExecution } from '@openocean.finance/widget-sdk';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useCallback, useEffect, useRef } from 'react';
+import { useConfig } from 'wagmi';
+import { shallow } from 'zustand/shallow';
+import { executeRoute } from '../services/ExecuteRoute.js';
+import { useRouteExecutionStore, useRouteExecutionStoreContext, } from '../stores/routes/RouteExecutionStore.js';
+import { getUpdatedProcess, isRouteActive, isRouteDone, isRouteFailed, } from '../stores/routes/utils.js';
+import { WidgetEvent } from '../types/events.js';
+import { useAvailableChains } from './useAvailableChains.js';
+import { useWidgetEvents } from './useWidgetEvents.js';
+export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateUpdate, }) => {
+    const queryClient = useQueryClient();
+    const wagmiConfig = useConfig();
+    const disconnect = useAccountDisconnect();
+    const { openWalletMenu } = useWalletMenu();
+    const resumedAfterMount = useRef(false);
+    const emitter = useWidgetEvents();
+    const routeExecutionStoreContext = useRouteExecutionStoreContext();
+    const routeExecution = useRouteExecutionStore((state) => state.routes[routeId]);
+    const { getChainById } = useAvailableChains();
+    const chain = getChainById(routeExecution?.route.fromChainId);
+    const { account } = useAccount({ chainType: chain.chainType });
+    const [updateRoute, restartRoute, deleteRoute] = useRouteExecutionStore((state) => [state.updateRoute, state.restartRoute, state.deleteRoute], shallow);
+    const updateRouteHook = (updatedRoute) => {
+        const routeExecution = routeExecutionStoreContext.getState().routes[updatedRoute.id];
+        if (!routeExecution) {
+            return;
+        }
+        const clonedUpdatedRoute = structuredClone(updatedRoute);
+        updateRoute(clonedUpdatedRoute);
+        const process = getUpdatedProcess(routeExecution.route, clonedUpdatedRoute);
+        if (process) {
+            emitter.emit(WidgetEvent.RouteExecutionUpdated, {
+                route: clonedUpdatedRoute,
+                process,
+            });
+        }
+        const executionCompleted = isRouteDone(clonedUpdatedRoute);
+        const executionFailed = isRouteFailed(clonedUpdatedRoute);
+        if (executionCompleted) {
+            emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute);
+        }
+        if (executionFailed && process) {
+            emitter.emit(WidgetEvent.RouteExecutionFailed, {
+                route: clonedUpdatedRoute,
+                process,
+            });
+        }
+        if (executionCompleted || executionFailed) {
+            const invalidateKeys = [
+                [
+                    'token-balances',
+                    clonedUpdatedRoute.fromAddress,
+                    clonedUpdatedRoute.fromChainId,
+                ],
+                [
+                    'token-balances',
+                    clonedUpdatedRoute.toAddress,
+                    clonedUpdatedRoute.toChainId,
+                ],
+                ['transaction-history'],
+            ];
+            for (const key of invalidateKeys) {
+                queryClient.invalidateQueries({
+                    queryKey: key,
+                    exact: false,
+                    refetchType: 'all',
+                }, { cancelRefetch: false });
+            }
+        }
+        // biome-ignore lint/suspicious/noConsole: logs route information
+        console.log('Route updated.', clonedUpdatedRoute);
+    };
+    const acceptExchangeRateUpdateHook = async (params) => {
+        if (!onAcceptExchangeRateUpdate) {
+            return false;
+        }
+        const accepted = await new Promise((resolve) => onAcceptExchangeRateUpdate(resolve, params));
+        return accepted;
+    };
+    const executeRouteMutation = useMutation({
+        mutationFn: () => {
+            if (!account.isConnected) {
+                throw new Error('Account is not connected.');
+            }
+            if (!routeExecution?.route) {
+                throw new Error('Execution route not found.');
+            }
+            queryClient.removeQueries({ queryKey: ['routes'], exact: false });
+            return executeRoute(routeExecution.route, {
+                updateRouteHook,
+                acceptExchangeRateUpdateHook,
+                infiniteApproval: false,
+                executeInBackground,
+                account,
+                wagmiConfig,
+                onDisconnect: disconnect,
+                onOpenWalletMenu: openWalletMenu,
+            });
+        },
+        onMutate: () => {
+            // biome-ignore lint/suspicious/noConsole: logs route information
+            console.log('Execution started.', routeId);
+            if (routeExecution) {
+                emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route);
+            }
+        },
+    });
+    const resumeRouteMutation = useMutation({
+        mutationFn: (resumedRoute) => {
+            if (!account.isConnected) {
+                throw new Error('Account is not connected.');
+            }
+            if (!routeExecution?.route) {
+                throw new Error('Execution route not found.');
+            }
+            /*
+            return resumeRoute(resumedRoute ?? routeExecution.route, {
+              updateRouteHook,
+              acceptExchangeRateUpdateHook,
+              infiniteApproval: false,
+              executeInBackground,
+            })
+            */
+            return executeRoute(resumedRoute ?? routeExecution.route, {
+                updateRouteHook,
+                acceptExchangeRateUpdateHook,
+                infiniteApproval: false,
+                executeInBackground,
+                account,
+                wagmiConfig,
+                onDisconnect: disconnect,
+                onOpenWalletMenu: openWalletMenu,
+            });
+        },
+        onMutate: () => {
+            // biome-ignore lint/suspicious/noConsole: logs route information
+            console.log('Resumed to execution.', routeId);
+        },
+    });
+    const _executeRoute = useCallback(() => {
+        executeRouteMutation.mutateAsync(undefined, {
+            onError: (error) => {
+                console.warn('Execution failed!', routeId, error);
+            },
+            onSuccess: (route) => {
+                // biome-ignore lint/suspicious/noConsole: logs route information
+                console.log('Executed successfully!', route);
+            },
+        });
+    }, [executeRouteMutation, routeId]);
+    const _resumeRoute = useCallback((route) => {
+        resumeRouteMutation.mutateAsync(route, {
+            onError: (error) => {
+                console.warn('Resumed execution failed.', routeId, error);
+            },
+            onSuccess: (route) => {
+                // biome-ignore lint/suspicious/noConsole: logs route information
+                console.log('Resumed execution successful.', route);
+            },
+        });
+    }, [resumeRouteMutation, routeId]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    const restartRouteMutation = useCallback(() => {
+        restartRoute(routeId);
+        _resumeRoute(routeExecution?.route);
+    }, [_resumeRoute, routeExecution?.route, routeId]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    const deleteRouteMutation = useCallback(() => {
+        deleteRoute(routeId);
+    }, [routeId]);
+    // Resume route execution after page reload
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    useEffect(() => {
+        // Check if route is eligible for automatic resuming
+        const route = routeExecutionStoreContext.getState().routes[routeId]?.route;
+        if (isRouteActive(route) &&
+            account.isConnected &&
+            !resumedAfterMount.current) {
+            resumedAfterMount.current = true;
+            _resumeRoute();
+        }
+        // Move execution to background on unmount
+        return () => {
+            const route = routeExecutionStoreContext.getState().routes[routeId]?.route;
+            if (!route || !isRouteActive(route)) {
+                return;
+            }
+            updateRouteExecution(route, { executeInBackground: true });
+            // biome-ignore lint/suspicious/noConsole: logs route information
+            console.log('Move route execution to background.', routeId);
+            resumedAfterMount.current = false;
+        };
+    }, [account.isConnected, routeExecutionStoreContext, routeId]);
+    return {
+        executeRoute: _executeRoute,
+        restartRoute: restartRouteMutation,
+        deleteRoute: deleteRouteMutation,
+        route: routeExecution?.route,
+        status: routeExecution?.status,
+    };
+};
+//# sourceMappingURL=useRouteExecution.js.map

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

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