@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/components/Pages/SwapPages/Withdraw/ManualTransfer.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { ArrowLeftRight } from "lucide-react";
-import { useSwapDataState } from "../../../../context/swap";
-import KnownInternalNames from "../../../../lib/knownIds";
-import BackgroundField from "../../../Common/backgroundField";
-import SubmitButton from "../../../Buttons/submitButton";
-import shortenAddress from "../../../utils/ShortenAddress";
-import { isValidAddress } from "../../../../lib/address/validator";
-import { useSwapDepositHintClicked } from "../../../../stores/swapTransactionStore";
-import CopyButton from "../../../Buttons/copyButton";
-import useWindowDimensions from "../../../../hooks/useWindowDimensions";
-const ManualTransfer = () => {
-    const { swapResponse, depositActionsResponse } = useSwapDataState();
-    const { swap } = swapResponse || {};
-    const hintsStore = useSwapDepositHintClicked();
-    const hintClicked = hintsStore.swapTransactions[swap?.id || ""];
-    const trasnsferACtionData = depositActionsResponse?.find(a => true);
-    let generatedDepositAddress = trasnsferACtionData?.to_address;
-    const handleCloseNote = useCallback(async () => {
-        if (swap)
-            hintsStore.setSwapDepositHintClicked(swap?.id);
-    }, [swap, hintsStore]);
-    return (_jsxs("div", { className: 'rounded-md bg-secondary-700 border border-secondary-500 w-full h-full items-center relative', children: [_jsxs("div", { className: !hintClicked ? "absolute w-full h-full flex flex-col items-center px-3 pb-3 text-center" : "hidden", children: [_jsx("div", { className: "flex flex-col items-center justify-center h-full pb-2", children: _jsxs("div", { className: "max-w-xs", children: [_jsx("p", { className: "text-base text-primary-text", children: "About manual transfers" }), _jsxs("p", { className: "text-xs text-secondary-text", children: [_jsx("span", { children: "Transfer assets to Layerswap\u2019s deposit address to complete the swap." }), " ", _jsx("a", { target: "_blank", className: "text-primary underline hover:no-underline decoration-primary cursor-pointer", href: 'https://intercom.help/layerswap/en/articles/8448449-transferring-manually', children: "Learn more" })] })] }) }), _jsx(SubmitButton, { type: "button", size: "medium", onClick: handleCloseNote, children: "OK" })] }), _jsx("div", { className: hintClicked ? "" : "invisible", children: _jsx(TransferInvoice, { deposit_address: generatedDepositAddress }) })] }));
-};
-const TransferInvoice = ({ deposit_address }) => {
-    const { swapResponse: swapResponse } = useSwapDataState();
-    const { swap, quote: swapQuote } = swapResponse || {};
-    const { isMobile } = useWindowDimensions();
-    const minAllowedAmount = swapQuote?.min_receive_amount;
-    const { source_exchange, source_network, source_token, } = swap || {};
-    const source_network_internal_name = swap?.source_network.name;
-    //TODO pick manual transfer minAllowedAmount when its available
-    const requested_amount = Number(minAllowedAmount) > Number(swap?.requested_amount) ? minAllowedAmount : swap?.requested_amount;
-    // const handleChangeSelectedNetwork = useCallback((n: NetworkCurrency) => {
-    //     setSelectedAssetNetwork(n)
-    // }, [])
-    return _jsxs("div", { className: 'divide-y divide-secondary-500 text-primary-text h-full', children: [source_exchange && _jsx("div", { className: `w-full relative rounded-md px-3 py-3 shadow-sm border-secondary-700 border bg-secondary-700 flex flex-col items-center justify-center gap-2`, children: _jsx(ExchangeNetworkPicker, {}) }), _jsx("div", { className: "flex divide-x divide-secondary-500", children: _jsx(BackgroundField, { Copiable: true, QRable: true, header: "Deposit address", toCopy: deposit_address, withoutBorder: true, children: _jsxs("div", { children: [deposit_address ?
-                                _jsx("p", { className: 'break-all', children: deposit_address })
-                                :
-                                    _jsx("div", { className: 'bg-gray-500 w-56 h-5 animate-pulse rounded-md' }), (source_network_internal_name === KnownInternalNames.Networks.LoopringMainnet || source_network_internal_name === KnownInternalNames.Networks.LoopringGoerli) &&
-                                _jsx("div", { className: 'flex text-xs items-center py-1 mt-1 border-2 border-secondary-300 rounded border-dashed text-secondary-text', children: _jsx("p", { children: "This address might not be activated. You can ignore it." }) })] }) }) }), (source_network_internal_name === KnownInternalNames.Networks.LoopringMainnet || source_network_internal_name === KnownInternalNames.Networks.LoopringGoerli) &&
-                _jsxs("div", { className: 'grid grid-cols-3 divide-x divide-secondary-500', children: [_jsx("div", { className: "col-span-2", children: _jsx(BackgroundField, { header: 'Send type', withoutBorder: true, children: _jsxs("div", { className: 'flex items-center text-xs sm:text-sm', children: [_jsx(ArrowLeftRight, { className: 'hidden sm:inline-block sm:h-4 sm:w-4' }), _jsx("p", { children: "To Another Loopring L2 Account" })] }) }) }), _jsx(BackgroundField, { header: 'Address Type', withoutBorder: true, children: _jsx("p", { className: "text-xs sm:text-sm", children: "EOA Wallet" }) })] }), _jsxs("div", { className: 'flex divide-x divide-secondary-500', children: [_jsx(BackgroundField, { Copiable: true, toCopy: requested_amount, header: 'Amount', withoutBorder: true, children: _jsx("p", { children: requested_amount }) }), _jsx(BackgroundField, { header: 'Asset', withoutBorder: true, Explorable: source_token?.contract != null && isValidAddress(source_token?.contract, source_network), toExplore: source_token?.contract != null ? source_network?.account_explorer_template?.replace("{0}", source_token?.contract) : undefined, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-shrink-0 h-7 w-7 relative", children: source_token &&
-                                        _jsx("img", { src: source_token.logo, alt: "From Logo", height: "60", width: "60", className: "rounded-md object-contain" }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-semibold leading-4", children: source_token?.symbol }), source_token?.contract && isValidAddress(source_token.contract, source_network) &&
-                                            _jsx("span", { className: "text-xs text-secondary-text flex items-center leading-3", children: _jsx(CopyButton, { iconSize: isMobile ? 20 : 16, toCopy: source_token?.contract, iconClassName: "hidden", className: 'hover:underline no-underline text-secondary-text', children: shortenAddress(source_token?.contract) }) })] })] }) })] })] });
-};
-const ExchangeNetworkPicker = ({ onChange }) => {
-    const { swapResponse: swap } = useSwapDataState();
-    //const exchangeAssets = source_exchange?.assets?.filter(a => a.asset === source_network_asset && a.network_internal_name !== destination_network && a.network?.status !== "inactive")
-    //const defaultSourceNetwork = exchangeAssets?.find(sn => sn.is_default) || exchangeAssets?.[0]
-    // const handleChangeSelectedNetwork = useCallback((n: string) => {
-    //     const network = exchangeAssets?.find(network => network?.network_internal_name === n)
-    //     if (network)
-    //         onChange(network)
-    // }, [exchangeAssets])
-    return _jsxs("div", { className: 'flex items-center gap-1 text-sm my-2', children: [_jsx("span", { children: "Network:" }), _jsxs("div", { className: 'flex space-x-1 items-center w-fit font-semibold text-primary-text', children: [_jsx("img", { alt: "chainLogo", height: '20', width: '20', className: 'h-5 w-5 rounded-md ring-2 ring-secondary-600', src: swap?.swap.source_network.logo || '' }), _jsx("span", { children: swap?.swap.source_network.display_name })] })] });
-};
-export default ManualTransfer;

