@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/Input/NetworkFormField.js

@@ -1,209 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
-import { useSettingsState } from "../../context/settings";
-import CommandSelectWrapper from "../Pages/SwapPages/Form/Select/Command/CommandSelectWrapper";
-import { ResolveExchangeOrder, ResolveNetworkOrder, SortAscending, SortNetworks } from "../../lib/sorting";
-import { SelectMenuItemGroup } from "../Pages/SwapPages/Form/Select/Command/commandSelect";
-import { useQueryState } from "../../context/query";
-import CurrencyFormField from "./CurrencyFormField";
-import useSWR from 'swr';
-import LayerSwapApiClient from "../../lib/layerSwapApiClient";
-import CurrencyGroupFormField from "./CEXCurrencyFormField";
-import { resolveExchangesURLForSelectedToken, resolveNetworkRoutesURL } from "../../helpers/routes";
-import RouteIcon from "./RouteIcon";
-import SourceWalletPicker from "./SourceWalletPicker";
-import DestinationWalletPicker from "./DestinationWalletPicker";
-import Address from "./Address";
-import AppSettings from "../../lib/AppSettings";
-const GROUP_ORDERS = { "Popular": 1, "Fiat": 3, "Networks": 4, "Exchanges": 5, "Other": 10, "Unavailable": 20 };
-export const ONE_WEEK = 7 * 24 * 60 * 60 * 1000;
-const getGroupName = (value, type, canShowInPopular, popularNetworks) => {
-    if (type === 'network' && popularNetworks?.includes(value.name) && canShowInPopular) {
-        return "Popular";
-    }
-    else if (type === 'network') {
-        return "Networks";
-    }
-    else if (type === 'cex') {
-        return "Exchanges";
-    }
-    else {
-        return "Other";
-    }
-};
-const NetworkFormField = forwardRef(function NetworkFormField({ direction, label, className, partner }, ref) {
-    const { values, setFieldValue, } = useFormikContext();
-    const name = direction;
-    const { from, to, fromCurrency, toCurrency, fromExchange, toExchange, currencyGroup } = values;
-    const query = useQueryState();
-    const { lockFrom, lockTo } = query;
-    const { sourceExchanges, destinationExchanges, destinationRoutes, sourceRoutes } = useSettingsState();
-    let placeholder = "";
-    let searchHint = "";
-    let menuItems;
-    const shouldFilter = direction === 'from' ? ((to && toCurrency) || (toExchange && currencyGroup)) : ((from && fromCurrency) || (fromExchange && currencyGroup));
-    const sameAccountNetwork = resolveSameAccountNetwork({ direction, networkname: query.sameAccountNetwork, from, to });
-    const networkTypes = sameAccountNetwork ? [sameAccountNetwork.type] : undefined;
-    const networkRoutesURL = shouldFilter ? resolveNetworkRoutesURL(direction, values, networkTypes) : null;
-    const apiClient = new LayerSwapApiClient();
-    const { data: routes, isLoading, error } = useSWR(networkRoutesURL, apiClient.fetcher, { keepPreviousData: true, dedupingInterval: 10000 });
-    const [routesData, setRoutesData] = useState(direction === 'from' ? sourceRoutes : destinationRoutes);
-    const exchangeRoutesURL = shouldFilter ? resolveExchangesURLForSelectedToken(direction, values) : null;
-    const { data: exchanges, isLoading: exchnagesDataLoading, } = useSWR(exchangeRoutesURL, apiClient.fetcher, { keepPreviousData: true, dedupingInterval: 10000, });
-    const [exchangesData, setExchangesData] = useState(direction === 'from' ? sourceExchanges : destinationExchanges);
-    useEffect(() => {
-        if (!exchnagesDataLoading && exchanges?.data)
-            setExchangesData(exchanges.data);
-    }, [exchanges]);
-    useEffect(() => {
-        if (!isLoading && routes?.data)
-            setRoutesData(routes.data);
-    }, [routes]);
-    const disableExchanges = AppSettings.DisableExchanges === true || sameAccountNetwork;
-    const popularRoutes = useMemo(() => routesData
-        ?.filter(r => r.tokens?.some(r => r.status === 'active'))
-        ?.sort((a, b) => (direction === "from"
-        ? (a.source_rank ?? 0) - (b.source_rank ?? 0)
-        : (a.destination_rank ?? 0) - (b.destination_rank ?? 0)))
-        .slice(0, 5)
-        .map(r => r.name) || [], [routesData]);
-    if (direction === "from") {
-        placeholder = "Source";
-        searchHint = "Swap from";
-        menuItems = GenerateMenuItems({
-            routesData,
-            exchanges: (toExchange || disableExchanges ? [] : exchangesData),
-            direction,
-            lock: !!(from && lockFrom),
-            query, popularRoutes,
-            from,
-            to
-        });
-    }
-    else {
-        placeholder = "Destination";
-        searchHint = "Swap to";
-        menuItems = GenerateMenuItems({
-            routesData,
-            exchanges: (fromExchange || disableExchanges ? [] : exchangesData),
-            direction,
-            lock: !!(to && lockTo),
-            query, popularRoutes,
-            from,
-            to
-        });
-    }
-    const value = menuItems.find(x => !x.isExchange ?
-        x.id == (direction === "from" ? from : to)?.name :
-        x.id == (direction === 'from' ? fromExchange : toExchange)?.name);
-    const handleSelect = useCallback((item) => {
-        if (item.baseObject.name === value?.baseObject.name)
-            return;
-        if (item.isExchange) {
-            setFieldValue(name, null);
-            setFieldValue(`${name}Currency`, null);
-            setFieldValue(`${name}Exchange`, item.baseObject, true);
-        }
-        else {
-            setFieldValue(`${name}Exchange`, null);
-            setFieldValue(name, item.baseObject, true);
-        }
-    }, [name, value]);
-    const isLocked = direction === 'from' ? !!lockFrom : !!lockTo;
-    return (_jsxs("div", { className: `${className}`, children: [_jsxs("div", { className: "flex justify-between items-center px-3 pt-2", children: [_jsx("label", { htmlFor: name, className: "block font-medium text-secondary-text text-sm pl-1 py-1", children: label }), direction === "from" ?
-                        _jsx(SourceWalletPicker, {})
-                        : _jsx(_Fragment, { children: !value?.isExchange &&
-                                _jsx("span", { children: _jsx(Address, { partner: partner, children: ({ destination, disabled, addressItem, connectedWallet, partner }) => _jsx(DestinationWalletPicker, { destination: destination, disabled: disabled, addressItem: addressItem, connectedWallet: connectedWallet, partner: partner }) }) }) })] }), _jsxs("div", { ref: ref, className: "p-3 rounded-xl grid grid-flow-row-dense grid-cols-6 items-center gap-2", children: [_jsx("div", { className: "col-span-4", children: _jsx(CommandSelectWrapper, { disabled: isLocked || isLoading, valueGrouper: groupByType, placeholder: placeholder, setValue: handleSelect, value: value, values: menuItems, searchHint: searchHint, isLoading: isLoading, direction: direction }) }), _jsx("div", { className: "col-span-2 w-full", children: value?.isExchange ?
-                            _jsx(CurrencyGroupFormField, { direction: name })
-                            :
-                                _jsx(CurrencyFormField, { direction: name }) })] })] }));
-});
-function groupByType(values) {
-    let groups = [];
-    values.forEach((v) => {
-        let group = groups.find(x => x.name == v.group) || new SelectMenuItemGroup({ name: v.group, items: [] });
-        group.items.push(v);
-        if (!groups.find(x => x.name == v.group)) {
-            groups.push(group);
-        }
-    });
-    groups.sort((a, b) => {
-        // Sort put networks first then exchanges
-        return (GROUP_ORDERS[a.name] || GROUP_ORDERS.Other) - (GROUP_ORDERS[b.name] || GROUP_ORDERS.Other);
-    });
-    return groups;
-}
-function GenerateMenuItems(props) {
-    const { direction, exchanges, lock, popularRoutes, query, routesData: routes, from, to } = props;
-    const featuredNetwork = AppSettings.FeaturedNetwork;
-    let mappedLayers = routes?.map(r => {
-        const isNewlyListed = r?.tokens?.every(t => new Date(t?.listing_date)?.getTime() >= new Date().getTime() - ONE_WEEK);
-        const badge = isNewlyListed ? (_jsx("span", { className: "bg-secondary-50 px-1 rounded text-xs flex items-center", children: "New" })) : undefined;
-        const isAvailable = !lock &&
-            (r.tokens?.some(r => r.status === 'active' || r.status === 'not_found') ||
-                !query.lockAsset && !query.lockFromAsset && !query.lockToAsset && !query.lockFrom && !query.lockTo && !query.lockNetwork && !query.lockExchange && r.tokens?.some(r => r.status !== 'inactive'));
-        const order = ResolveNetworkOrder(r, isNewlyListed);
-        const routeNotFound = isAvailable && !r.tokens?.some(r => r.status === 'active');
-        const res = {
-            baseObject: r,
-            id: r.name,
-            name: r.display_name,
-            order,
-            imgSrc: r.logo,
-            isAvailable: isAvailable,
-            group: getGroupName(r, 'network', isAvailable && !routeNotFound, popularRoutes),
-            isExchange: false,
-            badge,
-            leftIcon: _jsx(RouteIcon, { direction: direction, isAvailable: isAvailable, routeNotFound: false, type: "network" }),
-        };
-        return res;
-    }).sort(SortNetworks) || [];
-    let mappedExchanges = exchanges?.map(e => {
-        const res = {
-            baseObject: e,
-            id: e.name,
-            name: e.display_name,
-            order: ResolveExchangeOrder(e, direction),
-            imgSrc: e.logo,
-            isAvailable: lock ? false : true,
-            group: getGroupName(e, 'cex'),
-            isExchange: true,
-        };
-        return res;
-    }).sort(SortAscending) || [];
-    if (featuredNetwork && featuredNetwork.oppositeDirectionOverrides) {
-        const overrides = featuredNetwork.oppositeDirectionOverrides;
-        const featuredNetworkCureentDirection = from?.name === featuredNetwork.network ? 'from' : 'to';
-        if (direction !== featuredNetworkCureentDirection) {
-            if (overrides === 'onlyNetworks') {
-                mappedLayers = mappedLayers.filter(item => item.isExchange || item.baseObject.name !== featuredNetwork.network);
-                mappedExchanges = [];
-            }
-            else if (overrides === 'onlyExchanges') {
-                mappedExchanges = mappedExchanges.filter(item => item.baseObject.name !== featuredNetwork.network);
-                mappedLayers = [];
-            }
-            else if (Array.isArray(overrides)) {
-                mappedLayers = mappedLayers.filter(item => !overrides.includes(item.baseObject.name));
-                mappedExchanges = mappedExchanges.filter(item => !overrides.includes(item.baseObject.name));
-            }
-        }
-        else {
-            mappedLayers = mappedLayers.filter(item => item.baseObject.name == featuredNetwork.network);
-            mappedExchanges = mappedExchanges.filter(item => item.baseObject.name == featuredNetwork.network);
-        }
-    }
-    const items = [...mappedExchanges, ...mappedLayers];
-    return items;
-}
-const resolveSameAccountNetwork = (props) => {
-    const { direction, networkname, from, to } = props;
-    if (direction === 'from') {
-        return to?.name.toLowerCase() === networkname?.toLowerCase() ? to : undefined;
-    }
-    else {
-        return from?.name.toLowerCase() === networkname?.toLowerCase() ? from : undefined;
-    }
-};
-export default NetworkFormField;

