Implement toolkit function

Author: hernan-clich

examples/hello/frontend/src/DynamicAppContent.tsx

@@ -19,8 +19,8 @@ export function DynamicAppContent() {
       return 901;
     }
 
-    if (network === '503') {
-      return 105;
+    if (network === '502') {
+      return 103;
     }
 
     return null;

examples/hello/frontend/src/constants/chains.ts

@@ -70,9 +70,9 @@ export const SUPPORTED_CHAINS: SupportedChain[] = [
     colorHex: '#F7931A',
   },
   {
-    explorerUrl: (txHash: string) => `https://suiscan.xyz/devnet/tx/${txHash}`,
-    name: 'Sui Devnet',
-    chainId: 105,
+    explorerUrl: (txHash: string) => `https://suiscan.xyz/testnet/tx/${txHash}`,
+    name: 'Sui Testnet',
+    chainId: 103,
     chainType: 'SUI',
     colorHex: '#4DA2FF',
   },

examples/hello/frontend/src/hooks/useHandleCall.ts

@@ -5,8 +5,10 @@ import {
 } from '@zetachain/toolkit/chains/bitcoin';
 import { evmCall } from '@zetachain/toolkit/chains/evm';
 import { solanaCall } from '@zetachain/toolkit/chains/solana';
+import { prepareSuiDepositAndCall } from '@zetachain/toolkit/chains/sui';
 import { type PrimaryWallet } from '@zetachain/wallet';
 import { getSolanaWalletAdapter } from '@zetachain/wallet/solana';
+import { getSuiWallet, getSuiWalletClient } from '@zetachain/wallet/sui';
 import { ZeroAddress } from 'ethers';
 import { useCallback } from 'react';
 
@@ -122,6 +124,43 @@ async function handleSolanaCall(
   callbacks.onTransactionConfirmed?.(result);
 }
 
+/**
+ * Handles Sui-specific call logic
+ */
+async function handleSuiCall(
+  callParams: CallParams,
+  primaryWallet: PrimaryWallet,
+  callbacks: {
+    onSigningStart?: UseHandleCallParams['onSigningStart'];
+    onTransactionSubmitted?: UseHandleCallParams['onTransactionSubmitted'];
+    onTransactionConfirmed?: UseHandleCallParams['onTransactionConfirmed'];
+  }
+): Promise<void> {
+  const suiWallet = getSuiWallet(primaryWallet);
+  const walletClient = await getSuiWalletClient(primaryWallet);
+
+  callbacks.onSigningStart?.();
+
+  const { transaction } = await prepareSuiDepositAndCall(
+    { ...callParams, amount: '0.001' },
+    {
+      chainId: '103',
+    }
+  );
+
+  const signedTransaction = await suiWallet.signTransaction(transaction);
+
+  const executionResult = await walletClient.executeTransactionBlock({
+    options: {},
+    signature: signedTransaction.signature,
+    transactionBlock: signedTransaction.bytes,
+  });
+
+  callbacks.onTransactionSubmitted?.();
+
+  callbacks.onTransactionConfirmed?.(executionResult.digest);
+}
+
 /**
  * Handles Bitcoin-specific call logic using Unisat + Signet
  */
@@ -277,6 +316,11 @@ export function useHandleCall({
           selectedProvider,
           callbacks
         );
+      } else if (walletType === 'SUI') {
+        if (!primaryWallet) {
+          throw new Error('Sui transactions require primaryWallet');
+        }
+        await handleSuiCall(callParams, primaryWallet, callbacks);
       } else if (walletType === 'SOL') {
         if (!primaryWallet) {
           throw new Error('Solana transactions require primaryWallet');