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

package/types/widget.d.ts

@@ -4,8 +4,8 @@ import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
-export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel' | 'nft';
-export type WidgetSubvariant = 'default' | 'split';
+export type WidgetVariant = 'default' | 'expandable' | 'drawer';
+export type WidgetSubvariant = 'default' | 'split' | 'nft' | 'refuel';
 export declare enum DisabledUI {
     FromAmount = "fromAmount",
     FromToken = "fromToken",
@@ -68,6 +68,7 @@ export interface WidgetConfig {
     toAmount?: number | string;
     contract?: WidgetContract;
     contractComponent?: ReactNode;
+    contractSecondaryComponent?: ReactNode;
     contractCompactComponent?: ReactNode;
     contractTool?: WidgetContractTool;
     fee?: number;
@@ -87,7 +88,7 @@ export interface WidgetConfig {
     useRecommendedRoute?: boolean;
     walletManagement?: WidgetWalletManagement;
     sdkConfig?: SDKConfig;
-    buildSwapUrl?: boolean;
+    buildUrl?: boolean;
     localStorageKeyPrefix?: string;
     bridges?: {
         allow?: string[];

package/utils/navigationRoutes.d.ts

@@ -1,19 +1,19 @@
 export declare const navigationRoutes: {
     home: string;
-    activeSwaps: string;
+    activeTransactions: string;
     bridges: string;
     exchanges: string;
     fromChain: string;
     fromToken: string;
+    routes: string;
     selectWallet: string;
     settings: string;
-    swapDetails: string;
-    swapExecution: string;
-    swapHistory: string;
-    swapRoutes: string;
     toChain: string;
     toToken: string;
     toTokenNative: string;
+    transactionDetails: string;
+    transactionExecution: string;
+    transactionHistory: string;
 };
 export declare const navigationRoutesValues: string[];
 export declare const stickyHeaderRoutes: string[];

package/utils/navigationRoutes.js

@@ -1,49 +1,49 @@
 export const navigationRoutes = {
     home: '/',
-    activeSwaps: 'active-swaps',
+    activeTransactions: 'active-transactions',
     bridges: 'bridges',
     exchanges: 'exchanges',
     fromChain: 'from-chain',
     fromToken: 'from-token',
+    routes: 'routes',
     selectWallet: 'wallet',
     settings: 'settings',
-    swapDetails: 'swap-details',
-    swapExecution: 'swap-execution',
-    swapHistory: 'swap-history',
-    swapRoutes: 'swap-routes',
     toChain: 'to-chain',
     toToken: 'to-token',
     toTokenNative: 'to-token-native',
+    transactionDetails: 'transaction-details',
+    transactionExecution: 'transaction-execution',
+    transactionHistory: 'transaction-history',
 };
 export const navigationRoutesValues = Object.values(navigationRoutes);
 export const stickyHeaderRoutes = [
-    navigationRoutes.activeSwaps,
+    navigationRoutes.activeTransactions,
     navigationRoutes.bridges,
     navigationRoutes.exchanges,
     navigationRoutes.fromChain,
     navigationRoutes.home,
+    navigationRoutes.routes,
     navigationRoutes.selectWallet,
     navigationRoutes.settings,
-    navigationRoutes.swapDetails,
-    navigationRoutes.swapExecution,
-    navigationRoutes.swapHistory,
-    navigationRoutes.swapRoutes,
     navigationRoutes.toChain,
     navigationRoutes.toTokenNative,
+    navigationRoutes.transactionDetails,
+    navigationRoutes.transactionExecution,
+    navigationRoutes.transactionHistory,
 ];
 export const backButtonRoutes = [
-    navigationRoutes.activeSwaps,
+    navigationRoutes.activeTransactions,
     navigationRoutes.bridges,
     navigationRoutes.exchanges,
     navigationRoutes.fromChain,
     navigationRoutes.fromToken,
+    navigationRoutes.routes,
     navigationRoutes.selectWallet,
     navigationRoutes.settings,
-    navigationRoutes.swapDetails,
-    navigationRoutes.swapExecution,
-    navigationRoutes.swapHistory,
-    navigationRoutes.swapRoutes,
     navigationRoutes.toChain,
     navigationRoutes.toToken,
     navigationRoutes.toTokenNative,
+    navigationRoutes.transactionDetails,
+    navigationRoutes.transactionExecution,
+    navigationRoutes.transactionHistory,
 ];

package/cjs/components/ActiveSwaps/index.d.ts

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

package/cjs/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/cjs/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/cjs/components/SwapButton/SwapButton.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lab_1 = require("@mui/lab");
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const providers_1 = require("../../providers");
-const utils_1 = require("../../utils");
-const SwapButton = ({ onClick, hasRoute, text, disabled, loading, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { variant, walletManagement } = (0, providers_1.useWidgetConfig)();
-    const { account, connect } = (0, providers_1.useWallet)();
-    const handleSwapButtonClick = async () => {
-        if (!account.isActive) {
-            if (walletManagement) {
-                await connect();
-            }
-            else {
-                navigate(utils_1.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 ((0, jsx_runtime_1.jsx)(lab_1.LoadingButton, { variant: "contained", color: "primary", onClick: handleSwapButtonClick, disabled: disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
-};
-exports.SwapButton = SwapButton;

package/cjs/components/SwapButton/index.d.ts

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

package/cjs/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/cjs/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/cjs/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/cjs/components/SwapInput/index.d.ts

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

package/cjs/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/cjs/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/cjs/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/cjs/components/SwapRouteCard/SwapRouteNotFoundCard.d.ts

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

package/cjs/components/SwapRouteCard/index.d.ts

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

package/cjs/components/SwapRouteCard/index.js

@@ -1,19 +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("./SwapRouteCard"), exports);
-__exportStar(require("./SwapRouteCardSkeleton"), exports);
-__exportStar(require("./SwapRouteNotFoundCard"), exports);

package/cjs/components/SwapRoutes/SwapRoutes.js

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

package/cjs/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/cjs/components/SwapRoutes/SwapRoutesExpanded.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapRoutesExpandedElement = exports.SwapRoutesExpanded = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
-const SwapRouteCard_1 = require("../SwapRouteCard");
-const SwapRoutesExpanded_style_1 = require("./SwapRoutesExpanded.style");
-const timeout = { enter: 225, exit: 225, appear: 0 };
-const SwapRoutesExpanded = () => {
-    const element = (0, react_router_dom_1.useMatch)('/');
-    return ((0, jsx_runtime_1.jsx)(SwapRoutesExpanded_style_1.CollapseContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout, in: !!element, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout, in: !!element, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(exports.SwapRoutesExpandedElement, {}) }) }) }) }));
-};
-exports.SwapRoutesExpanded = SwapRoutesExpanded;
-const SwapRoutesExpandedElement = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
-    const { variant, containerStyle } = (0, providers_1.useWidgetConfig)();
-    const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
-    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useSwapRoutes)();
-    const currentRoute = routes?.[0];
-    const handleRouteClick = (route) => {
-        if (isValid && !isValidating) {
-            setExecutableRoute(route);
-            navigate(utils_1.navigationRoutes.swapExecution, {
-                state: { routeId: route.id },
-            });
-        }
-    };
-    const expanded = Boolean(currentRoute || isLoading || isFetching || isFetched);
-    const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
-    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(SwapRoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(SwapRoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(SwapRoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: variant === 'nft' ? t('swap.fromAmount') : t('header.routes') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingX: 3, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) })] }) }) }) }));
-};
-exports.SwapRoutesExpandedElement = SwapRoutesExpandedElement;

