@ton/appkit-react 0.0.2 → 0.0.4

package/src/features/transaction/components/transaction-progress/transaction-progress.tsx

@@ -0,0 +1,97 @@
+/**
+ * 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 type { FC, ReactNode, ComponentProps } from 'react';
+import { clsx } from 'clsx';
+
+import { useI18n } from '../../../../hooks/use-i18n';
+import { TransactionProgressProvider, useTransactionProgressContext } from './transaction-progress-provider';
+import type { TransactionProgressContextValue } from './transaction-progress-provider';
+import { TransactionProgressIcon } from './transaction-progress-icons';
+import styles from './transaction-progress.module.css';
+
+export interface TransactionProgressTexts {
+    pending: string;
+    completed: string;
+    failed: string;
+}
+
+export interface TransactionProgressRenderProps extends TransactionProgressContextValue {
+    texts: TransactionProgressTexts;
+}
+
+export interface TransactionProgressProps extends Omit<ComponentProps<'div'>, 'children'> {
+    /** BOC of the transaction to strictly track status */
+    boc: string;
+    /** Render props function for full control over rendering */
+    children?: (props: TransactionProgressRenderProps) => ReactNode;
+    /** Allows targeting specific internal elements for styling */
+    classNames?: {
+        container?: string;
+        icon?: string;
+        message?: string;
+    };
+}
+
+export const TransactionProgressContent: FC<Omit<TransactionProgressProps, 'boc'>> = ({
+    children,
+    className,
+    classNames = {},
+    ...props
+}) => {
+    const context = useTransactionProgressContext();
+    const { status, onchainMessages, totalMessages, error } = context;
+    const { t } = useI18n();
+
+    const texts = useMemo(
+        () => ({
+            pending: t('transaction.status.pending'),
+            completed: t('transaction.status.completed'),
+            failed: t('transaction.status.failed'),
+        }),
+        [t],
+    );
+
+    if (children) {
+        return <>{children({ ...context, texts })}</>;
+    }
+
+    const isPending = status === 'pending' && !error;
+    const isCompleted = status === 'completed';
+    const isFailed = status === 'failed' || !!error;
+
+    let messageText = texts.pending;
+    if (isCompleted) messageText = texts.completed;
+    if (isFailed) messageText = texts.failed;
+
+    let progressText = null;
+    if (isPending && totalMessages > 0) {
+        progressText = `(${onchainMessages} / ${totalMessages})`;
+    }
+
+    return (
+        <div className={clsx(styles.container, className, classNames.container)} {...props}>
+            <div className={clsx(styles.iconContainer, classNames.icon)}>
+                <TransactionProgressIcon status={status} isError={!!error} />
+            </div>
+
+            <div className={clsx(styles.message, classNames.message)}>
+                {messageText} {progressText}
+            </div>
+        </div>
+    );
+};
+
+export const TransactionProgress: FC<TransactionProgressProps> = ({ boc, ...rest }) => {
+    return (
+        <TransactionProgressProvider boc={boc}>
+            <TransactionProgressContent {...rest} />
+        </TransactionProgressProvider>
+    );
+};

package/src/features/transaction/hooks/use-transaction-status.ts

