@ton/appkit-react 0.0.6-alpha.2 → 1.0.0-alpha.0

package/dist/esm/features/swap/components/swap-settings-modal/swap-settings-modal.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useEffect, useMemo, useState } from 'react';
+import { Modal } from '../../../../components/ui/modal/modal';
+import { Button } from '../../../../components/ui/button';
+import { OptionSwitcher } from '../../../../components/shared/option-switcher';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+import styles from './swap-settings-modal.module.css';
+/** Preset slippage values in basis points */
+const SLIPPAGE_PRESETS = [50, 100, 200];
+const formatSlippage = (bps) => `${(bps / 100).toFixed(2)}%`;
+const SLIPPAGE_OPTIONS = SLIPPAGE_PRESETS.map((bps) => ({ value: String(bps), label: formatSlippage(bps) }));
+export const SwapSettingsModal = ({ open, onClose, slippage, onSlippageChange, provider, providers, onProviderChange, }) => {
+    const { t } = useI18n();
+    const [stagedProviderId, setStagedProviderId] = useState(provider?.providerId);
+    const [stagedSlippage, setStagedSlippage] = useState(slippage);
+    // Reset the staged values each time the modal reopens so values from an abandoned
+    // session don't leak into the next one.
+    useEffect(() => {
+        if (open) {
+            setStagedProviderId(provider?.providerId);
+            setStagedSlippage(slippage);
+        }
+    }, [open, provider?.providerId, slippage]);
+    const providerOptions = useMemo(() => providers.map((p) => ({ value: p.providerId, label: p.getMetadata().name })), [providers]);
+    const handleSave = () => {
+        if (stagedSlippage !== slippage)
+            onSlippageChange(stagedSlippage);
+        if (stagedProviderId && stagedProviderId !== provider?.providerId)
+            onProviderChange(stagedProviderId);
+        onClose();
+    };
+    return (_jsxs(Modal, { open: open, onOpenChange: (isOpen) => !isOpen && onClose(), title: t('swap.settings'), children: [_jsxs("div", { className: styles.rows, children: [_jsxs("div", { className: styles.row, children: [_jsx("span", { className: styles.label, children: t('swap.provider') }), _jsx(OptionSwitcher, { value: stagedProviderId, options: providerOptions, onChange: setStagedProviderId })] }), _jsxs("div", { className: styles.row, children: [_jsx("span", { className: styles.label, children: t('swap.slippage') }), _jsx(OptionSwitcher, { value: String(stagedSlippage), options: SLIPPAGE_OPTIONS, onChange: (v) => setStagedSlippage(Number(v)) })] })] }), _jsx(Button, { className: styles.saveButton, variant: "fill", size: "l", fullWidth: true, onClick: handleSave, children: t('swap.save') })] }));
+};
+//# sourceMappingURL=swap-settings-modal.js.map

package/dist/esm/features/swap/components/swap-settings-modal/swap-settings-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-settings-modal.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-settings-modal/swap-settings-modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/features/swap/components/swap-settings-modal/swap-settings-modal.module.css

@@ -0,0 +1,24 @@
+.rows {
+  display: flex;
+  flex-direction: column;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 0;
+}
+
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--ta-color-text);
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.saveButton {
+  margin-top: 16px;
+}

package/dist/esm/features/swap/components/swap-token-select-modal/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { SwapTokenSelectModal } from './swap-token-select-modal';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/swap/components/swap-token-select-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-token-select-modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/esm/features/swap/components/swap-token-select-modal/swap-token-select-modal.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TokenSelectModal } from '../../../../components/shared/token-select-modal';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+export const SwapTokenSelectModal = (props) => {
+    const { t } = useI18n();
+    return _jsx(TokenSelectModal, { ...props, title: t('swap.selectToken'), searchPlaceholder: t('swap.searchToken') });
+};
+//# sourceMappingURL=swap-token-select-modal.js.map

package/dist/esm/features/swap/components/swap-token-select-modal/swap-token-select-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-token-select-modal.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-token-select-modal/swap-token-select-modal.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAI3D,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC,kBAAkB,CAAC,GAAI,CAAC;AACnH,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-token-select-modal/swap-token-select-modal.module.css

