@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

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

@@ -1,14 +0,0 @@
-import { SelectMenuItem } from "../Pages/SwapPages/Form/Select/Shared/Props/selectMenuItem";
-import { NetworkWithTokens } from "../../Models/Network";
-import { Partner } from "../../Models/Partner";
-type SwapDirection = "from" | "to";
-type Props = {
-    direction: SwapDirection;
-    partner: Partner | undefined;
-};
-declare const CEXNetworkFormField: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
-export default CEXNetworkFormField;
-export declare function groupByType(values: SelectMenuItem<NetworkWithTokens>[]): {
-    name: string;
-    items: SelectMenuItem<NetworkWithTokens>[];
-}[];

package/dist/components/Input/CEXNetworkFormField.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { forwardRef, useCallback, useEffect } from "react";
-import useSWR from 'swr';
-import LayerSwapApiClient from "../../lib/layerSwapApiClient";
-import shortenAddress from "../utils/ShortenAddress";
-import CommandSelectWrapper from "../Pages/SwapPages/Form/Select/Command/CommandSelectWrapper";
-import { isValidAddress } from "../../lib/address/validator";
-import TransferCEX from "./TransferCEX";
-import Address from "./Address";
-import { ExtendedAddress } from "./Address/AddressPicker/AddressWithIcon";
-import { ChevronRight, PlusIcon } from "lucide-react";
-import AddressIcon from "../Common/AddressIcon";
-const CEXNetworkFormField = forwardRef(function CEXNetworkFormField({ direction, partner }, ref) {
-    const { values, setFieldValue, } = useFormikContext();
-    const name = direction;
-    const { from, to, fromCurrency, toCurrency, fromExchange, toExchange, currencyGroup, } = values;
-    const apiClient = new LayerSwapApiClient();
-    const routesEndpoint = `/${direction === "from" ? `exchange_source_networks?destination_token_group=${currencyGroup?.symbol}&include_unmatched=true` : `exchange_destination_networks?source_token_group=${currencyGroup?.symbol}&include_unmatched=true`}`;
-    const { data: routes, isLoading: isRoutesLoading } = useSWR(`${routesEndpoint}`, apiClient.fetcher, { keepPreviousData: true });
-    const routesData = routes?.data;
-    const exchangeNetworksEndpoint = ((fromExchange && to && toCurrency) || (toExchange && from && fromCurrency))
-        && (`/${direction === 'from' ?
-            `exchange_withdrawal_networks?source_exchange=${fromExchange?.name}&&source_token_group=${currencyGroup?.symbol}&destination_network=${to?.name}&destination_token=${toCurrency?.symbol}`
-            : `exchange_deposit_networks?destination_exchange=${toExchange?.name}&destination_token_group=${currencyGroup?.symbol}&source_network=${from?.name}&source_token=${fromCurrency?.symbol}`}`);
-    const { data: historicalNetworks, isLoading: isHistoricalNetworsLoading, error } = useSWR(exchangeNetworksEndpoint, apiClient.fetcher, { keepPreviousData: true });
-    const network = (direction === 'from' ? from : to);
-    const currency = (direction === 'from' ? fromCurrency : toCurrency);
-    const menuItems = (!error || undefined) && historicalNetworks?.data && routesData
-        && GenerateMenuItems(historicalNetworks.data, routes?.data)
-            .filter(item => routes?.data?.find(l => l.name === item.baseObject.network.name));
-    const handleSelect = useCallback((item) => {
-        if (!item)
-            return;
-        setFieldValue(name, item.baseObject.network, true);
-        setFieldValue(`${name}Currency`, { ...item.baseObject.token, status: "active" }, false);
-    }, [name, routes]);
-    const formValue = (direction === 'from' ? from : to);
-    const routeUnavailable = currencyGroup?.status === 'not_found' || toCurrency?.status === 'not_found' || fromCurrency?.status === 'not_found';
-    //TODO set default currency & reset currency if not available
-    const value = menuItems?.find(item => item.baseObject.token.symbol ===
-        (direction === 'from' ? fromCurrency : toCurrency)?.symbol
-        && item.baseObject.network.name === formValue?.name);
-    //Setting default value
-    useEffect(() => {
-        if (!menuItems)
-            return;
-        if (menuItems.length == 0) {
-            setFieldValue(`${name}Currency`, null, true);
-            setFieldValue('currencyGroup', null, true);
-            return;
-        }
-        else if (value || !formValue)
-            return;
-    }, [routesData, historicalNetworks]);
-    useEffect(() => {
-        if (!currencyGroup)
-            return;
-        if (!menuItems)
-            return;
-        if (menuItems.length == 0) {
-            setFieldValue(`${direction === 'to' ? 'from' : 'to'}Currency`, null, true);
-            return;
-        }
-        else if (value)
-            return;
-    }, [currencyGroup]);
-    const valueDetails = _jsxs(_Fragment, { children: [_jsx("div", { className: "flex", children: network?.display_name }), _jsxs("div", { className: "text-primary-text-placeholder inline-flex items-center justify-self-end gap-1", children: ["(", currency?.symbol, ")"] })] });
-    const networkDetails = _jsx("div", { children: _jsx(TransferCEX, { direction: direction }) });
-    const header = direction === 'from' ? 'Withdrawal network' : 'Deposit details';
-    return (_jsxs("div", { className: "p-2 rounded-lg bg-secondary-700 border border-secondary-500 space-y-2", children: [_jsxs("label", { htmlFor: name, className: "font-semibold flex justify-between text-secondary-text text-xs", children: [_jsx("div", { className: "flex space-x-1", children: _jsx("span", { children: header }) }), currency?.contract && isValidAddress(currency.contract, network) && network &&
-                        _jsxs("div", { className: "justify-self-end space-x-1", children: [_jsx("span", { children: "Contract:" }), _jsx("a", { target: "_blank", href: network.account_explorer_template?.replace("{0}", currency.contract), className: "underline text-primary-buttonTextColor hover:no-underline w-fit", children: shortenAddress(currency?.contract) })] })] }), _jsx(CommandSelectWrapper, { disabled: (value && !value?.isAvailable) || isRoutesLoading || routeUnavailable, valueGrouper: groupByType, placeholder: "Network", setValue: handleSelect, value: value, values: menuItems, searchHint: '', isLoading: isRoutesLoading || isHistoricalNetworsLoading, modalHeight: "80%", valueDetails: valueDetails, modalContent: networkDetails, header: header }, value?.id), direction === "to" && to &&
-                _jsx("div", { className: "flex items-center col-span-6", children: _jsx(Address, { partner: partner, children: ({ destination, disabled, addressItem, connectedWallet, partner }) => _jsx(_Fragment, { children: addressItem ? _jsx(_Fragment, { children: _jsx(AddressButton, { addressItem: addressItem, network: network, disabled: disabled }) })
-                                : _jsxs("div", { className: " justify-center w-full pl-3 pr-2 py-2 bg-secondary-600 items-center flex font-light space-x-2 mx-auto rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 ", children: [_jsx(PlusIcon, { className: "stroke-1" }), " ", _jsx("span", { children: "Destination Address" })] }) }) }) })] }));
-});
-const AddressButton = ({ addressItem, network, disabled }) => {
-    return _jsxs("div", { className: "justify-between w-full pl-3 pr-2 py-2 bg-secondary-600 items-center flex font-light space-x-2 mx-auto rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 ", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: 'flex text-primary-text items-center justify-center rounded-md h-6 overflow-hidden w-6', children: _jsx(AddressIcon, { className: "scale-150 h-3 w-3", address: addressItem.address, size: 36 }) }), _jsx(ExtendedAddress, { address: addressItem.address, network: network })] }), _jsx("span", { className: "ml-3 justify-self-end right-0 flex items-center pr-2 pointer-events-none  text-primary-text", children: !disabled && _jsx(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }) })] });
-};
-function GenerateMenuItems(historicalNetworks, routes) {
-    const menuItems = historicalNetworks.map((e, index) => {
-        const network = routes?.find(l => l.name == e.network.name);
-        const displayName = _jsxs("div", { className: "flex flex-col space-x-1", children: [_jsx("p", { className: "pl-1 text-primary-text text-base", children: network?.display_name }), _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("div", { className: "w-4 h-4", children: _jsx("img", { src: e.token.logo, alt: "Project Logo", height: "20", width: "20", loading: "eager", className: "rounded-full object-contain" }) }), _jsxs("p", { className: "text-secondary-text text-xs", children: [e.token.symbol, e.token.contract && network && (_jsxs(_Fragment, { children: [' - ', _jsx("a", { target: "_blank", href: network.account_explorer_template.replace("{0}", e.token.contract), className: "underline text-secondary-text hover:no-underline w-fit", children: shortenAddress(e.token.contract) })] }))] })] })] });
-        const item = {
-            baseObject: e,
-            id: `${e.network.name}-${e.token.symbol}`,
-            name: network?.display_name || '',
-            displayName,
-            order: 1,
-            imgSrc: network?.logo || '',
-            isAvailable: true
-        };
-        return item;
-    });
-    return menuItems;
-}
-export default CEXNetworkFormField;
-export function groupByType(values) {
-    return [{ name: "", items: values }];
-}

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

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { SwapDirection } from "../Pages/SwapPages/Form/SwapFormValues";
-declare const CurrencyFormField: FC<{
-    direction: SwapDirection;
-}>;
-export default CurrencyFormField;

