@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/Input/Amount/helpers.js

@@ -1,15 +0,0 @@
-export const resolveMacAllowedAmount = (props) => {
-    const { limitsMinAmount, limitsMaxAmount, walletBalance, gasAmount, fromCurrency, native_currency } = props;
-    if (!walletBalance || !isInRange({ value: walletBalance.amount, min: limitsMinAmount, max: limitsMaxAmount }))
-        return limitsMaxAmount;
-    //calculate balance with reduced gas amount, if it is not in range we do not force the limits api min amount
-    const shouldPayGasWithTheToken = (native_currency?.symbol === fromCurrency?.symbol) || !native_currency;
-    const payableAmount = walletBalance.amount - gasAmount;
-    const payableIsInRange = isInRange({ value: payableAmount, min: limitsMinAmount, max: limitsMaxAmount });
-    if (!shouldPayGasWithTheToken || !payableIsInRange)
-        return walletBalance.amount;
-    return Number(payableAmount.toFixed(fromCurrency?.decimals));
-};
-const isInRange = ({ value, min, max }) => {
-    return value >= min && value <= max;
-};

package/dist/components/Input/Amount/index.d.ts

@@ -1,2 +0,0 @@
-declare const AmountField: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export default AmountField;

package/dist/components/Input/Amount/index.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFormikContext } from "formik";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import NumericInput from "../NumericInput";
-import { useFee } from "../../../context/feeContext";
-import useSWRGas from "../../../lib/gases/useSWRGas";
-import useSWRBalance from "../../../lib/balances/useSWRBalance";
-import { useSwapDataState } from "../../../context/swap";
-import MinMax from "./MinMax";
-import { resolveMacAllowedAmount } from "./helpers";
-const AmountField = forwardRef(function AmountField(_, ref) {
-    const { values, handleChange } = useFormikContext();
-    const [requestedAmountInUsd, setRequestedAmountInUsd] = useState();
-    const { fromCurrency, from, to, amount, toCurrency, fromExchange, toExchange } = values || {};
-    const { minAllowedAmount, maxAllowedAmount: maxAmountFromApi, fee, isFeeLoading } = useFee();
-    const [isFocused, setIsFocused] = useState(false);
-    const { selectedSourceAccount } = useSwapDataState();
-    const sourceAddress = selectedSourceAccount?.address;
-    const { balance, isBalanceLoading } = useSWRBalance(sourceAddress, from);
-    const { gas, isGasLoading } = useSWRGas(sourceAddress, from, fromCurrency);
-    const gasAmount = gas || 0;
-    const native_currency = from?.token;
-    const name = "amount";
-    const walletBalance = balance?.find(b => b?.network === from?.name && b?.token === fromCurrency?.symbol);
-    let maxAllowedAmount = useMemo(() => {
-        if (!fromCurrency || !minAllowedAmount || !maxAmountFromApi)
-            return 0;
-        return resolveMacAllowedAmount({ fromCurrency, limitsMinAmount: minAllowedAmount, limitsMaxAmount: maxAmountFromApi, walletBalance, gasAmount, native_currency });
-    }, [fromCurrency, minAllowedAmount, maxAmountFromApi, walletBalance, gasAmount, native_currency]);
-    const placeholder = (fromCurrency && toCurrency && from && to && minAllowedAmount && !isBalanceLoading && !isGasLoading) ? `${minAllowedAmount} - ${maxAmountFromApi}` : '0.0';
-    const step = 1 / Math.pow(10, fromCurrency?.precision || 1);
-    const amountRef = useRef(ref);
-    const diasbled = Boolean((fromExchange && !toCurrency) || (toExchange && !fromCurrency));
-    const updateRequestedAmountInUsd = useCallback((requestedAmount, fee) => {
-        if (fee?.quote.source_token?.price_in_usd && !isNaN(requestedAmount)) {
-            setRequestedAmountInUsd((fee?.quote.source_token?.price_in_usd * requestedAmount).toFixed(2));
-        }
-        else {
-            setRequestedAmountInUsd(undefined);
-        }
-    }, [requestedAmountInUsd, fee]);
-    useEffect(() => {
-        if (isFeeLoading)
-            setRequestedAmountInUsd(undefined);
-        else if (fee && amount)
-            updateRequestedAmountInUsd(Number(amount), fee);
-    }, [amount, fromCurrency, fee, isFeeLoading]);
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "block font-semibold text-secondary-text text-xs mb-1 p-2", children: "Amount" }), _jsxs("div", { className: "flex w-full justify-between bg-secondary-700 rounded-lg", children: [_jsx("div", { className: "relative w-full", children: _jsx(NumericInput, { disabled: diasbled, placeholder: placeholder, min: minAllowedAmount, max: maxAllowedAmount || 0, step: isNaN(step) ? 0.01 : step, name: name, ref: amountRef, precision: fromCurrency?.precision, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: "text-primary-text pr-0 w-full", onChange: e => {
-                                /^[0-9]*[.,]?[0-9]*$/.test(e.target.value) && handleChange(e);
-                                updateRequestedAmountInUsd(parseFloat(e.target.value), fee);
-                            }, children: requestedAmountInUsd && Number(requestedAmountInUsd) > 0 && !isFocused ? (_jsxs("span", { className: "absolute text-xs right-1 bottom-[16px]", children: ["($", requestedAmountInUsd, ")"] })) : null }) }), from && to && fromCurrency && minAllowedAmount && maxAmountFromApi &&
-                        _jsx(MinMax, { from: from, fromCurrency: fromCurrency, limitsMinAmount: minAllowedAmount, limitsMaxAmount: maxAmountFromApi })] })] }));
-});
-export default AmountField;

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

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { SwapDirection } from "../Pages/SwapPages/Form/SwapFormValues";
-import { SelectMenuItem } from "../Pages/SwapPages/Form/Select/Shared/Props/selectMenuItem";
-import { ExchangeToken } from "../../Models/Exchange";
-import { NetworkWithTokens } from "../../Models/Network";
-declare const CurrencyGroupFormField: FC<{
-    direction: SwapDirection;
-}>;
-export declare function GenerateCurrencyMenuItems(currencies: ExchangeToken[], direction: string, lockedCurrency?: ExchangeToken | undefined, oppositeDirectionNetwork?: NetworkWithTokens | undefined): SelectMenuItem<ExchangeToken>[];
-export default CurrencyGroupFormField;

