@lifi/widget 2.0.0-beta.13 → 2.0.0-beta.15

package/cjs/pages/SwapRoutesPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SwapRoutesPage"), exports);

package/cjs/providers/SwapFormProvider/FormUpdater.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormValues } from '../SwapFormProvider';
-export declare const FormUpdater: React.FC<{
-    defaultValues: Partial<SwapFormValues>;
-}>;

package/cjs/providers/SwapFormProvider/types.d.ts

@@ -1,37 +0,0 @@
-export declare enum SwapFormKey {
-    ContractOutputsToken = "contractOutputsToken",
-    FromAmount = "fromAmount",
-    FromChain = "fromChain",
-    FromToken = "fromToken",
-    ToAddress = "toAddress",
-    ToAmount = "toAmount",
-    ToChain = "toChain",
-    ToContractAddress = "toContractAddress",
-    ToContractCallData = "toContractCallData",
-    ToContractGasLimit = "ToContractGasLimit",
-    ToToken = "toToken",
-    TokenSearchFilter = "tokenSearchFilter"
-}
-export type SwapFormValues = {
-    [SwapFormKey.ContractOutputsToken]: string;
-    [SwapFormKey.FromAmount]: string;
-    [SwapFormKey.FromChain]: number;
-    [SwapFormKey.FromToken]: string;
-    [SwapFormKey.ToAddress]: string;
-    [SwapFormKey.ToAmount]: string;
-    [SwapFormKey.ToChain]: number;
-    [SwapFormKey.ToContractAddress]: string;
-    [SwapFormKey.ToContractCallData]: string;
-    [SwapFormKey.ToContractGasLimit]: string;
-    [SwapFormKey.ToToken]: string;
-    [SwapFormKey.TokenSearchFilter]: string;
-};
-export type SwapFormType = 'from' | 'to';
-export declare const SwapFormKeyHelper: {
-    getChainKey: (formType: SwapFormType) => 'fromChain' | 'toChain';
-    getTokenKey: (formType: SwapFormType) => 'fromToken' | 'toToken';
-    getAmountKey: (formType: SwapFormType) => 'fromAmount' | 'toAmount';
-};
-export interface SwapFormTypeProps {
-    formType: SwapFormType;
-}

package/cjs/providers/SwapFormProvider/types.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapFormKeyHelper = exports.SwapFormKey = void 0;
-var SwapFormKey;
-(function (SwapFormKey) {
-    SwapFormKey["ContractOutputsToken"] = "contractOutputsToken";
-    SwapFormKey["FromAmount"] = "fromAmount";
-    SwapFormKey["FromChain"] = "fromChain";
-    SwapFormKey["FromToken"] = "fromToken";
-    SwapFormKey["ToAddress"] = "toAddress";
-    SwapFormKey["ToAmount"] = "toAmount";
-    SwapFormKey["ToChain"] = "toChain";
-    SwapFormKey["ToContractAddress"] = "toContractAddress";
-    SwapFormKey["ToContractCallData"] = "toContractCallData";
-    SwapFormKey["ToContractGasLimit"] = "ToContractGasLimit";
-    SwapFormKey["ToToken"] = "toToken";
-    SwapFormKey["TokenSearchFilter"] = "tokenSearchFilter";
-})(SwapFormKey = exports.SwapFormKey || (exports.SwapFormKey = {}));
-exports.SwapFormKeyHelper = {
-    getChainKey: (formType) => `${formType}Chain`,
-    getTokenKey: (formType) => `${formType}Token`,
-    getAmountKey: (formType) => `${formType}Amount`,
-};

package/cjs/stores/routes/useSwapHistory.d.ts

@@ -1,2 +0,0 @@
-import type { RouteExecution } from './types';
-export declare const useSwapHistory: (address?: string) => RouteExecution[];

package/components/ActiveSwaps/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ActiveSwapItem';
-export * from './ActiveSwaps';

package/components/ActiveSwaps/index.js

@@ -1,2 +0,0 @@
-export * from './ActiveSwapItem';
-export * from './ActiveSwaps';

package/components/Header/useHeaderActionStore.d.ts

@@ -1,2 +0,0 @@
-import type { HeaderActionStore } from './types';
-export declare const useHeaderActionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<HeaderActionStore>>;

package/components/Header/useHeaderActionStore.js

