@lifi/widget 2.0.0-beta.8 → 2.0.0

package/types/events.d.ts

@@ -3,14 +3,22 @@ export declare enum WidgetEvent {
     RouteExecutionStarted = "routeExecutionStarted",
     RouteExecutionUpdated = "routeExecutionUpdated",
     RouteExecutionCompleted = "routeExecutionCompleted",
-    RouteExecutionFailed = "routeExecutionFailed"
+    RouteExecutionFailed = "routeExecutionFailed",
+    RouteHighValueLoss = "routeHighValueLoss"
 }
 export type WidgetEvents = {
     routeExecutionStarted: Route;
     routeExecutionUpdated: RouteExecutionUpdate;
     routeExecutionCompleted: Route;
     routeExecutionFailed: RouteExecutionUpdate;
+    routeHighValueLoss: RouteHighValueLossUpdate;
 };
+export interface RouteHighValueLossUpdate {
+    fromAmountUsd: string;
+    gasCostUSD?: string;
+    toAmountUSD: string;
+    valueLoss: string;
+}
 export interface RouteExecutionUpdate {
     route: Route;
     process: Process;

package/types/events.js

@@ -4,4 +4,5 @@ export var WidgetEvent;
     WidgetEvent["RouteExecutionUpdated"] = "routeExecutionUpdated";
     WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
     WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
+    WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
 })(WidgetEvent || (WidgetEvent = {}));

package/types/widget.d.ts

@@ -1,11 +1,11 @@
 import type { Signer } from '@ethersproject/abstract-signer';
-import type { BaseToken, ChainKey, ConfigUpdate, Order, RouteOptions, StaticToken } from '@lifi/sdk';
+import type { BaseToken, ChainKey, ConfigUpdate, Order, RouteOptions, StaticToken, Token } from '@lifi/sdk';
 import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui/material';
 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[];
@@ -103,6 +104,7 @@ export interface WidgetConfig {
     };
     tokens?: {
         featured?: StaticToken[];
+        include?: Token[];
         allow?: BaseToken[];
         deny?: BaseToken[];
     };

package/utils/format.d.ts

@@ -5,5 +5,5 @@
  */
 export declare const formatTokenAmount: (amount?: string, decimals?: number, decimalPlaces?: number) => string;
 export declare const formatSlippage: (slippage?: string, defaultValue?: string, returnInitial?: boolean) => string;
-export declare const formatAmount: (amount?: string, returnInitial?: boolean) => string;
+export declare const formatInputAmount: (amount: string, decimals?: number | null, returnInitial?: boolean) => string;
 export declare const formatTokenPrice: (amount?: string, price?: string) => number;

package/utils/format.js

@@ -21,7 +21,7 @@ export const formatTokenAmount = (amount = '0', decimals = 0, decimalPlaces = 3)
     while (absAmount < 1 / 10 ** decimalPlaces) {
         decimalPlaces++;
     }