package/dist/components/Input/NumericInput.d.ts

@@ -1,22 +0,0 @@
-import { ChangeEvent, FC } from "react";
-type Input = {
-    label?: JSX.Element | JSX.Element[];
-    pattern?: string;
-    disabled?: boolean;
-    placeholder: string;
-    min?: number;
-    max?: number;
-    minLength?: number;
-    maxLength?: number;
-    precision?: number;
-    step?: number;
-    name: string;
-    className?: string;
-    children?: JSX.Element | JSX.Element[] | null;
-    ref?: any;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-};
-declare const NumericInput: FC<Input>;
-export default NumericInput;

package/dist/components/Input/NumericInput.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useField, useFormikContext } from "formik";
-import { forwardRef } from "react";
-import { classNames } from '../utils/classNames';
-// Use with Formik
-const NumericInput = forwardRef(function NumericInput({ label, pattern, disabled, placeholder, min, max, minLength, maxLength, precision, step, name, className, children, onChange, onFocus, onBlur }, ref) {
-    const { handleChange } = useFormikContext();
-    const [field] = useField(name);
-    return _jsxs("div", { children: [label &&
-                _jsx("label", { htmlFor: name, className: "block font-semibold text-secondary-text text-sm mb-1.5 w-full", children: label }), _jsxs("div", { className: "flex relative w-full", children: [_jsx("input", { ...field, pattern: pattern ? pattern : "^[0-9]*[.,]?[0-9]*$", inputMode: "decimal", autoComplete: "off", disabled: disabled, placeholder: placeholder, autoCorrect: "off", min: min, max: max, minLength: minLength, maxLength: maxLength, onInput: (event) => { replaceComma(event); limitDecimalPlaces(event, precision); }, onFocus: onFocus, onBlur: onBlur, type: "text", step: step, name: name, id: name, ref: ref, className: classNames('disabled:cursor-not-allowed h-12 leading-4 shadow-sm border-secondary-500 placeholder:text-primary-text-placeholder bg-secondary-700 focus:ring-primary focus:border-primary block min-w-0 rounded-lg font-semibold border-0', className), onChange: onChange ? onChange : e => {
-                            /^[0-9]*[.,]?[0-9]*$/.test(e.target.value) && handleChange(e);
-                        } }), _jsx(_Fragment, { children: children })] })] });
-});
-function limitDecimalPlaces(e, count) {
-    if (e.target.value.indexOf('.') == -1) {
-        return;
-    }
-    if ((e.target.value.length - e.target.value.indexOf('.')) > count) {
-        e.target.value = ParseFloat(e.target.value, count);
-    }
-}
-function ParseFloat(str, val) {
-    str = str.toString();
-    str = str.slice(0, (str.indexOf(".")) + val + 1);
-    return Number(str);
-}
-function replaceComma(e) {
-    var val = e.target.value;
-    if (val.match(/\,/)) {
-        val = val.replace(/\,/g, '.');
-        e.target.value = val;
-    }
-}
-export default NumericInput;

