Skip to main content

​
Deposits

This guide covers depositing tokens from your wallet into your private balance using the Privacy Boost React Native SDK.

​
Basic Deposit

import { PrivacyBoost } from '@sunnyside-io/privacy-boost-react-native';

const result = await sdk.shield(
  '0x...token-address',
  '1000000000000000000' // 1 token (18 decimals)
);
console.log('Transaction hash:', result.txHash);
console.log('Commitment:', result.commitment);

​
Deposit Parameters

ParameterTypeRequiredDescription
tokenAddressstringYesERC-20 token contract address
amountstringYesAmount in wei (smallest unit)

​
Deposit Steps

When a deposit is submitted, the SDK executes these steps in order:
StepDescription
WrappingWrapping ETH to WETH (if depositing ETH)
ApprovingApproving token spending on the shield contract
ShieldingExecuting the deposit transaction
RegisteringRegistering the deposit with the indexer
ComplianceWaiting for compliance verification

​
Deposit Result

interface ShieldResult {
  txHash: string;        // Main shield transaction hash
  commitment: string;    // Note commitment
  requestId: string;     // Use with sdk.getShieldStatus(requestId) to poll finality
  warning?: string;      // Optional warning message
  wrapTxHash?: string;   // ETH→WETH wrap tx hash (only for native ETH shields)
}
Poll the shield’s status with sdk.getShieldStatus(result.requestId) until it reaches a terminal state (e.g. "confirmed" or "failed").

​
Depositing ETH

To deposit native ETH, use the zero address. The SDK automatically wraps ETH to WETH: 
const ethAddress = '0x0000000000000000000000000000000000000000';

const result = await sdk.shield(
  ethAddress,
  '1000000000000000000' // 1 ETH
);
console.log('Deposit tx:', result.txHash);
The SDK automatically:
  1. Wraps ETH to WETH
  2. Approves WETH spending
  3. Deposits WETH to the shield contract

​
Parsing Amounts

Use helper functions to convert between human-readable and wei formats: 
// Parse human-readable amount to wei string
const weiAmount = sdk.parseAmount('1.5', 18);
// Returns: "1500000000000000000"

// Format wei string to human-readable
const formatted = sdk.formatAmount('1500000000000000000', 18);
// Returns: "1.5"

// For USDC (6 decimals)
const usdcWei = sdk.parseAmount('100.0', 6);
// Returns: "100000000"

​
Complete Example

import React, { useState } from 'react';
import { View, Text, TextInput, Button, ActivityIndicator } from 'react-native';
import { SdkError } from '@sunnyside-io/privacy-boost-react-native';

function DepositScreen({ sdk, tokenAddress }: { sdk: PrivacyBoost; tokenAddress: string }) {
  const [amount, setAmount] = useState('');
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [txHash, setTxHash] = useState<string | null>(null);

  const handleShield = async () => {
    setLoading(true);
    setError(null);
    setTxHash(null);

    try {
      const weiAmount = sdk.parseAmount(amount, 18);
      const result = await sdk.shield(tokenAddress, weiAmount);
      setTxHash(result.txHash);
      setAmount('');
    } catch (err: any) {
      if (SdkError.SignatureRejected.instanceOf(err)) return;
      setError(err?.inner?.message ?? err?.message ?? 'Deposit failed');
    } finally {
      setLoading(false);
    }
  };

  return (
    <View style={{ padding: 16 }}>
      <TextInput
        value={amount}
        onChangeText={setAmount}
        placeholder="Amount (e.g. 1.0)"
        keyboardType="decimal-pad"
        editable={!loading}
      />
      {error && <Text style={{ color: 'red' }}>{error}</Text>}
      {txHash && <Text>Deposit TX: {txHash}</Text>}
      {loading ? (
        <ActivityIndicator />
      ) : (
        <Button title="Deposit" onPress={handleShield} disabled={!amount} />
      )}
    </View>
  );
}

​
Error Handling

try {
  const result = await sdk.shield(tokenAddress, amount);
} catch (error: any) {
  switch (error.tag) {
    case 'SignatureRejected':
      return; // User cancelled
    case 'InsufficientBalance':
      console.log('Not enough tokens in wallet');
      break;
    case 'InvalidAmount':
      console.log('Invalid amount format');
      break;
    case 'WalletError':
      console.log('Wallet error:', error.message);
      break;
    case 'NetworkError':
      console.log('Network error:', error.message);
      break;
    default:
      console.log('Deposit error:', error);
  }
}

​
Best Practices

​
1. Validate Amounts Before Depositing

Always check the wallet balance before attempting a deposit to provide early feedback.

​
2. Refresh Balance After Deposit

const result = await sdk.shield(tokenAddress, amount);
const updatedBalance = await sdk.getBalance(tokenAddress);
console.log('New shielded balance:', updatedBalance.shieldedBalance);

​
3. Handle Long Operations

Deposits involve multiple on-chain transactions and may take time. Show appropriate loading states in your UI.

​
Next Steps