@@ -0,0 +1,55 @@
+/**
+ * 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 type {
+    GetTransactionStatusData,
+    GetTransactionStatusErrorType,
+    GetTransactionStatusParameters,
+    GetTransactionStatusQueryConfig,
+} from '@ton/appkit/queries';
+import { getTransactionStatusQueryOptions } from '@ton/appkit/queries';
+
+import { useQuery } from '../../../libs/query';
+import type { UseQueryReturnType } from '../../../libs/query';
+import { useAppKit } from '../../../hooks/use-app-kit';
+
+export type UseTransactionStatusParameters<selectData = GetTransactionStatusData> = GetTransactionStatusParameters &
+    GetTransactionStatusQueryConfig<selectData>;
+
+export type UseTransactionStatusReturnType<selectData = GetTransactionStatusData> = UseQueryReturnType<
+    selectData,
+    GetTransactionStatusErrorType
+>;
+
+/**
+ * Hook to get the status of a transaction trace by BOC.
+ *
+ * This hook polls the toncenter API to track the progress of a transaction trace.
+ * It is useful for tracking complex operations like swaps or multi-step flows.
+ *
+ * @example
+ * ```ts
+ * const { data: status } = useTransactionStatus({
+ *   boc: 'te6cc...',
+ *   query: {
+ *     refetchInterval: 2000, // Poll every 2 seconds
+ *   }
+ * });
+ *
+ * if (status?.status === 'pending') {
+ *   console.log(`Progress: ${status.completedMessages}/${status.totalMessages}`);
+ * }
+ * ```
+ */
+export const useTransactionStatus = <selectData = GetTransactionStatusData>(
+    parameters: UseTransactionStatusParameters<selectData>,
+): UseTransactionStatusReturnType<selectData> => {
+    const appKit = useAppKit();
+
+    return useQuery(getTransactionStatusQueryOptions(appKit, parameters));
+};

package/src/features/transaction/index.ts

@@ -8,5 +8,7 @@
 
 export * from './hooks/use-send-transaction';
 export * from './hooks/use-transfer-ton';
+export * from './hooks/use-transaction-status';
 
 export * from './components/transaction';
+export * from './components/transaction-progress';

package/src/locales/en.ts

@@ -19,6 +19,11 @@ export default {
     transaction: {
         sendTransaction: 'Send Transaction',
         processing: 'Processing...',
+        status: {
+            pending: 'Processing...',
+            completed: 'Success',
+            failed: 'Failed',
+        },
     },
 
     // Balances

package/dist/esm/components/block/block.stories.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Block } from './block';
-const meta = {
-    title: 'Private/Components/Block',
-    component: Block,
-    tags: ['autodocs'],
-    argTypes: {
-        direction: {
-            control: 'radio',
-            options: ['row', 'column'],
-        },
-    },
-};
-export default meta;
-export const Column = {
-    args: {
-        direction: 'column',
-        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 1" }), _jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 2" }), _jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 3" })] })),
-    },
-};
-export const Row = {
-    args: {
-        direction: 'row',
-        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 1" }), _jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 2" }), _jsx("div", { style: { padding: '8px', background: '#0098EB', color: 'white' }, children: "Item 3" })] })),
-    },
-};
-//# sourceMappingURL=block.stories.js.map

package/dist/esm/components/block/block.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"block.stories.js","sourceRoot":"","sources":["../../../../src/components/block/block.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;SAC7B;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,CACN,8BACI,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,EACnF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,EACnF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,IACpF,CACN;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,CACN,8BACI,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,EACnF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,EACnF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,uBAAc,IACpF,CACN;KACJ;CACJ,CAAC"}

package/dist/esm/components/button/button.stories.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from './button';
-const meta = {
-    title: 'Public/Components/Button',
-    component: Button,
-    tags: ['autodocs'],
-    argTypes: {
-        disabled: {
-            control: 'boolean',
-        },
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Click me',
-    },
-};
-export const Disabled = {
-    args: {
-        children: 'Disabled Button',
-        disabled: true,
-    },
-};
-export const WithIcon = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), "Add Item"] })),
-    },
-};
-//# sourceMappingURL=button.stories.js.map

package/dist/esm/components/button/button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/button.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,SAAS;SACrB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,QAAQ,EAAE,CACN,8BACI,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC1F,eACI,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACxB,GACA,gBAEP,CACN;KACJ;CACJ,CAAC"}

package/dist/esm/components/circle-icon/circle-icon.stories.js