package/dist/components/Pages/SwapPages/Withdraw/Messages/Message.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { ChevronDown, ChevronUp } from "lucide-react";
-import Modal from "../../../../Modal/modal";
-import FailIcon from "../../../../Icons/FailIcon";
-const WalletMessage = ({ header, details, status, showInModal }) => {
-    const [showErrorModal, setShowErrorModal] = useState(false);
-    return _jsxs("div", { className: "flex text-center space-x-2", children: [_jsx("div", { className: 'relative -mt-0.5', children: status === "error" ?
-                    _jsx(FailIcon, { className: "relative top-0 left-0 w-6 h-6 md:w-7 md:h-7" })
-                    :
-                        _jsxs(_Fragment, { children: [_jsx("div", { className: 'absolute top-1 left-1 w-4 h-4 md:w-5 md:h-5 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'absolute top-2 left-2 w-2 h-2 md:w-3 md:h-3 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'relative top-0 left-0 w-6 h-6 md:w-7 md:h-7 scale-50 bg bg-primary rounded-full ' })] }) }), showInModal ?
-                _jsxs("div", { className: "text-left space-y-1 w-full max-w-2xl", children: [_jsxs("button", { type: "button", onClick: () => setShowErrorModal(true), className: "flex justify-between w-full", children: [_jsx("p", { className: "text-md font-semibold self-center text-primary-text", children: header }), showErrorModal ? _jsx(ChevronDown, { className: "text-primary-text" }) : _jsx(ChevronUp, { className: "text-primary-text" })] }), _jsx(Modal, { height: "fit", show: showErrorModal, setShow: setShowErrorModal, modalId: "walletMessage", children: _jsxs("div", { className: "text-left space-y-1", children: [_jsx("p", { className: "text-md font-semibold self-center text-primary-text", children: header }), _jsx("p", { className: "text-sm text-secondary-text break-normal whitespace-pre-wrap", children: details })] }) })] })
-                :
-                    _jsxs("div", { className: "text-left space-y-1", children: [_jsx("p", { className: "text-md font-semibold self-center text-primary-text", children: header }), _jsx("p", { className: `text-sm text-secondary-text ${details.length > 200 ? 'break-words' : ''}`, children: details })] })] });
-};
-export default WalletMessage;

package/dist/components/Pages/SwapPages/Withdraw/NotFound.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const NotFound: FC;
-export default NotFound;

package/dist/components/Pages/SwapPages/Withdraw/NotFound.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import MessageComponent from "../../../Common/MessageComponent";
-import SubmitButton, { DoubleLineText } from "../../../Buttons/submitButton";
-import GoHomeButton from "../../../utils/GoHome";
-import { useIntercom } from "react-use-intercom";
-import { Home, MessageSquare } from "lucide-react";
-const NotFound = () => {
-    const { boot, show } = useIntercom();
-    const startIntercom = useCallback(() => {
-        boot();
-        show();
-    }, [boot, show]);
-    return _jsxs(MessageComponent, { children: [_jsxs(MessageComponent.Content, { icon: 'red', children: [_jsx(MessageComponent.Header, { children: "Swap not found" }), _jsx(MessageComponent.Description, { children: _jsxs("span", { className: "text-sm mt-5", children: [_jsx("p", { children: "Your funds are safe, but there seems to be an issue with the swap." }), _jsx("p", { children: "Please contact our support team and we\u2019ll help you fix this." })] }) })] }), _jsx(MessageComponent.Buttons, { children: _jsx(MessageComponent.Buttons, { children: _jsxs("div", { className: "flex flex-row text-primary-text text-base space-x-2", children: [_jsx("div", { className: 'basis-1/3', children: _jsx(SubmitButton, { text_align: 'left', onClick: startIntercom, isDisabled: false, isSubmitting: false, buttonStyle: 'outline', icon: _jsx(MessageSquare, { className: "h-5 w-5", "aria-hidden": "true" }), children: _jsx(DoubleLineText, { colorStyle: 'mltln-text-dark', primaryText: 'Support', secondarytext: 'Contact' }) }) }), _jsx("div", { className: 'basis-2/3', children: _jsx(GoHomeButton, { children: _jsx(SubmitButton, { button_align: 'right', text_align: 'left', isDisabled: false, isSubmitting: false, buttonStyle: 'outline', icon: _jsx(Home, { className: "h-5 w-5", "aria-hidden": "true" }), children: _jsx(DoubleLineText, { colorStyle: 'mltln-text-dark', primaryText: 'Swap', secondarytext: 'Do another' }) }) }) })] }) }) })] });
-};
-export default NotFound;

