[BOUNTY] Implement Freighter Wallet Integration

[ANAVHEOBA]

[BOUNTY] Implement Freighter Wallet Integration

Description

Integrate Freighter wallet for connecting users' Stellar accounts, signing transactions, and managing wallet state in the frontend.

Scope

Wallet Integration

Create frontend/lib/wallet.ts:

• connectWallet() - Connect to Freighter
• disconnectWallet() - Disconnect wallet
• getPublicKey() - Get user's public key
• signTransaction() - Sign transactions
• checkWalletInstalled() - Check if Freighter is installed

State Management

Create frontend/lib/store.ts with Zustand:

• Wallet connection state
• User public key
• Network selection (testnet/mainnet)
• Loading states

UI Components

Create frontend/components/wallet/:

• ConnectButton.tsx - Connect/disconnect button
• WalletInfo.tsx - Display connected wallet
• NetworkSelector.tsx - Switch networks
• InstallPrompt.tsx - Prompt to install Freighter

Error Handling

• Wallet not installed
• User rejected connection
• Network mismatch
• Transaction signing errors

Acceptance Criteria

• Connect/disconnect works
• Wallet state persists across page reloads
• Transaction signing works
• Error handling for all cases
• UI components styled with Tailwind
• Mobile responsive
• Documentation with examples

Labels: bounty,frontend,priority: high

[jiarongmai]

Interested in implementing Freighter Wallet Integration! I have experience with Stellar ecosystem, Freighter wallet SDK, and wallet connection patterns. I can implement secure wallet connection, transaction signing, and account management. Let's integrate Freighter! 🔗

[jiarongmai]

Hi! I'd like to take on this Freighter wallet integration. I have experience with:

• Stellar ecosystem wallets (Freighter, Albedo)
• React/TypeScript frontend development
• Wallet connection state management
• Transaction signing and submission
  I'll deliver clean, well-documented code with proper error handling. Ready to start!

[HuiNeng6]

/opire try

[sungdark]

我来认领！会实现 Freighter Wallet 集成并提交 PR。收款地址：eB51DWp1uECrLZRLsE2cnyZUzfRWvzUzaJzkatTpQV9

[sungdark]

我来认领这个任务！

收款地址：eB51DWp1uECrLZRLsE2cnyZUzfRWvzUzaJzkatTpQV9

我将实现 Freighter 钱包集成，包括:

• frontend/lib/wallet.ts (connectWallet, disconnectWallet, getPublicKey, signTransaction, checkWalletInstalled)
• frontend/lib/store.ts (Zustand 状态管理)
• frontend/components/wallet/ (UI 组件)

完成后将提交 PR。

[sungdark]

我来认领!

Implementation Plan

Implementing the Freighter Wallet Integration for PrivacyLayer frontend:

Wallet Integration (frontend/lib/wallet.ts)

• connectWallet() - Connect to Freighter
• disconnectWallet() - Disconnect wallet
• getPublicKey() - Get user's public key
• signTransaction() - Sign Soroban transactions
• checkWalletInstalled() - Check if Freighter is installed
• switchWalletNetwork() - Switch between TESTNET/MAINNET/FUTURENET

State Management (frontend/lib/store.ts)

• Zustand store with localStorage persistence
• Wallet connection state, public key, network, loading states
• Error state management

UI Components (frontend/components/wallet/)

• ConnectButton - Connect/disconnect with loading/error states
• WalletInfo - Display wallet info with copy functionality
• NetworkSelector - Dropdown for network switching
• InstallPrompt - Prompts user to install Freighter when not detected

Error Handling

• NOT_INSTALLED, USER_REJECTED, NETWORK_MISMATCH, SIGNATURE_FAILED, NOT_CONNECTED

收款地址: eB51DWp1uECrLZRLsE2cnyZUzfRWvzUzaJzkatTpQV9

PR: #193