@@ -1,56 +0,0 @@
-/**
- * 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 { CircleIcon } from './circle-icon';
-const meta = {
-    title: 'Private/Components/CircleIcon',
-    component: CircleIcon,
-    tags: ['autodocs'],
-    argTypes: {
-        size: {
-            control: { type: 'range', min: 20, max: 100, step: 5 },
-        },
-    },
-};
-export default meta;
-export const WithImage = {
-    args: {
-        size: 48,
-        src: 'https://ton.org/download/ton_symbol.png',
-        alt: 'TON',
-    },
-};
-export const WithFallback = {
-    args: {
-        size: 48,
-        fallback: 'T',
-        alt: 'TON',
-    },
-};
-export const WithInvalidImage = {
-    args: {
-        size: 48,
-        src: 'https://invalid-url.com/image.png',
-        alt: 'Fallback',
-        fallback: 'F',
-    },
-};
-export const SmallSize = {
-    args: {
-        size: 24,
-        src: 'https://ton.org/download/ton_symbol.png',
-        alt: 'TON',
-    },
-};
-export const LargeSize = {
-    args: {
-        size: 80,
-        src: 'https://ton.org/download/ton_symbol.png',
-        alt: 'TON',
-    },
-};
-//# sourceMappingURL=circle-icon.stories.js.map

package/dist/esm/components/circle-icon/circle-icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/circle-icon/circle-icon.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAA4B;IAClC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;SACzD;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,yCAAyC;QAC9C,GAAG,EAAE,KAAK;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,GAAG;QACb,GAAG,EAAE,KAAK;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,mCAAmC;QACxC,GAAG,EAAE,UAAU;QACf,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,yCAAyC;QAC9C,GAAG,EAAE,KAAK;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,yCAAyC;QAC9C,GAAG,EAAE,KAAK;KACb;CACJ,CAAC"}

package/dist/esm/components/ton-icon/ton-icon.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TonIcon, TonIconCircle } from './ton-icon';
-const meta = {
-    title: 'Private/Components/TonIcon',
-    component: TonIcon,
-    tags: ['autodocs'],
-    argTypes: {
-        size: {
-            control: { type: 'range', min: 12, max: 64, step: 4 },
-        },
-    },
-    decorators: [
-        (Story) => (_jsx("div", { style: { color: 'white' }, children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        size: 24,
-    },
-};
-export const Small = {
-    args: {
-        size: 16,
-    },
-};
-export const Large = {
-    args: {
-        size: 48,
-    },
-};
-export const CustomColor = {
-    args: {
-        size: 32,
-        style: { color: '#0098EB' },
-    },
-};
-export const Circle = {
-    render: (args) => _jsx(TonIconCircle, { ...args }),
-    args: {
-        size: 48,
-    },
-};
-export const CircleSmall = {
-    render: (args) => _jsx(TonIconCircle, { ...args }),
-    args: {
-        size: 24,
-    },
-};
-export const CircleLarge = {
-    render: (args) => _jsx(TonIconCircle, { ...args }),
-    args: {
-        size: 72,
-    },
-};
-//# sourceMappingURL=ton-icon.stories.js.map

package/dist/esm/components/ton-icon/ton-icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ton-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/ton-icon/ton-icon.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACxD;KACJ;IACD,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE,CAAC,CACP,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC1B,KAAC,KAAK,KAAG,GACP,CACT;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAmC;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI;IAC7C,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAmC;IACvD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI;IAC7C,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAmC;IACvD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI;IAC7C,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;KACX;CACJ,CAAC"}

package/dist/esm/features/balances/components/balance-badge/balance-badge.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BalanceBadge } from './balance-badge';
-const meta = {
-    title: 'Public/Features/Balances/BalanceBadge',
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const TonBalance = {
-    render: () => (_jsxs(BalanceBadge.Container, { children: [_jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }), _jsxs(BalanceBadge.BalanceBlock, { children: [_jsx(BalanceBadge.Balance, { balance: "1500000000", decimals: 9 }), _jsx(BalanceBadge.Symbol, { symbol: "TON" })] })] })),
-};
-export const JettonBalance = {
-    render: () => (_jsxs(BalanceBadge.Container, { children: [_jsx(BalanceBadge.Icon, { fallback: "U", alt: "USDT", size: 40 }), _jsxs(BalanceBadge.BalanceBlock, { children: [_jsx(BalanceBadge.Balance, { balance: "100000000", decimals: 6 }), _jsx(BalanceBadge.Symbol, { symbol: "USDT" })] })] })),
-};
-export const ZeroBalance = {
-    render: () => (_jsxs(BalanceBadge.Container, { children: [_jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }), _jsxs(BalanceBadge.BalanceBlock, { children: [_jsx(BalanceBadge.Balance, { balance: "", decimals: 9 }), _jsx(BalanceBadge.Symbol, { symbol: "TON" })] })] })),
-};
-export const LargeBalance = {
-    render: () => (_jsxs(BalanceBadge.Container, { children: [_jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }), _jsxs(BalanceBadge.BalanceBlock, { children: [_jsx(BalanceBadge.Balance, { balance: "999999999999999999", decimals: 9 }), _jsx(BalanceBadge.Symbol, { symbol: "TON" })] })] })),
-};
-//# sourceMappingURL=balance-badge.stories.js.map

package/dist/esm/features/balances/components/balance-badge/balance-badge.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"balance-badge.stories.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/balance-badge/balance-badge.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,YAAY,CAAC,SAAS,eACnB,KAAC,YAAY,CAAC,IAAI,IAAC,GAAG,EAAC,yCAAyC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI,EACvF,MAAC,YAAY,CAAC,YAAY,eACtB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC,GAAI,EAC1D,KAAC,YAAY,CAAC,MAAM,IAAC,MAAM,EAAC,KAAK,GAAG,IACZ,IACP,CAC5B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,YAAY,CAAC,SAAS,eACnB,KAAC,YAAY,CAAC,IAAI,IAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,EACvD,MAAC,YAAY,CAAC,YAAY,eACtB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAC,WAAW,EAAC,QAAQ,EAAE,CAAC,GAAI,EACzD,KAAC,YAAY,CAAC,MAAM,IAAC,MAAM,EAAC,MAAM,GAAG,IACb,IACP,CAC5B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,YAAY,CAAC,SAAS,eACnB,KAAC,YAAY,CAAC,IAAI,IAAC,GAAG,EAAC,yCAAyC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI,EACvF,MAAC,YAAY,CAAC,YAAY,eACtB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAC,EAAE,EAAC,QAAQ,EAAE,CAAC,GAAI,EAChD,KAAC,YAAY,CAAC,MAAM,IAAC,MAAM,EAAC,KAAK,GAAG,IACZ,IACP,CAC5B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,YAAY,CAAC,SAAS,eACnB,KAAC,YAAY,CAAC,IAAI,IAAC,GAAG,EAAC,yCAAyC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI,EACvF,MAAC,YAAY,CAAC,YAAY,eACtB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAC,oBAAoB,EAAC,QAAQ,EAAE,CAAC,GAAI,EAClE,KAAC,YAAY,CAAC,MAAM,IAAC,MAAM,EAAC,KAAK,GAAG,IACZ,IACP,CAC5B;CACJ,CAAC"}

package/dist/esm/features/balances/components/currency-item/currency-item.stories.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { fn } from '@storybook/test';
-import { CurrencyItem } from './currency-item';
-const meta = {
-    title: 'Public/Features/Balances/CurrencyItem',
-    component: CurrencyItem,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-    args: {
-        onClick: fn(),
-    },
-};
-export default meta;
-export const TON = {
-    args: {
-        ticker: 'TON',
-        name: 'Toncoin',
-        balance: '55',
-        icon: 'https://ton.org/download/ton_symbol.png',
-        isVerified: true,
-    },
-};
-export const USDT = {
-    args: {
-        ticker: 'USDT',
-        name: 'Tether USD',
-        balance: '10',
-        isVerified: true,
-    },
-};
-export const Unverified = {
-    args: {
-        ticker: 'MEME',
-        name: 'Meme Token',
-        balance: '10000',
-        isVerified: false,
-    },
-};
-export const ZeroBalance = {
-    args: {
-        ticker: 'TON',
-        name: 'Toncoin',
-        balance: '0',
-        icon: 'https://ton.org/download/ton_symbol.png',
-        isVerified: true,
-    },
-};
-export const NoBalance = {
-    args: {
-        ticker: 'TON',
-        name: 'Toncoin',
-        icon: 'https://ton.org/download/ton_symbol.png',
-        isVerified: true,
-    },
-};
-export const CurrencyList = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px', width: '320px' }, children: [_jsx(CurrencyItem, { ticker: "TON", name: "Toncoin", balance: "55", icon: "https://ton.org/download/ton_symbol.png", isVerified: true, onClick: fn() }), _jsx(CurrencyItem, { ticker: "USDT", name: "Tether USD", balance: "10", isVerified: true, onClick: fn() }), _jsx(CurrencyItem, { ticker: "NOT", name: "Notcoin", balance: "500", isVerified: true, onClick: fn() })] })),
-};
-//# sourceMappingURL=currency-item.stories.js.map

package/dist/esm/features/balances/components/currency-item/currency-item.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currency-item.stories.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/currency-item/currency-item.stories.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACF,OAAO,EAAE,EAAE,EAAE;KAChB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,yCAAyC;QAC/C,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,KAAK;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,yCAAyC;QAC/C,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,yCAAyC;QAC/C,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAChF,KAAC,YAAY,IACT,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,IAAI,EACZ,IAAI,EAAC,yCAAyC,EAC9C,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,EAAE,EAAE,GACf,EACF,KAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAI,EAC9F,KAAC,YAAY,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAI,IACzF,CACT;CACJ,CAAC"}

package/dist/esm/features/balances/components/send-jetton-button/send-jetton-button.stories.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../../../../components/button';
-const SendJettonButtonPreview = ({ text = 'Send USDT', isLoading = false, disabled = false, }) => {
-    return _jsx(Button, { disabled: disabled || isLoading, children: isLoading ? 'Processing...' : text });
-};
-const meta = {
-    title: 'Public/Features/Balances/SendJettonButton',
-    component: SendJettonButtonPreview,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const USDT = {
-    args: {
-        text: 'Send 100 USDT',
-    },
-};
-export const NOT = {
-    args: {
-        text: 'Send 500 NOT',
-    },
-};
-export const WithoutAmount = {
-    args: {
-        text: 'Send USDT',
-    },
-};
-export const Loading = {
-    args: {
-        isLoading: true,
-    },
-};
-export const Disabled = {
-    args: {
-        text: 'Send 100 USDT',
-        disabled: true,
-    },
-};
-//# sourceMappingURL=send-jetton-button.stories.js.map

package/dist/esm/features/balances/components/send-jetton-button/send-jetton-button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-jetton-button.stories.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,MAAM,uBAAuB,GAAG,CAAC,EAC7B,IAAI,GAAG,WAAW,EAClB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,GAKnB,EAAE,EAAE;IACD,OAAO,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,IAAI,SAAS,YAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,GAAU,CAAC;AAClG,CAAC,CAAC;AAEF,MAAM,IAAI,GAAyC;IAC/C,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,uBAAuB;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,eAAe;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,IAAI,EAAE,WAAW;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC"}

package/dist/esm/features/balances/components/send-ton-button/send-ton-button.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../../../../components/button';
-const SendTonButtonPreview = ({ text = 'Send TON', isLoading = false, disabled = false, }) => {
-    return _jsx(Button, { disabled: disabled || isLoading, children: isLoading ? 'Processing...' : text });
-};
-const meta = {
-    title: 'Public/Features/Balances/SendTonButton',
-    component: SendTonButtonPreview,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        text: 'Send 1.5 TON',
-    },
-};
-export const LargeAmount = {
-    args: {
-        text: 'Send 999.99 TON',
-    },
-};
-export const Loading = {
-    args: {
-        isLoading: true,
-    },
-};
-export const Disabled = {
-    args: {
-        text: 'Send 1.5 TON',
-        disabled: true,
-    },
-};
-//# sourceMappingURL=send-ton-button.stories.js.map

package/dist/esm/features/balances/components/send-ton-button/send-ton-button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-ton-button.stories.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-ton-button/send-ton-button.stories.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,MAAM,oBAAoB,GAAG,CAAC,EAC1B,IAAI,GAAG,UAAU,EACjB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,GAKnB,EAAE,EAAE;IACD,OAAO,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,IAAI,SAAS,YAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,GAAU,CAAC;AAClG,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsC;IAC5C,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,oBAAoB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,IAAI,EAAE,iBAAiB;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC"}

package/dist/esm/features/nft/components/nft-item/nft-item.stories.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { fn } from '@storybook/test';
-import clsx from 'clsx';
-import styles from './nft-item.module.css';
-const PlaceholderIcon = () => (_jsx("svg", { className: styles.placeholderIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }));
-const NftItemPreview = ({ name, collectionName, image, isOnSale = false, onClick, className, }) => {
-    return (_jsxs("button", { onClick: onClick, className: clsx(styles.nftItem, className), children: [_jsxs("div", { className: styles.imageWrapper, children: [image ? _jsx("img", { src: image, alt: name, className: styles.image }) : _jsx(PlaceholderIcon, {}), isOnSale && _jsx("span", { className: styles.saleBadge, children: "On Sale" })] }), _jsxs("div", { className: styles.info, children: [_jsx("h4", { className: styles.name, children: name }), _jsx("p", { className: styles.collectionName, children: collectionName })] })] }));
-};
-const meta = {
-    title: 'Public/Features/NFT/NftItem',
-    component: NftItemPreview,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-    args: {
-        onClick: fn(),
-    },
-};
-export default meta;
-export const WithImage = {
-    args: {
-        name: 'TON Diamond #1234',
-        collectionName: 'TON Diamonds',
-        image: 'https://picsum.photos/200',
-    },
-};
-export const WithoutImage = {
-    args: {
-        name: 'Mystery NFT',
-        collectionName: 'Unknown Collection',
-    },
-};
-export const OnSale = {
-    args: {
-        name: 'Rare NFT #001',
-        collectionName: 'Rare Collection',
-        image: 'https://picsum.photos/201',
-        isOnSale: true,
-    },
-};
-export const LongName = {
-    args: {
-        name: 'Very Long NFT Name That Might Overflow The Container',
-        collectionName: 'Long Collection Name Here',
-        image: 'https://picsum.photos/202',
-    },
-};
-export const NftGrid = {
-    render: () => (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '16px' }, children: [_jsx(NftItemPreview, { name: "TON Diamond #1", collectionName: "TON Diamonds", image: "https://picsum.photos/200", onClick: fn() }), _jsx(NftItemPreview, { name: "TON Diamond #2", collectionName: "TON Diamonds", image: "https://picsum.photos/201", isOnSale: true, onClick: fn() }), _jsx(NftItemPreview, { name: "Mystery NFT", collectionName: "Unknown", onClick: fn() }), _jsx(NftItemPreview, { name: "Rare Item #123", collectionName: "Rare Items", image: "https://picsum.photos/203", onClick: fn() })] })),
-};
-//# sourceMappingURL=nft-item.stories.js.map

package/dist/esm/features/nft/components/nft-item/nft-item.stories.js.map

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