package/dist/components/Pages/SwapPages/Withdraw/Processing/Processing.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { SwapResponse } from '../../../../../lib/layerSwapApiClient';
-type Props = {
-    swapResponse: SwapResponse;
-};
-declare const Processing: FC<Props>;
-export default Processing;

package/dist/components/Pages/SwapPages/Withdraw/Processing/Processing.js

@@ -1,275 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ExternalLink } from 'lucide-react';
-import { useCallback, useEffect, useRef } from 'react';
-import { Widget } from '../../../../Widget/Index';
-import shortenAddress from '../../../../utils/ShortenAddress';
-import SwapSummary from '../Summary';
-import LayerSwapApiClient, { BackendTransactionStatus, TransactionType, TransactionStatus } from '../../../../../lib/layerSwapApiClient';
-import { truncateDecimals } from '../../../../utils/RoundDecimals';
-import { SwapStatus } from '../../../../../Models/SwapStatus';
-import { SwapFailReasons } from '../../../../../Models/RangeError';
-import { Gauge } from './gauge';
-import Failed from '../Failed';
-import { ProgressStatus } from './types';
-import { useSwapTransactionStore } from '../../../../../stores/swapTransactionStore';
-import FormattedAverageCompletionTime from '../../../../Common/FormattedAverageCompletionTime';
-import CountdownTimer from '../../../../Common/CountDownTimer';
-import useSWR from 'swr';
-// import { datadogRum } from '@datadog/browser-rum';
-import { useIntercom } from 'react-use-intercom';
-import { useAuthState } from '../../../../../context/authContext';
-import logError from '../../../../../lib/logError';
-import Steps from './Steps';
-const Processing = ({ swapResponse }) => {
-    const { swap, refuel, quote } = swapResponse;
-    const { boot, show, update } = useIntercom();
-    const { email, userId } = useAuthState();
-    const { setSwapTransaction, swapTransactions } = useSwapTransactionStore();
-    const { source_network, destination_network } = swap;
-    const updateWithProps = () => update({ userId, customAttributes: { swapId: swap.id, email: email, } });
-    const startIntercom = useCallback(() => {
-        boot();
-        show();
-        updateWithProps();
-    }, [boot, show, updateWithProps]);
-    const input_tx_explorer = source_network?.transaction_explorer_template;
-    const output_tx_explorer = destination_network?.transaction_explorer_template;
-    const swapInputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Input);
-    const storedWalletTransaction = swapTransactions?.[swap?.id];
-    const transactionHash = swapInputTransaction?.transaction_hash || storedWalletTransaction?.hash;
-    const swapOutputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Output);
-    const swapRefuelTransaction = swap?.transactions?.find(t => t.type === TransactionType.Refuel);
-    const apiClient = new LayerSwapApiClient();
-    const { data: inputTxStatusData } = useSWR((transactionHash && swapInputTransaction?.status !== BackendTransactionStatus.Completed) ? [source_network?.name, transactionHash] : null, ([network, tx_id]) => apiClient.GetTransactionStatus(network, tx_id), { dedupingInterval: 6000 });
-    const inputTxStatus = swapInputTransaction ? swapInputTransaction.status : inputTxStatusData?.data?.status.toLowerCase();
-    const loggedNotDetectedTxAt = useRef(null);
-    useEffect(() => {
-        if (inputTxStatus === TransactionStatus.Completed || inputTxStatus === TransactionStatus.Pending) {
-            if (swap?.transactions?.find(t => t.type === TransactionType.Input) || !swap) {
-                return;
-            }
-            if (Date.now() - (loggedNotDetectedTxAt.current || storedWalletTransaction.timestamp) > 60000) {
-                loggedNotDetectedTxAt.current = Date.now();
-                logError(`Transaction not detected in ${swap.source_network.name}. Tx hash: \`${transactionHash}\`. Tx status: ${inputTxStatus}. Swap id: \`${swap.id}\`. ${source_network.display_name} explorer: ${source_network?.transaction_explorer_template?.replace("{0}", transactionHash)} . LS explorer: https://layerswap.io/explorer/${storedWalletTransaction?.hash} `);
-            }
-        }
-    }, [swap, storedWalletTransaction]);
-    useEffect(() => {
-        if (storedWalletTransaction?.status !== inputTxStatus)
-            setSwapTransaction(swap?.id, inputTxStatus, storedWalletTransaction?.hash);
-    }, [inputTxStatus]);
-    useEffect(() => {
-        if (inputTxStatus === TransactionStatus.Failed) {
-            const err = new Error("Transaction failed");
-            const renderingError = new Error(`Swap:${swap?.id} transaction:${transactionHash} failed`);
-            renderingError.name = `TransactionFailed`;
-            renderingError.cause = err;
-            // datadogRum.addError(renderingError);
-        }
-    }, [inputTxStatus, transactionHash, swap?.id]);
-    const truncatedRefuelAmount = refuel && truncateDecimals(refuel.amount, refuel.token?.precision);
-    const progressStatuses = getProgressStatuses(swapResponse, inputTxStatusData?.data?.status.toLowerCase());
-    const stepStatuses = progressStatuses.stepStatuses;
-    const outputPendingDetails = quote?.avg_completion_time && _jsxs("div", { className: 'flex items-center space-x-1', children: [_jsx("span", { children: "Estimated time:" }), _jsx("div", { className: 'text-primary-text', children: _jsx(FormattedAverageCompletionTime, { avgCompletionTime: quote?.avg_completion_time }) })] });
-    const countDownTimer = quote?.avg_completion_time && _jsx("div", { className: 'flex items-center space-x-1', children: _jsx("div", { className: 'text-primary-text', children: _jsx(CountdownTimer, { initialTime: String(quote?.avg_completion_time), swap: swap }) }) });
-    const progressStates = {
-        "input_transfer": {
-            upcoming: {
-                name: 'Waiting for your transfer',
-                description: null
-            },
-            current: {
-                name: 'Processing your deposit',
-                description: _jsxs("div", { className: 'flex space-x-1', children: [_jsx("div", { className: 'flex items-center space-x-1', children: _jsxs("div", { className: 'underline hover:no-underline flex items-center space-x-1', children: [_jsx("a", { target: "_blank", href: input_tx_explorer?.replace("{0}", transactionHash), children: shortenAddress(transactionHash) }), _jsx(ExternalLink, { className: 'h-4' })] }) }), _jsx("div", { children: _jsx("span", { children: swapInputTransaction && swapInputTransaction?.confirmations && (_jsxs("div", { children: [_jsx("span", { className: 'whitespace-nowrap', children: "| Confirmations" }), _jsxs("span", { className: "text-primary-text ml-1", children: [_jsx("span", { children: swapInputTransaction?.confirmations >= swapInputTransaction?.max_confirmations
-                                                        ? swapInputTransaction?.max_confirmations
-                                                        : swapInputTransaction?.confirmations }), _jsx("span", { children: "/" }), swapInputTransaction?.max_confirmations] })] })) }) })] })
-            },
-            complete: {
-                name: `Your deposit is confirmed`,
-                description: _jsxs("div", { className: 'flex items-center space-x-1', children: [_jsx("span", { children: "Transaction: " }), _jsxs("div", { className: 'underline hover:no-underline flex items-center space-x-1', children: [_jsx("a", { target: "_blank", href: input_tx_explorer?.replace("{0}", transactionHash), children: shortenAddress(transactionHash) }), _jsx(ExternalLink, { className: 'h-4' })] })] })
-            },
-            failed: {
-                name: `The transfer failed`,
-                description: _jsx("div", { className: 'flex space-x-1', children: _jsx("div", { className: 'space-x-1 text-primary-text', children: inputTxStatus === TransactionStatus.Failed ?
-                            _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { children: "Check the transfer in the explorer" }), _jsxs("div", { className: 'underline hover:no-underline flex items-center space-x-1', children: [_jsx("a", { target: "_blank", href: input_tx_explorer?.replace("{0}", transactionHash), children: shortenAddress(transactionHash) }), _jsx(ExternalLink, { className: 'h-4' })] })] })
-                            :
-                                swap?.fail_reason == SwapFailReasons.RECEIVED_MORE_THAN_VALID_RANGE ?
-                                    "Your deposit is higher than the max limit. We'll review and approve your transaction in up to 2 hours."
-                                    :
-                                        swap?.fail_reason == SwapFailReasons.RECEIVED_LESS_THAN_VALID_RANGE ?
-                                            "Your deposit is lower than the minimum required amount. Unfortunately, we can't process the transaction. Please contact support to check if you're eligible for a refund."
-                                            :
-                                                _jsxs("div", { children: [_jsx("span", { className: 'text-secondary-text', children: "Something went wrong while processing the transfer." }), " ", _jsx("a", { className: 'underline hover:cursor-pointer text-secondary-text', onClick: () => startIntercom(), children: " please contact our support." })] }) }) })
-            },
-            delayed: {
-                name: `This transfer is being delayed by Coinbase`,
-                description: null
-            }
-        },
-        "output_transfer": {
-            upcoming: {
-                name: `Sending ${swap.destination_token.symbol} to your address`,
-                description: null
-            },
-            current: {
-                name: `Sending ${swap.destination_token.symbol} to your address`,
-                description: null
-            },
-            complete: {
-                name: `${swapOutputTransaction?.amount} ${swap?.destination_token.symbol} was sent to your address`,
-                description: swapOutputTransaction ? _jsx("div", { className: "flex flex-col", children: _jsxs("div", { className: 'flex items-center space-x-1', children: [_jsx("span", { children: "Transaction: " }), _jsxs("div", { className: 'underline hover:no-underline flex items-center space-x-1', children: [_jsx("a", { target: "_blank", href: output_tx_explorer?.replace("{0}", swapOutputTransaction.transaction_hash), children: shortenAddress(swapOutputTransaction.transaction_hash) }), _jsx(ExternalLink, { className: 'h-4' })] })] }) }) : null,
-            },
-            failed: {
-                name: swap?.fail_reason == SwapFailReasons.RECEIVED_MORE_THAN_VALID_RANGE ? `The transfer is on hold` : "The transfer has failed",
-                description: _jsx("div", { className: 'flex space-x-1', children: _jsx("div", { className: 'space-x-1 text-secondary-text', children: swap?.fail_reason == SwapFailReasons.RECEIVED_MORE_THAN_VALID_RANGE ?
-                            "Your deposit is higher than the max limit. We'll review and approve your transaction in up to 2 hours."
-                            :
-                                swap?.fail_reason == SwapFailReasons.RECEIVED_LESS_THAN_VALID_RANGE ?
-                                    "Your deposit is lower than the minimum required amount. Unfortunately, we can't process the transaction. Please contact support to check if you're eligible for a refund."
-                                    :
-                                        _jsxs("div", { children: [_jsx("span", { className: 'text-secondary-text', children: "Something went wrong while processing the transfer." }), " ", _jsx("a", { className: 'underline hover:cursor-pointer text-secondary-text', onClick: () => startIntercom(), children: " please contact our support." })] }) }) })
-            },
-            delayed: {
-                name: `This swap is being delayed by Coinbase`,
-                description: null
-            }
-        },
-        "refuel": {
-            upcoming: {
-                name: `Sending ${refuel?.token?.symbol} to your address`,
-                description: null
-            },
-            current: {
-                name: `Sending ${refuel?.token?.symbol} to your address`,
-                description: null
-            },
-            complete: {
-                name: `${truncatedRefuelAmount} ${refuel?.token?.symbol} was sent to your address`,
-                description: _jsxs("div", { className: 'flex items-center space-x-1', children: [_jsx("span", { children: "Transaction: " }), _jsx("div", { className: 'underline hover:no-underline flex items-center space-x-1', children: swapRefuelTransaction && _jsxs(_Fragment, { children: [_jsx("a", { target: "_blank", href: output_tx_explorer?.replace("{0}", swapRefuelTransaction.transaction_hash), children: shortenAddress(swapRefuelTransaction?.transaction_hash) }), _jsx(ExternalLink, { className: 'h-4' })] }) })] })
-            },
-            delayed: {
-                name: `This transfers is being delayed`,
-                description: null
-            }
-        }
-    };
-    const allSteps = [
-        {
-            name: progressStates.input_transfer?.[stepStatuses?.input_transfer]?.name,
-            status: stepStatuses.input_transfer,
-            description: progressStates?.input_transfer?.[stepStatuses?.input_transfer]?.description,
-            index: 1
-        },
-        {
-            name: progressStates.output_transfer?.[stepStatuses?.output_transfer]?.name,
-            status: stepStatuses.output_transfer,
-            description: progressStates?.output_transfer?.[stepStatuses?.output_transfer]?.description,
-            index: 2
-        },
-        {
-            name: progressStates.refuel?.[stepStatuses?.refuel]?.name,
-            status: stepStatuses.refuel,
-            description: progressStates.refuel?.[stepStatuses?.refuel]?.description,
-            index: 3
-        }
-    ];
-    let currentSteps = allSteps.filter((s) => s.status && s.status != ProgressStatus.Removed);
-    let stepsProgressPercentage = currentSteps.filter(x => x.status == ProgressStatus.Complete).length / currentSteps.length * 100;
-    if (!swap)
-        return _jsx(_Fragment, {});
-    return (_jsx(Widget.Content, { children: _jsx("div", { className: `w-full min-h-[422px] space-y-5 flex flex-col justify-between text-primary-text`, children: _jsxs("div", { className: 'space-y-5', children: [_jsx("div", { className: "w-full flex flex-col h-full space-y-5", children: _jsx("div", { className: "bg-secondary-700 font-normal px-3 py-4 rounded-lg flex flex-col border border-secondary-500 w-full relative z-10", children: _jsx(SwapSummary, {}) }) }), _jsxs("div", { className: "bg-secondary-700 font-normal px-3 py-6 rounded-lg flex flex-col border border-secondary-500 w-full relative z-10 divide-y-2 divide-secondary-500 divide-dashed", children: [_jsx("div", { className: 'pb-4', children: _jsxs("div", { className: 'flex flex-col gap-2 items-center', children: [_jsx("div", { className: 'flex items-center', children: _jsx(Gauge, { value: stepsProgressPercentage, size: "small", showCheckmark: swap?.status === SwapStatus.Completed }) }), _jsxs("div", { className: "flex-col text-center ", children: [_jsx("span", { className: "font-medium text-primary-text", children: progressStatuses.generalStatus.title }), !swapInputTransaction && (swap?.status !== SwapStatus.Cancelled && swap?.status !== SwapStatus.Expired && swap?.status !== SwapStatus.Failed) &&
-                                                    _jsx("span", { className: 'text-sm block space-x-1 text-secondary-text', children: _jsx("span", { children: outputPendingDetails }) }), swapInputTransaction?.timestamp && swapOutputTransaction?.status != BackendTransactionStatus.Completed && (swap?.status !== SwapStatus.Cancelled && swap?.status !== SwapStatus.Expired && swap?.status !== SwapStatus.Failed) &&
-                                                    _jsx("span", { className: 'text-sm block space-x-1 text-secondary-text', children: _jsx("span", { children: countDownTimer }) })] })] }) }), _jsxs("div", { className: 'pt-4', children: [swap?.status != SwapStatus.Cancelled && swap?.status != SwapStatus.Expired && currentSteps.find(x => x.status != null) &&
-                                        _jsx("div", { className: 'flex flex-col h-full justify-center', children: _jsx(Steps, { steps: currentSteps }) }), ([SwapStatus.Expired, SwapStatus.Cancelled, SwapStatus.UserTransferDelayed].includes(swap?.status)) &&
-                                        _jsx(Failed, {})] })] })] }) }) }));
-};
-const resolveSwapInputTxStatus = (swapInputTransaction, inputTxStatusFromApi) => {
-    if (swapInputTransaction) {
-        if (swapInputTransaction.status === BackendTransactionStatus.Completed && swapInputTransaction.confirmations < swapInputTransaction.max_confirmations)
-            return TransactionStatus.Pending;
-        return swapInputTransaction?.status;
-    }
-    if (inputTxStatusFromApi === TransactionStatus.Failed)
-        return inputTxStatusFromApi;
-    else
-        ///For cases when transaction is completed but not detected by bridge API
-        return TransactionStatus.Pending;
-};
-const getProgressStatuses = (swapResponse, inputTxStatusFromApi) => {
-    const { swap, refuel: swapRefuel } = swapResponse;
-    const swapStatus = swap.status;
-    let generalTitle = "Transfer in progress";
-    let subtitle = "";
-    const swapInputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Input);
-    const swapInputTxStatus = resolveSwapInputTxStatus(swapInputTransaction, inputTxStatusFromApi);
-    const swapOutputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Output);
-    const swapRefuelTransaction = swap?.transactions?.find(t => t.type === TransactionType.Refuel);
-    let inputIsCompleted = swapInputTransaction && swapInputTransaction.confirmations >= swapInputTransaction.max_confirmations;
-    if (!inputIsCompleted) {
-        // Magic case, shows estimated time
-        subtitle = null;
-    }
-    let input_transfer = transactionStatusToProgressStatus(swapInputTxStatus) || '';
-    let output_transfer = (!swapOutputTransaction && inputIsCompleted) || swapOutputTransaction?.status == BackendTransactionStatus.Pending ? ProgressStatus.Current
-        : swapOutputTransaction?.status == BackendTransactionStatus.Initiated || swapOutputTransaction?.status == BackendTransactionStatus.Completed ? ProgressStatus.Complete
-            : ProgressStatus.Upcoming;
-    let refuel_transfer = (!!swapRefuel && !swapRefuelTransaction) ? ProgressStatus.Upcoming
-        : swapRefuelTransaction?.status == BackendTransactionStatus.Pending ? ProgressStatus.Current
-            : swapRefuelTransaction?.status == BackendTransactionStatus.Initiated || swapRefuelTransaction?.status == BackendTransactionStatus.Completed ? ProgressStatus.Complete
-                : ProgressStatus.Removed;
-    if (swapStatus === SwapStatus.Failed) {
-        output_transfer = output_transfer == ProgressStatus.Complete ? ProgressStatus.Complete : ProgressStatus.Failed;
-        refuel_transfer = refuel_transfer !== ProgressStatus.Complete ? ProgressStatus.Removed : refuel_transfer;
-        generalTitle = swap?.fail_reason == SwapFailReasons.RECEIVED_MORE_THAN_VALID_RANGE ? "Transfer on hold" : "Transfer failed";
-        subtitle = "View instructions below";
-    }
-    if (swapInputTxStatus == TransactionStatus.Failed) {
-        input_transfer = ProgressStatus.Failed;
-        generalTitle = swap?.fail_reason == SwapFailReasons.RECEIVED_MORE_THAN_VALID_RANGE ? "Transfer on hold" : "Transfer failed";
-        subtitle = "View instructions below";
-    }
-    if (swapStatus === SwapStatus.UserTransferDelayed) {
-        input_transfer = ProgressStatus.Removed;
-        output_transfer = ProgressStatus.Removed;
-        refuel_transfer = ProgressStatus.Removed;
-        generalTitle = "Transfer delayed";
-        subtitle = "View instructions below";
-    }
-    if (swapStatus == SwapStatus.Completed) {
-        generalTitle = "Transfer completed";
-        subtitle = "Thanks for using Layerswap";
-    }
-    if (swapStatus == SwapStatus.Cancelled) {
-        generalTitle = "Transfer cancelled";
-        subtitle = "...";
-    }
-    if (swapStatus == SwapStatus.Expired) {
-        generalTitle = "Transfer expired";
-        subtitle = "...";
-    }
-    return {
-        stepStatuses: {
-            "input_transfer": input_transfer,
-            "output_transfer": output_transfer,
-            "refuel": refuel_transfer,
-        },
-        generalStatus: {
-            title: generalTitle,
-            subTitle: subtitle
-        }
-    };
-};
-const transactionStatusToProgressStatus = (transactionStatus) => {
-    switch (transactionStatus) {
-        case BackendTransactionStatus.Completed:
-            return ProgressStatus.Complete;
-        case BackendTransactionStatus.Failed:
-            return ProgressStatus.Failed;
-        case BackendTransactionStatus.Initiated:
-        case BackendTransactionStatus.Pending:
-            return ProgressStatus.Current;
-        default:
-            return ProgressStatus.Upcoming;
-    }
-};
-export default Processing;