package/dist/components/Input/RouteIcon.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-type Props = {
-    isAvailable: boolean;
-    routeNotFound: boolean;
-    direction: string;
-    type: 'network' | 'token';
-};
-declare const RouteIcon: FC<Props>;
-export default RouteIcon;

package/dist/components/Input/RouteIcon.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../shadcn/tooltip";
-import { Info, RouteOff } from "lucide-react";
-const RouteIcon = (props) => {
-    const { isAvailable, routeNotFound, direction, type } = props;
-    if (!isAvailable)
-        return _jsxs(Tooltip, { delayDuration: 200, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "absolute -left-1 top-0.5 z-50", children: _jsx(Info, { className: "!w-4 text-primary-text-placeholder hover:text-primary-text icoooooooooon" }) }) }), _jsx(TooltipContent, { children: _jsxs("p", { className: "max-w-72", children: [_jsx("span", { children: "Transfers" }), " ", _jsx("span", { children: direction }), " ", _jsx("span", { children: "this" }), " ", _jsx("span", { children: type }), " ", _jsx("span", { children: "are not available at the moment. Please try later." })] }) })] });
-    if (routeNotFound)
-        return _jsxs(Tooltip, { delayDuration: 200, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "absolute -left-0.5 top-0.5 z-50", children: _jsx(RouteOff, { className: "!w-3 text-primary-text-placeholder hover:text-primary-text icoooooooooon" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { className: "max-w-72", children: "Route unavailable" }) })] });
-    return null;
-};
-export default RouteIcon;

