@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

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

@@ -1,4 +0,0 @@
-import { StatusStep } from "./types";
-export default function Steps({ steps }: {
-    steps: StatusStep[];
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, X } from "lucide-react";
-import { classNames } from "../../../../utils/classNames";
-import { Gauge } from "./gauge";
-import { ProgressStatus } from "./types";
-function renderStepIcon(step) {
-    switch (step.status) {
-        case ProgressStatus.Complete:
-            return (_jsx("span", { className: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full bg-primary/20", children: _jsx(Check, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }) }));
-        case ProgressStatus.Current:
-            return (_jsx("span", { className: "animate-spin", children: _jsx(Gauge, { value: 40, size: "verySmall" }) }));
-        case ProgressStatus.Failed:
-            return (_jsx("span", { className: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full bg-primary/20", children: _jsx(X, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }) }));
-        case ProgressStatus.Delayed:
-            return (_jsx("span", { className: "animate-spin opacity-50", children: _jsx(Gauge, { value: 40, size: "verySmall" }) }));
-        default:
-            return (_jsx("span", { className: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 border-primary/20" }));
-    }
-}
-function Step({ step, isLastStep }) {
-    return (_jsx("li", { className: classNames(isLastStep ? '' : 'pb-10', 'relative'), children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [!isLastStep && (_jsx("div", { className: `absolute top-1/2 left-4 -ml-px mt-0.5 h-[40%] w-0.5 ${step.status === "complete" ? "bg-primary" : "bg-primary/20"} `, "aria-hidden": "true" })), _jsxs("div", { className: `group relative flex ${step?.description ? "items-start" : "items-center"}`, children: [_jsx("span", { className: "flex h-9 items-center text-primary-text", "aria-hidden": "true", children: renderStepIcon(step) }), _jsxs("span", { className: "ml-3 flex min-w-0 flex-col", children: [_jsx("span", { className: `text-sm font-medium ${step.status === "current" ? "text-primary" : step.status === "upcoming" ? "text-secondary-text/70" : "text-primary-text"}`, children: step.name }), step?.description &&
-                                    _jsx("span", { className: "text-sm text-secondary-text", children: step?.description })] })] })] }) }, step?.name));
-}
-export default function Steps({ steps }) {
-    return (_jsx("nav", { "aria-label": "Progress", children: _jsx("ol", { role: "list", className: "overflow-hidden", children: steps.map((step, index) => (_jsx(Step, { step: step, isLastStep: index === steps.length - 1 }, index))) }) }));
-}

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

@@ -1,5 +0,0 @@
-export declare const Gauge: ({ value, size, showCheckmark }: {
-    value: number;
-    size: "verySmall" | "small" | "medium" | "large";
-    showCheckmark?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check } from "lucide-react";
-export const Gauge = ({ value, size = "small", showCheckmark = false }) => {
-    const circumference = 332; //2 * Math.PI * 53; // 2 * pi * radius
-    const valueInCircumference = (value / 100) * circumference;
-    const strokeDasharray = `${circumference} ${circumference}`;
-    const initialOffset = circumference;
-    const strokeDashoffset = initialOffset - valueInCircumference;
-    const sizes = {
-        verySmall: {
-            width: "32",
-            height: "32",
-            textSize: "text-xs",
-        },
-        small: {
-            width: "40",
-            height: "40",
-            textSize: "text-xs",
-        },
-        medium: {
-            width: "72",
-            height: "72",
-            textSize: "text-lg",
-        },
-        large: {
-            width: "144",
-            height: "144",
-            textSize: "text-3xl",
-        },
-    };
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center relative", children: [_jsxs("svg", { fill: "none", shapeRendering: "crispEdges", height: sizes[size].height, width: sizes[size].width, viewBox: "0 0 120 120", strokeWidth: "2", className: "transform -rotate-90", children: [_jsx("circle", { className: "text-primary/20", strokeWidth: "12", stroke: "currentColor", fill: "transparent", shapeRendering: "geometricPrecision", r: "53", cx: "60", cy: "60" }), _jsx("circle", { className: "text-primary animate-gauge_fill", strokeWidth: "12", strokeDasharray: strokeDasharray, strokeDashoffset: initialOffset, shapeRendering: "geometricPrecision", strokeLinecap: "round", stroke: "currentColor", fill: "transparent", r: "53", cx: "60", cy: "60", style: {
-                            strokeDashoffset: strokeDashoffset,
-                            transition: "stroke-dasharray 1s ease 0s,stroke 1s ease 0s",
-                        } })] }), showCheckmark && value == 100 ? (_jsx("div", { className: "absolute flex opacity-0 animate-gauge_fadeIn", children: _jsx(Check, { className: "h-5 w-5 text-primary", strokeWidth: 4, "aria-hidden": "true" }) })) : null] }));
-};

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

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

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

@@ -1,27 +0,0 @@
-export type ProgressStates = {
-    [key in Progress]?: {
-        [key in ProgressStatus]?: {
-            name?: string;
-            description?: JSX.Element | string | null | undefined;
-        };
-    };
-};
-export declare enum Progress {
-    InputTransfer = "input_transfer",
-    Refuel = "refuel",
-    OutputTransfer = "output_transfer"
-}
-export declare enum ProgressStatus {
-    Upcoming = "upcoming",
-    Current = "current",
-    Complete = "complete",
-    Failed = "failed",
-    Delayed = "delayed",
-    Removed = "removed"
-}
-export type StatusStep = {
-    name?: string;
-    status: ProgressStatus;
-    description?: JSX.Element | string | null;
-    index?: number;
-};

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

@@ -1,15 +0,0 @@
-export var Progress;
-(function (Progress) {
-    Progress["InputTransfer"] = "input_transfer";
-    Progress["Refuel"] = "refuel";
-    Progress["OutputTransfer"] = "output_transfer";
-})(Progress || (Progress = {}));
-export var ProgressStatus;
-(function (ProgressStatus) {
-    ProgressStatus["Upcoming"] = "upcoming";
-    ProgressStatus["Current"] = "current";
-    ProgressStatus["Complete"] = "complete";
-    ProgressStatus["Failed"] = "failed";
-    ProgressStatus["Delayed"] = "delayed";
-    ProgressStatus["Removed"] = "removed";
-})(ProgressStatus || (ProgressStatus = {}));

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,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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("img", { src: sourceExchange.logo, alt: sourceExchange.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                    : source ?
-                                        _jsx("img", { 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("img", { src: destExchange.logo, alt: destExchange.display_name, width: 32, height: 32, className: "rounded-lg" })
-                                    : destination ?
-                                        _jsx("img", { 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.d.ts

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

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;