@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/components/Pages/Auth/Steps/CodeStep/VerifyEmailCode.js

@@ -1,97 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { MailOpen } from 'lucide-react';
-import { Form, Formik } from 'formik';
-import { useCallback, useState } from 'react';
-import toast from 'react-hot-toast';
-import { useAuthDataUpdate, useAuthState, UserType } from '../../../../../context/authContext';
-import { useTimerState } from '../../../../../context/timerContext';
-import LayerSwapApiClient from '../../../../../lib/layerSwapApiClient';
-import LayerSwapAuthApiClient from '../../../../../lib/userAuthApiClient';
-import SubmitButton from '../../../../Buttons/submitButton';
-import { DocIframe } from '../../../../Common/docInIframe';
-import NumericInput from '../../../../Input/NumericInput';
-import Modal from '../../../../Modal/modal';
-import TimerWithContext from '../../../../Common/TimerComponent';
-import { classNames } from '../../../../utils/classNames';
-import { Widget } from '../../../../Widget/Index';
-const VerifyEmailCode = ({ onSuccessfullVerify, disclosureLogin }) => {
-    const initialValues = { Code: '' };
-    const { start: startTimer, started } = useTimerState();
-    const { tempEmail, userLockedOut, guestAuthData, userType } = useAuthState();
-    const { updateAuthData, setUserLockedOut } = useAuthDataUpdate();
-    const [modalUrl, setModalUrl] = useState(null);
-    const [showDocModal, setShowDocModal] = useState(false);
-    const handleResendCode = useCallback(async () => {
-        try {
-            const apiClient = new LayerSwapAuthApiClient();
-            const res = await apiClient.getCodeAsync(tempEmail);
-            const next = new Date(res?.data?.next);
-            const now = new Date();
-            const miliseconds = next.getTime() - now.getTime();
-            startTimer(Math.round((res?.data?.already_sent ? 60000 : miliseconds) / 1000));
-        }
-        catch (error) {
-            if (error.response?.data?.errors?.length > 0) {
-                const message = error.response.data.errors.map(e => e.message).join(", ");
-                toast.error(message);
-            }
-            else {
-                toast.error(error.message);
-            }
-        }
-    }, [tempEmail]);
-    const openDoc = (url) => {
-        setModalUrl(url);
-        setShowDocModal(true);
-    };
-    const handleOpenTerms = () => openDoc('https://docs.layerswap.io/user-docs/information/terms-of-services/');
-    const handleOpenPrivacyPolicy = () => openDoc('https://docs.layerswap.io/user-docs/information/privacy-policy/');
-    const timerCountdown = userLockedOut ? 600 : 60;
-    return (_jsxs(_Fragment, { children: [_jsx(Modal, { height: 'full', show: showDocModal, setShow: setShowDocModal, modalId: 'verifyEmail', children: modalUrl ? _jsx(DocIframe, { onConfirm: () => close(), URl: modalUrl }) : _jsx(_Fragment, {}) }), _jsx(Formik, { initialValues: initialValues, validateOnMount: true, validate: (values) => {
-                    const errors = {};
-                    if (!/^[0-9]*$/.test(values.Code)) {
-                        errors.Code = "Value should be numeric";
-                    }
-                    else if (values.Code.length != 6) {
-                        errors.Code = `The length should be 6 instead of ${values.Code.length}`;
-                    }
-                    return errors;
-                }, onSubmit: async (values) => {
-                    try {
-                        if (!tempEmail) {
-                            //TODO show validation error
-                            return;
-                        }
-                        var apiAuthClient = new LayerSwapAuthApiClient();
-                        var apiClient = new LayerSwapApiClient();
-                        const res = await apiAuthClient.connectAsync(tempEmail, values.Code);
-                        updateAuthData(res);
-                        await onSuccessfullVerify(res);
-                        if (userType == UserType.GuestUser && guestAuthData?.access_token)
-                            await apiClient.SwapsMigration(guestAuthData?.access_token);
-                    }
-                    catch (error) {
-                        const message = error.response.data.error_description;
-                        if (error.response?.data?.error === 'USER_LOCKED_OUT_ERROR') {
-                            toast.error(message);
-                            setUserLockedOut(true);
-                            startTimer(600);
-                        }
-                        else if (error.response?.data?.error_description) {
-                            toast.error(message);
-                        }
-                        else {
-                            toast.error(error.message);
-                        }
-                    }
-                }, children: ({ isValid, isSubmitting, errors, handleChange }) => (_jsx(Form, { className: 'h-full w-full text-secondary-text', children: disclosureLogin ?
-                        _jsxs("div", { className: 'mt-2', children: [_jsxs("div", { className: "w-full text-left text-base font-light", children: [_jsx("div", { className: 'flex items-center justify-start', children: _jsx("p", { className: 'text-xl text-primary-text', children: "Sign in with email" }) }), _jsxs("p", { className: 'mt-2 text-left', children: [_jsx("span", { children: "Please enter the 6 digit code sent to " }), _jsx("span", { className: 'font-medium text-primary-text', children: tempEmail })] })] }), _jsxs("div", { className: "text-sm text-secondary-text font-normal mt-5", children: [_jsxs("div", { className: 'grid gap-4 grid-cols-5  items-center', children: [_jsx("div", { className: "relative rounded-md shadow-sm col-span-3", children: _jsx(NumericInput, { pattern: '^[0-9]*$', placeholder: "XXXXXX", maxLength: 6, name: 'Code', onChange: e => {
-                                                            /^[0-9]*$/.test(e.target.value) && handleChange(e);
-                                                        }, className: "leading-none h-12 text-2xl pl-5 text-primary-text  focus:ring-primary text-center focus:border-primary border-secondary-500 block\n                                    placeholder:text-2xl placeholder:text-center tracking-widest placeholder:font-normal placeholder:opacity-50 bg-secondary-700  w-full font-semibold rounded-md placeholder-primary-text" }) }), _jsx("div", { className: 'col-start-4 col-span-2', children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: () => (_jsx(SubmitButton, { type: "submit", isDisabled: (!isValid || !!userLockedOut), isSubmitting: isSubmitting, children: userLockedOut ? 'User is locked out' : 'Confirm' })), children: _jsx(SubmitButton, { type: "submit", isDisabled: !isValid, isSubmitting: isSubmitting, children: "Confirm" }) }) })] }), _jsx("span", { className: "flex text-sm leading-6 items-center mt-0.5", children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: (remainingTime) => (_jsxs("span", { className: classNames(userLockedOut && 'text-xl leading-6'), children: [_jsx("span", { children: "Resend in" }), _jsx("span", { className: 'ml-1', children: remainingTime })] })), children: _jsx("span", { onClick: handleResendCode, className: "decoration underline-offset-1 underline hover:no-underline decoration-primary-text hover:cursor-pointer", children: "Resend code" }) }) })] })] })
-                        :
-                            _jsxs("div", { className: 'h-full flex flex-col justify-between', children: [_jsxs(Widget.Content, { center: true, children: [_jsx(MailOpen, { className: 'w-16 h-16 text-primary self-center mt-5  sm:mt-auto' }), _jsx("div", { className: 'text-center mt-5', children: _jsxs("p", { className: 'text-lg', children: [_jsx("span", { children: "Please enter the 6 digit code sent to\u00A0" }), _jsx("span", { className: 'font-medium text-primary-text', children: tempEmail })] }) }), _jsxs("div", { className: "relative rounded-md shadow-sm mt-5", children: [_jsx(NumericInput, { pattern: '^[0-9]*$', placeholder: "XXXXXX", maxLength: 6, name: 'Code', onChange: e => {
-                                                            /^[0-9]*$/.test(e.target.value) && handleChange(e);
-                                                        }, className: "leading-none h-12 text-2xl pl-5 text-primary-text  focus:ring-primary text-center focus:border-primary border-secondary-500 block\n                                    placeholder:text-2xl placeholder:text-center tracking-widest placeholder:font-normal placeholder:opacity-50 bg-secondary-700  w-full font-semibold rounded-md placeholder-primary-text" }), _jsx("span", { className: "flex text-sm leading-6 items-center mt-1.5", children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: (remainingTime) => (_jsxs("span", { className: classNames(userLockedOut && 'text-xl leading-6'), children: [_jsx("span", { children: "Resend in" }), _jsx("span", { className: 'ml-1', children: remainingTime })] })), children: _jsx("span", { onClick: handleResendCode, className: "decoration underline-offset-1 underline hover:no-underline decoration-primary hover:cursor-pointer", children: "Resend code" }) }) })] })] }), _jsxs(Widget.Footer, { children: [_jsxs("p", { className: 'text-secondary-text text-xs sm:text-sm mb-3 md:mb-5', children: [_jsx("span", { children: "By clicking Confirm you agree to Layerswap's\u00A0" }), _jsx("span", { onClick: handleOpenTerms, className: 'decoration decoration-primary underline-offset-1 underline hover:no-underline cursor-pointer', children: " Terms of Service" }), _jsx("span", { children: "\u00A0and\u00A0" }), _jsx("span", { onClick: handleOpenPrivacyPolicy, className: 'decoration decoration-primary underline-offset-1 underline hover:no-underline cursor-pointer', children: "Privacy Policy" })] }), _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: () => (_jsx(SubmitButton, { type: "submit", isDisabled: (!isValid || !!userLockedOut), isSubmitting: isSubmitting, children: userLockedOut ? 'User is locked out' : 'Confirm' })), children: _jsx(SubmitButton, { type: "submit", isDisabled: !isValid, isSubmitting: isSubmitting, children: "Confirm" }) })] })] }) })) })] }));
-};
-export default VerifyEmailCode;