package/dist/components/Input/CurrencyFormField.js

@@ -1,178 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { useCallback, useEffect } from "react";
-import PopoverSelectWrapper from "../Pages/SwapPages/Form/Select/Popover/PopoverSelectWrapper";
-import { ResolveCurrencyOrder, SortAscending } from "../../lib/sorting";
-import { truncateDecimals } from "../utils/RoundDecimals";
-import { useQueryState } from "../../context/query";
-import LayerSwapApiClient from "../../lib/layerSwapApiClient";
-import useSWR from "swr";
-import { LSAPIKnownErrorCode } from "../../Models/ApiError";
-import { resolveNetworkRoutesURL } from "../../helpers/routes";
-import { ONE_WEEK } from "./NetworkFormField";
-import RouteIcon from "./RouteIcon";
-import { useSwapDataState } from "../../context/swap";
-import useSWRBalance from "../../lib/balances/useSWRBalance";
-import { useSettingsState } from "../../context/settings";
-const CurrencyFormField = ({ direction }) => {
-    const { values, setFieldValue, } = useFormikContext();
-    const { from, to, fromCurrency, toCurrency, fromExchange, toExchange, destination_address, currencyGroup } = values;
-    const name = direction === 'from' ? 'fromCurrency' : 'toCurrency';
-    const exchangeName = direction === 'from' ? 'fromExchange' : 'toExchange';
-    const query = useQueryState();
-    const { selectedSourceAccount } = useSwapDataState();
-    const { destinationRoutes, sourceRoutes } = useSettingsState();
-    const address = direction === 'from' ? (selectedSourceAccount?.address) : (destination_address);
-    const { balance } = useSWRBalance(address, direction === 'from' ? from : to);
-    const shouldFilter = direction === 'from' ? ((to && toCurrency) || (toExchange && currencyGroup)) : ((from && fromCurrency) || (fromExchange && currencyGroup));
-    const networkRoutesURL = shouldFilter ? resolveNetworkRoutesURL(direction, values) : null;
-    const apiClient = new LayerSwapApiClient();
-    const { data: routesFromQuery, isLoading, error } = useSWR(networkRoutesURL, apiClient.fetcher, { keepPreviousData: true, fallbackData: { data: direction === 'from' ? sourceRoutes : destinationRoutes }, dedupingInterval: 10000 });
-    const routes = (shouldFilter) ? routesFromQuery : (direction === 'from' ? { data: sourceRoutes } : { data: destinationRoutes });
-    const currencies = direction === 'from' ? routes?.data?.find(r => r.name === from?.name)?.tokens : routes?.data?.find(r => r.name === to?.name)?.tokens;
-    const currencyMenuItems = GenerateCurrencyMenuItems(currencies, routes, values, direction, balance || [], query, error);
-    const currencyAsset = direction === 'from' ? fromCurrency?.symbol : toCurrency?.symbol;
-    const value = currencyMenuItems?.find(x => x.id == currencyAsset);
-    useEffect(() => {
-        if (direction !== "to")
-            return;
-        let currencyIsAvailable = (fromCurrency || toCurrency) && currencyMenuItems?.some(c => c?.baseObject.symbol === currencyAsset);
-        if (currencyIsAvailable)
-            return;
-        const assetFromQuery = currencyMenuItems?.find(c => c.baseObject?.symbol?.toUpperCase() === (query?.toAsset)?.toUpperCase());
-        const isLocked = query?.lockToAsset;
-        const default_currency = assetFromQuery || (!isLocked && currencyMenuItems?.[0]);
-        const selected_currency = currencyMenuItems?.find(c => c.baseObject?.symbol?.toUpperCase() === fromCurrency?.symbol?.toUpperCase());
-        if (selected_currency && routes?.data?.find(r => r.name === to?.name)?.tokens?.some(r => r.symbol === selected_currency.name && r.status === 'active')) {
-            setFieldValue(name, selected_currency.baseObject, true);
-        }
-        else if (default_currency) {
-            (async () => {
-                const resetFromCurrency = fromCurrency && !fromCurrency?.manuallySet && !query?.lockFromAsset && fromCurrency.symbol !== default_currency.baseObject.symbol
-                    && (fromCurrency?.symbol !== default_currency.baseObject.symbol
-                        || fromCurrency?.symbol.includes(default_currency.baseObject.symbol)
-                        || default_currency.baseObject.symbol.includes(fromCurrency?.symbol));
-                if (resetFromCurrency) {
-                    const newFromCurrency = from?.tokens.find(t => t.symbol === default_currency.baseObject.symbol)
-                        || from?.tokens.find(t => t.symbol.includes(default_currency.baseObject.symbol) || default_currency.baseObject.symbol.includes(t.symbol));
-                    if (newFromCurrency) {
-                        await setFieldValue("validatingDestination", true, true);
-                        await setFieldValue("fromCurrency", newFromCurrency, true);
-                    }
-                }
-                await setFieldValue(name, default_currency.baseObject, true);
-            })();
-        }
-    }, [to, query, routes]);
-    useEffect(() => {
-        if (direction !== "from")
-            return;
-        let currencyIsAvailable = (fromCurrency || toCurrency) && currencyMenuItems?.some(c => c?.baseObject.symbol === currencyAsset);
-        if (currencyIsAvailable)
-            return;
-        const assetFromQuery = currencyMenuItems?.find(c => c.baseObject?.symbol?.toUpperCase() === (query?.fromAsset)?.toUpperCase());
-        const isLocked = query?.lockFromAsset;
-        const default_currency = assetFromQuery || (!isLocked && currencyMenuItems?.[0]);
-        const selected_currency = currencyMenuItems?.find(c => c.baseObject?.symbol?.toUpperCase() === toCurrency?.symbol?.toUpperCase());
-        if (selected_currency
-            && routes?.data
-                ?.find(r => r.name === from?.name)?.tokens
-                ?.some(r => r.symbol === selected_currency.name && r.status === 'active')) {
-            setFieldValue(name, selected_currency.baseObject, true);
-        }
-        else if (default_currency) {
-            (async () => {
-                const resetToCurrency = toCurrency && !toCurrency?.manuallySet && !query?.lockFromAsset
-                    && (toCurrency?.symbol !== default_currency.baseObject.symbol
-                        || toCurrency?.symbol.includes(default_currency.baseObject.symbol)
-                        || default_currency.baseObject.symbol.includes(toCurrency?.symbol));
-                if (resetToCurrency) {
-                    const newToCurrency = to?.tokens.find(t => t.symbol === default_currency.baseObject.symbol) && toCurrency?.symbol !== default_currency.baseObject.symbol
-                        || to?.tokens.find(t => t.symbol.includes(default_currency.baseObject.symbol) || default_currency.baseObject.symbol.includes(t.symbol));
-                    if (newToCurrency) {
-                        await setFieldValue("validatingSource", true, true);
-                        await setFieldValue("toCurrency", newToCurrency, true);
-                    }
-                }
-                await setFieldValue(name, default_currency.baseObject, true);
-            })();
-        }
-    }, [from, query, routes]);
-    useEffect(() => {
-        if (name === "toCurrency" && toCurrency && !isLoading && routes) {
-            (async () => {
-                const value = routes.data?.find(r => r.name === to?.name)?.tokens?.find(r => r.symbol === toCurrency?.symbol);
-                if (!value || value === toCurrency)
-                    return;
-                value.manuallySet = toCurrency.manuallySet;
-                await setFieldValue(name, value);
-                await setFieldValue("validatingDestination", false, true);
-            })();
-        }
-    }, [fromCurrency, currencyGroup, name, to, routes, error, isLoading]);
-    useEffect(() => {
-        if (name === "fromCurrency" && fromCurrency && !isLoading && routes) {
-            (async () => {
-                const value = routes.data?.find(r => r.name === from?.name)?.tokens?.find(r => r.symbol === fromCurrency?.symbol);
-                if (!value || value === fromCurrency)
-                    return;
-                value.manuallySet = fromCurrency.manuallySet;
-                await setFieldValue(name, value);
-                await setFieldValue("validatingSource", false, true);
-            })();
-        }
-    }, [toCurrency, currencyGroup, name, from, routes, error, isLoading]);
-    const handleSelect = useCallback(async (item) => {
-        const oppositeCurrency = direction === 'from' ? toCurrency : fromCurrency;
-        const exchange = direction === 'from' ? toExchange : fromExchange;
-        if (currencyGroup && !currencyGroup?.manuallySet) {
-            const default_currency = exchange?.token_groups?.find(t => t.symbol === item.baseObject.symbol) || exchange?.token_groups?.find(t => t.symbol.includes(item.baseObject.symbol) || item.baseObject.symbol.includes(t.symbol));
-            if (default_currency) {
-                await setFieldValue("validatingCurrencyGroup", true, true);
-                await setFieldValue(direction == "from" ? "validatingSource" : "validatingDestination", true, true);
-                await setFieldValue("currencyGroup", default_currency, true);
-            }
-        }
-        if (oppositeCurrency && !oppositeCurrency?.manuallySet && oppositeCurrency.symbol !== item.baseObject.symbol) {
-            const network = direction === 'to' ? from : to;
-            const default_currency = network?.tokens?.find(t => t.symbol === item.baseObject.symbol) || network?.tokens?.find(t => t.symbol.includes(item.baseObject.symbol) || item.baseObject.symbol.includes(t.symbol));
-            if (default_currency) {
-                await setFieldValue("validatingDestination", true, true);
-                await setFieldValue("validatingSource", true, true);
-                await setFieldValue(`${direction == "from" ? "to" : "from"}Currency`, default_currency, true);
-            }
-        }
-        item.baseObject.manuallySet = true;
-        await setFieldValue(name, item.baseObject, true);
-    }, [name, direction, toCurrency, fromCurrency, from, to, values]);
-    const isLocked = direction === 'from' ? query?.lockFromAsset
-        : query?.lockToAsset;
-    return (_jsx("div", { className: "relative", children: _jsx(PopoverSelectWrapper, { placeholder: "Asset", values: currencyMenuItems, value: value, setValue: handleSelect, disabled: isLoading || isLocked }) }));
-};
-function GenerateCurrencyMenuItems(currencies, routes, values, direction, balances, query, error) {
-    const { to, from } = values;
-    return currencies?.map(c => {
-        const currency = c;
-        const displayName = currency.symbol;
-        const balance = balances?.find(b => b?.token === c?.symbol && (direction === 'from' ? from : to)?.name === b.network);
-        const formatted_balance_amount = balance ? Number(truncateDecimals(balance?.amount, c.precision)) : '';
-        const isNewlyListed = new Date(c?.listing_date)?.getTime() >= new Date().getTime() - ONE_WEEK;
-        const currencyIsAvailable = (currency?.status === "active" && error?.code !== LSAPIKnownErrorCode.ROUTE_NOT_FOUND_ERROR) ||
-            !((direction === 'from' ? query?.lockFromAsset : query?.lockToAsset) || query?.lockAsset || currency.status === 'inactive');
-        const badge = isNewlyListed ? (_jsx("span", { className: "bg-secondary-50 px-1 rounded text-xs flex items-center", children: "New" })) : undefined;
-        const details = _jsx("p", { className: "text-primary-text-muted", children: formatted_balance_amount });
-        const res = {
-            baseObject: c,
-            id: c.symbol,
-            name: displayName || "-",
-            order: ResolveCurrencyOrder(c, isNewlyListed),
-            imgSrc: c.logo,
-            isAvailable: currencyIsAvailable,
-            badge,
-            details,
-            leftIcon: _jsx(RouteIcon, { direction: direction, isAvailable: currencyIsAvailable, routeNotFound: false, type: "token" })
-        };
-        return res;
-    }).sort(SortAscending) || [];
-}
-export default CurrencyFormField;

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