package/dist/components/Input/CEXCurrencyFormField.js

@@ -1,91 +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 { ResolveCEXCurrencyOrder } from "../../lib/sorting";
-import { useQueryState } from "../../context/query";
-import { resolveExchangesURLForSelectedToken } from "../../helpers/routes";
-import useSWR from "swr";
-import LayerSwapApiClient from "../../lib/layerSwapApiClient";
-import RouteIcon from "./RouteIcon";
-import { useSettingsState } from "../../context/settings";
-const CurrencyGroupFormField = ({ direction }) => {
-    const { values, setFieldValue, } = useFormikContext();
-    const { to, fromCurrency, toCurrency, from, currencyGroup, toExchange, fromExchange } = values;
-    const { sourceExchanges, destinationExchanges } = useSettingsState();
-    const name = 'currencyGroup';
-    const query = useQueryState();
-    const exchange = direction === 'from' ? fromExchange : toExchange;
-    const exchangeRoutesURL = resolveExchangesURLForSelectedToken(direction, values);
-    const apiClient = new LayerSwapApiClient();
-    const { data: exchanges, } = useSWR(`${exchangeRoutesURL}`, apiClient.fetcher, { keepPreviousData: true, fallbackData: { data: direction === 'from' ? sourceExchanges : destinationExchanges }, dedupingInterval: 10000 });
-    const availableAssetGroups = exchanges?.data?.find(e => e.name === exchange?.name)?.token_groups;
-    const isLocked = direction === 'from' ? query?.lockFromAsset : query?.lockToAsset;
-    const asset = direction === 'from' ? query?.fromAsset : query?.toAsset;
-    const lockedCurrency = isLocked
-        ? availableAssetGroups?.find(a => a.symbol.toUpperCase() === (asset)?.toUpperCase())
-        : undefined;
-    const filteredCurrencies = lockedCurrency ? [lockedCurrency] : availableAssetGroups;
-    const oppositeDirectionNetwork = direction === 'from' ? to : from;
-    const currencyMenuItems = GenerateCurrencyMenuItems(filteredCurrencies, direction, lockedCurrency, oppositeDirectionNetwork);
-    const value = currencyMenuItems?.find(x => x.id == currencyGroup?.symbol);
-    useEffect(() => {
-        if (value)
-            return;
-        if (currencyMenuItems?.[0])
-            setFieldValue(name, currencyMenuItems?.[0]?.baseObject);
-        return () => { setFieldValue(name, null); };
-    }, []);
-    useEffect(() => {
-        const currency = direction === 'from' ? toCurrency : fromCurrency;
-        const value = availableAssetGroups?.find(r => r.symbol === currency?.symbol && r.status === 'active');
-        const newCurrencyGroup = availableAssetGroups?.find(r => r.symbol === currencyGroup?.symbol && r.status === 'active');
-        if (newCurrencyGroup)
-            setFieldValue(name, newCurrencyGroup);
-        if (!value || currencyGroup?.manuallySet)
-            return;
-        (async () => {
-            setFieldValue(name, value);
-            await setFieldValue(direction == "from" ? "validatingSource" : "validatingDestination", true, true);
-            await setFieldValue("validatingCurrencyGroup", false, true);
-        })();
-    }, [fromCurrency, toCurrency, availableAssetGroups]);
-    const handleSelect = useCallback(async (item) => {
-        const oppositeCurrency = direction === 'from' ? toCurrency : fromCurrency;
-        if (oppositeCurrency && !oppositeCurrency?.manuallySet) {
-            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]);
-    return _jsx(PopoverSelectWrapper, { placeholder: "Asset", values: currencyMenuItems, value: value, setValue: handleSelect, disabled: isLocked });
-};
-export function GenerateCurrencyMenuItems(currencies, direction, lockedCurrency, oppositeDirectionNetwork) {
-    const filterCondition = (c) => {
-        if (oppositeDirectionNetwork) {
-            return oppositeDirectionNetwork?.tokens?.some(t => t.symbol === c.symbol);
-        }
-    };
-    return currencies.filter(filterCondition)?.map(c => {
-        const currency = c;
-        const displayName = lockedCurrency?.symbol ?? currency.symbol;
-        const isAvailable = (lockedCurrency || (c?.status !== "active" && c.status !== "not_found")) ? false : true;
-        const res = {
-            baseObject: c,
-            id: c.symbol,
-            name: displayName || "-",
-            order: ResolveCEXCurrencyOrder(c),
-            imgSrc: c.logo,
-            isAvailable: isAvailable,
-            leftIcon: _jsx(RouteIcon, { direction: direction, isAvailable: isAvailable, routeNotFound: false, type: "token" })
-        };
-        return res;
-    });
-}
-export default CurrencyGroupFormField;

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

@@ -1,3 +0,0 @@
-import { AddressTriggerProps } from "./Address/AddressPicker";
-declare const Component: (props: AddressTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export default Component;

package/dist/components/Input/DestinationWalletPicker.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import shortenAddress from "../utils/ShortenAddress";
-import { ChevronDown } from "lucide-react";
-import { AddressGroup } from "./Address/AddressPicker";
-import AddressIcon from "../Common/AddressIcon";
-const Component = (props) => {
-    const { addressItem, connectedWallet, partner } = props;
-    return _jsx(_Fragment, { children: addressItem &&
-            _jsx("div", { className: "flex items-center space-x-2 text-sm leading-4", children: _jsx(_Fragment, { children: _jsxs("div", { 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(ResolvedIcon, { addressItem: addressItem, partner: partner, wallet: connectedWallet }) }), _jsx("div", { className: "text-primary-text", children: shortenAddress(addressItem.address) }), _jsx("div", { className: "w-5 h-5 items-center flex", children: _jsx(ChevronDown, { className: "h-4 w-4", "aria-hidden": "true" }) })] }) }) }) });
-};
-const ResolvedIcon = (props) => {
-    const { addressItem, wallet, partner } = props;
-    if (partner?.is_wallet && addressItem.group === AddressGroup.FromQuery) {
-        return _jsx("div", { className: "rounded-lg bg-secondary-700 pl-2 flex items-center space-x-2 text-sm leading-4", children: partner?.logo &&
-                _jsx("img", { alt: "Partner logo", className: 'rounded-md object-contain', src: partner.logo, width: "20", height: "20" }) });
-    }
-    else if (addressItem.group === AddressGroup.ConnectedWallet && wallet) {
-        return _jsx(wallet.icon, { className: "w-5 h-5" });
-    }
-    else {
-        return _jsx(AddressIcon, { className: "h-5 w-5 p-0.5", address: addressItem.address, size: 20 });
-    }
-};
-export default Component;

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;