@reown/appkit-ethers-react-native 0.0.0-fix-approved-networks-20250822000414 → 0.0.0-fix-ui-changes-20250828183750

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAE3F,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,MAAM,EACP,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5F,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGtD,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAKjD,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,UASlD;AAGD,wBAAgB,SAAS;qBAKO,WAAW;;EAS1C;AAED,wBAAgB,cAAc;;;EAkB7B;AAED,wBAAgB,iBAAiB;;;EAUhC;AAED,wBAAgB,aAAa;;EAQ5B;AAED,wBAAgB,gBAAgB;;;;EAQ/B;AAED,wBAAgB,aAAa;;EAY5B;AAED,wBAAgB,cAAc;;EAM7B;AAED,wBAAgB,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI;;;EAmBnF;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,QAapD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ethers-react-native",
-  "version": "0.0.0-fix-approved-networks-20250822000414",
+  "version": "0.0.0-fix-ui-changes-20250828183750",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -38,23 +38,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "0.0.0-fix-approved-networks-20250822000414",
-    "@reown/appkit-scaffold-react-native": "0.0.0-fix-approved-networks-20250822000414",
-    "@reown/appkit-scaffold-utils-react-native": "0.0.0-fix-approved-networks-20250822000414",
-    "@reown/appkit-siwe-react-native": "0.0.0-fix-approved-networks-20250822000414",
+    "@reown/appkit-common-react-native": "0.0.0-fix-ui-changes-20250828183750",
+    "@reown/appkit-react-native": "0.0.0-fix-ui-changes-20250828183750",
+    "@reown/appkit-siwe-react-native": "0.0.0-fix-ui-changes-20250828183750",
     "@walletconnect/ethereum-provider": "2.21.5"
   },
   "peerDependencies": {
-    "@react-native-async-storage/async-storage": ">=1.17.0",
     "@react-native-community/netinfo": "*",
-    "@walletconnect/react-native-compat": ">=2.13.1",
-    "ethers": ">=6.0.0",
-    "react": ">=17",
-    "react-native": ">=0.68.5",
+    "@walletconnect/react-native-compat": ">=2.16.1",
+    "react": ">=18",
+    "react-native": ">=0.72",
     "react-native-get-random-values": "*"
   },
-  "devDependencies": {
-    "ethers": "6.10.0"
-  },
   "react-native": "src/index.tsx"
 }

package/src/adapter.ts

@@ -0,0 +1,100 @@
+import {
+  EVMAdapter,
+  type AppKitNetwork,
+  type CaipAddress,
+  type ChainNamespace,
+  type GetBalanceParams,
+  type GetBalanceResponse,
+  NumberUtil
+} from '@reown/appkit-common-react-native';
+import { formatEther, getEthBalance } from './helpers';
+
+export class EthersAdapter extends EVMAdapter {
+  private static supportedNamespace: ChainNamespace = 'eip155';
+
+  constructor() {
+    super({
+      supportedNamespace: EthersAdapter.supportedNamespace,
+      adapterType: 'ethers'
+    });
+  }
+
+  async getBalance(params: GetBalanceParams): Promise<GetBalanceResponse> {
+    const { network, address } = params;
+
+    if (!this.connector) throw new Error('No active connector');
+    if (!network) throw new Error('No network provided');
+
+    const balanceAddress =
+      address || this.getAccounts()?.find(account => account.includes(network.id.toString()));
+
+    const balance: GetBalanceResponse = {
+      amount: '0.00',
+      symbol: network.nativeCurrency.symbol || 'ETH'
+    };
+
+    if (!balanceAddress) return balance;
+
+    const account = balanceAddress.split(':')[2];
+    const rpcUrl = network.rpcUrls.default.http?.[0];
+    if (!rpcUrl || !account) return balance;
+
+    try {
+      const wei = await getEthBalance(rpcUrl, account);
+      balance.amount = formatEther(wei);
+
+      this.emit('balanceChanged', {
+        address: balanceAddress,
+        balance: {
+          amount: balance.amount,
+          symbol: balance.symbol
+        }
+      });
+
+      return balance;
+    } catch {
+      return balance;
+    }
+  }
+
+  async switchNetwork(network: AppKitNetwork): Promise<void> {
+    if (!this.connector) throw new Error('No active connector');
+
+    const provider = this.connector.getProvider('eip155');
+    if (!provider) throw new Error('No active provider');
+
+    try {
+      await provider.request(
+        {
+          method: 'wallet_switchEthereumChain',
+          params: [{ chainId: NumberUtil.convertNumericToHexString(network.id) }]
+        },
+        `${EthersAdapter.supportedNamespace}:${network.id}`
+      );
+    } catch (switchError: any) {
+      const message = switchError?.message as string;
+      if (/(?<temp1>user rejected)/u.test(message?.toLowerCase())) {
+        throw new Error('Chain is not supported');
+      }
+
+      throw switchError;
+    }
+  }
+
+  getAccounts(): CaipAddress[] | undefined {
+    if (!this.connector) throw new Error('No active connector');
+    const namespaces = this.connector.getNamespaces();
+
+    return namespaces[this.getSupportedNamespace()]?.accounts;
+  }
+
+  disconnect(): Promise<void> {
+    if (!this.connector) throw new Error('EthersAdapter:disconnect - No active connector');
+
+    return this.connector.disconnect();
+  }
+
+  getSupportedNamespace(): ChainNamespace {
+    return EthersAdapter.supportedNamespace;
+  }
+}