package/cjs/components/SwapRoutes/index.d.ts

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

package/cjs/pages/ActiveSwapsPage/ActiveSwapsEmpty.d.ts

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

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

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

package/cjs/pages/ActiveSwapsPage/index.d.ts

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

package/cjs/pages/MainPage/MainSwapButton.d.ts

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

package/cjs/pages/MainPage/MainSwapButton.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MainSwapButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_hook_form_1 = require("react-hook-form");
-const react_router_dom_1 = require("react-router-dom");
-const SwapButton_1 = require("../../components/SwapButton");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const MainSwapButton = () => {
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
-    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
-    const { routes: swapRoutes, isLoading, isFetching } = (0, hooks_1.useSwapRoutes)();
-    const currentRoute = swapRoutes?.[0];
-    const handleClick = async () => {
-        if (currentRoute) {
-            setExecutableRoute(currentRoute);
-            navigate(utils_1.navigationRoutes.swapExecution, {
-                state: { routeId: currentRoute.id },
-            });
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: handleClick, hasRoute: Boolean(currentRoute), disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
-};
-exports.MainSwapButton = MainSwapButton;

package/cjs/pages/SwapDetailsPage/SwapDetailsPage.d.ts

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

package/cjs/pages/SwapDetailsPage/index.d.ts

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

package/cjs/pages/SwapHistoryPage/SwapHistoryEmpty.d.ts

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

package/cjs/pages/SwapHistoryPage/SwapHistoryPage.d.ts

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

package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapHistoryPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DeleteOutline_1 = require("@mui/icons-material/DeleteOutline");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const Dialog_1 = require("../../components/Dialog");
-const Header_1 = require("../../components/Header");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const routes_1 = require("../../stores/routes");
-const SwapHistoryEmpty_1 = require("./SwapHistoryEmpty");
-const SwapHistoryItem_1 = require("./SwapHistoryItem");
-const SwapHistoryPage = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { account } = (0, providers_1.useWallet)();
-    const swaps = (0, routes_1.useSwapHistory)(account.address);
-    const deleteRoutes = (0, stores_1.useRouteExecutionStore)((store) => store.deleteRoutes);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const toggleDialog = (0, react_1.useCallback)(() => {
-        setOpen((open) => !open);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (swaps.length) {
-            return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
-        }
-    }, [swaps.length, toggleDialog]);
-    if (!swaps.length) {
-        return (0, jsx_runtime_1.jsx)(SwapHistoryEmpty_1.SwapHistoryEmpty, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 2, mt: 1, children: swaps.length ? (swaps.map(({ route }) => ((0, jsx_runtime_1.jsx)(SwapHistoryItem_1.SwapHistoryItem, { route: route }, route.id)))) : ((0, jsx_runtime_1.jsx)(SwapHistoryEmpty_1.SwapHistoryEmpty, {})) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('swap.warning.title.deleteSwapHistory') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => deleteRoutes('completed'), autoFocus: true, children: t('button.delete') })] })] })] }));
-};
-exports.SwapHistoryPage = SwapHistoryPage;

