@ton/appkit-react 0.0.2 → 0.0.4

package/dist/esm/features/network/hooks/use-default-network.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 { useSyncExternalStore, useCallback } from 'react';
+import { getDefaultNetwork, setDefaultNetwork, watchDefaultNetwork } from '@ton/appkit';
+import { useAppKit } from '../../../hooks/use-app-kit';
+/**
+ * Hook to get and set the default network for wallet connections.
+ */
+export const useDefaultNetwork = () => {
+    const appKit = useAppKit();
+    const subscribe = useCallback((onChange) => {
+        return watchDefaultNetwork(appKit, { onChange });
+    }, [appKit]);
+    const getSnapshot = useCallback(() => {
+        return getDefaultNetwork(appKit);
+    }, [appKit]);
+    const network = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    const setNetwork = useCallback((newNetwork) => {
+        setDefaultNetwork(appKit, { network: newNetwork });
+    }, [appKit]);
+    return [network, setNetwork];
+};
+//# sourceMappingURL=use-default-network.js.map

package/dist/esm/features/network/hooks/use-default-network.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-default-network.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-default-network.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGxF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAOvD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAgC,EAAE;IAC/D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,UAA+B,EAAE,EAAE;QAChC,iBAAiB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACjC,CAAC,CAAC"}

package/dist/esm/features/network/hooks/use-networks.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { useSyncExternalStore, useCallback } from 'react';
+import { useSyncExternalStore, useCallback, useRef } from 'react';
 import { getNetworks, watchNetworks } from '@ton/appkit';
 import { useAppKit } from '../../../hooks/use-app-kit';
 /**
@@ -13,12 +13,19 @@ import { useAppKit } from '../../../hooks/use-app-kit';
  */
 export const useNetworks = () => {
     const appKit = useAppKit();
+    const cachedRef = useRef([]);
     const subscribe = useCallback((onChange) => {
         return watchNetworks(appKit, { onChange });
     }, [appKit]);
     const getSnapshot = useCallback(() => {
-        return getNetworks(appKit);
+        const networks = getNetworks(appKit);
+        if (networks.length === cachedRef.current.length &&
+            networks.every((n, i) => n.chainId === cachedRef.current[i]?.chainId)) {
+            return cachedRef.current;
+        }
+        cachedRef.current = networks;
+        return networks;
     }, [appKit]);
-    return useSyncExternalStore(subscribe, getSnapshot, () => []);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 };
 //# sourceMappingURL=use-networks.js.map

