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

package/dist/esm/features/staking/components/staking-balance-block/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 { StakingBalanceBlock } from './staking-balance-block';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/staking/components/staking-balance-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-balance-block/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,mBAAmB,EAAiC,MAAM,yBAAyB,CAAC"}

package/dist/esm/features/staking/components/staking-balance-block/staking-balance-block.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { formatLargeValue } from '@ton/appkit';
+import { useI18n } from '../../../settings/hooks/use-i18n';
+import { TonIconCircle } from '../../../../components/ui/icons';
+import { Button } from '../../../../components/ui/button';
+import { Skeleton } from '../../../../components/ui/skeleton';
+import styles from './staking-balance-block.module.css';
+import { Logo } from '../../../../components/ui/logo';
+import { useJettonInfo } from '../../../jettons';
+export const StakingBalanceBlock = ({ providerMetadata, direction, stakedBalance, isStakedBalanceLoading, balance, isBalanceLoading, onMaxClick, className, ...props }) => {
+    const tokenAddress = direction === 'stake' ? providerMetadata?.stakeToken.address : providerMetadata?.receiveToken?.address;
+    const isNativeTon = tokenAddress === 'ton';
+    const { data: jettonInfo } = useJettonInfo({
+        address: tokenAddress,
+        query: { enabled: !isNativeTon && !!tokenAddress },
+    });
+    const { t } = useI18n();
+    const displayBalance = direction === 'stake' ? balance : stakedBalance;
+    const isDisplayLoading = direction === 'stake' ? isBalanceLoading : isStakedBalanceLoading;
+    const ticker = direction === 'stake' ? providerMetadata?.stakeToken.ticker : providerMetadata?.receiveToken?.ticker;
+    const decimals = direction === 'stake' ? providerMetadata?.stakeToken.decimals : providerMetadata?.receiveToken?.decimals;
+    return (_jsxs("div", { className: clsx(styles.container, className), ...props, children: [_jsx("div", { className: styles.iconContainer, children: isNativeTon ? _jsx(TonIconCircle, { size: 36 }) : _jsx(Logo, { size: 36, src: jettonInfo?.image }) }), _jsxs("div", { className: styles.info, children: [_jsx("div", { className: styles.label, children: direction === 'stake' ? t('staking.yourBalance') : t('staking.stakedBalance') }), _jsx("div", { className: styles.value, children: isDisplayLoading ? (_jsx(Skeleton, { className: styles.skeleton })) : (_jsxs("span", { children: [displayBalance && decimals ? formatLargeValue(displayBalance, Math.min(decimals, 4)) : '0', ' ', ticker] })) })] }), onMaxClick && (_jsx(Button, { size: "s", variant: "bezeled", className: styles.maxButton, onClick: onMaxClick, children: t('staking.max') }))] }));
+};
+//# sourceMappingURL=staking-balance-block.js.map

package/dist/esm/features/staking/components/staking-balance-block/staking-balance-block.js.map

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

package/dist/esm/features/staking/components/staking-balance-block/staking-balance-block.module.css

