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

package/dist/esm/features/staking/components/staking-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 './staking-widget-ui';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/features/staking/components/staking-widget-ui/staking-widget-ui.js

@@ -0,0 +1,36 @@
+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 { useMemo, useState } from 'react';
+import clsx from 'clsx';
+import { CenteredAmountInput } from '../../../../components/ui/centered-amount-input';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../../../components/ui/tabs';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+import { StakingBalanceBlock } from '../staking-balance-block';
+import { StakingInfo } from '../staking-info';
+import { SelectUnstakeMode } from '../select-unstake-mode';
+import { StakingSettingsModal } from '../staking-settings-modal';
+import styles from './staking-widget-ui.module.css';
+import { ButtonWithConnect } from '../../../../components/shared/button-with-connect';
+import { AmountReversed } from '../../../../components/ui/amount-reversed';
+import { LowBalanceModal } from '../../../../components/shared/low-balance-modal';
+import { SettingsButton } from '../../../../components/shared/settings-button';
+export const StakingWidgetUI = ({ amount, canSubmit, isQuoteLoading, error, providerInfo, providerMetadata, stakingProvider, stakingProviders, setStakingProviderId, network, isProviderInfoLoading, setAmount, direction, quote, sendTransaction, isSendingTransaction, unstakeMode, setUnstakeMode, stakedBalance, isStakedBalanceLoading, onChangeDirection, isReversed, toggleReversed, reversedAmount, onMaxClick, balance, isBalanceLoading, isLowBalanceWarningOpen, lowBalanceMode, lowBalanceRequiredTon, onLowBalanceChange, onLowBalanceCancel, className, ...props }) => {
+    const { t } = useI18n();
+    const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+    const receiveToken = providerMetadata?.receiveToken;
+    const stakeToken = providerMetadata?.stakeToken;
+    const buttonText = useMemo(() => {
+        if (error)
+            return t(error);
+        return direction === 'stake' ? t('staking.continue') : t('staking.unstake');
+    }, [error, direction, t]);
+    const submitActions = (_jsxs("div", { className: styles.actions, children: [_jsx(ButtonWithConnect, { variant: "fill", size: "l", fullWidth: true, disabled: !canSubmit || isQuoteLoading || isSendingTransaction, onClick: sendTransaction, children: buttonText }), _jsx(SettingsButton, { onClick: () => setIsSettingsOpen(true) })] }));
+    return (_jsxs("div", { className: clsx(styles.widget, className), ...props, children: [_jsxs(Tabs, { defaultValue: direction, onValueChange: (value) => onChangeDirection(value), children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "stake", children: t('staking.stake') }), _jsx(TabsTrigger, { value: "unstake", children: t('staking.unstake') })] }), _jsx(TabsContent, { className: styles.tab, value: "stake", children: _jsxs("div", { className: styles.content, children: [_jsxs("div", { className: styles.inputSection, children: [_jsx(CenteredAmountInput, { value: amount, onValueChange: setAmount, ticker: stakeToken?.ticker }), receiveToken && (_jsx(AmountReversed, { value: reversedAmount, ticker: receiveToken.ticker, decimals: receiveToken.decimals }))] }), _jsx(StakingBalanceBlock, { direction: "stake", providerMetadata: providerMetadata, stakedBalance: stakedBalance?.stakedBalance, isStakedBalanceLoading: isStakedBalanceLoading, balance: balance, isBalanceLoading: isBalanceLoading, onMaxClick: onMaxClick }), submitActions] }) }), _jsx(TabsContent, { className: styles.tab, value: "unstake", children: _jsxs("div", { className: styles.content, children: [_jsxs("div", { className: styles.inputSection, children: [_jsx(CenteredAmountInput, { value: amount, onValueChange: setAmount, ticker: !isReversed && receiveToken ? receiveToken.ticker : stakeToken?.ticker }), receiveToken && (_jsx(AmountReversed, { value: reversedAmount, ticker: isReversed ? receiveToken.ticker : (stakeToken?.ticker ?? ''), decimals: isReversed ? receiveToken.decimals : stakeToken?.decimals, onChangeDirection: providerMetadata?.supportsReversedQuote ? toggleReversed : undefined }))] }), _jsx(StakingBalanceBlock, { direction: "unstake", providerMetadata: providerMetadata, stakedBalance: stakedBalance?.stakedBalance, isStakedBalanceLoading: isStakedBalanceLoading, balance: balance, isBalanceLoading: isBalanceLoading, onMaxClick: onMaxClick }), submitActions, _jsx(SelectUnstakeMode, { value: unstakeMode, onValueChange: setUnstakeMode, providerInfo: providerInfo, providerMetadata: providerMetadata })] }) }), _jsx(StakingInfo, { quote: quote, isQuoteLoading: isQuoteLoading, providerInfo: providerInfo, providerMetadata: providerMetadata, isProviderInfoLoading: isProviderInfoLoading, direction: direction })] }), _jsx(LowBalanceModal, { open: isLowBalanceWarningOpen, mode: lowBalanceMode, requiredTon: lowBalanceRequiredTon, onChange: onLowBalanceChange, onCancel: onLowBalanceCancel }), _jsx(StakingSettingsModal, { open: isSettingsOpen, onClose: () => setIsSettingsOpen(false), provider: stakingProvider, providers: stakingProviders, onProviderChange: setStakingProviderId, network: network })] }));
+};
+//# sourceMappingURL=staking-widget-ui.js.map

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

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