@@ -1,14 +0,0 @@
-import { create } from 'zustand';
-export const useHeaderActionStore = create((set, get) => ({
-    setAction: (element) => {
-        set(() => ({
-            element,
-        }));
-        return get().removeAction;
-    },
-    removeAction: () => {
-        set(() => ({
-            element: null,
-        }));
-    },
-}));

package/components/SwapButton/SwapButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapButtonProps } from './types';
-export declare const SwapButton: React.FC<SwapButtonProps>;

package/components/SwapButton/SwapButton.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadingButton } from '@mui/lab';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { useWallet, useWidgetConfig } from '../../providers';
-import { navigationRoutes } from '../../utils';
-export const SwapButton = ({ onClick, hasRoute, text, disabled, loading, }) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { variant, walletManagement } = useWidgetConfig();
-    const { account, connect } = useWallet();
-    const handleSwapButtonClick = async () => {
-        if (!account.isActive) {
-            if (walletManagement) {
-                await connect();
-            }
-            else {
-                navigate(navigationRoutes.selectWallet);
-            }
-        }
-        else {
-            onClick?.();
-        }
-    };
-    const getButtonText = () => {
-        if (account.isActive) {
-            if (!hasRoute) {
-                switch (variant) {
-                    case 'nft':
-                        return t(`button.buy`);
-                    case 'refuel':
-                        return t(`button.getGas`);
-                    default:
-                        return t(`button.swap`);
-                }
-            }
-            if (text) {
-                return text;
-            }
-            switch (variant) {
-                case 'nft':
-                    return t(`button.reviewPurchase`);
-                case 'refuel':
-                    return t(`button.reviewGasSwap`);
-                default:
-                    return t(`button.reviewSwap`);
-            }
-        }
-        return t(`button.connectWallet`);
-    };
-    return (_jsx(LoadingButton, { variant: "contained", color: "primary", onClick: handleSwapButtonClick, disabled: disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
-};

package/components/SwapButton/index.d.ts

@@ -1,2 +0,0 @@
-export { SwapButton } from './SwapButton';
-export * from './types';

package/components/SwapButton/index.js

@@ -1,2 +0,0 @@
-export { SwapButton } from './SwapButton';
-export * from './types';

package/components/SwapInput/FormPriceHelperText.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { TokenAmount } from '@lifi/sdk';
-import type { SwapFormTypeProps } from '../../providers';
-export declare const FormPriceHelperText: React.FC<SwapFormTypeProps>;
-export declare const FormPriceHelperTextBase: React.FC<SwapFormTypeProps & {
-    isLoading?: boolean;
-    tokenAddress?: string;
-    token?: TokenAmount;
-}>;

package/components/SwapInput/SwapInputEndAdornment.d.ts

@@ -1,2 +0,0 @@
-import type { SwapFormTypeProps } from '../../providers';
-export declare const SwapInputEndAdornment: ({ formType }: SwapFormTypeProps) => import("react/jsx-runtime").JSX.Element;

package/components/SwapInput/SwapInputStartAdornment.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const SwapInputStartAdornment: React.FC<SwapFormTypeProps>;

package/components/SwapInput/index.d.ts

@@ -1 +0,0 @@
-export * from './SwapInput';

package/components/SwapInput/index.js

@@ -1 +0,0 @@
-export * from './SwapInput';

package/components/SwapRouteCard/SwapRouteCard.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { CardProps } from '../Card';
-import type { SwapRouteCardProps } from './types';
-export declare const SwapRouteCard: React.FC<SwapRouteCardProps & Omit<CardProps, 'variant'>>;

package/components/SwapRouteCard/SwapRouteCardEssentials.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapRouteCardEssentialsProps } from './types';
-export declare const SwapRouteCardEssentials: React.FC<SwapRouteCardEssentialsProps>;

package/components/SwapRouteCard/SwapRouteCardSkeleton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-import type { SwapRouteCardSkeletonProps } from './types';
-export declare const SwapRouteCardSkeleton: React.FC<SwapRouteCardSkeletonProps & BoxProps>;

package/components/SwapRouteCard/SwapRouteNotFoundCard.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SwapRouteNotFoundCard: React.FC;

package/components/SwapRouteCard/index.d.ts

@@ -1,3 +0,0 @@
-export * from './SwapRouteCard';
-export * from './SwapRouteCardSkeleton';
-export * from './SwapRouteNotFoundCard';

package/components/SwapRouteCard/index.js

@@ -1,3 +0,0 @@
-export * from './SwapRouteCard';
-export * from './SwapRouteCardSkeleton';
-export * from './SwapRouteNotFoundCard';

package/components/SwapRoutes/SwapRoutes.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Collapse } from '@mui/material';
-import { useFormState } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { Card, CardTitle } from '../../components/Card';
-import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate';
-import { SwapRouteCard, SwapRouteCardSkeleton, SwapRouteNotFoundCard, } from '../../components/SwapRouteCard';
-import { useSwapRoutes } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { navigationRoutes } from '../../utils';
-export const SwapRoutes = (props) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { variant, useRecommendedRoute } = useWidgetConfig();
-    const { isValid, isValidating } = useFormState();
-    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = useSwapRoutes();
-    const currentRoute = routes?.[0];
-    if (!currentRoute && !isLoading && !isFetching && !isFetched) {
-        return null;
-    }
-    const handleCardClick = () => {
-        navigate(navigationRoutes.swapRoutes);
-    };
-    const routeNotFound = !currentRoute && !isLoading && !isFetching;
-    const onlyRecommendedRoute = variant === 'refuel' || useRecommendedRoute;
-    const showAll = !onlyRecommendedRoute && !routeNotFound && (routes?.length ?? 0) > 1;
-    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: variant === 'nft' ? t('swap.fromAmount') : t('header.routes') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: {
-                    position: 'absolute',
-                    top: 8,
-                    right: 8,
-                } }), _jsxs(Box, { p: 2, children: [isLoading ? (_jsx(SwapRouteCardSkeleton, { variant: "cardless" })) : !currentRoute ? (_jsx(SwapRouteNotFoundCard, {})) : (_jsx(SwapRouteCard, { route: currentRoute, variant: "cardless", active: true })), _jsx(Collapse, { timeout: 225, in: showAll, unmountOnExit: true, mountOnEnter: true, appear: true, children: _jsx(Box, { mt: 2, children: _jsx(Button, { onClick: handleCardClick, disabled: isValidating || !isValid, fullWidth: true, children: t('button.showAll') }) }) })] })] }));
-};