@@ -0,0 +1,40 @@
+.container {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.iconContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--ta-color-ton);
+}
+
+.info {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.label {
+    composes: labelRegular from "../../../../styles/typography.module.css";
+    color: var(--ta-color-text-secondary);
+}
+
+.value {
+    composes: bodyMedium from "../../../../styles/typography.module.css";
+    color: var(--ta-color-text);
+    height: var(--ta-body-medium-line-height);
+}
+
+.skeleton {
+    width: 70px;
+    height: calc(var(--ta-body-medium-line-height) - 4px);
+    margin-top: 2px;
+    border-radius: 4px;
+}
+
+.maxButton {
+    margin-left: auto;
+}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-info/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,13 @@
+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 { formatAmount } from './utils';
+export const StakingInfo = ({ quote, isQuoteLoading, providerInfo, providerMetadata, isProviderInfoLoading, direction = 'stake', ...props }) => {
+    const { t } = useI18n();
+    const receiveToken = providerMetadata?.receiveToken;
+    const stakeToken = providerMetadata?.stakeToken;
+    const youGetDecimals = direction === 'stake' ? receiveToken?.decimals : stakeToken?.decimals;
+    const youGetTicker = direction === 'stake' ? receiveToken?.ticker : stakeToken?.ticker;
+    return (_jsxs(InfoBlock.Container, { ...props, children: [_jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('staking.youGet') }), isQuoteLoading || isProviderInfoLoading ? (_jsx(InfoBlock.ValueSkeleton, {})) : (_jsxs(InfoBlock.Value, { children: [formatAmount(quote?.amountOut, youGetDecimals), " ", youGetTicker] }))] }), _jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('staking.currentApy') }), isProviderInfoLoading ? (_jsx(InfoBlock.ValueSkeleton, {})) : (_jsx(InfoBlock.Value, { children: providerInfo?.apy !== undefined ? `${formatAmount(providerInfo.apy.toString(), 2)}%` : '—' }))] }), receiveToken && (_jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('staking.exchangeRate') }), isProviderInfoLoading ? (_jsx(InfoBlock.ValueSkeleton, {})) : (_jsxs(InfoBlock.Value, { children: ["1 ", stakeToken?.ticker, " = ", formatAmount(providerInfo?.exchangeRate, receiveToken.decimals), ' ', receiveToken.ticker] }))] })), _jsxs(InfoBlock.Row, { children: [_jsx(InfoBlock.Label, { children: t('staking.provider') }), providerMetadata?.name ? (_jsx(InfoBlock.Value, { children: providerMetadata.name })) : (_jsx(InfoBlock.ValueSkeleton, {}))] })] }));
+};
+//# sourceMappingURL=staking-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"staking-info.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-info/staking-info.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAWvC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAC9C,KAAK,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,GAAG,OAAO,EACnB,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,YAAY,GAAG,gBAAgB,EAAE,YAAY,CAAC;IACpD,MAAM,UAAU,GAAG,gBAAgB,EAAE,UAAU,CAAC;IAEhD,MAAM,cAAc,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC7F,MAAM,YAAY,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC;IAEvF,OAAO,CACH,MAAC,SAAS,CAAC,SAAS,OAAK,KAAK,aAC1B,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,gBAAgB,CAAC,GAAmB,EAEvD,cAAc,IAAI,qBAAqB,CAAC,CAAC,CAAC,CACvC,KAAC,SAAS,CAAC,aAAa,KAAG,CAC9B,CAAC,CAAC,CAAC,CACA,MAAC,SAAS,CAAC,KAAK,eACX,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,OAAG,YAAY,IAChD,CACrB,IACW,EAEhB,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,oBAAoB,CAAC,GAAmB,EAE3D,qBAAqB,CAAC,CAAC,CAAC,CACrB,KAAC,SAAS,CAAC,aAAa,KAAG,CAC9B,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,CAAC,KAAK,cACX,YAAY,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC7E,CACrB,IACW,EAEf,YAAY,IAAI,CACb,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,sBAAsB,CAAC,GAAmB,EAE7D,qBAAqB,CAAC,CAAC,CAAC,CACrB,KAAC,SAAS,CAAC,aAAa,KAAG,CAC9B,CAAC,CAAC,CAAC,CACA,MAAC,SAAS,CAAC,KAAK,qBACT,UAAU,EAAE,MAAM,SAAK,YAAY,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,GAAG,EAC7F,YAAY,CAAC,MAAM,IACN,CACrB,IACW,CACnB,EAED,MAAC,SAAS,CAAC,GAAG,eACV,KAAC,SAAS,CAAC,KAAK,cAAE,CAAC,CAAC,kBAAkB,CAAC,GAAmB,EAEzD,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,SAAS,CAAC,KAAK,cAAE,gBAAgB,CAAC,IAAI,GAAmB,CAC7D,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,CAAC,aAAa,KAAG,CAC9B,IACW,IACE,CACzB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/staking/components/staking-info/utils.js