package/dist/esm/features/staking/components/staking-widget-ui/staking-widget-ui.module.css

@@ -0,0 +1,31 @@
+.widget {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 386px;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.tab {
+  margin-bottom: 16px;
+}
+
+.inputSection {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 28px 0;
+}
+
+.actions {
+  display: flex;
+  align-items: stretch;
+  gap: 8px;
+}

package/dist/esm/features/staking/hooks/use-build-stake-transaction.js

@@ -6,7 +6,7 @@
  *
  */
 import { buildStakeTransactionMutationOptions } from '@ton/appkit/queries';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 import { useMutation } from '../../../libs/query';
 /**
  * Hook to build stake transaction

package/dist/esm/features/staking/hooks/use-build-stake-transaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-build-stake-transaction.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-build-stake-transaction.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,oCAAoC,EAAE,MAAM,qBAAqB,CAAC;AAO3E,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAmE,EAAE;IACzG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,WAAW,CAAC,oCAAoC,CAAU,MAAM,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC"}
+{"version":3,"file":"use-build-stake-transaction.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-build-stake-transaction.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,oCAAoC,EAAE,MAAM,qBAAqB,CAAC;AAO3E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAmE,EAAE;IACzG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,WAAW,CAAC,oCAAoC,CAAU,MAAM,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staked-balance.js

@@ -6,13 +6,15 @@
  *
  */
 import { getStakedBalanceQueryOptions } from '@ton/appkit/queries';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 import { useQuery } from '../../../libs/query';
+import { useNetwork } from '../../network';
 /**
  * Hook to get user's staked balance
  */
 export const useStakedBalance = (parameters = {}) => {
     const appKit = useAppKit();
-    return useQuery(getStakedBalanceQueryOptions(appKit, parameters));
+    const walletNetwork = useNetwork();
+    return useQuery(getStakedBalanceQueryOptions(appKit, { ...parameters, network: parameters.network ?? walletNetwork }));
 };
 //# sourceMappingURL=use-staked-balance.js.map

package/dist/esm/features/staking/hooks/use-staked-balance.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-staked-balance.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staked-balance.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAS/C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,aAAqD,EAAE,EACjB,EAAE;IACxC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,QAAQ,CAAC,4BAA4B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC"}
+{"version":3,"file":"use-staked-balance.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staked-balance.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,aAAqD,EAAE,EACjB,EAAE;IACxC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,QAAQ,CACX,4BAA4B,CAAC,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC,CACxG,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staking-provider-info.js

@@ -6,13 +6,21 @@
  *
  */
 import { getStakingProviderInfoQueryOptions } from '@ton/appkit/queries';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 import { useQuery } from '../../../libs/query';
+import { useNetwork } from '../../network';
+import { useStakingProvider } from './use-staking-provider';
 /**
  * Hook to get staking provider information
  */
 export const useStakingProviderInfo = (parameters = {}) => {
     const appKit = useAppKit();
-    return useQuery(getStakingProviderInfoQueryOptions(appKit, parameters));
+    const walletNetwork = useNetwork();
+    const provider = useStakingProvider({ id: parameters.providerId });
+    return useQuery(getStakingProviderInfoQueryOptions(appKit, {
+        providerId: provider?.providerId,
+        ...parameters,
+        network: parameters.network ?? walletNetwork,
+    }));
 };
 //# sourceMappingURL=use-staking-provider-info.js.map

package/dist/esm/features/staking/hooks/use-staking-provider-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-staking-provider-info.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-provider-info.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AAOzE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAU/C;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,aAA2D,EAAE,EACjB,EAAE;IAC9C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,QAAQ,CAAC,kCAAkC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAC5E,CAAC,CAAC"}
+{"version":3,"file":"use-staking-provider-info.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-provider-info.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AAOzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS5D;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,aAA2D,EAAE,EACjB,EAAE;IAC9C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,UAAU,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IAEnE,OAAO,QAAQ,CACX,kCAAkC,CAAC,MAAM,EAAE;QACvC,UAAU,EAAE,QAAQ,EAAE,UAAU;QAChC,GAAG,UAAU;QACb,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,aAAa;KAC/C,CAAC,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staking-provider-metadata.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 { getStakingProviderMetadata, resolveNetwork } from '@ton/appkit';
+import { useMemo } from 'react';
+import { useAppKit } from '../../settings';
+import { useStakingProvider } from './use-staking-provider';
+/**
+ * Hook to get static staking provider metadata
+ */
+export const useStakingProviderMetadata = (parameters = {}) => {
+    const appKit = useAppKit();
+    const provider = useStakingProvider({ id: parameters.providerId });
+    const network = resolveNetwork(appKit, parameters.network);
+    return useMemo(() => {
+        try {
+            return getStakingProviderMetadata(appKit, { ...parameters, network });
+        }
+        catch {
+            return undefined;
+        }
+    }, [appKit, network, parameters.providerId, provider?.providerId]);
+};
+//# sourceMappingURL=use-staking-provider-metadata.js.map

package/dist/esm/features/staking/hooks/use-staking-provider-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-staking-provider-metadata.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-provider-metadata.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAK5D;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,aAAmD,EAAE,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAE3D,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,CAAC;YACD,OAAO,0BAA0B,CAAC,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;QAC1E,CAAC;QAAC,MAAM,CAAC;YACL,OAAO,SAAS,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staking-provider.js

@@ -0,0 +1,30 @@
+/**
+ * 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 { useSyncExternalStore, useCallback } from 'react';
+import { getStakingProvider, watchStakingProviders } from '@ton/appkit';
+import { useAppKit } from '../../settings/hooks/use-app-kit';
+/**
+ * Hook to get staking provider
+ */
+export const useStakingProvider = (options = {}) => {
+    const appKit = useAppKit();
+    const { id } = options;
+    const subscribe = useCallback((onChange) => {
+        return watchStakingProviders(appKit, { onChange });
+    }, [appKit]);
+    const getSnapshot = useCallback(() => {
+        try {
+            return getStakingProvider(appKit, { id });
+        }
+        catch {
+            return undefined;
+        }
+    }, [appKit, id]);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+//# sourceMappingURL=use-staking-provider.js.map

package/dist/esm/features/staking/hooks/use-staking-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-staking-provider.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-provider.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAI7D;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAC9B,UAAqC,EAAE,EACC,EAAE;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC;IAEvB,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,qBAAqB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC;YACD,OAAO,kBAAkB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC;QAAC,MAAM,CAAC;YACL,OAAO,SAAS,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;IAEjB,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staking-providers.js

@@ -5,14 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { getStakingProvidersQueryOptions } from '@ton/appkit/queries';
-import { useAppKit } from '../../../hooks/use-app-kit';
-import { useQuery } from '../../../libs/query';
+import { useSyncExternalStore, useCallback } from 'react';
+import { getStakingProviders, watchStakingProviders } from '@ton/appkit';
+import { useAppKit } from '../../settings';
 /**
- * Hook to get available staking provider IDs
+ * Hook to get all registered staking providers.
  */
-export const useStakingProviders = (parameters = {}) => {
+export const useStakingProviders = () => {
     const appKit = useAppKit();
-    return useQuery(getStakingProvidersQueryOptions(appKit, parameters));
+    const subscribe = useCallback((onChange) => {
+        return watchStakingProviders(appKit, { onChange });
+    }, [appKit]);
+    const getSnapshot = useCallback(() => {
+        return getStakingProviders(appKit);
+    }, [appKit]);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 };
 //# sourceMappingURL=use-staking-providers.js.map

package/dist/esm/features/staking/hooks/use-staking-providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-staking-providers.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-providers.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAOtE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAU/C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,aAAwD,EAAE,EACjB,EAAE;IAC3C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,QAAQ,CAAC,+BAA+B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC"}
+{"version":3,"file":"use-staking-providers.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-providers.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAkC,EAAE;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,qBAAqB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/staking/hooks/use-staking-quote.js

@@ -6,13 +6,15 @@
  *
  */
 import { getStakingQuoteQueryOptions } from '@ton/appkit/queries';
-import { useAppKit } from '../../../hooks/use-app-kit';
+import { useAppKit } from '../../settings';
 import { useQuery } from '../../../libs/query';
+import { useNetwork } from '../../network';
 /**
  * Hook to get staking/unstaking quote
  */
 export const useStakingQuote = (parameters = {}) => {
     const appKit = useAppKit();
-    return useQuery(getStakingQuoteQueryOptions(appKit, parameters));
+    const walletNetwork = useNetwork();
+    return useQuery(getStakingQuoteQueryOptions(appKit, { ...parameters, network: parameters.network ?? walletNetwork }));
 };
 //# sourceMappingURL=use-staking-quote.js.map

package/dist/esm/features/staking/hooks/use-staking-quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-staking-quote.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-quote.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAS/C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,aAAoD,EAAE,EACjB,EAAE;IACvC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,QAAQ,CAAC,2BAA2B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACrE,CAAC,CAAC"}
+{"version":3,"file":"use-staking-quote.js","sourceRoot":"","sources":["../../../../../src/features/staking/hooks/use-staking-quote.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,aAAoD,EAAE,EACjB,EAAE;IACvC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,QAAQ,CACX,2BAA2B,CAAC,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC,CACvG,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/staking/index.js

@@ -6,9 +6,18 @@
  *
  */
 export { UnstakeMode } from '@ton/appkit';
-export { useStakingProviders, } from './hooks/use-staking-providers';
+export { useStakingProviders } from './hooks/use-staking-providers';
+export { useStakingProvider } from './hooks/use-staking-provider';
 export { useStakingQuote, } from './hooks/use-staking-quote';
 export { useStakedBalance, } from './hooks/use-staked-balance';
 export { useStakingProviderInfo, } from './hooks/use-staking-provider-info';
+export { useStakingProviderMetadata, } from './hooks/use-staking-provider-metadata';
 export { useBuildStakeTransaction } from './hooks/use-build-stake-transaction';
+export * from './components/staking-widget';
+export * from './components/staking-widget-ui';
+export * from './components/staking-widget-provider';
+export * from './components/staking-balance-block';
+export * from './components/staking-info';
+export * from './components/select-unstake-mode';
+export * from './components/staking-settings-modal';
 //# sourceMappingURL=index.js.map

package/dist/esm/features/staking/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/staking/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAC;AAE7D,OAAO,EACH,mBAAmB,GAGtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACH,eAAe,GAGlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACH,gBAAgB,GAGnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACH,sBAAsB,GAGzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAA2C,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/staking/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAsC,MAAM,+BAA+B,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAqC,MAAM,8BAA8B,CAAC;AACrG,OAAO,EACH,eAAe,GAGlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACH,gBAAgB,GAGnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACH,sBAAsB,GAGzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACH,0BAA0B,GAG7B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAA2C,MAAM,qCAAqC,CAAC;AAExH,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}

package/dist/esm/features/staking/utils/map-staking-error.js

@@ -0,0 +1,25 @@
+/**
+ * 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 { StakingError, StakingErrorCode } from '@ton/appkit';
+import { mapDefiError } from '../../../utils/map-defi-error';
+/**
+ * Map a thrown staking error to an i18n key. Tries staking-specific codes first, falls back to the
+ * shared {@link mapDefiError} for base DeFi codes, and finally to a generic `staking.quoteError`.
+ */
+export const mapStakingError = (error) => {
+    if (error instanceof StakingError) {
+        switch (error.code) {
+            case StakingErrorCode.InvalidParams:
+                return 'staking.invalidParams';
+            case StakingErrorCode.UnsupportedOperation:
+                return 'staking.unsupportedOperation';
+        }
+    }
+    return mapDefiError(error) ?? 'staking.quoteError';
+};
+//# sourceMappingURL=map-staking-error.js.map

package/dist/esm/features/staking/utils/map-staking-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-staking-error.js","sourceRoot":"","sources":["../../../../../src/features/staking/utils/map-staking-error.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAc,EAAU,EAAE;IACtD,IAAI,KAAK,YAAY,YAAY,EAAE,CAAC;QAChC,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACjB,KAAK,gBAAgB,CAAC,aAAa;gBAC/B,OAAO,uBAAuB,CAAC;YACnC,KAAK,gBAAgB,CAAC,oBAAoB;gBACtC,OAAO,8BAA8B,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,OAAO,YAAY,CAAC,KAAK,CAAC,IAAI,oBAAoB,CAAC;AACvD,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-field/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-field';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { calcFiatValue, formatLargeValue } from '@ton/appkit';
+import clsx from 'clsx';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+import { Input } from '../../../../components/ui/input/input';
+import { Skeleton } from '../../../../components/ui/skeleton';
+import { TokenSelector } from '../token-selector/token-selector';
+import { getDisplayAmount } from '../../utils/get-display-amount';
+import styles from './swap-field.module.css';
+export const SwapField = ({ type, token, amount, onAmountChange, balance, isBalanceLoading, loading, onMaxClick, onTokenSelectorClick, isWalletConnected, fiatSymbol = '$', className, ...props }) => {
+    const { t } = useI18n();
+    const tokenSymbol = token?.symbol;
+    const displayBalance = getDisplayAmount(balance, token?.decimals);
+    return (_jsxs(Input.Container, { className: clsx(styles.container, className), size: "l", variant: "unstyled", loading: loading, resizable: true, ...props, children: [_jsx(Input.Header, { className: styles.header, children: _jsx(Input.Title, { className: styles.title, children: type === 'pay' ? t('swap.pay') : t('swap.receive') }) }), _jsxs(Input.Field, { className: styles.field, children: [_jsx(Input.Input, { placeholder: "0", value: amount, onChange: onAmountChange && ((e) => onAmountChange(e.target.value)), disabled: type === 'receive' }), _jsx(Input.Slot, { side: "right", children: _jsx(TokenSelector, { symbol: tokenSymbol, icon: token?.logo, onClick: onTokenSelectorClick }) })] }), _jsx(Input.Caption, { className: styles.caption, children: _jsxs("div", { className: styles.balanceLine, children: [_jsx("span", { children: token?.rate &&
+                                `${fiatSymbol} ${formatLargeValue(calcFiatValue(amount || '0', token.rate), 2, 2)}` }), type === 'pay' && token && (_jsx("span", { className: styles.balanceWrapper, children: isBalanceLoading ? (_jsx(Skeleton, { className: styles.skeletonText })) : (_jsx(_Fragment, { children: _jsxs("button", { className: styles.maxButton, onClick: onMaxClick, type: "button", children: [_jsx("span", { className: styles.max, children: t('swap.max') }), " ", displayBalance, ' ', tokenSymbol] }) })) })), type === 'receive' && token && (_jsx("span", { className: styles.balanceWrapper, children: isBalanceLoading ? (_jsx(Skeleton, { className: styles.skeletonText })) : (`${displayBalance} ${tokenSymbol}`) }))] }) })] }));
+};
+//# sourceMappingURL=swap-field.js.map

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

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

package/dist/esm/features/swap/components/swap-field/swap-field.module.css

@@ -0,0 +1,65 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+
+  width: 100%;
+  gap: 8px;
+}
+
+.header > .title {
+  color: var(--ta-color-text);
+}
+
+.container .header,
+.container .caption {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.container:focus-within {
+  border-color: var(--ta-color-primary);
+}
+
+.balanceLine {
+  composes: bodyRegular from "../../../../styles/typography.module.css";
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: var(--ta-body-regular-line-height);
+}
+
+.maxButton {
+  composes: bodyRegular from "../../../../styles/typography.module.css";
+
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  color: var(--ta-color-primary);
+  font-weight: 600;
+}
+
+.balanceWrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 1lh;
+}
+
+.max {
+  composes: bodySemibold from "../../../../styles/typography.module.css";
+  color: var(--ta-color-text);
+}
+
+.skeletonText {
+  width: 5ch;
+  height: 1em;
+  height: 0.8lh;
+}
+
+.field {
+  min-height: var(--ta-input-l-line-height);
+}

package/dist/esm/features/swap/components/swap-flip-button/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-flip-button';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/features/swap/components/swap-flip-button/swap-flip-button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import styles from './swap-flip-button.module.css';
+import { Button } from '../../../../components/ui/button';
+import { FlipIcon } from '../../../../components/ui/icons';
+export const SwapFlipButton = ({ onClick, rotated, className, ...props }) => {
+    return (_jsx("div", { className: clsx(styles.container, className), ...props, children: _jsx(Button, { className: clsx(styles.flipButton, rotated && styles.rotated), onClick: onClick, children: _jsx(FlipIcon, {}) }) }));
+};
+//# sourceMappingURL=swap-flip-button.js.map

package/dist/esm/features/swap/components/swap-flip-button/swap-flip-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-flip-button.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-flip-button/swap-flip-button.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAO3D,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjG,OAAO,CACH,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,YACxD,KAAC,MAAM,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,YACnF,KAAC,QAAQ,KAAG,GACP,GACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-flip-button/swap-flip-button.module.css

@@ -0,0 +1,32 @@
+.flipButton {
+  width: 44px;
+  height: 44px;
+  padding: 0;
+  border-radius: 50%;
+  cursor: pointer;
+  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s;
+  box-shadow: var(--ta-shadow-m);
+  appearance: none;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  background-color: var(--ta-color-background-tertiary);
+  color: var(--ta-color-text);
+}
+
+.flipButton:hover {
+  opacity: 1;
+}
+
+.flipButton:focus {
+  opacity: 1;
+}
+
+.flipButton.rotated {
+  transform: rotate(180deg);
+}

package/dist/esm/features/swap/components/swap-info/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-info';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoBlock } from '../../../../components/ui/info-block';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+import { getDisplayAmount } from '../../utils/get-display-amount';
+export const SwapInfo = ({ quote, provider, toToken, slippage, isQuoteLoading, ...props }) => {
+    const { t } = useI18n();
+    const minReceived = `${getDisplayAmount(quote?.minReceived, toToken?.decimals)} ${toToken?.symbol || ''}`;
+    const providerName = provider?.getMetadata().name;
+    const slippagePercent = `${(slippage / 100).toFixed(2)}%`;
+    return (_jsxs(InfoBlock.Container, { ...props, children: [_jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('swap.minReceived') }), isQuoteLoading ? _jsx(InfoBlock.ValueSkeleton, {}) : _jsx(InfoBlock.Value, { children: minReceived })] }), _jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('swap.slippage') }), _jsx(InfoBlock.Value, { children: slippagePercent })] }), _jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('swap.provider') }), providerName ? _jsx(InfoBlock.Value, { children: providerName }) : _jsx(InfoBlock.ValueSkeleton, {})] })] }));
+};
+//# sourceMappingURL=swap-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swap-info.js","sourceRoot":"","sources":["../../../../../../src/features/swap/components/swap-info/swap-info.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAUlE,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,WAAW,GAAG,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,OAAO,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC;IAC1G,MAAM,YAAY,GAAG,QAAQ,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC;IAClD,MAAM,eAAe,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAE1D,OAAO,CACH,MAAC,SAAS,CAAC,SAAS,OAAK,KAAK,aAC1B,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,kBAAkB,CAAC,GAAmB,EACzD,cAAc,CAAC,CAAC,CAAC,KAAC,SAAS,CAAC,aAAa,KAAG,CAAC,CAAC,CAAC,KAAC,SAAS,CAAC,KAAK,cAAE,WAAW,GAAmB,IACpF,EAChB,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,eAAe,CAAC,GAAmB,EACvD,KAAC,SAAS,CAAC,KAAK,cAAE,eAAe,GAAmB,IACxC,EAChB,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,eAAe,CAAC,GAAmB,EACtD,YAAY,CAAC,CAAC,CAAC,KAAC,SAAS,CAAC,KAAK,cAAE,YAAY,GAAmB,CAAC,CAAC,CAAC,KAAC,SAAS,CAAC,aAAa,KAAG,IACnF,IACE,CACzB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/swap/components/swap-settings-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 { SwapSettingsModal } from './swap-settings-modal';
+//# sourceMappingURL=index.js.map

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

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