package/src/helpers.ts

@@ -0,0 +1,25 @@
+// Helper to convert Wei (as string or bigint) to ETH
+export const formatEther = (wei: bigint): string => {
+  return (Number(wei) / 1e18).toString();
+};
+
+// Raw JSON-RPC for balance lookup
+export async function getEthBalance(rpcUrl: string, address: string): Promise<bigint> {
+  const body = {
+    jsonrpc: '2.0',
+    method: 'eth_getBalance',
+    params: [address, 'latest'],
+    id: 1
+  };
+
+  const response = await fetch(rpcUrl, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(body)
+  });
+
+  const json = await response.json();
+  if (json.error) throw new Error(json.error.message);
+
+  return BigInt(json.result); // result is hex string
+}

package/src/index.tsx

@@ -1,164 +1,2 @@
-import { useEffect, useState, useSyncExternalStore } from 'react';
-import { useSnapshot } from 'valtio';
-import { EthersStoreUtil, type Provider } from '@reown/appkit-scaffold-utils-react-native';
-
-export {
-  AccountButton,
-  AppKitButton,
-  ConnectButton,
-  NetworkButton,
-  AppKit
-} from '@reown/appkit-scaffold-react-native';
-import type { EventName, EventsControllerState } from '@reown/appkit-scaffold-react-native';
-import { ConstantsUtil } from '@reown/appkit-common-react-native';
-export { defaultConfig } from './utils/defaultConfig';
-
-import { AppKit, type AppKitOptions } from './client';
-
-// -- Types -------------------------------------------------------------------
-export type { AppKitOptions } from './client';
-
-type OpenOptions = Parameters<AppKit['open']>[0];
-
-// -- Setup -------------------------------------------------------------------
-let modal: AppKit | undefined;
-
-export function createAppKit(options: AppKitOptions) {
-  if (!modal) {
-    modal = new AppKit({
-      ...options,
-      _sdkVersion: `react-native-ethers-${ConstantsUtil.VERSION}`
-    });
-  }
-
-  return modal;
-}
-
-// -- Hooks -------------------------------------------------------------------
-export function useAppKit() {
-  if (!modal) {
-    throw new Error('Please call "createAppKit" before using "useAppKit" hook');
-  }
-
-  async function open(options?: OpenOptions) {
-    await modal?.open(options);
-  }
-
-  async function close() {
-    await modal?.close();
-  }
-
-  return { open, close };
-}
-
-export function useAppKitState() {
-  if (!modal) {
-    throw new Error('Please call "createAppKit" before using "useAppKitState" hook');
-  }
-
-  const [state, setState] = useState(modal.getState());
-
-  useEffect(() => {
-    const unsubscribe = modal?.subscribeState(newState => {
-      if (newState) setState({ ...newState });
-    });
-
-    return () => {
-      unsubscribe?.();
-    };
-  }, []);
-
-  return state;
-}
-
-export function useAppKitProvider() {
-  const { provider, providerType } = useSnapshot(EthersStoreUtil.state);
-
-  const walletProvider = provider as Provider | undefined;
-  const walletProviderType = providerType;
-
-  return {
-    walletProvider,
-    walletProviderType
-  };
-}
-
-export function useDisconnect() {
-  async function disconnect() {
-    await modal?.disconnect();
-  }
-
-  return {
-    disconnect
-  };
-}
-
-export function useAppKitAccount() {
-  const { address, isConnected, chainId } = useSnapshot(EthersStoreUtil.state);
-
-  return {
-    address,
-    isConnected,
-    chainId
-  };
-}
-
-export function useWalletInfo() {
-  if (!modal) {
-    throw new Error('Please call "createAppKit" before using "useWalletInfo" hook');
-  }
-
-  const walletInfo = useSyncExternalStore(
-    modal.subscribeWalletInfo,
-    modal.getWalletInfo,
-    modal.getWalletInfo
-  );
-
-  return { walletInfo };
-}
-
-export function useAppKitError() {
-  const { error } = useSnapshot(EthersStoreUtil.state);
-
-  return {
-    error
-  };
-}
-
-export function useAppKitEvents(callback?: (newEvent: EventsControllerState) => void) {
-  if (!modal) {
-    throw new Error('Please call "createAppKit" before using "useAppKitEvents" hook');
-  }
-
-  const [event, setEvents] = useState(modal.getEvent());
-
-  useEffect(() => {
-    const unsubscribe = modal?.subscribeEvents(newEvent => {
-      setEvents({ ...newEvent });
-      callback?.(newEvent);
-    });
-
-    return () => {
-      unsubscribe?.();
-    };
-  }, [callback]);
-
-  return event;
-}
-
-export function useAppKitEventSubscription(
-  event: EventName,
-  callback: (newEvent: EventsControllerState) => void
-) {
-  if (!modal) {
-    throw new Error('Please call "createAppKit" before using "useAppKitEventSubscription" hook');
-  }
-
-  useEffect(() => {
-    const unsubscribe = modal?.subscribeEvent(event, callback);
-
-    return () => {
-      unsubscribe?.();
-    };
-  }, [callback, event]);
-}
+import { EthersAdapter } from './adapter';
+export { EthersAdapter };