@@ -0,0 +1,67 @@
+.searchWrapper {
+  margin-bottom: 16px;
+}
+
+.list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding: 10px 12px;
+  border: none;
+  background: none;
+  border-radius: var(--ta-border-radius-l);
+  cursor: pointer;
+  transition: background-color 0.15s;
+  text-align: left;
+}
+
+.item:hover {
+  background: var(--ta-color-background-secondary);
+}
+
+.tokenIcon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.tokenInfo {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.tokenSymbol {
+  composes: bodySemibold from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text);
+}
+
+.tokenName {
+  composes: footnoteRegular from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text-secondary);
+}
+
+.tokenBalance {
+  composes: bodyRegular from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text-secondary);
+  flex-shrink: 0;
+}

package/dist/esm/{components/circle-icon → features/swap/components/swap-widget}/index.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export * from './circle-icon';
+export * from './swap-widget';
 //# sourceMappingURL=index.js.map

package/dist/esm/features/swap/components/swap-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,eAAe,CAAC"}

package/dist/esm/features/swap/components/swap-widget/swap-widget.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { SwapWidgetUI } from '../swap-widget-ui';
+import { SwapWidgetProvider, useSwapContext } from '../swap-widget-provider';
+const SwapWidgetContent = ({ children, ...rest }) => {
+    const ctx = useSwapContext();
+    if (children) {
+        return _jsx(_Fragment, { children: children({ ...ctx, ...rest }) });
+    }
+    return _jsx(SwapWidgetUI, { ...ctx, ...rest });
+};
+/**
+ * A high-level component that provides a complete swap interface.
+ *
+ * It manages the token selection, quote fetching, and transaction building
+ * for swaps between TON and Jettons. It can be used as a standalone widget
+ * with default UI or customized using a render function.
+ */
+export const SwapWidget = ({ children, tokens, network, fiatSymbol, defaultFromSymbol, defaultToSymbol, defaultSlippage, ...rest }) => {
+    return (_jsx(SwapWidgetProvider, { tokens: tokens, network: network, fiatSymbol: fiatSymbol, defaultFromSymbol: defaultFromSymbol, defaultToSymbol: defaultToSymbol, defaultSlippage: defaultSlippage, children: _jsx(SwapWidgetContent, { ...rest, children: children }) }));
+};
+//# sourceMappingURL=swap-widget.js.map

package/dist/esm/features/swap/components/swap-widget/swap-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-widget.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget/swap-widget.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAgB7E,MAAM,iBAAiB,GAEnB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1B,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAE7B,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,4BAAG,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,GAAI,CAAC;IAChD,CAAC;IAED,OAAO,KAAC,YAAY,OAAK,GAAG,KAAM,IAAI,GAAI,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC5C,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,KAAC,kBAAkB,IACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,YAEhC,KAAC,iBAAiB,OAAK,IAAI,YAAG,QAAQ,GAAqB,GAC1C,CACxB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-widget-provider/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export * from './swap-widget-provider';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/swap/components/swap-widget-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-provider/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,wBAAwB,CAAC"}

package/dist/esm/features/swap/components/swap-widget-provider/swap-widget-provider.js