package/dist/components/Pages/SwapPages/Withdraw/Processing/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useSwapDataState } from '../../../../../context/swap';
-import Processing from './Processing';
-const Component = () => {
-    const { swapResponse: swap } = useSwapDataState();
-    return (_jsx(_Fragment, { children: swap && _jsx(Processing, { swapResponse: swap }) }));
-};
-export default Component;

package/dist/components/Pages/SwapPages/Withdraw/Success.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Success: FC;
-export default Success;

package/dist/components/Pages/SwapPages/Withdraw/Success.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExternalLink } from 'lucide-react';
-import { Home } from 'lucide-react';
-import { useCallback } from 'react';
-import { useSettingsState } from '../../../../context/settings';
-import { useSwapDataState } from '../../../../context/swap';
-import MessageComponent from '../../../Common/MessageComponent';
-import { Widget } from '../../../Widget/Index';
-import SubmitButton, { DoubleLineText } from '../../../Buttons/submitButton';
-import GoHomeButton from '../../../utils/GoHome';
-import { TransactionType } from '../../../../lib/layerSwapApiClient';
-import AppSettings from '../../../../lib/AppSettings';
-import { useQueryState } from '../../../../context/query';
-const Success = () => {
-    const { networks: layers } = useSettingsState();
-    const { swapResponse } = useSwapDataState();
-    const { swap } = swapResponse || {};
-    const { externalId } = useQueryState();
-    const destination_network = layers.find(n => n.name === swap?.destination_network.name);
-    const transaction_explorer_template = destination_network?.transaction_explorer_template;
-    const swapOutputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Output);
-    const handleViewInExplorer = useCallback(() => {
-        if (!transaction_explorer_template)
-            return;
-        window.open(`${AppSettings.ExplorerURl}/${swapOutputTransaction?.transaction_hash}`, '_blank');
-    }, [transaction_explorer_template]);
-    return (_jsx(_Fragment, { children: _jsx(Widget.Footer, { children: _jsx(MessageComponent.Buttons, { children: _jsxs("div", { className: "flex flex-row text-primary-text text-base space-x-2", children: [!externalId &&
-                            ((transaction_explorer_template && swapOutputTransaction?.transaction_hash) ?
-                                _jsx(_Fragment, { children: _jsx("div", { className: 'grow', children: _jsx(SubmitButton, { text_align: 'left', buttonStyle: 'filled', isDisabled: false, isSubmitting: false, onClick: handleViewInExplorer, icon: _jsx(ExternalLink, { className: 'h-5 w-5' }), children: _jsx(DoubleLineText, { colorStyle: 'mltln-text-light', primaryText: 'View in Explorer', secondarytext: '' }) }) }) })
-                                :
-                                    _jsx("div", { className: 'grow', children: _jsx(GoHomeButton, { children: _jsx(SubmitButton, { className: 'plausible-event-name=Swap+more', text_align: 'center', buttonStyle: 'outline', isDisabled: false, isSubmitting: false, icon: _jsx(Home, { className: "h-5 w-5", "aria-hidden": "true" }), children: "Swap more" }) }) })), externalId && transaction_explorer_template && swapOutputTransaction?.transaction_hash &&
-                            _jsx("div", { className: 'grow', children: _jsx(SubmitButton, { text_align: 'center', buttonStyle: 'outline', isDisabled: false, isSubmitting: false, onClick: handleViewInExplorer, icon: _jsx(ExternalLink, { className: 'h-5 w-5' }), children: "View in explorer" }) })] }) }) }) }));
-};
-export default Success;

