@lifi/widget 2.0.0-beta.8 → 2.0.0

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,99 +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 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 SwapPage = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { setValue } = (0, react_hook_form_1.useFormContext)();
-    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 handleExecuteRoute = (0, react_1.useCallback)(() => {
-        if (tokenValueBottomSheetRef.current?.isOpen()) {
-            tokenValueBottomSheetRef.current?.close();
-        }
-        executeRoute();
-        setValue(providers_1.SwapFormKey.FromAmount, '');
-    }, [executeRoute, setValue]);
-    const handleSwapClick = async () => {
-        if (status === stores_1.RouteExecutionStatus.Idle) {
-            const thresholdExceeded = (0, TokenValueBottomSheet_1.getTokenValueLossThreshold)(route);
-            if (thresholdExceeded && 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, insuranceAvailable ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: status, insurableRouteId: stateRouteId, feeAmountUsd: route?.insurance.feeAmountUsd, 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 && 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/TokenValueBottomSheet.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTokenValueLossThreshold = exports.TokenValueBottomSheet = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
-const material_1 = require("@mui/material");
-const big_js_1 = require("big.js");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const BottomSheet_1 = require("../../components/BottomSheet");
-const hooks_1 = require("../../hooks");
-const StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
-exports.TokenValueBottomSheet = (0, react_1.forwardRef)(({ route, onContinue, onCancel }, ref) => {
-    const handleCancel = () => {
-        ref.current?.close();
-        onCancel?.();
-    };
-    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, onClose: onCancel, children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) }));
-});
-const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const ref = (0, react_1.useRef)();
-    (0, hooks_1.useSetContentHeight)(ref);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { p: 3, ref: ref, children: [(0, jsx_runtime_1.jsxs)(StatusBottomSheet_style_1.CenterContainer, { children: [(0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.IconCircle, { status: "warning", mb: 1, children: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, { color: "warning" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.highValueLoss') })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: t('swap.warning.message.highValueLoss') }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.swapping') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.fromAmountUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.gasCost') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.gasCostUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.receiving') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.toAmountUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.valueLoss') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 600, children: [(0, big_js_1.default)(route.toAmountUSD || 0)
-                                .div((0, big_js_1.default)(route.fromAmountUSD || 0).plus((0, big_js_1.default)(route.gasCostUSD || 0)))
-                                .minus(1)
-                                .mul(100)
-                                .round(2, big_js_1.default.roundUp)
-                                .toString(), "%"] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", mt: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", p: 1 }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
-};
-const getTokenValueLossThreshold = (route) => {
-    if (!route) {
-        return false;
-    }
-    const fromAmountUSD = (0, big_js_1.default)(route?.fromAmountUSD || 0);
-    const toAmountUSD = (0, big_js_1.default)(route?.toAmountUSD || 0);
-    const gasCostUSD = (0, big_js_1.default)(route?.gasCostUSD || 0);
-    if (fromAmountUSD.eq(0) && toAmountUSD.eq(0)) {
-        return false;
-    }
-    return toAmountUSD.div(fromAmountUSD.plus(gasCostUSD)).lt(0.9);
-};
-exports.getTokenValueLossThreshold = getTokenValueLossThreshold;

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

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/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/components/SwapInput/FitInputText.js

@@ -1,16 +0,0 @@
-import { forwardRef, useLayoutEffect } from 'react';
-import { useWatch } from 'react-hook-form';
-import { SwapFormKeyHelper } from '../../providers';
-import { fitInputText } from '../../utils';
-import { maxInputFontSize, minInputFontSize } from './SwapInput.style';
-export const FitInputText = forwardRef(({ formType }, ref) => {
-    const amountKey = SwapFormKeyHelper.getAmountKey(formType);
-    const [amount] = useWatch({
-        name: [amountKey],
-    });
-    useLayoutEffect(() => {
-        fitInputText(maxInputFontSize, minInputFontSize, ref
-            .current);
-    }, [amount, ref]);
-    return null;
-});

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { useController } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { SwapFormKeyHelper, useWidgetConfig } from '../../providers';
-import { DisabledUI } from '../../types';
-import { formatAmount } from '../../utils';
-import { Card, CardTitle } from '../Card';
-import { FitInputText } from './FitInputText';
-import { FormPriceHelperText } from './FormPriceHelperText';
-import { FormControl, Input } from './SwapInput.style';
-import { SwapInputEndAdornment } from './SwapInputEndAdornment';
-import { SwapInputStartAdornment } from './SwapInputStartAdornment';
-export const SwapInput = ({ formType, ...props }) => {
-    const { t } = useTranslation();
-    const amountKey = SwapFormKeyHelper.getAmountKey(formType);
-    const { field: { onChange, onBlur, value }, } = useController({
-        name: amountKey,
-    });
-    const { disabledUI } = useWidgetConfig();
-    const ref = useRef(null);
-    const handleChange = (event) => {
-        const { value } = event.target;
-        const formattedAmount = formatAmount(value, true);
-        onChange(formattedAmount);
-    };
-    const handleBlur = (event) => {
-        const { value } = event.target;
-        const formattedAmount = formatAmount(value);
-        onChange(formattedAmount);
-        onBlur();
-    };
-    const disabled = disabledUI?.includes(DisabledUI.FromAmount);
-    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: t('swap.fromAmount') }), _jsxs(FormControl, { fullWidth: true, children: [_jsx(Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: _jsx(SwapInputStartAdornment, { formType: formType }), endAdornment: !disabled ? (_jsx(SwapInputEndAdornment, { formType: formType })) : undefined, inputProps: {
-                            inputMode: 'decimal',
-                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), _jsx(FormPriceHelperText, { formType: formType })] }), _jsx(FitInputText, { ref: ref, formType: formType })] }));
-};

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;