@@ -0,0 +1,237 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { formatUnits } from '@ton/appkit';
+import { getTonShortfall } from '@ton/appkit';
+import { calcMaxSpendable } from '@ton/appkit';
+import { useSwapQuote } from '../../hooks/use-swap-quote';
+import { useSwapProvider } from '../../hooks/use-swap-provider';
+import { useSwapProviders } from '../../hooks/use-swap-providers';
+import { useBuildSwapTransaction } from '../../hooks/use-build-swap-transaction';
+import { useAddress } from '../../../wallets';
+import { useBalance } from '../../../balances/hooks/use-balance';
+import { useNetwork } from '../../../network';
+import { useSendTransaction } from '../../../transaction/hooks/use-send-transaction';
+import { useDebounceValue } from '../../../../hooks/use-debounce-value';
+import { mapSwapWidgetTokens } from '../../utils/map-swap-widget-tokens';
+import { useSwapTokenState } from './use-swap-token-state';
+import { useSwapBalances } from './use-swap-balances';
+import { useSwapValidation } from './use-swap-validation';
+export const SwapContext = createContext({
+    tokens: [],
+    fromToken: null,
+    toToken: null,
+    fromAmount: '',
+    toAmount: '',
+    fiatSymbol: '$',
+    fromBalance: undefined,
+    toBalance: undefined,
+    isFromBalanceLoading: false,
+    isToBalanceLoading: false,
+    canSubmit: false,
+    quote: undefined,
+    isQuoteLoading: false,
+    error: null,
+    slippage: 50,
+    swapProvider: undefined,
+    swapProviders: [],
+    setSwapProviderId: () => { },
+    setFromToken: () => { },
+    setToToken: () => { },
+    setFromAmount: () => { },
+    setSlippage: () => { },
+    onFlip: () => { },
+    onMaxClick: () => { },
+    sendSwapTransaction: () => Promise.resolve(),
+    isSendingTransaction: false,
+    isLowBalanceWarningOpen: false,
+    lowBalanceMode: 'reduce',
+    lowBalanceRequiredTon: '',
+    onLowBalanceChange: () => { },
+    onLowBalanceCancel: () => { },
+});
+/**
+ * Hook to access the swap context.
+ * Must be used within a SwapWidgetProvider (or SwapWidget).
+ */
+export function useSwapContext() {
+    return useContext(SwapContext);
+}
+export const SwapWidgetProvider = ({ children, tokens, network: networkProp, fiatSymbol = '$', defaultFromSymbol, defaultToSymbol, defaultSlippage = 100, }) => {
+    // Input prep — derived from props, consumed by local-state hooks below.
+    const mappedTokens = useMemo(() => mapSwapWidgetTokens(tokens), [tokens]);
+    // 2. Queries and external readers (hoisted: `network` gates token filtering for local state below)
+    const walletNetwork = useNetwork();
+    const network = networkProp ?? walletNetwork;
+    const networkFilteredTokens = useMemo(() => (network ? mappedTokens.filter((t) => t.network.chainId === network.chainId) : mappedTokens), [mappedTokens, network]);
+    // 1. Local state
+    const { fromToken, toToken, fromAmount, setFromToken, setToToken, setFromAmount, onFlip } = useSwapTokenState({
+        mappedTokens: networkFilteredTokens,
+        defaultFromSymbol,
+        defaultToSymbol,
+    });
+    const [slippage, setSlippage] = useState(defaultSlippage);
+    const [fromAmountDebounced] = useDebounceValue(fromAmount, 500);
+    const [pendingSwap, setPendingSwap] = useState(undefined);
+    const address = useAddress();
+    const [swapProvider, setSwapProviderId] = useSwapProvider();
+    const swapProviders = useSwapProviders();
+    // Stabilized query inputs — kept next to the query that consumes them.
+    const fromTokenParam = useMemo(() => fromToken
+        ? {
+            address: fromToken.address,
+            decimals: fromToken.decimals,
+            symbol: fromToken.symbol,
+            name: fromToken.name,
+        }
+        : undefined, [fromToken]);
+    const toTokenParam = useMemo(() => toToken
+        ? { address: toToken.address, decimals: toToken.decimals, symbol: toToken.symbol, name: toToken.name }
+        : undefined, [toToken]);
+    const isNetworkSupported = useMemo(() => !swapProvider || !network || swapProvider.getSupportedNetworks().some((n) => n.chainId === network.chainId), [swapProvider, network]);
+    const { data: quote, isFetching: isQuoteFetching, error: quoteError, } = useSwapQuote({
+        from: fromTokenParam,
+        to: toTokenParam,
+        amount: fromAmountDebounced,
+        network,
+        slippageBps: slippage,
+        providerId: swapProvider?.providerId,
+        query: { enabled: isNetworkSupported },
+    });
+    // Also show "loading" while the user is still typing (debounce in-flight) so the UI doesn't flash
+    // the previous quote as if it were final.
+    const isQuoteLoading = isQuoteFetching || fromAmount !== fromAmountDebounced;
+    const { fromBalance, toBalance, isFromBalanceLoading, isToBalanceLoading } = useSwapBalances({
+        fromToken,
+        toToken,
+        ownerAddress: address ?? undefined,
+        network,
+    });
+    const { data: tonBalance } = useBalance({ network, query: { refetchInterval: 5000 } });
+    // 3. Derivations
+    const toAmount = quote?.toAmount ?? '';
+    const { error, canSubmit } = useSwapValidation({
+        fromAmount,
+        fromAmountDebounced,
+        fromToken,
+        toToken,
+        fromBalance,
+        quoteError,
+        isNetworkSupported,
+    });
+    const isLowBalanceWarningOpen = pendingSwap !== undefined;
+    const lowBalanceMode = pendingSwap?.mode ?? 'reduce';
+    const lowBalanceRequiredTon = useMemo(() => {
+        if (!pendingSwap)
+            return '';
+        return formatUnits(pendingSwap.requiredNanos, 9);
+    }, [pendingSwap]);
+    // 4. Mutations
+    const { mutateAsync: buildTransaction, isPending: isBuildingTransaction } = useBuildSwapTransaction();
+    const { mutateAsync: sendTransaction, isPending: isSendingPending } = useSendTransaction();
+    const isSendingTransaction = isBuildingTransaction || isSendingPending;
+    // 5. Callbacks
+    const handleMaxClick = useCallback(() => {
+        if (!fromBalance || !fromToken)
+            return;
+        setFromAmount(calcMaxSpendable({ balance: fromBalance, token: fromToken, feeReserveNanos: 350000000n }));
+    }, [fromBalance, fromToken, setFromAmount]);
+    const sendSwapTransaction = useCallback(async () => {
+        if (!quote || !address || !fromToken)
+            return;
+        const tx = await buildTransaction({ quote, userAddress: address });
+        const shortfall = getTonShortfall({
+            messages: tx.messages,
+            tonBalance,
+            fromToken,
+            fromAmount,
+        });
+        if (shortfall) {
+            setPendingSwap(shortfall);
+            return;
+        }
+        await sendTransaction(tx);
+    }, [quote, address, fromToken, fromAmount, buildTransaction, sendTransaction, tonBalance]);
+    const onLowBalanceChange = useCallback(() => {
+        if (!pendingSwap || pendingSwap.mode !== 'reduce')
+            return;
+        setFromAmount(pendingSwap.suggestedFromAmount);
+        setPendingSwap(undefined);
+    }, [pendingSwap, setFromAmount]);
+    const onLowBalanceCancel = useCallback(() => {
+        setPendingSwap(undefined);
+    }, []);
+    const value = useMemo(() => ({
+        tokens: networkFilteredTokens,
+        fromToken,
+        toToken,
+        fromAmount,
+        toAmount,
+        fiatSymbol,
+        fromBalance,
+        toBalance,
+        isFromBalanceLoading,
+        isToBalanceLoading,
+        canSubmit,
+        quote,
+        isQuoteLoading,
+        error,
+        slippage,
+        swapProvider,
+        swapProviders,
+        setSwapProviderId,
+        setFromToken,
+        setToToken,
+        setFromAmount,
+        setSlippage,
+        onFlip,
+        onMaxClick: handleMaxClick,
+        sendSwapTransaction,
+        isSendingTransaction,
+        isLowBalanceWarningOpen,
+        lowBalanceMode,
+        lowBalanceRequiredTon,
+        onLowBalanceChange,
+        onLowBalanceCancel,
+    }), [
+        networkFilteredTokens,
+        fromToken,
+        toToken,
+        fromAmount,
+        toAmount,
+        fiatSymbol,
+        fromBalance,
+        toBalance,
+        isFromBalanceLoading,
+        isToBalanceLoading,
+        canSubmit,
+        quote,
+        isQuoteLoading,
+        error,
+        slippage,
+        swapProvider,
+        swapProviders,
+        setSwapProviderId,
+        setFromToken,
+        setToToken,
+        setFromAmount,
+        setSlippage,
+        onFlip,
+        handleMaxClick,
+        sendSwapTransaction,
+        isSendingTransaction,
+        isLowBalanceWarningOpen,
+        lowBalanceMode,
+        lowBalanceRequiredTon,
+        onLowBalanceChange,
+        onLowBalanceCancel,
+    ]);
+    return _jsx(SwapContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=swap-widget-provider.js.map

package/dist/esm/features/swap/components/swap-widget-provider/swap-widget-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-widget-provider.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-provider/swap-widget-provider.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAyE1D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAkB;IACtD,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,oBAAoB,EAAE,KAAK;IAC3B,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,SAAS;IAChB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,EAAE;IACjB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC3B,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,mBAAmB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE;IAC5C,oBAAoB,EAAE,KAAK;IAC3B,uBAAuB,EAAE,KAAK;IAC9B,cAAc,EAAE,QAAQ;IACxB,qBAAqB,EAAE,EAAE;IACzB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5B,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC/B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC1B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AACnC,CAAC;AAoBD,MAAM,CAAC,MAAM,kBAAkB,GAA0B,CAAC,EACtD,QAAQ,EACR,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,UAAU,GAAG,GAAG,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAAG,GAAG,GACxB,EAAE,EAAE;IACD,wEAAwE;IACxE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1E,mGAAmG;IACnG,MAAM,aAAa,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,WAAW,IAAI,aAAa,CAAC;IAE7C,MAAM,qBAAqB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAClG,CAAC,YAAY,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,iBAAiB;IACjB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC;QAC1G,YAAY,EAAE,qBAAqB;QACnC,iBAAiB;QACjB,eAAe;KAClB,CAAC,CAAC;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,SAAS,CAAC,CAAC;IACpF,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,uEAAuE;IACvE,MAAM,cAAc,GAAG,OAAO,CAC1B,GAAG,EAAE,CACD,SAAS;QACL,CAAC,CAAC;YACI,OAAO,EAAE,SAAS,CAAC,OAAO;YAC1B,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,IAAI,EAAE,SAAS,CAAC,IAAI;SACvB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,SAAS,CAAC,CACd,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CACD,OAAO;QACH,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;QACtG,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACD,CAAC,YAAY,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,EAC/G,CAAC,YAAY,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,MAAM,EACF,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,eAAe,EAC3B,KAAK,EAAE,UAAU,GACpB,GAAG,YAAY,CAAC;QACb,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,YAAY;QAChB,MAAM,EAAE,mBAAmB;QAC3B,OAAO;QACP,WAAW,EAAE,QAAQ;QACrB,UAAU,EAAE,YAAY,EAAE,UAAU;QACpC,KAAK,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;KACzC,CAAC,CAAC;IACH,kGAAkG;IAClG,0CAA0C;IAC1C,MAAM,cAAc,GAAG,eAAe,IAAI,UAAU,KAAK,mBAAmB,CAAC;IAC7E,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,GAAG,eAAe,CAAC;QACzF,SAAS;QACT,OAAO;QACP,YAAY,EAAE,OAAO,IAAI,SAAS;QAClC,OAAO;KACV,CAAC,CAAC;IACH,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAEvF,iBAAiB;IACjB,MAAM,QAAQ,GAAG,KAAK,EAAE,QAAQ,IAAI,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC;QAC3C,UAAU;QACV,mBAAmB;QACnB,SAAS;QACT,OAAO;QACP,WAAW;QACX,UAAU;QACV,kBAAkB;KACrB,CAAC,CAAC;IACH,MAAM,uBAAuB,GAAG,WAAW,KAAK,SAAS,CAAC;IAC1D,MAAM,cAAc,GAAuB,WAAW,EAAE,IAAI,IAAI,QAAQ,CAAC;IACzE,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,WAAW;YAAE,OAAO,EAAE,CAAC;QAC5B,OAAO,WAAW,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAe;IACf,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACtG,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3F,MAAM,oBAAoB,GAAG,qBAAqB,IAAI,gBAAgB,CAAC;IAEvE,eAAe;IACf,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS;YAAE,OAAO;QACvC,aAAa,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,UAAY,EAAE,CAAC,CAAC,CAAC;IAC/G,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;YAAE,OAAO;QAE7C,MAAM,EAAE,GAAG,MAAM,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;QAEnE,MAAM,SAAS,GAAG,eAAe,CAAC;YAC9B,QAAQ,EAAE,EAAE,CAAC,QAAQ;YACrB,UAAU;YACV,SAAS;YACT,UAAU;SACb,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE,CAAC;YACZ,cAAc,CAAC,SAAS,CAAC,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,MAAM,eAAe,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3F,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO;QAC1D,aAAa,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAC/C,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,MAAM,EAAE,qBAAqB;QAC7B,SAAS;QACT,OAAO;QACP,UAAU;QACV,QAAQ;QACR,UAAU;QACV,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,kBAAkB;QAClB,SAAS;QACT,KAAK;QACL,cAAc;QACd,KAAK;QACL,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,aAAa;QACb,WAAW;QACX,MAAM;QACN,UAAU,EAAE,cAAc;QAC1B,mBAAmB;QACnB,oBAAoB;QACpB,uBAAuB;QACvB,cAAc;QACd,qBAAqB;QACrB,kBAAkB;QAClB,kBAAkB;KACrB,CAAC,EACF;QACI,qBAAqB;QACrB,SAAS;QACT,OAAO;QACP,UAAU;QACV,QAAQ;QACR,UAAU;QACV,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,kBAAkB;QAClB,SAAS;QACT,KAAK;QACL,cAAc;QACd,KAAK;QACL,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,aAAa;QACb,WAAW;QACX,MAAM;QACN,cAAc;QACd,mBAAmB;QACnB,oBAAoB;QACpB,uBAAuB;QACvB,cAAc;QACd,qBAAqB;QACrB,kBAAkB;QAClB,kBAAkB;KACrB,CACJ,CAAC;IAEF,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAwB,CAAC;AACjF,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-balances.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useBalance } from '../../../balances/hooks/use-balance';
+import { useJettonBalanceByAddress } from '../../../jettons/hooks/use-jetton-balance-by-address';
+export function useSwapBalances({ fromToken, toToken, ownerAddress, network }) {
+    const isFromNative = fromToken?.address === 'ton';
+    const isToNative = toToken?.address === 'ton';
+    const { data: tonBalance, isLoading: isTonBalanceLoading } = useBalance({
+        network,
+        query: { refetchInterval: 5000 },
+    });
+    const { data: fromJettonBalance, isLoading: isFromJettonBalanceLoading } = useJettonBalanceByAddress({
+        jettonAddress: fromToken?.address,
+        ownerAddress,
+        jettonDecimals: fromToken?.decimals,
+        network,
+        query: { enabled: !isFromNative && !!fromToken, refetchInterval: 5000 },
+    });
+    const { data: toJettonBalance, isLoading: isToJettonBalanceLoading } = useJettonBalanceByAddress({
+        jettonAddress: toToken?.address,
+        ownerAddress,
+        jettonDecimals: toToken?.decimals,
+        network,
+        query: { enabled: !isToNative && !!toToken, refetchInterval: 5000 },
+    });
+    return {
+        fromBalance: isFromNative ? tonBalance : fromJettonBalance,
+        toBalance: isToNative ? tonBalance : toJettonBalance,
+        isFromBalanceLoading: isFromNative ? isTonBalanceLoading : isFromJettonBalanceLoading,
+        isToBalanceLoading: isToNative ? isTonBalanceLoading : isToJettonBalanceLoading,
+    };
+}
+//# sourceMappingURL=use-swap-balances.js.map

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-balances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swap-balances.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-provider/use-swap-balances.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AAUjG,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAA0B;IACjG,MAAM,YAAY,GAAG,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC;IAClD,MAAM,UAAU,GAAG,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC;IAE9C,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC;QACpE,OAAO;QACP,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE;KACnC,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,0BAA0B,EAAE,GAAG,yBAAyB,CAAC;QACjG,aAAa,EAAE,SAAS,EAAE,OAAO;QACjC,YAAY;QACZ,cAAc,EAAE,SAAS,EAAE,QAAQ;QACnC,OAAO;QACP,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,IAAI,CAAC,CAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE;KAC1E,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,wBAAwB,EAAE,GAAG,yBAAyB,CAAC;QAC7F,aAAa,EAAE,OAAO,EAAE,OAAO;QAC/B,YAAY;QACZ,cAAc,EAAE,OAAO,EAAE,QAAQ;QACjC,OAAO;QACP,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE;KACtE,CAAC,CAAC;IAEH,OAAO;QACH,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB;QAC1D,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe;QACpD,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B;QACrF,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,wBAAwB;KAClF,CAAC;AACN,CAAC"}

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-token-state.js

@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { validateNumericString, truncateDecimals } from '@ton/appkit';
+const pickFromToken = (tokens, defaultSymbol) => tokens.find((t) => t.symbol.toLowerCase() === defaultSymbol?.toLowerCase()) ?? tokens[0] ?? null;
+const pickToToken = (tokens, defaultSymbol) => tokens.find((t) => t.symbol.toLowerCase() === defaultSymbol?.toLowerCase()) ?? tokens[1] ?? null;
+export const useSwapTokenState = ({ mappedTokens, defaultFromSymbol, defaultToSymbol }) => {
+    const [fromToken, setFromToken] = useState(() => pickFromToken(mappedTokens, defaultFromSymbol));
+    const [toToken, setToToken] = useState(() => pickToToken(mappedTokens, defaultToSymbol));
+    const [fromAmount, setFromAmountRaw] = useState('');
+    // Re-select tokens whenever the available list changes (e.g. wallet network switches and
+    // `mappedTokens` is filtered down to a different set). Keep the current selection if it's still
+    // valid; otherwise fall back to defaults.
+    useEffect(() => {
+        setFromToken((prev) => prev && mappedTokens.some((t) => t.address === prev.address)
+            ? prev
+            : pickFromToken(mappedTokens, defaultFromSymbol));
+        setToToken((prev) => prev && mappedTokens.some((t) => t.address === prev.address)
+            ? prev
+            : pickToToken(mappedTokens, defaultToSymbol));
+    }, [mappedTokens, defaultFromSymbol, defaultToSymbol]);
+    const setFromAmount = useCallback((value) => {
+        if (value === '' || validateNumericString(value, fromToken?.decimals)) {
+            setFromAmountRaw(value);
+        }
+    }, [fromToken?.decimals]);
+    const handleSetFromToken = useCallback((token) => {
+        if (toToken && token.address === toToken.address) {
+            setToToken(fromToken);
+        }
+        setFromToken(token);
+        setFromAmountRaw((prev) => truncateDecimals(prev, token.decimals));
+    }, [fromToken, toToken]);
+    const handleSetToToken = useCallback((token) => {
+        if (fromToken && token.address === fromToken.address) {
+            setFromToken(toToken);
+        }
+        setToToken(token);
+    }, [fromToken, toToken]);
+    const onFlip = useCallback(() => {
+        setFromToken(toToken);
+        setToToken(fromToken);
+        if (toToken) {
+            setFromAmountRaw((prev) => truncateDecimals(prev, toToken.decimals));
+        }
+    }, [fromToken, toToken]);
+    return {
+        fromToken,
+        toToken,
+        fromAmount,
+        setFromToken: handleSetFromToken,
+        setToToken: handleSetToToken,
+        setFromAmount,
+        onFlip,
+    };
+};
+//# sourceMappingURL=use-swap-token-state.js.map

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-token-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swap-token-state.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-provider/use-swap-token-state.ts"],"names":[],"mappings":"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"}

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-validation.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useMemo } from 'react';
+import { hasTooManyDecimals, isAmountExceedingBalance } from '../../../../utils/validate-amount';
+import { mapSwapError } from '../../utils/map-swap-error';
+export function useSwapValidation({ fromAmount, fromAmountDebounced, fromToken, toToken, fromBalance, quoteError, isNetworkSupported, }) {
+    const error = useMemo(() => {
+        if (!isNetworkSupported)
+            return 'defi.unsupportedNetwork';
+        if ((parseFloat(fromAmount) || 0) <= 0)
+            return null;
+        if (hasTooManyDecimals(fromAmount, fromToken?.decimals))
+            return 'swap.tooManyDecimals';
+        if (isAmountExceedingBalance(fromAmount, fromBalance))
+            return 'swap.insufficientBalance';
+        if (quoteError && fromAmountDebounced)
+            return mapSwapError(quoteError);
+        return null;
+    }, [isNetworkSupported, fromAmount, fromToken, fromBalance, quoteError, fromAmountDebounced]);
+    const canSubmit = (parseFloat(fromAmount) || 0) > 0 && fromToken !== null && toToken !== null && error === null;
+    return { error, canSubmit };
+}
+//# sourceMappingURL=use-swap-validation.js.map

package/dist/esm/features/swap/components/swap-widget-provider/use-swap-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swap-validation.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-provider/use-swap-validation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAY1D,MAAM,UAAU,iBAAiB,CAAC,EAC9B,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,OAAO,EACP,WAAW,EACX,UAAU,EACV,kBAAkB,GACK;IACvB,MAAM,KAAK,GAAkB,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,kBAAkB;YAAE,OAAO,yBAAyB,CAAC;QAE1D,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAEpD,IAAI,kBAAkB,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;YAAE,OAAO,sBAAsB,CAAC;QAEvF,IAAI,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC;YAAE,OAAO,0BAA0B,CAAC;QAEzF,IAAI,UAAU,IAAI,mBAAmB;YAAE,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC;QAEvE,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,kBAAkB,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE9F,MAAM,SAAS,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC;IAEhH,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAChC,CAAC"}

package/dist/esm/features/swap/components/swap-widget-ui/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export * from './swap-widget-ui';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/swap/components/swap-widget-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-widget-ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,kBAAkB,CAAC"}