package/cjs/pages/SwapHistoryPage/index.d.ts

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

package/cjs/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/cjs/pages/SwapPage/StartSwapButton.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StartIdleSwapButton = exports.StartSwapButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SwapButton_1 = require("../../components/SwapButton");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const StartSwapButton = ({ onClick, route, text, loading, }) => {
-    const { insufficientGas, isInitialLoading: isGasSufficiencyLoading } = (0, hooks_1.useGasSufficiency)(route);
-    const { insufficientFunds, isInitialLoading: isFundsSufficiencyLoading } = (0, hooks_1.useFundsSufficiency)(route);
-    return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: onClick, text: text, hasRoute: Boolean(route), disabled: insufficientFunds || !!insufficientGas?.length, loading: isFundsSufficiencyLoading || isGasSufficiencyLoading || loading }));
-};
-exports.StartSwapButton = StartSwapButton;
-const StartIdleSwapButton = ({ onClick, route, text, loading, disabled, insurableRouteId, }) => {
-    const routeExecution = (0, stores_1.useRouteExecutionStore)((state) => state.routes[insurableRouteId]);
-    const { isFetching } = (0, hooks_1.useSwapRoutes)({
-        insurableRoute: routeExecution?.route,
-    });
-    return ((0, jsx_runtime_1.jsx)(exports.StartSwapButton, { onClick: onClick, text: text, route: route, disabled: disabled, loading: loading || isFetching, insurableRouteId: insurableRouteId }));
-};
-exports.StartIdleSwapButton = StartIdleSwapButton;

package/cjs/pages/SwapPage/SwapPage.d.ts

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