package/dist/esm/features/network/hooks/use-networks.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-networks.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-networks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAA0B,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,CAAC,CAAC"}
+{"version":3,"file":"use-networks.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-networks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAA0B,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAwB,EAAE,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QAErC,IACI,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,CAAC,MAAM;YAC5C,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EACvE,CAAC;YACC,OAAO,SAAS,CAAC,OAAO,CAAC;QAC7B,CAAC;QAED,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC7B,OAAO,QAAQ,CAAC;IACpB,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/network/index.js

@@ -8,4 +8,5 @@
 // Hooks
 export { useNetworks } from './hooks/use-networks';
 export { useNetwork } from './hooks/use-network';
+export { useDefaultNetwork } from './hooks/use-default-network';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/network/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,QAAQ;AACR,OAAO,EAAE,WAAW,EAA8B,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAA6B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/network/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,QAAQ;AACR,OAAO,EAAE,WAAW,EAA8B,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAA6B,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAoC,MAAM,6BAA6B,CAAC"}

package/dist/esm/features/nft/hooks/use-nfts-by-address.js

@@ -11,7 +11,7 @@ import { useQuery } from '../../../libs/query';
 /**
  * Hook to get NFTs
  */
-export const useNFTsByAddress = (parameters = {}) => {
+export const useNftsByAddress = (parameters = {}) => {
     const appKit = useAppKit();
     return useQuery(getNFTsQueryOptions(appKit, parameters));
 };

package/dist/esm/features/nft/hooks/use-nfts.js

@@ -6,12 +6,12 @@
  *
  */
 import { useAddress } from '../../wallets/hooks/use-address';
-import { useNFTsByAddress } from './use-nfts-by-address';
+import { useNftsByAddress } from './use-nfts-by-address';
 /**
  * Hook to get NFTs of the selected wallet
  */
 export const useNfts = (parameters = {}) => {
     const address = useAddress();
-    return useNFTsByAddress({ ...parameters, address });
+    return useNftsByAddress({ ...parameters, address });
 };
 //# sourceMappingURL=use-nfts.js.map

package/dist/esm/features/transaction/components/transaction-progress/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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 './transaction-progress';
+export * from './transaction-progress-provider';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/transaction/components/transaction-progress/index.js.map

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

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress-icons.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import styles from './transaction-progress.module.css';
+const SpinnerIcon = ({ className }) => (_jsx("svg", { className: clsx(styles.spinner, className), xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+const SuccessIcon = ({ className }) => (_jsxs("svg", { className: clsx(styles.success, className), xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }));
+const FailedIcon = ({ className }) => (_jsxs("svg", { className: clsx(styles.failed, className), xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), _jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })] }));
+export const TransactionProgressIcon = ({ status, isError, ...props }) => {
+    if (status === 'completed')
+        return _jsx(SuccessIcon, { ...props });
+    if (status === 'failed' || isError)
+        return _jsx(FailedIcon, { ...props });
+    return _jsx(SpinnerIcon, { ...props });
+};
+//# sourceMappingURL=transaction-progress-icons.js.map

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-progress-icons.js","sourceRoot":"","sources":["../../../../../../src/features/transaction/components/transaction-progress/transaction-progress-icons.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAOvD,MAAM,WAAW,GAA8B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9D,cACI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAC1C,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,6BAA6B,GAAG,GACtC,CACT,CAAC;AAEF,MAAM,WAAW,GAA8B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9D,eACI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAC1C,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,mBAAU,MAAM,EAAC,uBAAuB,GAAG,IACzC,CACT,CAAC;AAEF,MAAM,UAAU,GAA8B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7D,eACI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IACpC,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAsC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,IAAI,MAAM,KAAK,WAAW;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IAE9D,IAAI,MAAM,KAAK,QAAQ,IAAI,OAAO;QAAE,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAC;IAErE,OAAO,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC;AACtC,CAAC,CAAC"}

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress-provider.js

@@ -0,0 +1,42 @@
+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, useContext } from 'react';
+import { useTransactionStatus } from '../../hooks/use-transaction-status';
+export const TransactionProgressContext = createContext(undefined);
+export const useTransactionProgressContext = () => {
+    const context = useContext(TransactionProgressContext);
+    if (!context) {
+        throw new Error('useTransactionProgressContext must be used within a TransactionProgressProvider');
+    }
+    return context;
+};
+export const TransactionProgressProvider = ({ boc, children }) => {
+    const { data, isFetching, error } = useTransactionStatus({
+        boc,
+        query: {
+            refetchInterval: (query) => {
+                const status = query.state.data?.status;
+                if (status === 'completed' || status === 'failed')
+                    return false;
+                return 2000;
+            },
+        },
+    });
+    const value = {
+        status: data?.status ?? 'pending',
+        totalMessages: data?.totalMessages ?? 0,
+        pendingMessages: data?.pendingMessages ?? 0,
+        onchainMessages: data?.onchainMessages ?? 0,
+        isFetching,
+        error,
+        boc,
+    };
+    return _jsx(TransactionProgressContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=transaction-progress-provider.js.map

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-progress-provider.js","sourceRoot":"","sources":["../../../../../../src/features/transaction/components/transaction-progress/transaction-progress-provider.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKlD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAQ1E,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CAA8C,SAAS,CAAC,CAAC;AAEhH,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC,CAAC;IACvG,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAoC,EAAE,EAAE;IAC/F,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAC;QACrD,GAAG;QACH,KAAK,EAAE;YACH,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;gBACxC,IAAI,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,QAAQ;oBAAE,OAAO,KAAK,CAAC;gBAChE,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;KACJ,CAAC,CAAC;IAEH,MAAM,KAAK,GAAoC;QAC3C,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,SAAS;QACjC,aAAa,EAAE,IAAI,EAAE,aAAa,IAAI,CAAC;QACvC,eAAe,EAAE,IAAI,EAAE,eAAe,IAAI,CAAC;QAC3C,eAAe,EAAE,IAAI,EAAE,eAAe,IAAI,CAAC;QAC3C,UAAU;QACV,KAAK;QACL,GAAG;KACN,CAAC;IAEF,OAAO,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAuC,CAAC;AAC/G,CAAC,CAAC"}

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress.js

@@ -0,0 +1,44 @@
+import { Fragment as _Fragment, 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 } from 'react';
+import { clsx } from 'clsx';
+import { useI18n } from '../../../../hooks/use-i18n';
+import { TransactionProgressProvider, useTransactionProgressContext } from './transaction-progress-provider';
+import { TransactionProgressIcon } from './transaction-progress-icons';
+import styles from './transaction-progress.module.css';
+export const TransactionProgressContent = ({ 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 _jsx(_Fragment, { children: 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 (_jsxs("div", { className: clsx(styles.container, className, classNames.container), ...props, children: [_jsx("div", { className: clsx(styles.iconContainer, classNames.icon), children: _jsx(TransactionProgressIcon, { status: status, isError: !!error }) }), _jsxs("div", { className: clsx(styles.message, classNames.message), children: [messageText, " ", progressText] })] }));
+};
+export const TransactionProgress = ({ boc, ...rest }) => {
+    return (_jsx(TransactionProgressProvider, { boc: boc, children: _jsx(TransactionProgressContent, { ...rest }) }));
+};
+//# sourceMappingURL=transaction-progress.js.map

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-progress.js","sourceRoot":"","sources":["../../../../../../src/features/transaction/components/transaction-progress/transaction-progress.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAE7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAyBvD,MAAM,CAAC,MAAM,0BAA0B,GAA8C,CAAC,EAClF,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,6BAA6B,EAAE,CAAC;IAChD,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,OAAO,EAAE,CAAC,CAAC,4BAA4B,CAAC;QACxC,SAAS,EAAE,CAAC,CAAC,8BAA8B,CAAC;QAC5C,MAAM,EAAE,CAAC,CAAC,2BAA2B,CAAC;KACzC,CAAC,EACF,CAAC,CAAC,CAAC,CACN,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,4BAAG,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC;IAClD,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC;IACjD,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC;IAEhD,IAAI,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;IAChC,IAAI,WAAW;QAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/C,IAAI,QAAQ;QAAE,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IAEzC,IAAI,YAAY,GAAG,IAAI,CAAC;IACxB,IAAI,SAAS,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QACjC,YAAY,GAAG,IAAI,eAAe,MAAM,aAAa,GAAG,CAAC;IAC7D,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAAM,KAAK,aAC9E,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,CAAC,YACvD,KAAC,uBAAuB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,GAAI,GAC3D,EAEN,eAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,aACnD,WAAW,OAAG,YAAY,IACzB,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,OAAO,CACH,KAAC,2BAA2B,IAAC,GAAG,EAAE,GAAG,YACjC,KAAC,0BAA0B,OAAK,IAAI,GAAI,GACd,CACjC,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/transaction/components/transaction-progress/transaction-progress.module.css

@@ -0,0 +1,44 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    padding: 24px;
+    color: var(--ta-color-text);
+}
+
+.iconContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--ta-color-text-secondary);
+}
+
+.spinner {
+    animation: transaction-status-spin 1s linear infinite;
+    color: var(--ta-color-primary);
+}
+
+.success {
+    color: #4caf50;
+}
+
+.failed {
+    color: #f44336;
+}
+
+.message {
+    composes: bodyLargeMedium from "../../../../styles/typography.module.css";
+    text-align: center;
+    font-family: var(--ta-font-family-mono);
+}
+
+@keyframes transaction-status-spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}

package/dist/esm/features/transaction/hooks/use-transaction-status.js

@@ -0,0 +1,35 @@
+/**
+ * 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 { getTransactionStatusQueryOptions } from '@ton/appkit/queries';
+import { useQuery } from '../../../libs/query';
+import { useAppKit } from '../../../hooks/use-app-kit';
+/**
+ * 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 = (parameters) => {
+    const appKit = useAppKit();
+    return useQuery(getTransactionStatusQueryOptions(appKit, parameters));
+};
+//# sourceMappingURL=use-transaction-status.js.map

package/dist/esm/features/transaction/hooks/use-transaction-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transaction-status.js","sourceRoot":"","sources":["../../../../../src/features/transaction/hooks/use-transaction-status.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAUvD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,UAAsD,EACZ,EAAE;IAC5C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,QAAQ,CAAC,gCAAgC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAC1E,CAAC,CAAC"}

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

@@ -7,5 +7,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';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/transaction/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/transaction/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC"}

package/dist/esm/locales/en.js

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

package/dist/esm/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAe;IACX,oBAAoB;IACpB,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,gBAAgB;QAC/B,cAAc,EAAE,kBAAkB;KACrC;IAED,cAAc;IACd,WAAW,EAAE;QACT,eAAe,EAAE,kBAAkB;QACnC,UAAU,EAAE,eAAe;KAC9B;IAED,WAAW;IACX,QAAQ,EAAE;QACN,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,uBAAuB;QACnC,oBAAoB,EAAE,gCAAgC;KACzD;IAED,MAAM;IACN,GAAG,EAAE;QACD,MAAM,EAAE,SAAS;KACpB;CACK,CAAC"}
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAe;IACX,oBAAoB;IACpB,MAAM,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,gBAAgB;QAC/B,cAAc,EAAE,kBAAkB;KACrC;IAED,cAAc;IACd,WAAW,EAAE;QACT,eAAe,EAAE,kBAAkB;QACnC,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE;YACJ,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,QAAQ;SACnB;KACJ;IAED,WAAW;IACX,QAAQ,EAAE;QACN,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,uBAAuB;QACnC,oBAAoB,EAAE,gCAAgC;KACzD;IAED,MAAM;IACN,GAAG,EAAE;QACD,MAAM,EAAE,SAAS;KACpB;CACK,CAAC"}

package/dist/esm/styles/index.css

@@ -1,6 +1,7 @@
 :root {
   /* Font */
   --ta-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, Tahoma, Verdana, sans-serif;
+  --ta-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   
   /* Typography */
   /* Headings */