package/dist/components/Input/SourceWalletPicker.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-declare const Component: FC;
-export declare const FormSourceWalletButton: FC;
-export default Component;

package/dist/components/Input/SourceWalletPicker.js

@@ -1,134 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { useEffect, useState } from "react";
-import useWallet from "../../hooks/useWallet";
-import shortenAddress from "../utils/ShortenAddress";
-import { ChevronDown, CircleHelp, QrCode } from "lucide-react";
-import Balance from "./Amount/Balance";
-import { useSwapDataState, useSwapDataUpdate } from "../../context/swap";
-import VaulDrawer, { WalletFooterPortal } from "../Modal/vaulModal";
-import WalletIcon from "../Icons/WalletIcon";
-import SubmitButton from "../Buttons/submitButton";
-import { useConnectModal } from "../Wallet/WalletModal";
-import WalletsList from "../Wallet/WalletComponents/WalletsList";
-import { Popover, PopoverContent, PopoverTrigger } from "../shadcn/popover";
-import clsx from "clsx";
-import FilledCheck from "../Icons/FilledCheck";
-const Component = () => {
-    const [openModal, setOpenModal] = useState(false);
-    const { values, setFieldValue } = useFormikContext();
-    const { setSelectedSourceAccount } = useSwapDataUpdate();
-    const { selectedSourceAccount } = useSwapDataState();
-    const walletNetwork = values.fromExchange ? undefined : values.from;
-    const source_token = values.fromCurrency;
-    const destination_address = values.destination_address;
-    const { provider } = useWallet(walletNetwork, 'withdrawal');
-    const { selectedConnector } = useConnectModal();
-    const availableWallets = provider?.connectedWallets?.filter(w => !w.isNotAvailable) || [];
-    const selectedWallet = selectedSourceAccount?.wallet;
-    //TODO: sort by active wallet
-    const defaultWallet = walletNetwork && availableWallets?.find(w => !w.isNotAvailable);
-    const source_addsress = selectedSourceAccount?.address;
-    useEffect(() => {
-        if (!source_addsress && defaultWallet && values.depositMethod !== 'deposit_address') {
-            setSelectedSourceAccount({
-                wallet: defaultWallet,
-                address: defaultWallet.address
-            });
-        }
-    }, [defaultWallet?.address, source_addsress, values.depositMethod, destination_address]);
-    useEffect(() => {
-        if (values.depositMethod === 'deposit_address' || !defaultWallet?.address || (selectedSourceAccount && !availableWallets.some(w => w?.addresses?.some(a => a === selectedSourceAccount.address)))) {
-            setSelectedSourceAccount(undefined);
-        }
-    }, [values.depositMethod, defaultWallet?.address, availableWallets.length]);
-    const handleWalletChange = () => {
-        setOpenModal(true);
-    };
-    const handleSelectWallet = (wallet, address) => {
-        if (wallet && address) {
-            setSelectedSourceAccount({
-                wallet,
-                address
-            });
-            setFieldValue('depositMethod', 'wallet');
-        }
-        else {
-            setSelectedSourceAccount(undefined);
-            setFieldValue('depositMethod', 'deposit_address');
-        }
-        setOpenModal(false);
-    };
-    if (!walletNetwork || !source_token)
-        return _jsx(_Fragment, {});
-    return _jsxs(_Fragment, { children: [values.depositMethod === 'deposit_address' ?
-                _jsx("div", { className: "flex items-center space-x-2 text-sm leading-4", children: _jsxs("div", { onClick: handleWalletChange, className: "rounded-md bg-secondary-500 flex space-x-1 items-center py-0.5 pl-2 pr-1 cursor-pointer", children: [_jsx("div", { className: "text-secondary-text", children: "Manual Transfer" }), _jsx("div", { className: "w-5 h-5 items-center flex", children: _jsx(ChevronDown, { className: "h-4 w-4", "aria-hidden": "true" }) })] }) })
-                :
-                    _jsx("div", { className: "rounded-lg bg-secondary-800 pl-2 flex items-center space-x-2 text-sm leading-4", children: selectedWallet && selectedSourceAccount?.address && _jsxs(_Fragment, { children: [_jsx("div", { children: _jsx(Balance, { values: values, direction: "from" }) }), _jsxs("div", { onClick: handleWalletChange, className: "rounded-lg bg-secondary-500 flex space-x-1 items-center py-0.5 pl-2 pr-1 cursor-pointer", children: [_jsx("div", { className: "inline-flex items-center relative p-0.5", children: _jsx(selectedWallet.icon, { className: "w-5 h-5" }) }), _jsx("div", { className: "text-primary-text", children: shortenAddress(selectedSourceAccount.address) }), _jsx("div", { className: "w-5 h-5 items-center flex", children: _jsx(ChevronDown, { className: "h-4 w-4", "aria-hidden": "true" }) })] })] }) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: 'Send from', modalId: "connectedWallets", children: _jsxs(VaulDrawer.Snap, { id: "item-1", className: "pb-6 flex flex-col gap-3", children: [_jsx("div", { className: clsx('w-full order-1', {
-                                'order-3 space-y-2': values.depositMethod == 'deposit_address',
-                            }), children: _jsx(WalletsList, { provider: provider, wallets: availableWallets, onSelect: handleSelectWallet, token: source_token, network: walletNetwork, selectable: true }) }), values.from?.deposit_methods?.includes('deposit_address') && !selectedConnector &&
-                            _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-center gap-2 text-secondary-text order-2", children: [_jsx("hr", { className: "border-secondary-400 w-full" }), _jsx("p", { children: "or" }), _jsx("hr", { className: "border-secondary-400 w-full" })] }), _jsxs("button", { onClick: () => handleSelectWallet(), className: clsx('w-full relative flex items-center justify-between gap-2 rounded-lg outline-none bg-secondary-700 p-3 py-4 text-secondary-text hover:bg-secondary-600 cursor-pointer order-1', {
-                                            'order-3': values.depositMethod !== 'deposit_address',
-                                        }), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(QrCode, { className: "w-5 h-5" }), _jsx("div", { className: "text-base", children: "Transfer Manually" })] }), values.depositMethod == 'deposit_address' &&
-                                                _jsx("div", { className: "flex h-6 items-center px-1", children: _jsx(FilledCheck, {}) })] })] })] }) })] });
-};
-export const FormSourceWalletButton = () => {
-    const [openModal, setOpenModal] = useState(false);
-    const { values, setFieldValue } = useFormikContext();
-    const { setSelectedSourceAccount } = useSwapDataUpdate();
-    const [mountWalletPortal, setMounWalletPortal] = useState(false);
-    const walletNetwork = values.fromExchange ? undefined : values.from;
-    const { provider } = useWallet(walletNetwork, 'withdrawal');
-    const { isWalletModalOpen, cancel, selectedConnector } = useConnectModal();
-    const handleWalletChange = () => {
-        setOpenModal(true);
-    };
-    const handleSelectWallet = (wallet, address) => {
-        if (wallet && address) {
-            setSelectedSourceAccount({
-                wallet,
-                address
-            });
-            setFieldValue('depositMethod', 'wallet');
-        }
-        else {
-            setSelectedSourceAccount(undefined);
-            setFieldValue('depositMethod', 'deposit_address');
-        }
-        cancel();
-        setOpenModal(false);
-    };
-    const connect = async () => {
-        setMounWalletPortal(true);
-        const result = await provider?.connectWallet();
-        if (result) {
-            handleSelectWallet(result, result.address);
-        }
-        setMounWalletPortal(false);
-    };
-    const availableWallets = provider?.connectedWallets?.filter(w => !w.isNotAvailable) || [];
-    if (!availableWallets.length && walletNetwork) {
-        return _jsxs(_Fragment, { children: [_jsx(Connect, { connectFn: connect }), mountWalletPortal && values.from?.deposit_methods?.includes('deposit_address') && values.depositMethod !== 'deposit_address' && !selectedConnector &&
-                    _jsx(WalletFooterPortal, { isWalletModalOpen: isWalletModalOpen, children: _jsx(ContinueWithoutWallet, { onClick: handleSelectWallet }) })] });
-    }
-    else if (availableWallets.length > 0 && walletNetwork && values.fromCurrency) {
-        return _jsxs(_Fragment, { children: [_jsx("div", { className: "w-full", onClick: handleWalletChange, children: _jsx(Connect, {}) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: `Send from`, modalId: "connectedWallets", children: _jsx(VaulDrawer.Snap, { id: "item-1", className: "space-y-3 pb-3", children: _jsx(WalletsList, { provider: provider, wallets: availableWallets, onSelect: handleSelectWallet, token: values.fromCurrency, network: walletNetwork, selectable: true }) }) }), mountWalletPortal && values.from?.deposit_methods?.includes('deposit_address') && values.depositMethod !== 'deposit_address' && !selectedConnector &&
-                    _jsx(WalletFooterPortal, { isWalletModalOpen: isWalletModalOpen, children: _jsx(ContinueWithoutWallet, { onClick: handleSelectWallet }) })] });
-    }
-    return _jsxs(_Fragment, { children: [_jsx(Connect, { setMountWalletPortal: setMounWalletPortal }), mountWalletPortal && !selectedConnector &&
-                _jsx(WalletFooterPortal, { isWalletModalOpen: isWalletModalOpen, children: _jsx(ContinueWithoutWallet, { onClick: handleSelectWallet }) })] });
-};
-const Connect = ({ connectFn, setMountWalletPortal }) => {
-    const { connect } = useConnectModal();
-    const connectWallet = async () => {
-        setMountWalletPortal && setMountWalletPortal(true);
-        await connect();
-        setMountWalletPortal && setMountWalletPortal(false);
-    };
-    return _jsx(SubmitButton, { onClick: () => connectFn ? connectFn() : connectWallet(), type: "button", icon: _jsx(WalletIcon, { className: "h-6 w-6", strokeWidth: 2 }), children: "Connect a wallet" });
-};
-const ContinueWithoutWallet = ({ onClick }) => {
-    //TODO: bg-secondary-900 is a hotfix, should refactor and fix sticky footer for VaulDrawer
-    return (_jsxs("div", { className: "inline-flex items-center gap-1.5 justify-center w-full pt-2 bg-secondary-900", children: [_jsx("button", { onClick: onClick, className: "underline hover:no-underline text-base text-center text-secondary-text cursor-pointer ", children: "Continue without a wallet" }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { children: _jsx("div", { className: "text-xs text-secondary-text hover:text-primary-text rounded-full transition-colors duration-200 ", children: _jsx(CircleHelp, { className: "h-5 w-5" }) }) }), _jsx(PopoverContent, { side: "top", className: "max-w-[250px] text-xs", children: _jsx("p", { children: "Get a deposit address, send your crypto from any external wallet or exchange, and we'll handle the rest." }) })] })] }));
-};
-export default Component;

