@blazium/ton-connect-mobile 1.2.5 → 1.2.6

package/dist/react/TonConnectUIProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * React integration layer for @tonconnect/ui-react compatibility
+ * React integration layer for TON Connect Mobile SDK
  * Provides TonConnectUIProvider, hooks, and components compatible with @tonconnect/ui-react API
  */
 import { ReactNode } from 'react';
@@ -22,101 +22,53 @@ export interface WalletState {
     connected: boolean;
 }
 /**
- * Transaction response (compatible with @tonconnect/ui-react)
+ * Transaction response
  */
 export interface TransactionResponse {
     boc: string;
-    signature: string;
 }
 /**
- * Sign data request
- */
-export interface SignDataRequest {
-    /** Data to sign (will be base64 encoded) */
-    data: string | Uint8Array;
-    /** Optional version */
-    version?: string;
-}
-/**
- * Sign data response
- */
-export interface SignDataResponse {
-    signature: string;
-    timestamp: number;
-}
-/**
- * TonConnect UI instance interface (compatible with @tonconnect/ui-react)
- * Includes all features from @tonconnect/ui-react for full compatibility
+ * TonConnect UI instance interface
  */
 export interface TonConnectUI {
-    /** Open connection modal */
     openModal: () => Promise<void>;
-    /** Close connection modal */
     closeModal: () => void;
-    /** Connect to wallet */
     connectWallet: () => Promise<void>;
-    /** Disconnect from wallet */
     disconnect: () => Promise<void>;
-    /** Send transaction */
     sendTransaction: (transaction: SendTransactionRequest) => Promise<TransactionResponse>;
-    /** Sign data */
-    signData: (request: SignDataRequest) => Promise<SignDataResponse>;
-    /** Restore connection from stored session */
     restoreConnection: () => Promise<void>;
-    /** Set wallet list (customize available wallets) */
     setWalletList: (wallets: WalletDefinition[]) => void;
-    /** Get current network */
     getNetwork: () => Network;
-    /** Set network (mainnet/testnet) */
     setNetwork: (network: Network) => void;
-    /** Get wallet balance */
     getBalance: (address?: string) => Promise<BalanceResponse>;
-    /** Get transaction status */
-    getTransactionStatus: (boc: string, maxAttempts?: number, intervalMs?: number) => Promise<TransactionStatusResponse>;
-    /** Get transaction status by hash */
     getTransactionStatusByHash: (txHash: string, address: string) => Promise<TransactionStatusResponse>;
-    /** Add event listener */
     on: <T = any>(event: TonConnectEventType, listener: TonConnectEventListener<T>) => () => void;
-    /** Remove event listener */
     off: <T = any>(event: TonConnectEventType, listener: TonConnectEventListener<T>) => void;
-    /** Current wallet state */
     wallet: WalletState | null;
-    /** Modal open state */
     modalState: {
         open: boolean;
     };
-    /** UI kit version */
     uiVersion: string;
 }