package/components/SwapRoutes/SwapRoutesExpanded.d.ts

@@ -1,2 +0,0 @@
-export declare const SwapRoutesExpanded: () => import("react/jsx-runtime").JSX.Element;
-export declare const SwapRoutesExpandedElement: () => import("react/jsx-runtime").JSX.Element;

package/components/SwapRoutes/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SwapRoutes';
-export * from './SwapRoutesExpanded';

package/components/SwapRoutes/index.js

@@ -1,2 +0,0 @@
-export * from './SwapRoutes';
-export * from './SwapRoutesExpanded';

package/pages/ActiveSwapsPage/ActiveSwapsEmpty.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ActiveSwapsEmpty: React.FC;

package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1 +0,0 @@
-export declare const ActiveSwapsPage: () => import("react/jsx-runtime").JSX.Element;

package/pages/ActiveSwapsPage/index.d.ts

@@ -1 +0,0 @@
-export * from './ActiveSwapsPage';

package/pages/ActiveSwapsPage/index.js

@@ -1 +0,0 @@
-export * from './ActiveSwapsPage';

package/pages/MainPage/MainSwapButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const MainSwapButton: React.FC;

package/pages/MainPage/MainSwapButton.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormState } from 'react-hook-form';
-import { useNavigate } from 'react-router-dom';
-import { SwapButton } from '../../components/SwapButton';
-import { useSwapRoutes } from '../../hooks';
-import { useSetExecutableRoute } from '../../stores';
-import { navigationRoutes } from '../../utils';
-export const MainSwapButton = () => {
-    const navigate = useNavigate();
-    const { isValid, isValidating } = useFormState();
-    const setExecutableRoute = useSetExecutableRoute();
-    const { routes: swapRoutes, isLoading, isFetching } = useSwapRoutes();
-    const currentRoute = swapRoutes?.[0];
-    const handleClick = async () => {
-        if (currentRoute) {
-            setExecutableRoute(currentRoute);
-            navigate(navigationRoutes.swapExecution, {
-                state: { routeId: currentRoute.id },
-            });
-        }
-    };
-    return (_jsx(SwapButton, { onClick: handleClick, hasRoute: Boolean(currentRoute), disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
-};

package/pages/SwapDetailsPage/SwapDetailsPage.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SwapDetailsPage: React.FC;

package/pages/SwapDetailsPage/index.d.ts

@@ -1 +0,0 @@
-export * from './SwapDetailsPage';

package/pages/SwapDetailsPage/index.js

@@ -1 +0,0 @@
-export * from './SwapDetailsPage';

package/pages/SwapHistoryPage/SwapHistoryEmpty.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SwapHistoryEmpty: React.FC;

package/pages/SwapHistoryPage/SwapHistoryPage.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SwapHistoryPage: React.FC;

package/pages/SwapHistoryPage/SwapHistoryPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/DeleteOutline';
-import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, Stack, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../components/Dialog';
-import { useHeaderActionStore } from '../../components/Header';
-import { useWallet } from '../../providers';
-import { useRouteExecutionStore } from '../../stores';
-import { useSwapHistory } from '../../stores/routes';
-import { SwapHistoryEmpty } from './SwapHistoryEmpty';
-import { SwapHistoryItem } from './SwapHistoryItem';
-export const SwapHistoryPage = () => {
-    const { t } = useTranslation();
-    const { account } = useWallet();
-    const swaps = useSwapHistory(account.address);
-    const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes);
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    useEffect(() => {
-        if (swaps.length) {
-            return useHeaderActionStore.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
-        }
-    }, [swaps.length, toggleDialog]);
-    if (!swaps.length) {
-        return _jsx(SwapHistoryEmpty, {});
-    }
-    return (_jsxs(Container, { children: [_jsx(Stack, { spacing: 2, mt: 1, children: swaps.length ? (swaps.map(({ route }) => (_jsx(SwapHistoryItem, { route: route }, route.id)))) : (_jsx(SwapHistoryEmpty, {})) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('swap.warning.title.deleteSwapHistory') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: () => deleteRoutes('completed'), autoFocus: true, children: t('button.delete') })] })] })] }));
-};