@@ -1,14 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import { SwapDirection } from "../Pages/SwapPages/Form/SwapFormValues";
-import { Partner } from "../../Models/Partner";
-type Props = {
-    direction: SwapDirection;
-    label: string;
-    className?: string;
-    partner?: Partner;
-    currencyIsSetManually?: boolean;
-    setCurrencyIsSetManually?: Dispatch<SetStateAction<boolean>>;
-};
-export declare const ONE_WEEK: number;
-declare const NetworkFormField: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
-export default NetworkFormField;

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/LayerswapMenu/MenuList.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BookOpen, ScrollText, LibraryIcon, Shield } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useAuthDataUpdate, useAuthState, UserType } from "../../context/authContext";
-import TokenService from "../../lib/TokenService";
-import { useIntercom } from "react-use-intercom";
-import inIframe from "../utils/inIframe";
-import Menu from "./Menu";
-import { MenuStep } from "../../Models/Wizard";
-const MenuList = ({ goToStep }) => {
-    const { email, userType, userId } = useAuthState();
-    const { setUserType } = useAuthDataUpdate();
-    const { boot, show, update } = useIntercom();
-    const [embedded, setEmbedded] = useState();
-    const [openFeedbackModal, setOpenFeedbackModal] = useState(false);
-    useEffect(() => {
-        setEmbedded(inIframe());
-    }, []);
-    const updateWithProps = () => update({ userId, customAttributes: { email: email, } });
-    const handleLogout = () => {
-        TokenService.removeAuthData();
-        // if (router.pathname != '/') {
-        //     router.push({
-        //         pathname: '/',
-        //         query: resolvePersistantQueryParams(router.query)
-        //     })
-        // } else {
-        //     router.reload()
-        // }
-        setUserType(UserType.NotAuthenticatedUser);
-    };
-    const handleCloseFeedback = () => {
-        setOpenFeedbackModal(false);
-    };
-    return _jsx("div", { className: "text-sm font-medium focus:outline-none h-full", children: _jsxs(Menu, { children: [_jsx(Menu.Group, { children: _jsx(_Fragment, { children: _jsx(Menu.Item, { onClick: () => goToStep(MenuStep.Transactions, "/transactions"), icon: _jsx(ScrollText, { className: "h-5 w-5" }), children: "Transactions" }) }) }), _jsx(Menu.Group, { children: _jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/', target: "_blank", icon: _jsx(BookOpen, { className: "h-5 w-5" }), children: "Docs" }) }), _jsxs(Menu.Group, { children: [_jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/user-docs/more-information/privacy-policy/', target: "_blank", icon: _jsx(Shield, { className: "h-5 w-5" }), children: "Privacy Policy" }), _jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/user-docs/more-information/terms-of-services/', target: "_blank", icon: _jsx(LibraryIcon, { className: "h-5 w-5" }), children: "Terms of Service" })] })] }) });
-};
-export default MenuList;

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

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const Custom404: FC;

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

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
-import Navbar from "../../Common/navbar";
-import MessageComponent from "../../Common/MessageComponent";
-import GoHomeButton from "../../utils/GoHome";
-import SubmitButton from "../../Buttons/submitButton";
-export const Custom404 = () => {
-    return (_jsx("div", { className: "styled-scroll", children: _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: "min-h-screen overflow-hidden relative font-robo", children: [_jsx(Navbar, {}), _jsx("div", { className: "mx-auto max-w-xl bg-darkblue-900 md:shadow-card rounded-lg w-full overflow-hidden relative px-6 py-6 h-[500px] min-h-[550px]", children: _jsxs(MessageComponent, { children: [_jsx(MessageComponent.Content, { icon: "red", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-base font-semibold text-primary", children: "404" }), _jsx("h1", { className: "mt-2 text-4xl font-bold tracking-tight text-primary-text sm:text-5xl", children: "Page not found." }), _jsx("p", { className: "mt-2 text-base text-secondary-text", children: "Sorry, we couldn't find the page you're looking for." })] }) }), _jsx(MessageComponent.Buttons, { children: _jsx(GoHomeButton, { children: _jsx(SubmitButton, { buttonStyle: "outline", isDisabled: false, isSubmitting: false, icon: _jsx(Home, { className: "h-5 w-5" }), children: "Go home" }) }) })] }) })] }) }) }));
-};

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

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { AuthConnectResponse } from '../../../../../Models/LayerSwapAuth';
-interface VerifyEmailCodeProps {
-    onSuccessfullVerify: (authresponse: AuthConnectResponse) => Promise<void>;
-    disclosureLogin?: boolean;
-}
-declare const VerifyEmailCode: FC<VerifyEmailCodeProps>;
-export default VerifyEmailCode;