-/**
- * TonConnectUIProvider props
- */
 export interface TonConnectUIProviderProps {
-    /** SDK configuration */
     config: TonConnectMobileConfig;
-    /** Children */
     children: ReactNode;
-    /** Optional SDK instance (for testing or custom instances) */
     sdkInstance?: TonConnectMobile;
 }
 /**
  * TonConnectUIProvider - React context provider for TON Connect
- * Compatible with @tonconnect/ui-react API
  */
 export declare function TonConnectUIProvider({ config, children, sdkInstance, }: TonConnectUIProviderProps): JSX.Element;
 /**
  * Hook to access TonConnectUI instance
- * Compatible with @tonconnect/ui-react useTonConnectUI hook
  */
 export declare function useTonConnectUI(): TonConnectUI;
 /**
  * Hook to access wallet state
- * Compatible with @tonconnect/ui-react useTonWallet hook
  */
 export declare function useTonWallet(): WalletState | null;
 /**
  * Hook to access modal state
- * Compatible with @tonconnect/ui-react useTonConnectModal hook
  */
 export declare function useTonConnectModal(): {
     open: boolean;
@@ -124,6 +76,6 @@ export declare function useTonConnectModal(): {
     openModal: () => Promise<void>;
 };
 /**
- * Hook to access SDK instance (for advanced usage)
+ * Hook to access SDK instance
  */
 export declare function useTonConnectSDK(): TonConnectMobile;

package/dist/react/TonConnectUIProvider.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * React integration layer for @tonconnect/ui-react compatibility
+ * React integration layer for TON Connect Mobile SDK
  * Provides TonConnectUIProvider, hooks, and components compatible with @tonconnect/ui-react API
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -48,33 +48,20 @@ const WalletSelectionModal_1 = require("./WalletSelectionModal");
 const TonConnectUIContext = (0, react_1.createContext)(null);
 /**
  * TonConnectUIProvider - React context provider for TON Connect
- * Compatible with @tonconnect/ui-react API
  */
 function TonConnectUIProvider({ config, children, sdkInstance, }) {
-    // CRITICAL: Initialize SDK only once
     const [sdk] = (0, react_1.useState)(() => {
-        if (sdkInstance) {
+        if (sdkInstance)
             return sdkInstance;
-        }
-        try {
-            return new index_1.TonConnectMobile(config);
-        }
-        catch (error) {
-            console.error('[TonConnectUIProvider] Failed to initialize SDK:', error);
-            throw error;
-        }
+        return new index_1.TonConnectMobile(config);
     });
     const [walletState, setWalletState] = (0, react_1.useState)(null);
     const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
     const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
     const [customWalletList, setCustomWalletList] = (0, react_1.useState)(null);
-    // Get chain ID based on network
     const getChainId = (0, react_1.useCallback)((network) => {
-        // TON mainnet chain ID: -239
-        // TON testnet chain ID: -3
         return network === 'testnet' ? -3 : -239;
     }, []);
-    // Update wallet state from SDK status
     const updateWalletState = (0, react_1.useCallback)((status) => {
         if (status.connected && status.wallet) {
             const network = sdk.getNetwork();
@@ -96,188 +83,99 @@ function TonConnectUIProvider({ config, children, sdkInstance, }) {
             });
         }
     }, [sdk, getChainId]);
-    // Subscribe to SDK status changes
     (0, react_1.useEffect)(() => {
-        // Set initial state
         const initialStatus = sdk.getStatus();
         updateWalletState(initialStatus);
-        // Subscribe to changes
         const unsubscribe = sdk.onStatusChange((status) => {
             updateWalletState(status);
-            // Close modal when connected
             if (status.connected) {
                 setModalOpen(false);
                 setIsConnecting(false);
             }
         });
-        return () => {
-            unsubscribe();
-            // CRITICAL FIX: Cleanup SDK on unmount to prevent memory leaks
-            // Note: SDK has its own cleanup via destroy(), but we don't call it here
-            // to allow SDK to persist across component remounts (e.g., navigation)
-        };
+        return () => { unsubscribe(); };
     }, [sdk, updateWalletState]);
-    // Open modal
     const openModal = (0, react_1.useCallback)(async () => {
         if (!walletState?.connected) {
             setModalOpen(true);
         }
     }, [walletState?.connected]);
-    // Close modal
     const closeModal = (0, react_1.useCallback)(() => {
         setModalOpen(false);
         setIsConnecting(false);
     }, []);
-    // Connect wallet
     const connectWallet = (0, react_1.useCallback)(async () => {
-        // CRITICAL FIX: Use functional update to avoid race condition
-        setIsConnecting((prev) => {
-            if (prev) {
-                // Already connecting, return early
-                return prev;
-            }
-            return true;
-        });
-        // Wait for connection
+        if (isConnecting)
+            return;
+        setIsConnecting(true);
         try {
             await sdk.connect();
-            // Status update will be handled by the subscription
         }
         catch (error) {
             setIsConnecting(false);
             throw error;
         }
-    }, [sdk]);
-    // Disconnect
+    }, [sdk, isConnecting]);
     const disconnect = (0, react_1.useCallback)(async () => {
         await sdk.disconnect();
         setModalOpen(false);
     }, [sdk]);
-    // Send transaction
     const sendTransaction = (0, react_1.useCallback)(async (transaction) => {
-        try {
-            // Validate transaction before sending
-            if (!transaction || !transaction.messages || transaction.messages.length === 0) {
-                throw new Error('Invalid transaction: messages array is required and cannot be empty');
-            }
-            if (!transaction.validUntil || transaction.validUntil <= Date.now()) {
-                throw new Error('Invalid transaction: validUntil must be in the future');
-            }
-            const response = await sdk.sendTransaction(transaction);
-            return {
-                boc: response.boc,
-                signature: response.signature,
-            };
-        }
-        catch (error) {
-            console.error('[TonConnectUIProvider] Transaction error:', error);
-            throw error;
-        }
-    }, [sdk]);
-    // Sign data
-    const signData = (0, react_1.useCallback)(async (request) => {
-        try {
-            // Validate request
-            if (!request || (!request.data && request.data !== '')) {
-                throw new Error('Invalid sign data request: data is required');
-            }
-            const response = await sdk.signData(request.data, request.version);
-            return {
-                signature: response.signature,
-                timestamp: response.timestamp,
-            };
-        }
-        catch (error) {
-            console.error('[TonConnectUIProvider] Sign data error:', error);
-            throw error;
-        }
+        const response = await sdk.sendTransaction(transaction);
+        return { boc: response.boc };
     }, [sdk]);