@@ -0,0 +1,13 @@
+/**
+ * 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 { formatLargeValue, truncateDecimals } from '@ton/appkit';
+export const formatAmount = (amount, decimals) => {
+    const trimmed = truncateDecimals(amount || '0', Math.min(5, decimals || 9));
+    return formatLargeValue(trimmed, decimals);
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/features/staking/components/staking-info/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-info/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,QAAiB,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,IAAI,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC;IAE5E,OAAO,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC,CAAC"}

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

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

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

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

@@ -0,0 +1,38 @@
+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 './staking-settings-modal.module.css';
+const getProviderName = (provider, network) => {
+    try {
+        return provider.getStakingProviderMetadata(network).name;
+    }
+    catch {
+        return provider.providerId;
+    }
+};
+export const StakingSettingsModal = ({ open, onClose, provider, providers, onProviderChange, network, }) => {
+    const { t } = useI18n();
+    const [stagedProviderId, setStagedProviderId] = useState(provider?.providerId);
+    useEffect(() => {
+        if (open)
+            setStagedProviderId(provider?.providerId);
+    }, [open, provider?.providerId]);
+    const providerOptions = useMemo(() => providers.map((p) => ({ value: p.providerId, label: getProviderName(p, network) })), [providers, network]);
+    const handleSave = () => {
+        if (stagedProviderId && stagedProviderId !== provider?.providerId)
+            onProviderChange(stagedProviderId);
+        onClose();
+    };
+    return (_jsxs(Modal, { open: open, onOpenChange: (isOpen) => !isOpen && onClose(), title: t('staking.settings'), children: [_jsx("div", { className: styles.rows, children: _jsxs("div", { className: styles.row, children: [_jsx("span", { className: styles.label, children: t('staking.provider') }), _jsx(OptionSwitcher, { value: stagedProviderId, options: providerOptions, onChange: setStagedProviderId })] }) }), _jsx(Button, { className: styles.saveButton, variant: "fill", size: "l", fullWidth: true, onClick: handleSave, children: t('staking.save') })] }));
+};
+//# sourceMappingURL=staking-settings-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"staking-settings-modal.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-settings-modal/staking-settings-modal.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAWzD,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAE,OAAiB,EAAU,EAAE;IAC7E,IAAI,CAAC;QACD,OAAO,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,QAAQ,CAAC,UAAU,CAAC;IAC/B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAChE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACV,EAAE,EAAE;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,QAAQ,EAAE,UAAU,CAAC,CAAC;IAEnG,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI;YAAE,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EACzF,CAAC,SAAS,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,gBAAgB,IAAI,gBAAgB,KAAK,QAAQ,EAAE,UAAU;YAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACtG,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,aAC3F,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YACvB,eAAK,SAAS,EAAE,MAAM,CAAC,GAAG,aACtB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,CAAC,CAAC,kBAAkB,CAAC,GAAQ,EAC7D,KAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,mBAAmB,GAAI,IAClG,GACJ,EAEN,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,QAAC,OAAO,EAAE,UAAU,YACtF,CAAC,CAAC,cAAc,CAAC,GACb,IACL,CACX,CAAC;AACN,CAAC,CAAC"}

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

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

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

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

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { StakingWidgetUI } from '../staking-widget-ui';
+import { StakingWidgetProvider, useStakingContext } from '../staking-widget-provider';
+const StakingWidgetContent = ({ children, ...rest }) => {
+    const ctx = useStakingContext();
+    if (children) {
+        return _jsx(_Fragment, { children: children({ ...ctx, ...rest }) });
+    }
+    return _jsx(StakingWidgetUI, { ...ctx, ...rest });
+};
+/**
+ * A high-level component that provides a complete staking interface.
+ *
+ * It manages the staking lifecycle, including fetching quotes, building transactions,
+ * and handling user input. It can be used as a standalone widget with default UI
+ * or customized using a render function.
+ */
+export const StakingWidget = ({ children, network, ...rest }) => {
+    return (_jsx(StakingWidgetProvider, { network: network, children: _jsx(StakingWidgetContent, { ...rest, children: children }) }));
+};
+//# sourceMappingURL=staking-widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"staking-widget.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-widget/staking-widget.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAgBtF,MAAM,oBAAoB,GAEtB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1B,MAAM,GAAG,GAAG,iBAAiB,EAAE,CAAC;IAEhC,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,4BAAG,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,GAAI,CAAC;IAChD,CAAC;IAED,OAAO,KAAC,eAAe,OAAK,GAAG,KAAM,IAAI,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,OAAO,CACH,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,YACnC,KAAC,oBAAoB,OAAK,IAAI,YAAG,QAAQ,GAAwB,GAC7C,CAC3B,CAAC;AACN,CAAC,CAAC"}

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

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

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

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