package/dist/components/Pages/SwapPages/Withdraw/Summary/Summary.d.ts

@@ -1,22 +0,0 @@
-import { FC } from "react";
-import { Refuel } from "../../../../../lib/layerSwapApiClient";
-import { Network, Token } from "../../../../../Models/Network";
-import { Exchange } from "../../../../../Models/Exchange";
-type SwapInfoProps = {
-    sourceCurrency: Token;
-    destinationCurrency: Token;
-    source: Network;
-    destination: Network;
-    requestedAmount: number | undefined;
-    receiveAmount: number | undefined;
-    destinationAddress: string;
-    refuel?: Refuel;
-    fee?: number;
-    exchange_account_connected: boolean;
-    exchange_account_name?: string;
-    destExchange?: Exchange;
-    sourceExchange?: Exchange;
-    sourceAccountAddress: string;
-};
-declare const Summary: FC<SwapInfoProps>;
-export default Summary;

package/dist/components/Pages/SwapPages/Withdraw/Summary/Summary.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Image from "next/image";
-import { Fuel } from "lucide-react";
-import { truncateDecimals } from "../../../../utils/RoundDecimals";
-import LayerSwapApiClient from "../../../../../lib/layerSwapApiClient";
-import useSWR from 'swr';
-import { useQueryState } from "../../../../../context/query";
-import { addressFormat } from "../../../../../lib/address/formatter";
-import { ExtendedAddress } from "../../../../Input/Address/AddressPicker/AddressWithIcon";
-import { isValidAddress } from "../../../../../lib/address/validator";
-import shortenAddress from "../../../../utils/ShortenAddress";
-const Summary = ({ sourceAccountAddress, sourceCurrency, destinationCurrency, source: from, destination: to, requestedAmount, destinationAddress, refuel, exchange_account_connected, exchange_account_name, destExchange, sourceExchange, receiveAmount }) => {
-    const { hideFrom, hideTo, account, appName, hideAddress } = useQueryState();
-    const layerswapApiClient = new LayerSwapApiClient();
-    const { data: partnerData } = useSWR(appName && `/internal/apps?name=${appName}`, layerswapApiClient.fetcher);
-    const partner = partnerData?.data;
-    const source = (hideFrom && partner && account) ? partner : from;
-    const destination = (hideTo && partner && account) ? partner : to;
-    const requestedAmountInUsd = requestedAmount && (sourceCurrency?.price_in_usd * requestedAmount).toFixed(2);
-    const receiveAmountInUsd = receiveAmount ? (destinationCurrency?.price_in_usd * receiveAmount).toFixed(2) : undefined;
-    const nativeCurrency = refuel?.token;
-    const truncatedRefuelAmount = nativeCurrency && !!refuel ?
-        truncateDecimals(refuel.amount, nativeCurrency?.precision) : null;
-    const refuelAmountInUsd = nativeCurrency && ((nativeCurrency?.price_in_usd || 1) * (Number(truncatedRefuelAmount) || 0)).toFixed(2);
-    const destAddress = (hideAddress && hideTo && account) ? account : destinationAddress;
-    return (_jsx("div", { children: _jsxs("div", { className: "font-normal flex flex-col w-full relative z-10 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { className: "flex items-center gap-3", children: [sourceExchange ?
-                                    _jsx(Image, { src: sourceExchange.logo, alt: sourceExchange.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                    : source ?
-                                        _jsx(Image, { src: source.logo, alt: source.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                        :
-                                            null, _jsxs("div", { children: [_jsx("p", { className: "text-primary-text text-sm leading-5", children: sourceExchange ? sourceExchange?.display_name : source?.display_name }), sourceExchange ?
-                                            _jsx("p", { className: "text-sm text-secondary-text", children: "Exchange" })
-                                            : sourceAccountAddress ?
-                                                isValidAddress(sourceAccountAddress, from) ?
-                                                    _jsx("div", { className: "text-sm group/addressItem text-secondary-text", children: _jsx(ExtendedAddress, { address: addressFormat(sourceAccountAddress, from), network: from }) })
-                                                    :
-                                                        _jsx("p", { className: "text-sm text-secondary-text", children: shortenAddress(sourceAccountAddress) })
-                                                :
-                                                    null] })] }), _jsxs("div", { className: "flex flex-col items-end", children: [requestedAmount &&
-                                    _jsxs("p", { className: "text-primary-text text-sm", children: [truncateDecimals(requestedAmount, sourceCurrency.precision), " ", sourceCurrency.symbol] }), _jsxs("p", { className: "text-secondary-text text-sm flex justify-end", children: ["$", requestedAmountInUsd] })] })] }), _jsxs("div", { className: "flex items-center justify-between  w-full ", children: [_jsxs("div", { className: "flex items-center gap-3", children: [destExchange ?
-                                    _jsx(Image, { src: destExchange.logo, alt: destExchange.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                    : destination ?
-                                        _jsx(Image, { src: destination.logo, alt: destination.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                        :
-                                            null, _jsxs("div", { className: "group/addressItem text-sm text-secondary-text", children: [_jsx("p", { className: "text-primary-text leading-5", children: destExchange ? destExchange?.display_name : destination?.display_name }), _jsx(ExtendedAddress, { address: addressFormat(destAddress, to), network: to })] })] }), receiveAmount != undefined ?
-                            _jsxs("div", { className: "flex flex-col justify-end", children: [_jsxs("p", { className: "text-primary-text text-sm", children: [truncateDecimals(receiveAmount, destinationCurrency.precision), " ", destinationCurrency.symbol] }), _jsxs("p", { className: "text-secondary-text text-sm flex justify-end", children: ["$", receiveAmountInUsd] })] })
-                            :
-                                _jsxs("div", { className: "flex flex-col justify-end", children: [_jsx("div", { className: "h-[10px] my-[5px] w-20 animate-pulse rounded bg-gray-500" }), _jsx("div", { className: "h-[10px] my-[5px] w-10 animate-pulse rounded bg-gray-500 ml-auto" })] })] }), (!!refuel != undefined && nativeCurrency) ?
-                    _jsxs("div", { className: "flex items-center justify-between w-full ", children: [_jsxs("div", { className: 'flex items-center gap-3 text-sm', children: [_jsx("span", { className: "relative z-10 flex h-8 w-8 items-center justify-center rounded-lg p-2 bg-primary/20", children: _jsx(Fuel, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }) }), _jsx("p", { children: "Refuel" })] }), _jsxs("div", { className: "flex flex-col items-end", children: [_jsxs("p", { className: "text-primary-text text-sm", children: [truncatedRefuelAmount, " ", nativeCurrency?.symbol] }), _jsxs("p", { className: "text-secondary-text text-sm flex justify-end", children: ["$", refuelAmountInUsd] })] })] })
-                    :
-                        _jsx(_Fragment, {})] }) }));
-};
-export default Summary;