-    // Restore connection from stored session
     const restoreConnection = (0, react_1.useCallback)(async () => {
-        try {
-            // SDK automatically loads session on initialization
-            // This method triggers a re-check of the stored session
-            const status = sdk.getStatus();
-            if (status.connected && status.wallet) {
-                updateWalletState(status);
-            }
-        }
-        catch (error) {
-            console.error('[TonConnectUIProvider] Restore connection error:', error);
-            throw error;
+        const status = sdk.getStatus();
+        if (status.connected && status.wallet) {
+            updateWalletState(status);
         }
     }, [sdk, updateWalletState]);
-    // Set wallet list (customize available wallets)
     const setWalletList = (0, react_1.useCallback)((wallets) => {
-        if (!wallets || !Array.isArray(wallets)) {
-            throw new Error('Wallet list must be an array');
-        }
         setCustomWalletList(wallets);
     }, []);
-    // Get network
-    const getNetwork = (0, react_1.useCallback)(() => {
-        return sdk.getNetwork();
-    }, [sdk]);
-    // Set network
+    const getNetwork = (0, react_1.useCallback)(() => sdk.getNetwork(), [sdk]);
     const setNetwork = (0, react_1.useCallback)((network) => {
         sdk.setNetwork(network);
-        // Update wallet state to reflect new chain ID
         const status = sdk.getStatus();
         updateWalletState(status);
     }, [sdk, updateWalletState]);
-    // Get balance
     const getBalance = (0, react_1.useCallback)(async (address) => {
         return await sdk.getBalance(address);
     }, [sdk]);
-    // Get transaction status
-    const getTransactionStatus = (0, react_1.useCallback)(async (boc, maxAttempts = 10, intervalMs = 2000) => {
-        return await sdk.getTransactionStatus(boc, maxAttempts, intervalMs);
-    }, [sdk]);
-    // Get transaction status by hash
     const getTransactionStatusByHash = (0, react_1.useCallback)(async (txHash, address) => {
         return await sdk.getTransactionStatusByHash(txHash, address);
     }, [sdk]);
-    // Event listeners
     const on = (0, react_1.useCallback)((event, listener) => {
         return sdk.on(event, listener);
     }, [sdk]);
     const off = (0, react_1.useCallback)((event, listener) => {
         sdk.off(event, listener);
     }, [sdk]);
-    // Create TonConnectUI instance
     const tonConnectUI = {
         openModal,
         closeModal,
         connectWallet,
         disconnect,
         sendTransaction,
-        signData,
         restoreConnection,
         setWalletList,
         getNetwork,
         setNetwork,
         getBalance,
-        getTransactionStatus,
         getTransactionStatusByHash,
         on,
         off,
         wallet: walletState,
-        modalState: {
-            open: modalOpen,
-        },
-        uiVersion: '1.0.0',
-    };
-    const contextValue = {
-        tonConnectUI,
-        sdk,
+        modalState: { open: modalOpen },
+        uiVersion: '2.0.0',
     };
+    const contextValue = { tonConnectUI, sdk };
     return (react_1.default.createElement(TonConnectUIContext.Provider, { value: contextValue },
         children,
         react_1.default.createElement(WalletSelectionModal_1.WalletSelectionModal, { visible: modalOpen && !walletState?.connected, onClose: closeModal, wallets: customWalletList || undefined })));
 }
 /**
  * Hook to access TonConnectUI instance
- * Compatible with @tonconnect/ui-react useTonConnectUI hook
  */
 function useTonConnectUI() {
     const context = (0, react_1.useContext)(TonConnectUIContext);
@@ -288,7 +186,6 @@ function useTonConnectUI() {
 }
 /**
  * Hook to access wallet state
- * Compatible with @tonconnect/ui-react useTonWallet hook
  */
 function useTonWallet() {
     const tonConnectUI = useTonConnectUI();
@@ -296,7 +193,6 @@ function useTonWallet() {
 }
 /**
  * Hook to access modal state
- * Compatible with @tonconnect/ui-react useTonConnectModal hook
  */
 function useTonConnectModal() {
     const tonConnectUI = useTonConnectUI();
@@ -307,7 +203,7 @@ function useTonConnectModal() {
     };
 }
 /**
- * Hook to access SDK instance (for advanced usage)
+ * Hook to access SDK instance
  */
 function useTonConnectSDK() {
     const context = (0, react_1.useContext)(TonConnectUIContext);

package/dist/react/index.d.ts

@@ -1,9 +1,8 @@
 /**
  * React integration exports
- * Re-export all React components and hooks
  */
 export { TonConnectUIProvider, useTonConnectUI, useTonWallet, useTonConnectModal, useTonConnectSDK, } from './TonConnectUIProvider';
-export type { TonConnectUIProviderProps, TonConnectUI, WalletState, Account, TransactionResponse, SignDataRequest, SignDataResponse, } from './TonConnectUIProvider';
+export type { TonConnectUIProviderProps, TonConnectUI, WalletState, Account, TransactionResponse, } from './TonConnectUIProvider';
 export type { Network, BalanceResponse, TransactionStatusResponse, TransactionStatus } from '../types';
 export { TonConnectButton } from './TonConnectButton';
 export type { TonConnectButtonProps } from './TonConnectButton';

package/dist/react/index.js

@@ -1,7 +1,6 @@
 "use strict";
 /**
  * React integration exports
- * Re-export all React components and hooks
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletSelectionModal = exports.TonConnectButton = exports.useTonConnectSDK = exports.useTonConnectModal = exports.useTonWallet = exports.useTonConnectUI = exports.TonConnectUIProvider = void 0;