package/dist/components/Input/TransferCEX.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type Props = {
-    direction: "from" | "to";
-};
-declare const TransferCEX: FC<Props>;
-export default TransferCEX;

package/dist/components/Input/TransferCEX.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-const TransferCEX = ({ direction }) => {
-    const { values, } = useFormikContext();
-    const { from, to, fromExchange, toExchange } = values;
-    const exchangeNetwork = (direction === 'from' ? from : to);
-    const sourceLogo = fromExchange ? fromExchange.logo : from?.logo;
-    const destinationLogo = toExchange ? toExchange.logo : to?.logo;
-    const learnMoreUrl = fromExchange ? 'https://docs.layerswap.io/user-docs/layerswap-app/transfer-from-cex/' : 'https://docs.layerswap.io/user-docs/layerswap-app/transfer-to-cex/';
-    return (_jsx("div", { className: "font-normal flex flex-col w-full relative z-10 my-3 pb-4 border-b-2 border-b-secondary", children: _jsxs("div", { className: "w-full px-2.5 space-y-2", children: [_jsx("div", { className: "flex items-center mb-", children: _jsxs("p", { className: "text-primary-text-placeholder text-base leading-5", children: [_jsx("span", { children: "Please select an intermediary network available on " }), _jsxs("span", { children: [fromExchange ? fromExchange.display_name : toExchange?.display_name, "\u00A0"] }), _jsx("span", { children: "to be used for " }), _jsx("span", { children: fromExchange ? 'withdrawal' : 'deposit' }), _jsx("span", { children: "." }), _jsx("a", { target: '_blank', href: learnMoreUrl, className: 'text-primary-text-placeholder underline hover:no-underline decoration-primary-text-placeholder ml-1 cursor-pointer', children: "Learn more" })] }) }), _jsxs("div", { className: "relative flex items-center space-x-2 py-2", children: [_jsx("div", { className: "flex-shrink-0 h-6 w-6 relative", children: sourceLogo && _jsx("img", { src: sourceLogo, alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) }), _jsx("div", { className: "w-full h-[2px] bg-primary-text-placeholder my-2 line line-left" }), _jsx("div", { className: "flex-shrink-0 h-8 w-8 relative", children: exchangeNetwork ? _jsx("img", { src: exchangeNetwork.logo, alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) : _jsx("div", { className: "mainImage flex justify-center items-center bg-secondary-400 h-full w-full rounded-md", children: _jsx("span", { className: "font-bold text-primary-text-placeholder text-xl", children: "?" }) }) }), _jsx("div", { className: "w-full h-[2px] bg-primary-text-placeholder my-2 line line-right" }), _jsx("div", { className: "flex-shrink-0 h-6 w-6 relative", children: destinationLogo && _jsx("img", { src: destinationLogo, alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) })] })] }) }));
-};
-export default TransferCEX;

package/dist/components/LayerswapMenu/Feedback.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    onSend: () => void;
-};
-declare const SendFeedback: FC<Props>;
-export default SendFeedback;

package/dist/components/LayerswapMenu/Feedback.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Form, Formik } from 'formik';
-import { useCallback } from 'react';
-import toast from 'react-hot-toast';
-import { useIntercom } from 'react-use-intercom';
-import { useAuthState } from '../../context/authContext';
-import { SendFeedbackMessage } from '../../lib/telegram';
-import SubmitButton from '../Buttons/submitButton';
-const SendFeedback = ({ onSend }) => {
-    const { email, userId } = useAuthState();
-    const initialValues = { Feedback: '' };
-    const { boot, show, update } = useIntercom();
-    const updateWithProps = () => update({ userId, customAttributes: { email: email, } });
-    const handleSendFeedback = useCallback(async (values) => {
-        try {
-            if (values.Feedback.length !== 0) {
-                const sender = email || userId || "No login";
-                const res = await SendFeedbackMessage(sender, values.Feedback);
-                if (!res.ok) {
-                    throw new Error(res.description || "Could not send feedback, something went wrong");
-                }
-                else {
-                    toast.success("Thank you for reaching out and providing us with valuable feedback.");
-                    onSend();
-                }
-            }
-            else if (values.Feedback.length == 0) {
-                toast.error("This field is required and cannot be empty");
-            }
-        }
-        catch (e) {
-            toast.error(e.message);
-        }
-    }, [email, onSend]);
-    return (_jsx(Formik, { initialValues: initialValues, onSubmit: handleSendFeedback, validateOnMount: true, validate: (values) => {
-            const errors = {};
-            if (values.Feedback.length === 0) {
-                errors.Feedback = "This field is required and cannot be empty";
-            }
-            return errors;
-        }, children: ({ handleChange, isValid, isSubmitting }) => (_jsxs(Form, { className: 'flex flex-col justify-between', children: [_jsx("div", { className: 'space-y-4 h-full mt-2', children: _jsx("p", { className: 'text-base text-left font-roboto text-secondary-text font-light', children: "Please help us shape the product, catch bugs, and prioritize features. Your feedback will go directly into our Telegram channel." }) }), _jsxs("div", { className: "text-primary-text text-sm space-y-4 flex flex-col pt-8", children: [_jsx("textarea", { id: 'Feedback', name: 'Feedback', onChange: e => {
-                                handleChange(e);
-                            }, className: "h-40 max-h-60 appearance-none block bg-secondary-700 text-primary-text border border-secondary-500 rounded-md py-3 px-4 mb-3 leading-tight focus:ring-0 focus:bg-secondary-500 focus:border-secondary-100 " }), _jsx("button", { type: "button", onClick: () => {
-                                boot();
-                                show();
-                                updateWithProps();
-                            }, className: "text-center disabled:text-primary-800 text-primary border-0 font-semibold rounded-md focus:outline-none transform hover:-translate-y-0.5 transition duration-200 ease-in-out", children: "Need help?" }), _jsx(SubmitButton, { type: 'submit', isDisabled: isSubmitting || !isValid, isSubmitting: isSubmitting, children: "Send" })] })] })) }));
-};
-export default SendFeedback;

package/dist/components/LayerswapMenu/Menu.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from "react";
-declare const Menu: {
-    ({ children }: {
-        children: ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    Group: ({ children }: {
-        children: JSX.Element | JSX.Element[];
-    }) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, pathname, onClick, icon, target }: MenuIemProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, hidden, sticky }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-};
-export declare enum ItemType {
-    button = "button",
-    link = "link"
-}
-type Target = '_blank' | '_self';
-type MenuIemProps = {
-    children: ReactNode;
-    pathname?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    icon: JSX.Element;
-    target?: Target;
-};
-type FooterProps = {
-    hidden?: boolean;
-    children?: JSX.Element | JSX.Element[];
-    sticky?: boolean;
-};
-export default Menu;

package/dist/components/LayerswapMenu/Menu.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronRight, ExternalLink } from "lucide-react";
-import { motion } from "framer-motion";
-import { useEffect, useRef, useState } from "react";
-const Menu = ({ children }) => {
-    return _jsx("div", { className: "flex flex-col gap-3", children: children });
-};
-const Group = ({ children }) => {
-    return (_jsx("div", { children: _jsx("div", { className: "divide-y divide-secondary-500 rounded-md bg-secondary-700 overflow-hidden", children: children }) }));
-};
-const Item = (function Item({ children, pathname, onClick, icon, target = '_self' }) {
-    return (_jsx(_Fragment, { children: pathname ?
-            _jsxs("a", { href: pathname, target: target, className: "gap-4 flex relative cursor-pointer hover:bg-secondary-600 select-none w-full items-center px-4 py-3 outline-none text-primary-text", children: [_jsx("div", { children: icon }), _jsx("p", { className: "text-primary-text", children: children }), target === '_self' ?
-                        _jsx(ChevronRight, { className: "h-4 w-4 absolute right-3" })
-                        :
-                            _jsx(ExternalLink, { className: "h-4 w-4 absolute right-3" })] })
-            :
-                _jsxs("button", { type: "button", onClick: onClick, className: `gap-4 flex relative cursor-pointer hover:bg-secondary-600 select-none items-center px-4 py-3 outline-none w-full text-primary-text`, children: [_jsx("div", { children: icon }), _jsx("p", { className: "text-primary-text", children: children }), _jsx(ChevronRight, { className: "h-4 w-4 absolute right-3" })] }) }));
-});
-export var ItemType;
-(function (ItemType) {
-    ItemType["button"] = "button";
-    ItemType["link"] = "link";
-})(ItemType || (ItemType = {}));
-const variants = {
-    enter: () => {
-        return ({
-            opacity: 0,
-            y: '100%',
-        });
-    },
-    center: () => {
-        return ({
-            opacity: 1,
-            y: 0,
-        });
-    },
-    exit: () => {
-        return ({
-            y: '100%',
-            zIndex: 0,
-            opacity: 0,
-        });
-    },
-};
-const Footer = ({ children, hidden, sticky = true }) => {
-    const [height, setHeight] = useState(0);
-    const ref = useRef(null);
-    useEffect(() => {
-        setHeight(Number(ref?.current?.clientHeight));
-    }, []);
-    const handleAnimationEnd = (variant) => {
-        if (variant == "center") {
-            setHeight(Number(ref?.current?.clientHeight));
-        }
-    };
-    return (sticky ?
-        _jsxs(_Fragment, { children: [_jsx(motion.div, { onAnimationComplete: handleAnimationEnd, ref: ref, transition: {
-                        duration: 0.15,
-                    }, custom: { direction: -1, width: 100 }, variants: variants, className: `border-t border-secondary-500 text-primary-text text-base mt-3        
-                        fixed
-                        inset-x-0
-                        bottom-0 
-                        z-30
-                        bg-secondary-900 
-                        shadow-widget-footer 
-                        p-4 
-                        px-6 
-                        w-full ${hidden ? 'animation-slide-out' : ''}`, children: children }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base        
-                             inset-x-0
-                             bottom-0 
-                             p-4 w-full invisible` })] })
-        :
-            _jsx(_Fragment, { children: children }));
-};
-Menu.Group = Group;
-Menu.Item = Item;
-Menu.Footer = Footer;
-export default Menu;

package/dist/components/LayerswapMenu/MenuList.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { MenuStep } from "../../Models/Wizard";
-declare const MenuList: FC<{
-    goToStep: (step: MenuStep, path: string) => void;
-}>;
-export default MenuList;