package/cjs/pages/SwapPage/SwapPage.js

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Delete_1 = require("@mui/icons-material/Delete");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const ContractComponent_1 = require("../../components/ContractComponent");
-const GasMessage_1 = require("../../components/GasMessage");
-const Insurance_1 = require("../../components/Insurance");
-const Step_1 = require("../../components/Step");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const events_1 = require("../../types/events");
-const utils_1 = require("../../utils");
-const ExchangeRateBottomSheet_1 = require("./ExchangeRateBottomSheet");
-const StartSwapButton_1 = require("./StartSwapButton");
-const StatusBottomSheet_1 = require("./StatusBottomSheet");
-const SwapPage_style_1 = require("./SwapPage.style");
-const TokenValueBottomSheet_1 = require("./TokenValueBottomSheet");
-const utils_2 = require("./utils");
-const SwapPage = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { setValue } = (0, react_hook_form_1.useFormContext)();
-    const emitter = (0, hooks_1.useWidgetEvents)();
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const { variant, insurance } = (0, providers_1.useWidgetConfig)();
-    const { state } = (0, react_router_dom_1.useLocation)();
-    const stateRouteId = state?.routeId;
-    const [routeId, setRouteId] = (0, react_1.useState)(stateRouteId);
-    const tokenValueBottomSheetRef = (0, react_1.useRef)(null);
-    const exchangeRateBottomSheetRef = (0, react_1.useRef)(null);
-    const onAcceptExchangeRateUpdate = (resolver, data) => {
-        exchangeRateBottomSheetRef.current?.open(resolver, data);
-    };
-    const { route, status, executeRoute, restartRoute, deleteRoute } = (0, hooks_1.useRouteExecution)({
-        routeId: routeId,
-        onAcceptExchangeRateUpdate,
-    });
-    const tokenValueLossThresholdExceeded = (0, TokenValueBottomSheet_1.getTokenValueLossThreshold)(route);
-    const handleExecuteRoute = () => {
-        if (tokenValueBottomSheetRef.current?.isOpen()) {
-            if (route) {
-                emitter.emit(events_1.WidgetEvent.RouteHighValueLoss, {
-                    fromAmountUsd: route.fromAmountUSD,
-                    gasCostUSD: route.gasCostUSD,
-                    toAmountUSD: route.toAmountUSD,
-                    valueLoss: (0, utils_2.calcValueLoss)(route),
-                });
-            }
-            tokenValueBottomSheetRef.current?.close();
-        }
-        executeRoute();
-        setValue(providers_1.SwapFormKey.FromAmount, '');
-    };
-    const handleSwapClick = async () => {
-        if (status === stores_1.RouteExecutionStatus.Idle) {
-            if (tokenValueLossThresholdExceeded && variant !== 'nft') {
-                tokenValueBottomSheetRef.current?.open();
-            }
-            else {
-                handleExecuteRoute();
-            }
-        }
-        if (status === stores_1.RouteExecutionStatus.Failed) {
-            restartRoute();
-        }
-    };
-    const handleRemoveRoute = () => {
-        navigateBack();
-        deleteRoute();
-    };
-    const getSwapButtonText = () => {
-        switch (status) {
-            case stores_1.RouteExecutionStatus.Idle:
-                switch (variant) {
-                    case 'nft':
-                        return t('button.buyNow');
-                    case 'refuel':
-                        return t('button.startGasSwap');
-                    default:
-                        return t('button.startSwap');
-                }
-            case stores_1.RouteExecutionStatus.Failed:
-                return t('button.tryAgain');
-            default:
-                return '';
-        }
-    };
-    const SwapButton = insurance && status === stores_1.RouteExecutionStatus.Idle
-        ? StartSwapButton_1.StartIdleSwapButton
-        : StartSwapButton_1.StartSwapButton;
-    const insuranceAvailable = insurance &&
-        variant !== 'refuel' &&
-        (route?.insurance?.state === 'INSURED' ||
-            (status === stores_1.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 ((0, jsx_runtime_1.jsxs)(SwapPage_style_1.Container, { children: [(0, Step_1.getStepList)(route), variant === 'nft' ? (0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 2 }) : null, route && insuranceAvailable ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: status, insurableRouteId: stateRouteId, feeAmountUsd: route.insurance.feeAmountUsd, insuredAmount: (0, utils_1.formatTokenAmount)(route.toAmountMin, route.toToken.decimals), insuredTokenSymbol: route.toToken.symbol, insuranceCoverageId: insuranceCoverageId, onChange: setRouteId })) : null, status === stores_1.RouteExecutionStatus.Idle ||
-                status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GasMessage_1.GasMessage, { mt: 2, route: route }), (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, display: "flex", children: [(0, jsx_runtime_1.jsx)(SwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, route: route, insurableRouteId: stateRouteId }), status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleRemoveRoute, sx: {
-                                        minWidth: 48,
-                                        marginLeft: 1,
-                                    }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) })) : null] })] })) : null, route && status ? ((0, jsx_runtime_1.jsx)(StatusBottomSheet_1.StatusBottomSheet, { status: status, route: route })) : null, route && tokenValueLossThresholdExceeded && variant !== 'nft' ? ((0, jsx_runtime_1.jsx)(TokenValueBottomSheet_1.TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, route ? ((0, jsx_runtime_1.jsx)(ExchangeRateBottomSheet_1.ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })) : null] }));
-};
-exports.SwapPage = SwapPage;

package/cjs/pages/SwapPage/index.d.ts

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

package/cjs/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/cjs/pages/SwapRoutesPage/index.d.ts

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