@@ -0,0 +1,274 @@
+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 { calcMaxSpendable, formatUnits, getTonShortfall, setDefaultStakingProvider, validateNumericString, } from '@ton/appkit';
+import { UnstakeMode } from '@ton/appkit';
+import { useNetwork } from '../../../network';
+import { useAppKit } from '../../../settings/hooks/use-app-kit';
+import { useStakingQuote } from '../../hooks/use-staking-quote';
+import { useStakingProvider } from '../../hooks/use-staking-provider';
+import { useStakingProviders } from '../../hooks/use-staking-providers';
+import { useStakingProviderInfo } from '../../hooks/use-staking-provider-info';
+import { useStakingProviderMetadata } from '../../hooks/use-staking-provider-metadata';
+import { useStakedBalance } from '../../hooks/use-staked-balance';
+import { useBuildStakeTransaction } from '../../hooks/use-build-stake-transaction';
+import { useAddress } from '../../../wallets';
+import { useBalance } from '../../../balances/hooks/use-balance';
+import { useJettonBalanceByAddress } from '../../../jettons/hooks/use-jetton-balance-by-address';
+import { useSendTransaction } from '../../../transaction/hooks/use-send-transaction';
+import { useDebounceValue } from '../../../../hooks/use-debounce-value';
+import { useStakingValidation } from './use-staking-validation';
+export const StakingContext = createContext({
+    amount: '',
+    canSubmit: false,
+    quote: undefined,
+    isQuoteLoading: false,
+    error: null,
+    providerInfo: undefined,
+    providerMetadata: undefined,
+    stakingProvider: undefined,
+    stakingProviders: [],
+    setStakingProviderId: () => { },
+    network: undefined,
+    direction: 'stake',
+    isProviderInfoLoading: false,
+    balance: undefined,
+    isBalanceLoading: false,
+    stakedBalance: undefined,
+    isStakedBalanceLoading: false,
+    unstakeMode: UnstakeMode.INSTANT,
+    setAmount: () => { },
+    setUnstakeMode: () => { },
+    sendTransaction: () => Promise.resolve(),
+    onChangeDirection: () => { },
+    isSendingTransaction: false,
+    isReversed: false,
+    toggleReversed: () => { },
+    reversedAmount: '0',
+    onMaxClick: () => { },
+    isLowBalanceWarningOpen: false,
+    lowBalanceMode: 'reduce',
+    lowBalanceRequiredTon: '',
+    onLowBalanceChange: () => { },
+    onLowBalanceCancel: () => { },
+});
+/**
+ * Hook to access the staking context.
+ * Must be used within a StakingWidgetProvider (or StakingWidget).
+ */
+export const useStakingContext = () => {
+    return useContext(StakingContext);
+};
+export const StakingWidgetProvider = ({ children, network: networkProp }) => {
+    const [amount, setAmountRaw] = useState('');
+    const [unstakeMode, setUnstakeMode] = useState(UnstakeMode.INSTANT);
+    const [direction, setDirection] = useState('stake');
+    const [isReversed, setIsReversed] = useState(false);
+    const [pendingStake, setPendingStake] = useState(undefined);
+    const walletNetwork = useNetwork();
+    const network = networkProp ?? walletNetwork;
+    const address = useAddress();
+    const appKit = useAppKit();
+    const stakingProvider = useStakingProvider();
+    const stakingProviders = useStakingProviders();
+    const setStakingProviderId = useCallback((providerId) => {
+        setDefaultStakingProvider(appKit, { providerId });
+    }, [appKit]);
+    const isNetworkSupported = useMemo(() => !stakingProvider ||
+        !network ||
+        stakingProvider.getSupportedNetworks().some((n) => n.chainId === network.chainId), [stakingProvider, network]);
+    const { data: providerInfo, isLoading: isProviderInfoLoading } = useStakingProviderInfo({ network });
+    const providerMetadata = useStakingProviderMetadata({ network });
+    const isNativeTon = providerMetadata?.stakeToken.address === 'ton';
+    // Always fetch TON balance: even when the stake token is a jetton we need it to check whether the user has
+    // enough TON to cover network fees before sending.
+    const { data: nativeBalanceData, isLoading: isNativeBalanceLoading } = useBalance({
+        network,
+        query: { refetchInterval: 5000 },
+    });
+    const { data: jettonBalanceData, isLoading: isJettonBalanceLoading } = useJettonBalanceByAddress({
+        jettonAddress: !isNativeTon ? providerMetadata?.stakeToken.address : undefined,
+        ownerAddress: address ?? undefined,
+        network,
+        query: { enabled: !isNativeTon && !!providerMetadata?.stakeToken.address && !!address, refetchInterval: 5000 },
+    });
+    const balance = isNativeTon ? nativeBalanceData : jettonBalanceData;
+    const isBalanceLoading = isNativeTon ? isNativeBalanceLoading : isJettonBalanceLoading;
+    const { data: stakedBalanceData, isLoading: isStakedBalanceLoading } = useStakedBalance({
+        userAddress: address ?? undefined,
+        network,
+        query: { refetchInterval: 5000 },
+    });
+    const { mutateAsync: buildTransaction } = useBuildStakeTransaction();
+    const { mutateAsync: sendTransaction, isPending: isSendingTransaction } = useSendTransaction();
+    const amountDecimals = useMemo(() => {
+        const unstakeDecimals = isReversed
+            ? providerMetadata?.stakeToken.decimals
+            : providerMetadata?.receiveToken?.decimals;
+        return direction === 'stake' ? providerMetadata?.stakeToken.decimals : unstakeDecimals;
+    }, [direction, providerMetadata?.stakeToken.decimals, providerMetadata?.receiveToken?.decimals, isReversed]);
+    const setAmount = useCallback((value) => {
+        if (value === '' || validateNumericString(value, amountDecimals))
+            setAmountRaw(value);
+    }, [amountDecimals]);
+    const [quoteParamsDebounced] = useDebounceValue({
+        direction,
+        amount,
+        unstakeMode,
+        isReversed,
+        network,
+    }, 500);
+    const { data: quote, isFetching: isQuoteLoading, error: quoteError, } = useStakingQuote({ ...quoteParamsDebounced, query: { enabled: isNetworkSupported } });
+    const reversedAmount = useMemo(() => {
+        if (direction === 'unstake' && isReversed)
+            return quote?.amountIn || '0';
+        return quote?.amountOut || '0';
+    }, [direction, isReversed, quote?.amountOut, quote?.amountIn]);
+    const toggleReversed = useCallback(() => {
+        setAmountRaw(reversedAmount);
+        setIsReversed((prev) => !prev);
+    }, [reversedAmount]);
+    const handleMaxClick = useCallback(() => {
+        const outgoingToken = direction === 'stake' ? providerMetadata?.stakeToken : providerMetadata?.receiveToken;
+        const available = direction === 'stake' ? balance : stakedBalanceData?.stakedBalance;
+        if (direction === 'unstake')
+            setIsReversed(false);
+        if (!available || !outgoingToken) {
+            setAmountRaw(available ?? '');
+            return;
+        }
+        setAmountRaw(calcMaxSpendable({ balance: available, token: outgoingToken, feeReserveNanos: 1200000000n }));
+    }, [
+        direction,
+        balance,
+        stakedBalanceData?.stakedBalance,
+        providerMetadata?.stakeToken,
+        providerMetadata?.receiveToken,
+    ]);
+    const handleSendTransaction = useCallback(async () => {
+        if (!quote || !address || !providerMetadata)
+            return;
+        const transactionParams = await buildTransaction({ quote, userAddress: address });
+        const outgoingTokenAddress = direction === 'stake' ? providerMetadata.stakeToken.address : providerMetadata.receiveToken?.address;
+        if (outgoingTokenAddress) {
+            const shortfall = getTonShortfall({
+                messages: transactionParams.messages,
+                tonBalance: nativeBalanceData,
+                fromToken: { address: outgoingTokenAddress },
+                fromAmount: quote.amountIn,
+            });
+            if (shortfall) {
+                setPendingStake(shortfall);
+                return;
+            }
+        }
+        await sendTransaction(transactionParams);
+    }, [quote, address, providerMetadata, direction, nativeBalanceData, buildTransaction, sendTransaction]);
+    const onLowBalanceChange = useCallback(() => {
+        if (!pendingStake || pendingStake.mode !== 'reduce')
+            return;
+        // The suggested amount is always a direct (non-reversed) outgoing amount.
+        if (isReversed)
+            setIsReversed(false);
+        setAmountRaw(pendingStake.suggestedFromAmount);
+        setPendingStake(undefined);
+    }, [pendingStake, isReversed]);
+    const onLowBalanceCancel = useCallback(() => {
+        setPendingStake(undefined);
+    }, []);
+    const isLowBalanceWarningOpen = pendingStake !== undefined;
+    const lowBalanceMode = pendingStake?.mode ?? 'reduce';
+    const lowBalanceRequiredTon = useMemo(() => {
+        if (!pendingStake)
+            return '';
+        return formatUnits(pendingStake.requiredNanos, 9);
+    }, [pendingStake]);
+    const { error, canSubmit } = useStakingValidation({
+        amount,
+        amountDebounced: quoteParamsDebounced.amount || '',
+        balance,
+        quoteError,
+        direction,
+        stakedBalance: stakedBalanceData?.stakedBalance,
+        quote,
+        isReversed,
+        amountDecimals,
+        isNetworkSupported,
+    });
+    const value = useMemo(() => ({
+        amount,
+        canSubmit,
+        direction,
+        quote,
+        isQuoteLoading: isQuoteLoading || isProviderInfoLoading || amount !== quoteParamsDebounced.amount,
+        error,
+        providerInfo,
+        providerMetadata,
+        stakingProvider,
+        stakingProviders,
+        setStakingProviderId,
+        network,
+        isProviderInfoLoading,
+        balance,
+        isBalanceLoading,
+        stakedBalance: stakedBalanceData,
+        isStakedBalanceLoading,
+        unstakeMode,
+        setAmount,
+        setUnstakeMode,
+        sendTransaction: handleSendTransaction,
+        isSendingTransaction,
+        isReversed,
+        toggleReversed,
+        reversedAmount,
+        onMaxClick: handleMaxClick,
+        onChangeDirection: setDirection,
+        isLowBalanceWarningOpen,
+        lowBalanceMode,
+        lowBalanceRequiredTon,
+        onLowBalanceChange,
+        onLowBalanceCancel,
+    }), [
+        amount,
+        quoteParamsDebounced.amount,
+        canSubmit,
+        direction,
+        quote,
+        isQuoteLoading,
+        error,
+        providerInfo,
+        providerMetadata,
+        stakingProvider,
+        stakingProviders,
+        setStakingProviderId,
+        network,
+        isProviderInfoLoading,
+        balance,
+        isBalanceLoading,
+        stakedBalanceData,
+        isStakedBalanceLoading,
+        unstakeMode,
+        setAmount,
+        setUnstakeMode,
+        handleSendTransaction,
+        isSendingTransaction,
+        isReversed,
+        toggleReversed,
+        reversedAmount,
+        handleMaxClick,
+        setDirection,
+        isLowBalanceWarningOpen,
+        lowBalanceMode,
+        lowBalanceRequiredTon,
+        onLowBalanceChange,
+        onLowBalanceCancel,
+    ]);
+    return _jsx(StakingContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=staking-widget-provider.js.map

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

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

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

@@ -0,0 +1,48 @@
+/**
+ * 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 { mapStakingError } from '../../utils/map-staking-error';
+export const useStakingValidation = ({ amount, amountDebounced, balance, quote, quoteError, direction, amountDecimals, isReversed, stakedBalance, isNetworkSupported, }) => {
+    const error = useMemo(() => {
+        if (!isNetworkSupported)
+            return 'defi.unsupportedNetwork';
+        if ((parseFloat(amount) || 0) <= 0)
+            return null;
+        if (hasTooManyDecimals(amount, amountDecimals))
+            return 'staking.tooManyDecimals';
+        if (direction === 'stake' && isAmountExceedingBalance(amount, balance)) {
+            return 'staking.insufficientBalance';
+        }
+        if (direction === 'unstake') {
+            // On reversed unstake the user types the TON they want to receive; compare the tsTON
+            // spend (quote.amountIn) to the staked balance instead.
+            const outgoingAmount = isReversed ? quote?.amountIn : amount;
+            if (isAmountExceedingBalance(outgoingAmount, stakedBalance)) {
+                return 'staking.insufficientBalance';
+            }
+        }
+        if (quoteError && amountDebounced)
+            return mapStakingError(quoteError);
+        return null;
+    }, [
+        isNetworkSupported,
+        amount,
+        balance,
+        quoteError,
+        amountDebounced,
+        direction,
+        stakedBalance,
+        isReversed,
+        quote,
+        amountDecimals,
+    ]);
+    const canSubmit = (parseFloat(amount) || 0) > 0 && error === null;
+    return { error, canSubmit };
+};
+//# sourceMappingURL=use-staking-validation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-staking-validation.js","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-widget-provider/use-staking-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,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAehE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,MAAM,EACN,eAAe,EACf,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,aAAa,EACb,kBAAkB,GACQ,EAAE,EAAE;IAC9B,MAAM,KAAK,GAAkB,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,kBAAkB;YAAE,OAAO,yBAAyB,CAAC;QAE1D,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAEhD,IAAI,kBAAkB,CAAC,MAAM,EAAE,cAAc,CAAC;YAAE,OAAO,yBAAyB,CAAC;QAEjF,IAAI,SAAS,KAAK,OAAO,IAAI,wBAAwB,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;YACrE,OAAO,6BAA6B,CAAC;QACzC,CAAC;QAED,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,qFAAqF;YACrF,wDAAwD;YACxD,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YAC7D,IAAI,wBAAwB,CAAC,cAAc,EAAE,aAAa,CAAC,EAAE,CAAC;gBAC1D,OAAO,6BAA6B,CAAC;YACzC,CAAC;QACL,CAAC;QAED,IAAI,UAAU,IAAI,eAAe;YAAE,OAAO,eAAe,CAAC,UAAU,CAAC,CAAC;QAEtE,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE;QACC,kBAAkB;QAClB,MAAM;QACN,OAAO;QACP,UAAU;QACV,eAAe;QACf,SAAS;QACT,aAAa;QACb,UAAU;QACV,KAAK;QACL,cAAc;KACjB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC;IAElE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAChC,CAAC,CAAC"}