package/dist/components/Pages/SwapPages/Withdraw/Summary/index.js

@@ -1,44 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useSwapDataState } from "../../../../../context/swap";
-import Summary from "./Summary";
-import { TransactionType } from "../../../../../lib/layerSwapApiClient";
-import { shortenEmail } from "../../../../utils/ShortenAddress";
-import KnownInternalNames from "../../../../../lib/knownIds";
-import { useQueryState } from "../../../../../context/query";
-const SwapSummary = () => {
-    const { swapResponse, selectedSourceAccount } = useSwapDataState();
-    const { swap, quote: swapQuote, refuel: swapRefuel } = swapResponse || {};
-    const { source_network, destination_network, source_token, destination_token } = swap || {};
-    const { hideFrom, account, } = useQueryState();
-    const sourceExchange = swap?.source_exchange;
-    const destExchange = swap?.destination_exchange;
-    if (!swap || !source_network || !source_token || !destination_token || !destination_network) {
-        return _jsx(_Fragment, {});
-    }
-    const swapInputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Input);
-    const swapOutputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Output);
-    const requested_amount = (swapInputTransaction?.amount ?? swap.requested_amount) || undefined;
-    const receiveAmount = swapQuote?.receive_amount;
-    const calculatedReceiveAmount = swapOutputTransaction?.amount ?? receiveAmount;
-    let sourceAccountAddress = "";
-    if (hideFrom && account) {
-        sourceAccountAddress = account;
-    }
-    else if (swapInputTransaction?.from) {
-        sourceAccountAddress = swapInputTransaction?.from;
-    }
-    else if (selectedSourceAccount?.address) {
-        sourceAccountAddress = selectedSourceAccount.address;
-    }
-    else if (source_network?.name === KnownInternalNames.Exchanges.Coinbase && swap?.exchange_account_connected) {
-        sourceAccountAddress = shortenEmail(swap?.exchange_account_name, 10);
-    }
-    else if (sourceExchange) {
-        sourceAccountAddress = "Exchange";
-    }
-    else {
-        sourceAccountAddress = "Network";
-    }
-    return _jsx(Summary, { sourceCurrency: source_token, destinationCurrency: destination_token, source: source_network, sourceExchange: sourceExchange, destination: destination_network, destExchange: destExchange, requestedAmount: requested_amount, receiveAmount: calculatedReceiveAmount, destinationAddress: swap.destination_address, refuel: swapRefuel, exchange_account_connected: swap?.exchange_account_connected, exchange_account_name: swap?.exchange_account_name, sourceAccountAddress: sourceAccountAddress });
-};
-export default SwapSummary;