package/pages/SwapHistoryPage/index.d.ts

@@ -1 +0,0 @@
-export * from './SwapHistoryPage';

package/pages/SwapHistoryPage/index.js

@@ -1 +0,0 @@
-export * from './SwapHistoryPage';

package/pages/SwapPage/StartSwapButton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { StartSwapButtonProps } from './types';
-export declare const StartSwapButton: React.FC<StartSwapButtonProps>;
-export declare const StartIdleSwapButton: React.FC<StartSwapButtonProps>;

package/pages/SwapPage/StartSwapButton.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SwapButton } from '../../components/SwapButton';
-import { useFundsSufficiency, useGasSufficiency, useSwapRoutes, } from '../../hooks';
-import { useRouteExecutionStore } from '../../stores';
-export const StartSwapButton = ({ onClick, route, text, loading, }) => {
-    const { insufficientGas, isInitialLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
-    const { insufficientFunds, isInitialLoading: isFundsSufficiencyLoading } = useFundsSufficiency(route);
-    return (_jsx(SwapButton, { onClick: onClick, text: text, hasRoute: Boolean(route), disabled: insufficientFunds || !!insufficientGas?.length, loading: isFundsSufficiencyLoading || isGasSufficiencyLoading || loading }));
-};
-export const StartIdleSwapButton = ({ onClick, route, text, loading, disabled, insurableRouteId, }) => {
-    const routeExecution = useRouteExecutionStore((state) => state.routes[insurableRouteId]);
-    const { isFetching } = useSwapRoutes({
-        insurableRoute: routeExecution?.route,
-    });
-    return (_jsx(StartSwapButton, { onClick: onClick, text: text, route: route, disabled: disabled, loading: loading || isFetching, insurableRouteId: insurableRouteId }));
-};

package/pages/SwapPage/SwapPage.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SwapPage: React.FC;

package/pages/SwapPage/SwapPage.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/Delete';
-import { Box, Button, Tooltip } from '@mui/material';
-import { useRef, useState } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
-import { ContractComponent } from '../../components/ContractComponent';
-import { GasMessage } from '../../components/GasMessage';
-import { Insurance } from '../../components/Insurance';
-import { getStepList } from '../../components/Step';
-import { useNavigateBack, useRouteExecution, useWidgetEvents, } from '../../hooks';
-import { SwapFormKey, useWidgetConfig } from '../../providers';
-import { RouteExecutionStatus } from '../../stores';
-import { WidgetEvent } from '../../types/events';
-import { formatTokenAmount } from '../../utils';
-import { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet';
-import { StartIdleSwapButton, StartSwapButton } from './StartSwapButton';
-import { StatusBottomSheet } from './StatusBottomSheet';
-import { Container } from './SwapPage.style';
-import { TokenValueBottomSheet, getTokenValueLossThreshold, } from './TokenValueBottomSheet';
-import { calcValueLoss } from './utils';
-export const SwapPage = () => {
-    const { t } = useTranslation();
-    const { setValue } = useFormContext();
-    const emitter = useWidgetEvents();
-    const { navigateBack } = useNavigateBack();
-    const { variant, insurance } = useWidgetConfig();
-    const { state } = useLocation();
-    const stateRouteId = state?.routeId;
-    const [routeId, setRouteId] = useState(stateRouteId);
-    const tokenValueBottomSheetRef = useRef(null);
-    const exchangeRateBottomSheetRef = useRef(null);
-    const onAcceptExchangeRateUpdate = (resolver, data) => {
-        exchangeRateBottomSheetRef.current?.open(resolver, data);
-    };
-    const { route, status, executeRoute, restartRoute, deleteRoute } = useRouteExecution({
-        routeId: routeId,
-        onAcceptExchangeRateUpdate,
-    });
-    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(route);
-    const handleExecuteRoute = () => {
-        if (tokenValueBottomSheetRef.current?.isOpen()) {
-            if (route) {
-                emitter.emit(WidgetEvent.RouteHighValueLoss, {
-                    fromAmountUsd: route.fromAmountUSD,
-                    gasCostUSD: route.gasCostUSD,
-                    toAmountUSD: route.toAmountUSD,
-                    valueLoss: calcValueLoss(route),
-                });
-            }
-            tokenValueBottomSheetRef.current?.close();
-        }
-        executeRoute();
-        setValue(SwapFormKey.FromAmount, '');
-    };
-    const handleSwapClick = async () => {
-        if (status === RouteExecutionStatus.Idle) {
-            if (tokenValueLossThresholdExceeded && variant !== 'nft') {
-                tokenValueBottomSheetRef.current?.open();
-            }
-            else {
-                handleExecuteRoute();
-            }
-        }
-        if (status === RouteExecutionStatus.Failed) {
-            restartRoute();
-        }
-    };
-    const handleRemoveRoute = () => {
-        navigateBack();
-        deleteRoute();
-    };
-    const getSwapButtonText = () => {
-        switch (status) {
-            case RouteExecutionStatus.Idle:
-                switch (variant) {
-                    case 'nft':
-                        return t('button.buyNow');
-                    case 'refuel':
-                        return t('button.startGasSwap');
-                    default:
-                        return t('button.startSwap');
-                }
-            case RouteExecutionStatus.Failed:
-                return t('button.tryAgain');
-            default:
-                return '';
-        }
-    };
-    const SwapButton = insurance && status === RouteExecutionStatus.Idle
-        ? StartIdleSwapButton
-        : StartSwapButton;
-    const insuranceAvailable = insurance &&
-        variant !== 'refuel' &&
-        (route?.insurance?.state === 'INSURED' ||
-            (status === RouteExecutionStatus.Idle &&
-                route?.insurance?.state === 'INSURABLE'));
-    const insuranceCoverageId = route?.steps[0].execution?.process
-        .filter((process) => process.type !== 'TOKEN_ALLOWANCE')
-        .find((process) => process.txHash)?.txHash ?? route?.fromAddress;
-    return (_jsxs(Container, { children: [getStepList(route), variant === 'nft' ? _jsx(ContractComponent, { mt: 2 }) : null, route && insuranceAvailable ? (_jsx(Insurance, { mt: 2, status: status, insurableRouteId: stateRouteId, feeAmountUsd: route.insurance.feeAmountUsd, insuredAmount: formatTokenAmount(route.toAmountMin, route.toToken.decimals), insuredTokenSymbol: route.toToken.symbol, insuranceCoverageId: insuranceCoverageId, onChange: setRouteId })) : null, status === RouteExecutionStatus.Idle ||
-                status === RouteExecutionStatus.Failed ? (_jsxs(_Fragment, { children: [_jsx(GasMessage, { mt: 2, route: route }), _jsxs(Box, { mt: 2, display: "flex", children: [_jsx(SwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, route: route, insurableRouteId: stateRouteId }), status === RouteExecutionStatus.Failed ? (_jsx(Tooltip, { title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true, children: _jsx(Button, { onClick: handleRemoveRoute, sx: {
-                                        minWidth: 48,
-                                        marginLeft: 1,
-                                    }, children: _jsx(DeleteIcon, {}) }) })) : null] })] })) : null, route && status ? (_jsx(StatusBottomSheet, { status: status, route: route })) : null, route && tokenValueLossThresholdExceeded && variant !== 'nft' ? (_jsx(TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, route ? (_jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })) : null] }));
-};

package/pages/SwapPage/index.d.ts

@@ -1 +0,0 @@
-export * from './SwapPage';

package/pages/SwapPage/index.js

@@ -1 +0,0 @@
-export * from './SwapPage';

package/pages/SwapPage/types.d.ts

@@ -1,9 +0,0 @@
-import type { Route } from '@lifi/sdk';
-export interface StartSwapButtonProps {
-    onClick?(): void;
-    route?: Route;
-    text?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    insurableRouteId: string;
-}

package/pages/SwapRoutesPage/SwapRoutesPage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-export declare const SwapRoutesPage: React.FC<BoxProps>;

package/pages/SwapRoutesPage/index.d.ts

@@ -1 +0,0 @@
-export * from './SwapRoutesPage';

package/pages/SwapRoutesPage/index.js

@@ -1 +0,0 @@
-export * from './SwapRoutesPage';

package/providers/SwapFormProvider/FormUpdater.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormValues } from '../SwapFormProvider';
-export declare const FormUpdater: React.FC<{
-    defaultValues: Partial<SwapFormValues>;
-}>;

