pwc-sdk-wallet 0.7.6 → 0.7.7

package/README.md

@@ -56,294 +56,15 @@ A comprehensive, secure, and user-friendly wallet SDK for React Native applicati
 - [Generate EIP-681 Compatible Address QR (for Metamask, Binance, Trust Wallet)](#generate-eip-681-compatible-address-qr-for-metamask-binance-trust-wallet)
 
 ### 🌐 DApp Browser Integration
-
-The PWC Wallet SDK provides a complete DApp Browser integration with **direct provider injection**, ensuring that PWC Wallet appears as a connection option in **all dApps**. This integration follows the same patterns as popular wallets like MetaMask Mobile, Trust Wallet, and Rainbow Wallet.
-
-### Key Benefits
-
-- **Universal dApp Compatibility** - PWC Wallet appears in ALL dApps automatically
-- **One-Click Integration** - Simple setup with `DAppBrowser` component
-- **Built-in WebView Browser** - Complete browser with navigation controls
-- **Automatic Provider Injection** - PWC Wallet provider automatically injected
-- **Transaction Approval UI** - Beautiful transaction approval modals
-- **Connection Approval UI** - dApp connection approval modals
-- **Multi-chain Support** - Support for Ethereum and other EVM chains
-- **Security Features** - Transaction validation and user confirmation
-
-### Quick Start (Direct Provider Injection)
-
-```typescript
-import React from 'react';
-import { DAppBrowser } from 'pwc-wallet-sdk';
-
-const WalletApp = () => {
-  const vault = new Vault(); // Your vault instance
-  
-  return (
-    <DAppBrowser
-      vault={vault}
-      initialUrl="https://web3.paywithcrypto.today/"
-      onTransaction={(transaction) => {
-        console.log('Transaction requested:', transaction);
-      }}
-      onConnection={(dAppInfo) => {
-        console.log('Connection requested:', dAppInfo);
-      }}
-      onError={(error) => {
-        console.error('Browser error:', error);
-      }}
-    />
-  );
-};
-```
-
-### What This Achieves
-
-With this setup, PWC Wallet will appear as a connection option in:
-
-- ✅ **PancakeSwap** - "Connect Wallet" → PWC Wallet option
-- ✅ **Uniswap** - "Connect Wallet" → PWC Wallet option  
-- ✅ **OpenSea** - "Connect Wallet" → PWC Wallet option
-- ✅ **All dApps** - "Connect Wallet" → PWC Wallet option
-
-### DApp Browser Components
-
-#### DAppBrowser
-
-The main component that provides a complete WebView browser with PWC Wallet integration.
-
-```typescript
-import { DAppBrowser } from 'pwc-wallet-sdk';
-
-<DAppBrowser
-  vault={vault}
-  initialUrl="https://paywithcrypto.io/"
-  onTransaction={handleTransaction}
-  onConnection={handleConnection}
-  onError={handleError}
-/>
-```
-
-#### TransactionModal
-
-A modal component for approving/rejecting transactions.
-
-```typescript
-import { TransactionModal } from 'pwc-wallet-sdk';
-
-<TransactionModal
-  visible={showTransactionModal}
-  transaction={pendingTransaction}
-  onApprove={handleApprove}
-  onReject={handleReject}
-/>
-```
-
-#### ConnectionModal
-
-A modal component for approving/rejecting dApp connections.
-
-```typescript
-import { ConnectionModal } from 'pwc-wallet-sdk';
-
-<ConnectionModal
-  visible={showConnectionModal}
-  dAppInfo={pendingConnection}
-  onApprove={handleApprove}
-  onReject={handleReject}
-/>
-```
-
-### DApp Browser Services
-
-#### BrowserProviderService
-
-Handles the injection of PWC Wallet provider into WebView and processes dApp requests.
-
-```typescript
-import { BrowserProviderService } from 'pwc-wallet-sdk';
-
-const browserProviderService = new BrowserProviderService(vault);
-const providerScript = browserProviderService.injectPWCWalletProvider();
-```
-
-#### MessageBridgeService
-
-Manages communication between WebView and React Native.
-
-```typescript
-import { MessageBridgeService } from 'pwc-wallet-sdk';
-
-const messageBridgeService = new MessageBridgeService();
-messageBridgeService.setWebViewRef(webViewRef.current);
-```
-
-#### TransactionHandler
-
-Processes and validates transactions.
-
-```typescript
-import { TransactionHandler } from 'pwc-wallet-sdk';
-
-const transactionHandler = new TransactionHandler(vault);
-const details = await transactionHandler.processTransaction(transaction);
-```
-
-### Provider Injection (Core Feature)
-
-#### How It Works
-
-The **core mechanism** that makes PWC Wallet appear in all dApps. The SDK automatically injects the PWC Wallet provider into the WebView, making it available to all dApps.
-
-```typescript
-// Automatically injected into WebView
-window.ethereum = window.pwcWallet = {
-  request: async (request) => { /* handle requests */ },
-  on: (event, callback) => { /* event listeners */ },
-  // ... other provider methods
-};
-```
-
-#### Why This Matters
-
-- **Universal Compatibility** - PWC Wallet appears in ALL dApps automatically
-- **No dApp Changes Required** - dApps don't need to add PWC Wallet manually
-- **Industry Standard** - Follows the same pattern as MetaMask, Trust Wallet
-- **Future-Proof** - Works with any dApp that uses standard Web3 providers
-
-### DApp Browser Hooks
-
-#### usePWCWallet
-
-A React hook that provides easy access to PWC Wallet functionality.
-
-```typescript
-import { usePWCWallet } from 'pwc-wallet-sdk';
-
-const {
-  accounts,
-  currentAccount,
-  isConnected,
-  connect,
-  disconnect,
-  sendTransaction,
-  signMessage,
-  isLoading,
-  error
-} = usePWCWallet({ vault });
-```
-
-### DApp Browser Examples
-
-#### Complete Wallet App
-
-```typescript
-import React, { useState } from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { DAppBrowser, usePWCWallet, Vault } from 'pwc-wallet-sdk';
-
-const WalletApp = () => {
-  const [activeTab, setActiveTab] = useState<'wallet' | 'browser'>('wallet');
-  const vault = new Vault(); // Your vault instance
-  
-  const { accounts, currentAccount, isConnected, connect, disconnect } = usePWCWallet({ vault });
-
-  if (activeTab === 'browser') {
-    return (
-      <DAppBrowser
-        vault={vault}
-        initialUrl="https://paywithcrypto.io/"
-        onTransaction={(transaction) => {
-          console.log('Transaction:', transaction);
-        }}
-        onConnection={(dAppInfo) => {
-          console.log('Connection:', dAppInfo);
-        }}
-      />
-    );
-  }
-
-  return (
-    <View>
-      <Text>PWC Wallet</Text>
-      {isConnected ? (
-        <View>
-          <Text>Connected: {currentAccount}</Text>
-          <TouchableOpacity onPress={() => setActiveTab('browser')}>
-            <Text>Open Browser</Text>
-          </TouchableOpacity>
-          <TouchableOpacity onPress={disconnect}>
-            <Text>Disconnect</Text>
-          </TouchableOpacity>
-        </View>
-      ) : (
-        <TouchableOpacity onPress={connect}>
-          <Text>Connect Wallet</Text>
-        </TouchableOpacity>
-      )}
-    </View>
-  );
-};
-```
-
-#### Real-World Example: PancakeSwap Integration
-
-```typescript
-import React from 'react';
-import { DAppBrowser } from 'pwc-wallet-sdk';
-
-const PancakeSwapExample = () => {
-  const vault = new Vault();
-
-  return (
-    <DAppBrowser
-      vault={vault}
-      initialUrl="https://pancakeswap.finance/"
-      onTransaction={(transaction) => {
-        console.log('PancakeSwap transaction:', transaction);
-      }}
-      onConnection={(dAppInfo) => {
-        console.log('PancakeSwap connection:', dAppInfo);
-      }}
-    />
-  );
-};
-```
-
-**Result:** When user clicks "Connect Wallet" on PancakeSwap, they will see "PWC Wallet" as an option! 🎯
-
-### Summary: Universal dApp Compatibility
-
-The PWC Wallet SDK with direct provider injection provides **universal dApp compatibility**:
-
-#### ✅ **Works with ALL dApps:**
-- **PancakeSwap** - "Connect Wallet" → PWC Wallet option
-- **Uniswap** - "Connect Wallet" → PWC Wallet option  
-- **OpenSea** - "Connect Wallet" → PWC Wallet option
-- **Aave** - "Connect Wallet" → PWC Wallet option
-- **Compound** - "Connect Wallet" → PWC Wallet option
-- **Any dApp** - "Connect Wallet" → PWC Wallet option
-
-#### ✅ **One Setup, Universal Access:**
-```typescript
-// Mobile dev chỉ cần setup 1 lần
-<DAppBrowser
-  vault={vault}
-  initialUrl="https://pancakeswap.finance/"
-/>
-```
-
-#### ✅ **No dApp Changes Required:**
-- dApps don't need to add PWC Wallet manually
-- Works with existing dApp code
-- Follows industry standards (MetaMask, Trust Wallet)
-
-#### ✅ **No External Dependencies:**
-- PWC Wallet uses built-in browser (WebView)
-- No need for external services or bridges
-- Direct connection through provider injection
-
-For detailed documentation, see [DApp Browser Integration Guide](./docs/DAPP_BROWSER_INTEGRATION.md).
+- [Key Benefits](#key-benefits)
+- [Quick Start (Direct Provider Injection)](#quick-start-direct-provider-injection)
+- [What This Achieves](#what-this-achieves)
+- [DApp Browser Components](#dapp-browser-components)
+- [DApp Browser Services](#dapp-browser-services)
+- [Provider Injection (Core Feature)](#provider-injection-core-feature)
+- [DApp Browser Hooks](#dapp-browser-hooks)
+- [DApp Browser Examples](#dapp-browser-examples)
+- [Summary: Universal dApp Compatibility](#summary-universal-dapp-compatibility)
 
 ### 🖼️ NFT Functionality
 - [Get NFT Details](#get-nft-details)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pwc-sdk-wallet",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "A comprehensive wallet SDK for React Native (pwc), supporting multi-chain and multi-account features.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",