package/dist/components/Pages/Auth/Steps/CodeStep/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { AuthConnectResponse } from '../../../../../Models/LayerSwapAuth';
-type Props = {
-    OnNext: (res: AuthConnectResponse) => Promise<void>;
-    disclosureLogin?: boolean;
-};
-declare const CodeStep: FC<Props>;
-export default CodeStep;

package/dist/components/Pages/Auth/Steps/CodeStep/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import VerifyEmailCode from './VerifyEmailCode';
-const CodeStep = ({ OnNext, disclosureLogin }) => {
-    const onSuccessfullVerifyHandler = useCallback(async (res) => {
-        await OnNext(res);
-    }, [OnNext]);
-    return (_jsx(VerifyEmailCode, { onSuccessfullVerify: onSuccessfullVerifyHandler, disclosureLogin: disclosureLogin }));
-};
-export default CodeStep;

package/dist/components/Pages/Auth/Steps/EmailStep/SendEmail.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    onSend: (email: string) => void;
-    compactLogin?: boolean;
-};
-declare const SendEmail: FC<Props>;
-export default SendEmail;

package/dist/components/Pages/Auth/Steps/EmailStep/SendEmail.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Album, Mail, ScrollText, User } from 'lucide-react';
-import { Field, Form, Formik } from 'formik';
-import { useCallback } from 'react';
-import toast from 'react-hot-toast';
-import { useAuthDataUpdate, useAuthState } from '../../../../../context/authContext';
-import { useTimerState } from '../../../../../context/timerContext';
-import TokenService from '../../../../../lib/TokenService';
-import LayerSwapAuthApiClient from '../../../../../lib/userAuthApiClient';
-import SubmitButton from '../../../../Buttons/submitButton';
-import { Widget } from '../../../../Widget/Index';
-const SendEmail = ({ onSend, compactLogin }) => {
-    const { codeRequested, tempEmail } = useAuthState();
-    const { setCodeRequested, updateTempEmail } = useAuthDataUpdate();
-    const initialValues = { email: tempEmail ?? "" };
-    const { start: startTimer } = useTimerState();
-    const sendEmail = useCallback(async (values) => {
-        try {
-            const inputEmail = values.email;
-            if (inputEmail != tempEmail || !codeRequested) {
-                const apiClient = new LayerSwapAuthApiClient();
-                const res = await apiClient.getCodeAsync(inputEmail);
-                if (res.error)
-                    throw new Error(res.error);
-                TokenService.setCodeNextTime(res?.data?.next);
-                setCodeRequested(true);
-                updateTempEmail(inputEmail);
-                const next = new Date(res?.data?.next);
-                const now = new Date();
-                const miliseconds = next.getTime() - now.getTime();
-                startTimer(Math.round((res?.data?.already_sent ? 60000 : miliseconds) / 1000));
-            }
-            onSend(inputEmail);
-        }
-        catch (error) {
-            if (error.response?.data?.errors?.length > 0) {
-                const message = error.response.data.errors.map(e => e.message).join(", ");
-                toast.error(message);
-            }
-            else {
-                toast.error(error.message);
-            }
-        }
-    }, [tempEmail]);
-    function validateEmail(values) {
-        let error = {};
-        if (!values.email) {
-            error.email = 'Required';
-        }
-        else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
-            error.email = 'Invalid email address';
-        }
-        return error;
-    }
-    return (_jsx(_Fragment, { children: _jsx(Formik, { initialValues: initialValues, onSubmit: sendEmail, validateOnMount: true, validate: validateEmail, children: ({ isValid, isSubmitting }) => (_jsx(Form, { autoComplete: 'true', className: 'w-full h-full', children: compactLogin ?
-                    _jsxs("div", { children: [_jsxs("div", { className: "w-full text-left text-base font-light", children: [_jsx("div", { className: 'flex items-center justify-between', children: _jsx("p", { className: 'text-xl text-primary-text', children: "Sign in with email" }) }), _jsx("p", { className: 'mt-2 text-left text-secondary-text', children: "Securely store your exchange accounts, access your full transfer history and more." })] }), _jsx("div", { className: "text-sm text-secondary-text font-normal mt-4", children: _jsxs("div", { className: 'grid gap-4 grid-cols-5  items-center', children: [_jsx("div", { className: "relative rounded-md shadow-sm col-span-3", children: _jsx(Field, { name: "email", children: ({ field }) => (_jsx("input", { ...field, id: 'email', placeholder: "john@example.com", autoComplete: "email", type: "email", className: "h-12 pb-1 pt-0 text-primary-text  focus:ring-primary focus:border-primary border-secondary-500 pr-42 block\n                                                   placeholder:text-secondary-text placeholder:text-sm placeholder:font-normal placeholder:opacity-50 bg-secondary-700 w-full font-semibold rounded-md" })) }) }), _jsx("div", { className: 'col-start-4 col-span-2', children: _jsx(SubmitButton, { isDisabled: !isValid, isSubmitting: isSubmitting, children: "Continue" }) })] }) })] })
-                    :
-                        _jsxs("div", { className: 'h-full flex flex-col justify-between', children: [_jsxs(Widget.Content, { center: true, children: [_jsx(User, { className: 'w-16 h-16 text-primary self-center mt-5 sm:mt-auto' }), _jsx("div", { children: _jsx("p", { className: 'mb-6 mt-2 pt-2 text-2xl font-bold text-primary-text leading-6 text-center font-roboto', children: "What's your email?" }) }), _jsx("div", { className: "relative rounded-md shadow-sm", children: _jsx(Field, { name: "email", children: ({ field }) => (_jsx("input", { ...field, id: 'email', placeholder: "john@example.com", autoComplete: "email", type: "email", className: "h-12 pb-1 pt-0 text-primary-text  focus:ring-primary focus:border-primary border-secondary-500 pr-42 block\n                                                   placeholder:text-secondary-text placeholder:text-sm placeholder:font-normal placeholder:opacity-50 bg-secondary-700 w-full font-semibold rounded-md" })) }) }), _jsxs("div", { className: 'px-3 text-primary-text mt-6', children: [_jsx("p", { className: 'text-left text-sm mb-3 text-secondary-text font-semibold', children: "By signing in you get" }), _jsxs("ul", { className: 'space-y-3', children: [_jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(ScrollText, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "History" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Access your entire transaction history" })] })] }), _jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(Mail, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "Email updates" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Get a notification upon transfer completion" })] })] }), _jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(Album, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "Dedicated deposit address" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Get deposit addresses that stay the same and can be whitelisted in CEXes" })] })] })] })] })] }), _jsx(Widget.Footer, { children: _jsx(SubmitButton, { isDisabled: !isValid, isSubmitting: isSubmitting, children: "Continue" }) })] }) })) }) }));
-};
-export default SendEmail;

package/dist/components/Pages/Auth/Steps/EmailStep/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    OnNext: () => void;
-    disclosureLogin?: boolean;
-};
-declare const EmailStep: FC<Props>;
-export default EmailStep;

package/dist/components/Pages/Auth/Steps/EmailStep/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import SendEmail from './SendEmail';
-const EmailStep = ({ OnNext, disclosureLogin }) => {
-    return (_jsx(_Fragment, { children: _jsx(SendEmail, { compactLogin: disclosureLogin, onSend: OnNext }) }));
-};
-export default EmailStep;

package/dist/components/Pages/Auth/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-import { LayerswapContextProps } from "../../../context/LayerswapProvider";
-export declare const Auth: FC<LayerswapContextProps>;

package/dist/components/Pages/Auth/index.js

@@ -1,32 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { FormWizardProvider, useFormWizardaUpdate } from "../../../context/formWizardProvider";
-import { TimerProvider } from "../../../context/timerContext";
-import { AuthStep, SwapCreateStep } from "../../../Models/Wizard";
-import CodeStep from "./Steps/CodeStep";
-import EmailStep from "./Steps/EmailStep";
-import Wizard from "../../Wizard/Wizard";
-import WizardItem from "../../Wizard/WizardItem";
-import { SwapDataProvider } from "../../../context/swap";
-import { LayerswapProvider } from "../../../context/LayerswapProvider";
-const Comp = () => {
-    const { goToStep } = useFormWizardaUpdate();
-    // const router = useAppRouter();
-    const CodeOnNext = useCallback(async () => {
-        // await router.push({
-        //     pathname: "/",
-        //     query: router.query
-        // })
-        // plausible(TrackEvent.SignedIn)
-    }, []);
-    const GoBackToEmailStep = useCallback(() => goToStep(AuthStep.Email, "back"), []);
-    const GoToCodeStep = useCallback(() => goToStep(AuthStep.Code), []);
-    const handleGoBack = useCallback(() => {
-        // router.back()
-    }, []);
-    return (_jsx(TimerProvider, { children: _jsxs(Wizard, { wizardId: "auth", children: [_jsx(WizardItem, { StepName: SwapCreateStep.Email, GoBack: handleGoBack, className: "pb-6", children: _jsx(EmailStep, { OnNext: GoToCodeStep }) }), _jsx(WizardItem, { StepName: SwapCreateStep.Code, GoBack: GoBackToEmailStep, className: "pb-6", children: _jsx(CodeStep, { OnNext: CodeOnNext }) })] }) }));
-};
-export const Auth = (props) => {
-    return (_jsx(LayerswapProvider, { ...props, children: _jsx(SwapDataProvider, { children: _jsx(FormWizardProvider, { initialStep: AuthStep.Email, initialLoading: false, children: _jsx(Comp, {}) }) }) }));
-};

package/dist/components/Pages/SwapHistory/Guest.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    onLogin?: () => void;
-};
-declare function GuestCard({ onLogin }: Props): import("react/jsx-runtime").JSX.Element;
-export default GuestCard;

package/dist/components/Pages/SwapHistory/Guest.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeft } from 'lucide-react';
-import { toast } from 'react-hot-toast';
-import { useFormWizardaUpdate, useFormWizardState } from '../../../context/formWizardProvider';
-import { AuthStep } from '../../../Models/Wizard';
-import CodeStep from '../Auth/Steps/CodeStep';
-import EmailStep from '../Auth/Steps/EmailStep';
-import Wizard from '../../Wizard/Wizard';
-import WizardItem from '../../Wizard/WizardItem';
-function GuestCard({ onLogin }) {
-    const { goToStep } = useFormWizardaUpdate();
-    const { goBack, noToolBar } = useFormWizardState();
-    const CodeOnNext = async () => {
-        toast.success("You are successfully logged in.");
-        onLogin && onLogin();
-    };
-    const GoBackToEmailStep = () => goToStep(AuthStep.Email, "back");
-    const GoToCodeStep = () => goToStep(AuthStep.Code);
-    return (_jsx("div", { children: _jsxs(Wizard, { wizardId: 'guestCard', children: [_jsx(WizardItem, { StepName: AuthStep.Email, fitHeight: true, children: _jsx("div", { className: noToolBar ? `p-6 border border-secondary-500 rounded-md` : "pt-6", children: _jsx(EmailStep, { OnNext: GoToCodeStep, disclosureLogin: true }) }) }), _jsx(WizardItem, { StepName: AuthStep.Code, GoBack: GoBackToEmailStep, fitHeight: true, children: _jsxs("div", { className: noToolBar ? `p-6 border border-secondary-500 rounded-md` : "pt-6", children: [goBack &&
-                                _jsxs("button", { type: 'button', onClick: goBack, className: "justify-self-start text-xs text-secondary-text flex items-center hover:text-secondary-text/70 cursor-pointer space-x-1", style: { visibility: false ? 'hidden' : 'visible' }, children: [_jsx(ArrowLeft, { className: 'h-3' }), _jsx("span", { children: "Edit email" })] }), _jsx(CodeStep, { OnNext: CodeOnNext, disclosureLogin: true })] }) })] }) }));
-}
-export default GuestCard;

package/dist/components/Pages/SwapPages/Form/FeeDetails/Campaign.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { QuoteReward } from "../../../../../lib/layerSwapApiClient";
-import { Network } from "../../../../../Models/Network";
-type CampaignProps = {
-    destination: Network;
-    reward: QuoteReward | undefined;
-    destinationAddress?: string;
-};
-declare const Comp: FC<CampaignProps>;
-export default Comp;

package/dist/components/Pages/SwapPages/Form/FeeDetails/Campaign.js

@@ -1,31 +0,0 @@
-'use client';
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useSWR from "swr";
-import FeeDetails from "./FeeDetailsComponent";
-import LayerSwapApiClient from "../../../../../lib/layerSwapApiClient";
-import useSWRNftBalance from "../../../../../lib/nft/useSWRNftBalance";
-import ClickTooltip from "../../../../Common/ClickTooltip";
-const Comp = ({ destination, reward, destinationAddress }) => {
-    const apiClient = new LayerSwapApiClient();
-    const { data: campaignsData } = useSWR('/campaigns', apiClient.fetcher);
-    const now = new Date().getTime();
-    const campaign = campaignsData
-        ?.data
-        ?.find(c => c?.network.name === destination?.name
-        && new Date(c?.end_date).getTime() - now > 0);
-    if (!campaign || !reward || !destinationAddress)
-        return _jsx(_Fragment, {});
-    return _jsx(CampaignDisplay, { campaign: campaign, reward: reward, destinationAddress: destinationAddress, destination: destination });
-};
-const CampaignDisplay = ({ campaign, reward, destinationAddress, destination }) => {
-    const token = campaign.token;
-    const shouldCheckNFT = reward.campaign_type === "for_nft_holders" && reward.nft_contract_address;
-    const { balance: nftBalance, isLoading, error } = useSWRNftBalance(destinationAddress, destination, reward.nft_contract_address || '');
-    if (shouldCheckNFT && (isLoading || error || nftBalance <= 0)) {
-        return null;
-    }
-    return _jsx(FeeDetails.Item, { children: _jsxs("div", { className: 'w-full flex items-center justify-between rounded-b-lg bg-secondary-700 relative text-right', children: [_jsxs("div", { className: 'flex items-center text-primary-buttonTextColor', children: [_jsxs("p", { children: [token?.symbol, " reward"] }), _jsx(ClickTooltip, { text: _jsx("span", { className: "!text-start", children: reward.campaign_type === "for_nft_holders"
-                                    ? "The amount of reward that you'll earn as an NFT holder."
-                                    : "The amount of reward that you'll earn." }) })] }), _jsxs("div", { className: "flex items-center space-x-1 text-secondary-text", children: [_jsx("p", { children: reward.amount }), _jsx("div", { className: "h-5 w-5 relative", children: _jsx("img", { src: token?.logo || '', alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) }), _jsx("p", { children: token?.symbol })] })] }) });
-};
-export default Comp;

package/dist/components/Pages/SwapPages/Form/FeeDetails/DepositMethod/index.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { useCallback, useEffect, useRef } from "react";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../../../shadcn/popover";
-import WalletIcon from "../../../../../Icons/WalletIcon";
-import { AlignLeft, ChevronDown } from "lucide-react";
-import { motion } from "framer-motion";
-import { useDepositMethod } from "../../../../../../context/depositMethodContext";
-import { useQueryState } from "../../../../../../context/query";
-import KnownInternalNames from "../../../../../../lib/knownIds";
-const variants = {
-    open: { rotate: 180 },
-    closed: { rotate: 0 },
-};
-const depositMethods = [
-    {
-        id: 'wallet',
-        display_name: 'Wallet'
-    },
-    {
-        id: 'deposit_address',
-        display_name: 'Deposit address'
-    }
-];
-const DepositMethodComponent = () => {
-    const { values, setFieldValue, } = useFormikContext();
-    const { setShowModal, showModal } = useDepositMethod();
-    const { depositMethod: defaultDepositMethod, hideDepositMethod, appName } = useQueryState();
-    const { from, depositMethod, fromExchange } = values;
-    const name = 'depositMethod';
-    const menuItems = from && GenerateDepositMethodMenuItems(from, depositMethods, appName);
-    const defaultMethod = menuItems?.find(i => i.id === defaultDepositMethod);
-    const menuItemsRef = useRef();
-    menuItemsRef.current = menuItems;
-    useEffect(() => {
-        const first = menuItemsRef.current?.[0]?.id;
-        if (fromExchange) {
-            setFieldValue(name, 'deposit_address', true);
-            return;
-        }
-        else if (defaultMethod) {
-            setFieldValue(name, defaultMethod?.id, true);
-            return;
-        }
-        else if (!(menuItems?.find(i => i.id === depositMethod))) {
-            setFieldValue(name, first, true);
-            return;
-        }
-    }, [from, appName, fromExchange]);
-    const handleSelect = useCallback((item) => {
-        setFieldValue(name, item, true);
-        setShowModal(false);
-    }, [name, depositMethod, menuItems]);
-    const selectedMethod = menuItems?.find(i => i.id === depositMethod)?.display_name;
-    const hasOptions = Number(menuItems?.length) > 1 && !fromExchange;
-    if (!hasOptions || (defaultMethod && hideDepositMethod))
-        return null;
-    return (_jsx("div", { className: "relative w-full mb-1", children: _jsxs(Popover, { open: showModal, onOpenChange: setShowModal, children: [_jsxs(PopoverTrigger, { className: "font-semibold text-secondary-text text-xs flex items-center space-x-1 p-2", children: [_jsx("span", { children: " Transfer via " }), " ", _jsx("span", { children: selectedMethod?.toLowerCase() }), " ", _jsx(motion.div, { animate: showModal ? "open" : "closed", variants: variants, children: _jsx(ChevronDown, { className: " w-4 h-4 " }) })] }), _jsxs(PopoverContent, { className: 'ml-2 mt-1 space-y-1 text-sm p-2 max-w border-none rounded-xl bg-secondary-800 max-w-72 md:max-w-96', align: "start", children: [_jsx(DepositMethod, { onselect: handleSelect, value: "wallet", icon: _jsx(WalletIcon, { strokeWidth: 2, className: "w-6 h-6" }), description: "Connect your wallet and transfer instantly", title: "Wallet", selectedValue: depositMethod }), _jsx(DepositMethod, { onselect: handleSelect, value: "deposit_address", icon: _jsx(AlignLeft, { strokeWidth: 2, className: "w-6 h-6" }), description: "Manually transfer to a Deposit Address generated specifically for you", title: "Deposit address", selectedValue: depositMethod })] })] }) }));
-};
-const DepositMethod = ({ icon, title, description, selectedValue, value, onselect }) => {
-    const selected = selectedValue === value;
-    return (_jsx("div", { className: `p-3 ${selected ? 'text-primary-text bg-secondary-600' : 'text-secondary-text'} flex rounded-lg cursor-pointer hover:bg-secondary-500`, onClick: () => onselect(value), children: _jsxs("div", { className: "grid grid-cols-9 gap-2 md:gap-0 w-full", children: [_jsx("div", { children: icon }), _jsxs("div", { className: " col-span-8   flex", children: [_jsxs("div", { className: "w-full", children: [_jsx("div", { className: `font-semibold text-base`, children: title }), _jsx("div", { className: "text-secondary-text text-xs", children: description })] }), selected &&
-                            _jsx("div", { className: "flex items-center justify-center", children: _jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }) })] })] }) }));
-};
-function GenerateDepositMethodMenuItems(network, depositMethods, appName) {
-    const sourceIsArbitrumOne = network.name?.toUpperCase() === KnownInternalNames.Networks.ArbitrumMainnet?.toUpperCase()
-        || network.name === KnownInternalNames.Networks.ArbitrumGoerli?.toUpperCase();
-    const sourceIsSynquoteArbitrumOne = appName === "ea7df14a1597407f9f755f05e25bab42" && sourceIsArbitrumOne;
-    if (sourceIsSynquoteArbitrumOne) {
-        return depositMethods.filter(m => m.id === 'deposit_address');
-    }
-    return depositMethods.filter(m => network?.deposit_methods?.some(dm => dm === m.id));
-}
-export default DepositMethodComponent;

package/dist/components/Pages/SwapPages/Form/FeeDetails/DetailedEstimates.d.ts

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

package/dist/components/Pages/SwapPages/Form/FeeDetails/DetailedEstimates.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { useFee } from "../../../../../context/feeContext";
-import AverageCompletionTime from "../../../../Common/AverageCompletionTime";
-import { truncateDecimals } from "../../../../utils/RoundDecimals";
-const DetailedEstimates = () => {
-    const { values } = useFormikContext();
-    const { fromCurrency } = values;
-    const { fee, isFeeLoading } = useFee();
-    const feeDiscount = fee?.quote?.fee_discount || 0;
-    const feeDiscountInUsd = feeDiscount * (fee?.quote.source_token?.price_in_usd || 0);
-    const fee_amount = fee?.quote.total_fee && fee.quote.total_fee - feeDiscount;
-    const fullFeeAmount = fee?.quote.total_fee || 0;
-    const fullParsedFeeAmount = fullFeeAmount && parseFloat(Number(fullFeeAmount).toFixed(fromCurrency?.precision));
-    const parsedFee = fee && truncateDecimals(Number(fee_amount), fromCurrency?.precision);
-    const currencyName = fromCurrency?.symbol || " ";
-    const feeAmountInUsd = fee?.quote.total_fee_in_usd && (fee?.quote.total_fee_in_usd - feeDiscountInUsd);
-    const displayFeeInUsd = feeAmountInUsd ? (feeAmountInUsd < 0.01 ? '<$0.01' : `$${feeAmountInUsd?.toFixed(2)}`) : null;
-    return _jsxs("div", { className: "flex flex-col w-full gap-2", children: [fee && fee.quote.avg_completion_time !== '00:00:00' ?
-                _jsx("div", { className: "flex justify-between w-full items-center", children: _jsxs("div", { className: "flex items-baseline w-full justify-between gap-1", children: [_jsx("label", { className: "inline-flex items-center text-left text-primary-buttonTextColor", children: "Estimated time" }), _jsx("div", { className: "text-right text-secondary-text", children: _jsx(AverageCompletionTime, { avgCompletionTime: fee.quote.avg_completion_time }) })] }) })
-                :
-                    _jsx(_Fragment, {}), _jsx("div", { className: "flex justify-between w-full items-center", children: _jsxs("div", { className: "flex items-baseline w-full justify-between gap-1", children: [_jsx("label", { className: "inline-flex items-center text-left text-primary-buttonTextColor", children: "Fee" }), _jsx("div", { className: "text-right text-secondary-text ", children: isFeeLoading ? (_jsx("div", { className: 'h-[10px] w-16 inline-flex bg-gray-500 rounded-sm animate-pulse' })) : (_jsxs("div", { children: [feeDiscount > 0 ?
-                                        _jsxs("span", { className: "ml-1", children: [_jsxs("span", { className: "line-through", children: [_jsx("span", { children: fullParsedFeeAmount || '-' }), " ", _jsx("span", { children: fee_amount == 0 ? currencyName : '' })] }), _jsxs("span", { className: "ml-1", children: [_jsx("span", { children: fee_amount && fee_amount > 0 ? parsedFee : 'Free' }), " ", _jsx("span", { children: fee_amount && fee_amount > 0 ? currencyName : '' })] })] })
-                                        :
-                                            _jsxs("span", { children: [parsedFee || '-', " "] }), _jsx("span", { children: (parsedFee && !feeDiscount) ? currencyName : '' }), displayFeeInUsd !== undefined && fee_amount ? (_jsxs("span", { className: "text-xs ml-1 font-medium", children: ["(", displayFeeInUsd, ")"] }))
-                                        : null] })) })] }) })] });
-};
-export default DetailedEstimates;

package/dist/components/Pages/SwapPages/Form/FeeDetails/FeeDetailsComponent.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-declare const FeeDetails: {
-    ({ children }: {
-        children: ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, icon }: FeeDetailsItemProps) => import("react/jsx-runtime").JSX.Element;
-};
-type FeeDetailsItemProps = {
-    children: ReactNode;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    icon?: JSX.Element;
-};
-export default FeeDetails;

package/dist/components/Pages/SwapPages/Form/FeeDetails/FeeDetailsComponent.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FeeDetails = ({ children }) => {
-    return _jsx("div", { className: "flex flex-col divide-y-2 divide-secondary-900 rounded-lg bg-secondary-700 overflow-hidden text-sm", children: children });
-};
-const Item = (function Item({ children, icon }) {
-    return (_jsxs("div", { className: `gap-4 flex relative items-center outline-none w-full text-primary-text px-4 py-3`, children: [icon &&
-                _jsx("div", { children: icon }), children] }));
-});
-FeeDetails.Item = Item;
-export default FeeDetails;

package/dist/components/Pages/SwapPages/Form/FeeDetails/ReceiveAmounts.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowRight, Fuel } from "lucide-react";
-import { roundDecimals } from "../../../../utils/RoundDecimals";
-//TODO: remove destination_token prop
-export const ReceiveAmounts = ({ source_token, destination_token, refuel, fee, onButtonClick, isFeeLoading }) => {
-    const receive_amount = fee?.quote.receive_amount;
-    const parsedReceiveAmount = parseFloat(receive_amount?.toFixed(destination_token?.precision) || "");
-    const receiveAmountInUsd = receive_amount && destination_token && fee.quote?.destination_token?.price_in_usd ? (receive_amount * fee.quote.destination_token.price_in_usd).toFixed(2) : undefined;
-    return _jsxs("div", { className: "w-full h-full", children: [_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("span", { className: "md:font-semibold text-sm text-primary-buttonTextColor leading-8 md:leading-8 flex-1", children: "You will receive" }), isFeeLoading ? (_jsx("div", { className: 'h-[10px] w-16 inline-flex bg-gray-500 rounded-sm animate-pulse self-center' })) :
-                        _jsx("div", { className: "text-sm md:text-base flex flex-col items-end", children: source_token && destination_token && parsedReceiveAmount > 0 ?
-                                _jsx("div", { className: "font-semibold md:font-bold text-right leading-8", children: _jsx("div", { className: "flex items-center justify-end", children: _jsxs("p", { children: [_jsx(_Fragment, { children: parsedReceiveAmount }), "\u00A0", _jsx("span", { children: destination_token?.symbol }), receiveAmountInUsd !== undefined && Number(receiveAmountInUsd) > 0 &&
-                                                    _jsxs("span", { className: "text-secondary-text text-xs font-medium ml-1 block md:inline-block", children: ["($", receiveAmountInUsd, ")"] })] }) }) })
-                                : '-' })] }), refuel && fee?.refuel?.amount ?
-                _jsxs("p", { onClick: () => onButtonClick(), className: 'flex cursor-pointer justify-end rounded-md gap-1 items-center text-xs text-primary-buttonTextColor leading-8 md:leading-none font-semibold', children: [_jsxs("span", { children: [(fee?.quote?.refuel_in_source && source_token) ? roundDecimals(fee?.quote?.refuel_in_source, source_token?.precision) : '-', " ", source_token?.symbol] }), _jsx("span", { children: _jsx(ArrowRight, { className: "h-3 w-3" }) }), " ", _jsxs("span", { children: [fee?.refuel?.amount, " ", fee?.refuel?.token?.symbol] }), " ", _jsx("span", { className: "bg-primary/20 p-1 rounded-md", children: _jsx(Fuel, { className: "h-3 w-3 text-primary" }) })] })
-                :
-                    _jsx(_Fragment, {})] });
-};

package/dist/components/Pages/SwapPages/Form/FeeDetails/Refuel.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type RefuelProps = {
-    onButtonClick: () => void;
-};
-declare const RefuelToggle: FC<RefuelProps>;
-export default RefuelToggle;

package/dist/components/Pages/SwapPages/Form/FeeDetails/Refuel.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ToggleButton from "../../../../Buttons/toggleButton";
-import { useFormikContext } from "formik";
-import { useEffect, useRef } from "react";
-import { Info } from "lucide-react";
-import { isValidAddress } from "../../../../../lib/address/validator";
-import ResizablePanel from "../../../../Common/ResizablePanel";
-import useSWRBalance from "../../../../../lib/balances/useSWRBalance";
-const RefuelToggle = ({ onButtonClick }) => {
-    const { values, setFieldValue } = useFormikContext();
-    const { toCurrency, to, destination_address, refuel } = values;
-    const { balance } = useSWRBalance(destination_address, to);
-    const destinationNativeBalance = destination_address && balance?.find(b => (b.token === to?.token?.symbol) && (b.network === to.name));
-    const needRefuel = toCurrency && toCurrency.refuel && to && to.token && isValidAddress(destination_address, to) && destinationNativeBalance && destinationNativeBalance?.amount == 0 && !refuel;
-    const previouslySelectedDestination = useRef(to);
-    useEffect(() => {
-        if (to && previouslySelectedDestination.current !== to && !!refuel) {
-            setFieldValue('refuel', false);
-        }
-        previouslySelectedDestination.current = to;
-    }, [to, destination_address, toCurrency]);
-    const handleConfirmToggleChange = (value) => {
-        setFieldValue('refuel', value);
-    };
-    return (_jsx(ResizablePanel, { children: _jsx("div", { className: `gap-4 flex relative items-center outline-none w-full text-primary-text px-3.5 py-2.5 border border-transparent transition-colors duration-200 rounded-t-lg ${needRefuel && ' !border-primary'}`, children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("button", { type: "button", onClick: () => onButtonClick(), children: [_jsxs("div", { className: "font- flex items-center text-sm", children: [_jsx("p", { className: "text-primary-buttonTextColor", children: "Refuel" }), _jsx(Info, { className: "h-3.5 text-secondary-text hover:text-primary-buttonTextColor", "aria-hidden": "true", strokeWidth: 2.5 })] }), needRefuel &&
-                                _jsxs("p", { className: "text-secondary-text", children: [_jsx("span", { children: "You need gas on" }), " ", _jsx("span", { children: to.display_name })] })] }), _jsx(ToggleButton, { value: !!refuel, onChange: handleConfirmToggleChange })] }) }) }));
-};
-export default RefuelToggle;

package/dist/components/Pages/SwapPages/Form/FeeDetails/RefuelModal.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fuel } from 'lucide-react';
-import { roundDecimals, truncateDecimals } from '../../../../utils/RoundDecimals';
-import SubmitButton from '../../../../Buttons/submitButton';
-import SecondaryButton from '../../../../Buttons/secondaryButton';
-import { useFormikContext } from 'formik';
-import { useFee } from '../../../../../context/feeContext';
-import useSWRBalance from '../../../../../lib/balances/useSWRBalance';
-import VaulDrawer from '../../../../Modal/vaulModal';
-const RefuelModal = ({ openModal, setOpenModal }) => {
-    const { values, setFieldValue } = useFormikContext();
-    const { to, toCurrency, refuel, destination_address } = values || {};
-    const { fee } = useFee();
-    const nativeAsset = to?.token;
-    const token_usd_price = fee?.quote?.destination_network?.token?.price_in_usd || nativeAsset?.price_in_usd;
-    const { balance } = useSWRBalance(destination_address, to);
-    const destNativeTokenBalance = balance?.find(b => b.token === nativeAsset?.symbol && b.network === to?.name);
-    const amountInUsd = (destNativeTokenBalance && token_usd_price) ? (destNativeTokenBalance.amount * token_usd_price).toFixed(2) : undefined;
-    const closeModal = () => {
-        setOpenModal(false);
-    };
-    const enabldeRefuel = () => {
-        setFieldValue('refuel', true);
-        setOpenModal(false);
-    };
-    return (_jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, modalId: "refuel", children: _jsx(VaulDrawer.Snap, { id: 'item-1', children: _jsxs("div", { className: "flex flex-col items-center gap-6 mt-2", children: [_jsx("div", { className: "relative z-10 flex h-28 w-28 items-center justify-center rounded-xl p-2 bg-primary/20", children: _jsx(Fuel, { className: "h-16 w-16 text-primary", "aria-hidden": "true" }) }), _jsxs("div", { className: "text-center max-w-72", children: [_jsx("p", { className: "text-2xl", children: "About Refuel" }), _jsxs("p", { className: "text-secondary-text", children: [_jsx("span", { children: "You can get a small amount of" }), " ", _jsx("span", { children: nativeAsset?.symbol }), " ", _jsx("span", { children: "that can be used for covering gas fees on" }), " ", _jsxs("span", { children: [to?.display_name, "."] })] })] }), (values.refuel || destNativeTokenBalance) &&
-                        _jsxs("div", { className: "flex flex-col divide-y-2 divide-secondary-900 w-full rounded-lg bg-secondary-700 overflow-hidden", children: [destNativeTokenBalance &&
-                                    _jsx("div", { className: "gap-4 flex relative items-center outline-none w-full text-primary-text px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("div", { className: "text-secondary-text", children: _jsx("span", { children: "Your current balance" }) }), _jsxs("p", { className: 'text-end', children: [_jsxs("span", { children: [truncateDecimals(destNativeTokenBalance.amount, nativeAsset?.precision), " ", nativeAsset?.symbol] }), " ", _jsxs("span", { className: "text-secondary-text", children: ["($", amountInUsd, ")"] })] })] }) }), toCurrency?.refuel && nativeAsset &&
-                                    _jsx("div", { className: "gap-4 flex relative items-center outline-none w-full text-primary-text px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("div", { className: "text-secondary-text", children: "You will receive" }), _jsxs("p", { children: [_jsxs("span", { children: [roundDecimals(toCurrency.refuel?.amount, nativeAsset.precision), " ", nativeAsset?.symbol] }), " ", _jsxs("span", { className: "text-secondary-text", children: ["($", toCurrency.refuel?.amount_in_usd, ")"] })] })] }) })] }), _jsxs("div", { className: 'flex flex-col gap-3 w-full h-full', children: [!refuel &&
-                                _jsx(SubmitButton, { type: "button", onClick: enabldeRefuel, children: "Enable Refuel" }), _jsx(SecondaryButton, { type: "button", className: 'h-full w-full py-3', onClick: closeModal, children: "Close" })] })] }) }) }));
-};
-export default RefuelModal;

package/dist/components/Pages/SwapPages/Form/FeeDetails/index.d.ts

@@ -1,4 +0,0 @@
-import { SwapFormValues } from '../SwapFormValues';
-export default function FeeDetailsComponent({ values }: {
-    values: SwapFormValues;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Pages/SwapPages/Form/FeeDetails/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ReceiveAmounts } from './ReceiveAmounts';
-import DetailedEstimates from './DetailedEstimates';
-import FeeDetails from './FeeDetailsComponent';
-import { useState } from 'react';
-import DepositMethod from './DepositMethod';
-import Campaign from './Campaign';
-import { useFee } from '../../../../../context/feeContext';
-import { useQueryState } from '../../../../../context/query';
-import ResizablePanel from '../../../../Common/ResizablePanel';
-import RefuelToggle from './Refuel';
-import RefuelModal from './RefuelModal';
-// const RefuelModal = dynamic(() => import("./RefuelModal"), {
-//     loading: () => <></>,
-// });
-// const RefuelToggle = dynamic(() => import("./Refuel"), {
-//     loading: () => <></>,
-// });
-export default function FeeDetailsComponent({ values }) {
-    const { toCurrency, to, refuel, toExchange, from, fromCurrency, amount, destination_address } = values || {};
-    const { fee, isFeeLoading } = useFee();
-    const query = useQueryState();
-    const [openRefuelModal, setOpenRefuelModal] = useState(false);
-    return (_jsxs("span", { className: amount ? 'visible' : 'hidden', children: [_jsxs(ResizablePanel, { children: [from && to && toCurrency && fromCurrency &&
-                        _jsx(DepositMethod, {}), _jsxs(FeeDetails, { children: [toCurrency?.refuel && !query.hideRefuel && !toExchange &&
-                                _jsx(RefuelToggle, { onButtonClick: () => setOpenRefuelModal(true) }), (fee || isFeeLoading) && fromCurrency && toCurrency &&
-                                _jsx(FeeDetails.Item, { children: _jsx(DetailedEstimates, {}) }), values.to &&
-                                values.toCurrency &&
-                                destination_address &&
-                                _jsx(Campaign, { destination: values.to, reward: fee?.reward, destinationAddress: destination_address }), _jsx(FeeDetails.Item, { children: _jsx(ReceiveAmounts, { source_token: fromCurrency, destination_token: toCurrency, refuel: !!refuel, fee: fee, onButtonClick: () => setOpenRefuelModal(true), isFeeLoading: isFeeLoading }) })] })] }), _jsx(RefuelModal, { openModal: openRefuelModal, setOpenModal: setOpenRefuelModal })] }));
-}