package/providers/SwapFormProvider/types.d.ts

@@ -1,37 +0,0 @@
-export declare enum SwapFormKey {
-    ContractOutputsToken = "contractOutputsToken",
-    FromAmount = "fromAmount",
-    FromChain = "fromChain",
-    FromToken = "fromToken",
-    ToAddress = "toAddress",
-    ToAmount = "toAmount",
-    ToChain = "toChain",
-    ToContractAddress = "toContractAddress",
-    ToContractCallData = "toContractCallData",
-    ToContractGasLimit = "ToContractGasLimit",
-    ToToken = "toToken",
-    TokenSearchFilter = "tokenSearchFilter"
-}
-export type SwapFormValues = {
-    [SwapFormKey.ContractOutputsToken]: string;
-    [SwapFormKey.FromAmount]: string;
-    [SwapFormKey.FromChain]: number;
-    [SwapFormKey.FromToken]: string;
-    [SwapFormKey.ToAddress]: string;
-    [SwapFormKey.ToAmount]: string;
-    [SwapFormKey.ToChain]: number;
-    [SwapFormKey.ToContractAddress]: string;
-    [SwapFormKey.ToContractCallData]: string;
-    [SwapFormKey.ToContractGasLimit]: string;
-    [SwapFormKey.ToToken]: string;
-    [SwapFormKey.TokenSearchFilter]: string;
-};
-export type SwapFormType = 'from' | 'to';
-export declare const SwapFormKeyHelper: {
-    getChainKey: (formType: SwapFormType) => 'fromChain' | 'toChain';
-    getTokenKey: (formType: SwapFormType) => 'fromToken' | 'toToken';
-    getAmountKey: (formType: SwapFormType) => 'fromAmount' | 'toAmount';
-};
-export interface SwapFormTypeProps {
-    formType: SwapFormType;
-}

package/providers/SwapFormProvider/types.js

@@ -1,20 +0,0 @@
-export var SwapFormKey;
-(function (SwapFormKey) {
-    SwapFormKey["ContractOutputsToken"] = "contractOutputsToken";
-    SwapFormKey["FromAmount"] = "fromAmount";
-    SwapFormKey["FromChain"] = "fromChain";
-    SwapFormKey["FromToken"] = "fromToken";
-    SwapFormKey["ToAddress"] = "toAddress";
-    SwapFormKey["ToAmount"] = "toAmount";
-    SwapFormKey["ToChain"] = "toChain";
-    SwapFormKey["ToContractAddress"] = "toContractAddress";
-    SwapFormKey["ToContractCallData"] = "toContractCallData";
-    SwapFormKey["ToContractGasLimit"] = "ToContractGasLimit";
-    SwapFormKey["ToToken"] = "toToken";
-    SwapFormKey["TokenSearchFilter"] = "tokenSearchFilter";
-})(SwapFormKey || (SwapFormKey = {}));
-export const SwapFormKeyHelper = {
-    getChainKey: (formType) => `${formType}Chain`,
-    getTokenKey: (formType) => `${formType}Token`,
-    getAmountKey: (formType) => `${formType}Amount`,
-};