package/dist/components/Pages/SwapPages/Withdraw/SwapDetails.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { Widget } from '../../../Widget/Index';
-import { useSwapDataState } from '../../../../context/swap';
-import Withdraw from './Withdraw';
-import Processing from './Processing';
-import { BackendTransactionStatus, TransactionType } from '../../../../lib/layerSwapApiClient';
-import { SwapStatus } from '../../../../Models/SwapStatus';
-import { useSwapTransactionStore } from '../../../../stores/swapTransactionStore';
-import SubmitButton from '../../../Buttons/submitButton';
-const SwapDetails = ({ type }) => {
-    const { swapResponse } = useSwapDataState();
-    const { swap } = swapResponse || {};
-    const swapStatus = swap?.status;
-    const storedWalletTransactions = useSwapTransactionStore();
-    const swapInputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Input);
-    const storedWalletTransaction = storedWalletTransactions.swapTransactions?.[swap?.id || ''];
-    const removeStoredTransaction = useCallback(() => {
-        useSwapTransactionStore.getState().removeSwapTransaction(swap?.id || '');
-    }, [swap?.id, storedWalletTransactions]);
-    if (!swap)
-        return _jsx(_Fragment, { children: _jsx("div", { className: "w-full h-[430px]", children: _jsx("div", { className: "animate-pulse flex space-x-4", children: _jsxs("div", { className: "flex-1 space-y-6 py-1", children: [_jsx("div", { className: "h-32 bg-secondary-700 rounded-lg" }), _jsx("div", { className: "h-40 bg-secondary-700 rounded-lg" }), _jsx("div", { className: "h-12 bg-secondary-700 rounded-lg" })] }) }) }) });
-    return (_jsx(_Fragment, { children: _jsx(Container, { type: type, children: ((swapStatus === SwapStatus.UserTransferPending
-                && !(swapInputTransaction || storedWalletTransaction))) ?
-                _jsx(Withdraw, {})
-                :
-                    _jsxs(_Fragment, { children: [_jsx(Processing, {}), storedWalletTransaction?.status == BackendTransactionStatus.Failed &&
-                                _jsx(SubmitButton, { isDisabled: false, isSubmitting: false, onClick: removeStoredTransaction, children: "Try again" })] }) }) }));
-};
-const Container = ({ type, children }) => {
-    if (type === "widget")
-        return _jsx(Widget, { children: _jsx(_Fragment, { children: children }) });
-    else
-        return _jsx("div", { className: "w-full flex flex-col justify-between h-full space-y-5 text-secondary-text", children: children });
-};
-export default SwapDetails;