-    return Big(parseFloat(Big(parsedAmount).toFixed(decimalPlaces + 1, 0))).toString();
+    return parsedAmount.toFixed(decimalPlaces + 1);
 };
 export const formatSlippage = (slippage = '', defaultValue = '', returnInitial = false) => {
     if (!slippage) {
@@ -45,7 +45,7 @@ export const formatSlippage = (slippage = '', defaultValue = '', returnInitial =
     }
     return parsedSlippage.toString();
 };
-export const formatAmount = (amount = '', returnInitial = false) => {
+export const formatInputAmount = (amount, decimals = null, returnInitial = false) => {
     if (!amount) {
         return amount;
     }
@@ -57,21 +57,19 @@ export const formatAmount = (amount = '', returnInitial = false) => {
     if (isNaN(Number(formattedAmount)) && !isNaN(parsedAmount)) {
         return parsedAmount.toString();
     }
-    if (isNaN(parsedAmount)) {
+    if (isNaN(Math.abs(Number(formattedAmount)))) {
         return '';
     }
-    if (parsedAmount < 0) {
-        return Math.abs(parsedAmount).toString();
-    }
-    try {
-        if (returnInitial && Big(formattedAmount)) {
-            return formattedAmount;
-        }
+    if (returnInitial) {
+        return formattedAmount;
     }
-    catch {
-        return '';
+    let [integer, fraction = ''] = formattedAmount.split('.');
+    if (decimals !== null && fraction.length > decimals) {
+        fraction = fraction.slice(0, decimals);
     }
-    return Big(parsedAmount).toString();
+    integer = integer.replace(/^0+|-/, '');
+    fraction = fraction.replace(/(0+)$/, '');
+    return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`;
 };
 export const formatTokenPrice = (amount, price) => {
     if (!amount || !price) {

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/FitInputText.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const FitInputText: import("react").ForwardRefExoticComponent<SwapFormTypeProps & import("react").RefAttributes<HTMLInputElement>>;

package/cjs/components/SwapInput/FitInputText.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FitInputText = void 0;
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const providers_1 = require("../../providers");
-const utils_1 = require("../../utils");
-const SwapInput_style_1 = require("./SwapInput.style");
-exports.FitInputText = (0, react_1.forwardRef)(({ formType }, ref) => {
-    const amountKey = providers_1.SwapFormKeyHelper.getAmountKey(formType);
-    const [amount] = (0, react_hook_form_1.useWatch)({
-        name: [amountKey],
-    });
-    (0, react_1.useLayoutEffect)(() => {
-        (0, utils_1.fitInputText)(SwapInput_style_1.maxInputFontSize, SwapInput_style_1.minInputFontSize, ref
-            .current);
-    }, [amount, ref]);
-    return null;
-});

package/cjs/components/SwapInput/FormPriceHelperText.d.ts

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

package/cjs/components/SwapInput/SwapInput.d.ts

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

package/cjs/components/SwapInput/SwapInput.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const providers_1 = require("../../providers");
-const types_1 = require("../../types");
-const utils_1 = require("../../utils");
-const Card_1 = require("../Card");
-const FitInputText_1 = require("./FitInputText");
-const FormPriceHelperText_1 = require("./FormPriceHelperText");
-const SwapInput_style_1 = require("./SwapInput.style");
-const SwapInputEndAdornment_1 = require("./SwapInputEndAdornment");
-const SwapInputStartAdornment_1 = require("./SwapInputStartAdornment");
-const SwapInput = ({ formType, ...props }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const amountKey = providers_1.SwapFormKeyHelper.getAmountKey(formType);
-    const { field: { onChange, onBlur, value }, } = (0, react_hook_form_1.useController)({
-        name: amountKey,
-    });
-    const { disabledUI } = (0, providers_1.useWidgetConfig)();
-    const ref = (0, react_1.useRef)(null);
-    const handleChange = (event) => {
-        const { value } = event.target;
-        const formattedAmount = (0, utils_1.formatAmount)(value, true);
-        onChange(formattedAmount);
-    };
-    const handleBlur = (event) => {
-        const { value } = event.target;
-        const formattedAmount = (0, utils_1.formatAmount)(value);
-        onChange(formattedAmount);
-        onBlur();
-    };
-    const disabled = disabledUI?.includes(types_1.DisabledUI.FromAmount);
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.fromAmount') }), (0, jsx_runtime_1.jsxs)(SwapInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(SwapInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: (0, jsx_runtime_1.jsx)(SwapInputStartAdornment_1.SwapInputStartAdornment, { formType: formType }), endAdornment: !disabled ? ((0, jsx_runtime_1.jsx)(SwapInputEndAdornment_1.SwapInputEndAdornment, { formType: formType })) : undefined, inputProps: {
-                            inputMode: 'decimal',
-                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), (0, jsx_runtime_1.jsx)(FormPriceHelperText_1.FormPriceHelperText, { formType: formType })] }), (0, jsx_runtime_1.jsx)(FitInputText_1.FitInputText, { ref: ref, formType: formType })] }));
-};
-exports.SwapInput = SwapInput;

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>;