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

package/src/types/onramp/countries.ts

@@ -0,0 +1,11 @@
+export type OnRampCountry = {
+  countryCode: string;
+  flagImageUrl: string;
+  name: string;
+};
+
+export type OnRampCountryDefaults = {
+  countryCode: string;
+  defaultCurrencyCode: string;
+  defaultPaymentMethods: string[];
+};

package/src/types/onramp/currencies.ts

@@ -0,0 +1,32 @@
+export type OnRampFiatCurrency = {
+  currencyCode: string;
+  name: string;
+  symbolImageUrl: string;
+};
+
+export type OnRampCryptoCurrency = {
+  currencyCode: string;
+  name: string;
+  chainCode: string;
+  chainName: string;
+  chainId: string;
+  contractAddress: string | null;
+  symbolImageUrl: string;
+};
+
+export type OnRampFiatLimit = {
+  currencyCode: string;
+  defaultAmount: number | null;
+  minimumAmount: number;
+  maximumAmount: number;
+};
+
+export type OnRampTransactionResult = {
+  purchaseCurrency: string | null;
+  purchaseAmount: string | null;
+  purchaseImageUrl: string | null;
+  paymentCurrency: string | null;
+  paymentAmount: string | null;
+  status: string | null;
+  network: string | null;
+};

package/src/types/onramp/errors.ts

@@ -0,0 +1,22 @@
+export const OnRampErrorType = {
+  AMOUNT_TOO_LOW: 'INVALID_AMOUNT_TOO_LOW',
+  AMOUNT_TOO_HIGH: 'INVALID_AMOUNT_TOO_HIGH',
+  INVALID_AMOUNT: 'INVALID_AMOUNT',
+  INCOMPATIBLE_REQUEST: 'INCOMPATIBLE_REQUEST',
+  BAD_REQUEST: 'BAD_REQUEST',
+  NO_VALID_QUOTES: 'NO_VALID_QUOTES',
+  FAILED_TO_LOAD: 'FAILED_TO_LOAD',
+  FAILED_TO_LOAD_COUNTRIES: 'FAILED_TO_LOAD_COUNTRIES',
+  FAILED_TO_LOAD_PROVIDERS: 'FAILED_TO_LOAD_PROVIDERS',
+  FAILED_TO_LOAD_METHODS: 'FAILED_TO_LOAD_METHODS',
+  FAILED_TO_LOAD_CURRENCIES: 'FAILED_TO_LOAD_CURRENCIES',
+  FAILED_TO_LOAD_LIMITS: 'FAILED_TO_LOAD_LIMITS',
+  UNKNOWN: 'UNKNOWN_ERROR'
+} as const;
+
+export type OnRampErrorTypeValues = (typeof OnRampErrorType)[keyof typeof OnRampErrorType];
+
+export interface OnRampError {
+  type: OnRampErrorTypeValues;
+  message: string;
+}

package/src/types/onramp/index.ts

@@ -0,0 +1,5 @@
+// OnRamp types barrel export
+export * from './countries';
+export * from './currencies';
+export * from './quotes';
+export * from './errors';

package/src/types/onramp/quotes.ts

@@ -0,0 +1,46 @@
+export type OnRampPaymentMethod = {
+  logos: {
+    dark: string;
+    light: string;
+  };
+  name: string;
+  paymentMethod: string;
+  paymentType: string;
+};
+
+export type OnRampQuote = {
+  countryCode: string;
+  customerScore: number;
+  destinationAmount: number;
+  destinationAmountWithoutFees: number;
+  destinationCurrencyCode: string;
+  exchangeRate: number;
+  fiatAmountWithoutFees: number;
+  lowKyc: boolean;
+  networkFee: number;
+  paymentMethodType: string;
+  serviceProvider: string;
+  sourceAmount: number;
+  sourceAmountWithoutFees: number;
+  sourceCurrencyCode: string;
+  totalFee: number;
+  transactionFee: number;
+  transactionType: string;
+};
+
+export type OnRampServiceProvider = {
+  categories: string[];
+  categoryStatuses: {
+    additionalProp: string;
+  };
+  logos: {
+    dark: string;
+    darkShort: string;
+    light: string;
+    lightShort: string;
+  };
+  name: string;
+  serviceProvider: string;
+  status: string;
+  websiteUrl: string;
+};

package/src/types/siwe/config.ts

@@ -0,0 +1,44 @@
+import type {
+  SIWESession,
+  SIWECreateMessageArgs,
+  SIWEMessageArgs,
+  SIWEVerifyMessageArgs
+} from './message';
+
+export interface SIWEClientMethods {
+  getNonce: (address?: string) => Promise<string>;
+  createMessage: (args: SIWECreateMessageArgs) => string;
+  verifyMessage: (args: SIWEVerifyMessageArgs) => Promise<boolean>;
+  getSession: () => Promise<SIWESession | null>;
+  signOut: () => Promise<boolean>;
+  getMessageParams?: () => Promise<SIWEMessageArgs>;
+  onSignIn?: (session?: SIWESession) => void;
+  onSignOut?: () => void;
+}
+
+export interface SIWEConfig extends SIWEClientMethods {
+  // Defaults to true
+  enabled?: boolean;
+  // In milliseconds, defaults to 5 minutes
+  nonceRefetchIntervalMs?: number;
+  // In milliseconds, defaults to 5 minutes
+  sessionRefetchIntervalMs?: number;
+  // Defaults to true
+  signOutOnDisconnect?: boolean;
+  // Defaults to true
+  signOutOnAccountChange?: boolean;
+  // Defaults to true
+  signOutOnNetworkChange?: boolean;
+}
+
+export interface AppKitSIWEClient extends SIWEClientMethods {
+  signIn: () => Promise<SIWESession | undefined>;
+  options: {
+    enabled: boolean;
+    nonceRefetchIntervalMs: number;
+    sessionRefetchIntervalMs: number;
+    signOutOnDisconnect: boolean;
+    signOutOnAccountChange: boolean;
+    signOutOnNetworkChange: boolean;
+  };
+}

package/src/types/siwe/index.ts

@@ -0,0 +1,3 @@
+// SIWE types barrel export
+export * from './config';
+export * from './message';

package/src/types/siwe/message.ts

@@ -0,0 +1,62 @@
+import type { CaipAddress, CaipNetworkId } from '../common';
+
+export interface SIWESession {
+  address: string;
+  chainId: number;
+}
+
+interface CacaoHeader {
+  t: 'caip122';
+}
+
+export interface SIWECreateMessageArgs {
+  domain: string;
+  nonce: string;
+  uri: string;
+  address: CaipAddress;
+  version: '1';
+  type?: CacaoHeader['t'];
+  nbf?: string;
+  exp?: string;
+  statement?: string;
+  requestId?: string;
+  resources?: string[];
+  expiry?: number;
+  iat?: string;
+}
+
+export type SIWEMessageArgs = {
+  chains: CaipNetworkId[];
+  methods?: string[];
+} & Omit<SIWECreateMessageArgs, 'address' | 'nonce' | 'version'>;
+
+interface CacaoPayload {
+  domain: string;
+  aud: string;
+  nonce: string;
+  iss: string;
+  version?: string;
+  iat?: string;
+  nbf?: string;
+  exp?: string;
+  statement?: string;
+  requestId?: string;
+  resources?: string[];
+  type?: string;
+}
+
+interface Cacao {
+  h: CacaoHeader;
+  p: CacaoPayload;
+  s: {
+    t: 'eip191' | 'eip1271';
+    s: string;
+    m?: string;
+  };
+}
+
+export interface SIWEVerifyMessageArgs {
+  message: string;
+  signature: string;
+  cacao?: Cacao;
+}

package/src/types/storage.ts

@@ -0,0 +1,30 @@
+export interface Storage {
+  /**
+   * Returns all keys in storage.
+   */
+  getKeys(): Promise<string[]>;
+
+  /**
+   * Returns all key-value entries in storage.
+   */
+  getEntries<T = any>(): Promise<[string, T][]>;
+
+  /**
+   * Get an item from storage for a given key.
+   * @param key The key to retrieve.
+   */
+  getItem<T = any>(key: string): Promise<T | undefined>;
+
+  /**
+   * Set an item in storage for a given key.
+   * @param key The key to set.
+   * @param value The value to set.
+   */
+  setItem<T = any>(key: string, value: T): Promise<void>;
+
+  /**
+   * Remove an item from storage for a given key.
+   * @param key The key to remove.
+   */
+  removeItem(key: string): Promise<void>;
+}

package/src/types/swap/index.ts

@@ -0,0 +1,2 @@
+// Swap types barrel export
+export * from './tokens';

package/src/types/swap/tokens.ts

@@ -0,0 +1,21 @@
+import type { CaipAddress } from '../common';
+
+export type SwapToken = {
+  name: string;
+  symbol: string;
+  address: CaipAddress;
+  decimals: number;
+  logoUri: string;
+  eip2612?: boolean;
+};
+
+export type SwapTokenWithBalance = SwapToken & {
+  quantity: {
+    decimals: string;
+    numeric: string;
+  };
+  price: number;
+  value: number;
+};
+
+export type SwapInputTarget = 'sourceToken' | 'toToken';

package/src/types/ui.ts

@@ -0,0 +1,26 @@
+import type { SocialProvider } from './common';
+
+type EnabledSocials = SocialProvider;
+
+export type Features = {
+  /**
+   * @description Enable or disable the swaps feature. Enabled by default.
+   * @type {boolean}
+   */
+  swaps?: boolean;
+  /**
+   * @description Enable or disable the onramp feature. Enabled by default.
+   * @type {boolean}
+   */
+  onramp?: boolean;
+  /**
+   * @description Show or hide the regular wallet options when socials are enabled. Enabled by default.
+   * @type {boolean}
+   */
+  showWallets?: boolean;
+  /**
+   * @description Enable or disable the socials feature. Enabled by default.
+   * @type {EnabledSocials[]}
+   */
+  socials?: EnabledSocials[] | false;
+};

package/src/types/wallet/connection.ts

@@ -0,0 +1,33 @@
+import type { CaipAddress, CaipNetworkId, SocialProvider, AccountType } from '../common';
+import type { Balance } from '../blockchain/balance';
+import type { WalletInfo, Identity } from './wallet-info';
+import type { BlockchainAdapter } from '../../adapters/BlockchainAdapter';
+
+export interface Connection {
+  accounts: CaipAddress[];
+  balances: Map<CaipAddress, Balance[]>;
+  adapter: BlockchainAdapter;
+  caipNetwork: CaipNetworkId;
+  wallet?: WalletInfo;
+  properties?: ConnectionProperties;
+  type?: AccountType;
+  identities?: Map<CaipAddress, Identity>;
+}
+
+export interface ConnectionProperties {
+  email?: string;
+  username?: string;
+  smartAccounts?: CaipAddress[];
+  provider?: SocialProvider;
+  sessionTopic?: string;
+}
+
+export interface LinkingRecord {
+  redirect: string;
+  href: string;
+}
+
+export interface WalletDeepLink {
+  href: string;
+  name: string;
+}

package/src/types/wallet/connector.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from 'events';
+import type { ChainNamespace, CaipAddress, CaipNetworkId } from '../common';
+import type { AppKitNetwork } from '../blockchain/network';
+import type { Provider } from '../blockchain/adapter';
+import type { WalletInfo, Metadata } from './wallet-info';
+import type { ConnectionProperties } from './connection';
+import type { AppKitSIWEClient } from '../siwe';
+import type { Storage } from '../storage';
+import type { WcWallet } from '../api/wallet-api';
+
+export type ConnectorType = 'walletconnect' | 'coinbase' | 'phantom' | 'solflare';
+
+export interface BaseNamespace {
+  chains?: CaipNetworkId[];
+  accounts: CaipAddress[];
+  methods: string[];
+  events: string[];
+}
+
+type Namespace = BaseNamespace;
+
+export type Namespaces = Record<string, Namespace>;
+
+export type ProposalNamespaces = Record<
+  string,
+  Omit<Namespace, 'accounts'> &
+    Required<Pick<Namespace, 'chains'>> & { rpcMap: Record<string, string> }
+>;
+
+export type ConnectOptions = {
+  namespaces?: ProposalNamespaces;
+  defaultNetwork?: AppKitNetwork;
+  universalLink?: string;
+  siweConfig?: AppKitSIWEClient;
+};
+
+export type ConnectorInitOptions = {
+  storage: Storage;
+  metadata: Metadata;
+};
+
+export abstract class WalletConnector extends EventEmitter {
+  public type: ConnectorType;
+  protected provider?: Provider;
+  protected namespaces?: Namespaces;
+  protected wallet?: WalletInfo;
+  protected storage?: Storage;
+  protected metadata?: Metadata;
+  protected properties?: ConnectionProperties;
+
+  constructor({ type }: { type: ConnectorType }) {
+    super();
+    this.type = type;
+  }
+
+  public async init(ops: ConnectorInitOptions) {
+    this.storage = ops.storage;
+    this.metadata = ops.metadata;
+  }
+
+  public setProvider(provider: Provider) {
+    this.provider = provider;
+  }
+
+  public async disconnect() {
+    await this.provider?.disconnect();
+    this.namespaces = undefined;
+    this.wallet = undefined;
+    this.properties = undefined;
+  }
+
+  abstract connect(opts: ConnectOptions): Promise<Namespaces | undefined>;
+  abstract getProvider(namespace?: ChainNamespace): Provider;
+  abstract getNamespaces(): Namespaces;
+  abstract getChainId(namespace: ChainNamespace): CaipNetworkId | undefined;
+  abstract getWalletInfo(): WalletInfo | undefined;
+  abstract getProperties(): ConnectionProperties | undefined;
+  abstract switchNetwork(network: AppKitNetwork): Promise<void>;
+  abstract restoreSession(): Promise<boolean>;
+}
+
+export type AppKitConnectOptions = {
+  walletId?: string;
+  wallet?: WcWallet;
+};

package/src/types/wallet/index.ts

@@ -0,0 +1,4 @@
+// Wallet types barrel export
+export * from './connector';
+export * from './connection';
+export * from './wallet-info';

package/src/types/wallet/wallet-info.ts

@@ -0,0 +1,41 @@
+import type { CaipNetworkId } from '../common';
+
+export interface WalletInfo {
+  name?: string;
+  icon?: string;
+  description?: string;
+  url?: string;
+  icons?: string[];
+  redirect?: {
+    native?: string;
+    universal?: string;
+    linkMode?: boolean;
+  };
+  [key: string]: unknown;
+}
+
+export type Metadata = {
+  name: string;
+  description: string;
+  url: string;
+  icons: string[];
+  redirect?: {
+    native?: string;
+    universal?: string;
+    linkMode?: boolean;
+  };
+};
+
+export interface Token {
+  address: string;
+  image?: string;
+}
+
+export type Tokens = Record<CaipNetworkId, Token>;
+
+export interface Identity {
+  name: string;
+  avatar?: string;
+}
+
+export type ConnectedWalletInfo = WalletInfo | undefined;

package/src/utils/ConstantsUtil.ts

@@ -1,5 +1,5 @@
 export const ConstantsUtil = {
-  VERSION: '0.0.0-fix-approved-networks-20250822000414',
+  VERSION: '0.0.0-fix-ui-changes-20250828183750',
 
   EIP155: 'eip155',
   ADD_CHAIN_METHOD: 'wallet_addEthereumChain',
@@ -11,12 +11,10 @@ export const ConstantsUtil = {
   BLOCKCHAIN_API_RPC_URL_STAGING: 'https://staging.rpc.walletconnect.org',
   PULSE_API_URL: 'https://pulse.walletconnect.org',
   API_URL: 'https://api.web3modal.org',
-
-  WALLET_CONNECT_CONNECTOR_ID: 'walletConnect',
-  COINBASE_CONNECTOR_ID: 'coinbaseWallet',
-  AUTH_CONNECTOR_ID: 'appKitAuth',
-
-  COINBASE_EXPLORER_ID: 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa',
+  WEB_WALLET_URL: 'https://web-wallet.walletconnect.org',
+  SECURE_SITE_DASHBOARD: `https://secure.reown.com/dashboard`,
+  SECURE_SITE_ICON: `https://secure.reown.com/images/favicon.png`,
+  REOWN_URL: `https://reown.com`,
 
   USDT_CONTRACT_ADDRESSES: [
     // Mainnet
@@ -33,5 +31,54 @@ export const ConstantsUtil = {
     '0x55d398326f99059fF775485246999027B3197955',
     // Arbitrum
     '0xfd086bc7cd5c481dcc9c85ebe478a1c0b69fcbb9'
-  ]
+  ],
+
+  PHANTOM_CUSTOM_WALLET: {
+    id: 'a797aa35c0fadbfc1a53e7f675162ed5226968b44a19ee3d24385c64d1d3c393',
+    name: 'Phantom Wallet',
+    image_id: 'b6ec7b81-bb4f-427d-e290-7631e6e50d00',
+    mobile_link: 'phantom://',
+    play_store: 'https://play.google.com/store/apps/details?id=app.phantom',
+    app_store: 'https://apps.apple.com/app/id1598432977',
+    android_app_id: 'app.phantom',
+    ios_schema: 'phantom://'
+  },
+
+  COINBASE_CUSTOM_WALLET: {
+    id: 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa',
+    name: 'Coinbase Wallet',
+    image_id: 'a5ebc364-8f91-4200-fcc6-be81310a0000',
+    mobile_link: 'https://wallet.coinbase.com/wsegue',
+    play_store: 'https://play.google.com/store/apps/details?id=org.toshi',
+    app_store: 'https://apps.apple.com/app/id1278383455',
+    android_app_id: 'org.toshi',
+    ios_schema: 'cbwallet://'
+  },
+
+  SOLFLARE_CUSTOM_WALLET: {
+    id: '1ca0bdd4747578705b1939af023d120677c64fe6ca76add81fda36e350605e79',
+    name: 'Solflare Wallet',
+    image_id: '34c0e38d-66c4-470e-1aed-a6fabe2d1e00',
+    mobile_link: 'solflare://',
+    play_store: 'https://play.google.com/store/apps/details?id=com.solflare.mobile',
+    app_store: 'https://apps.apple.com/app/id1580902717',
+    android_app_id: 'com.solflare.mobile',
+    ios_schema: 'solflare://'
+  },
+
+  // Storage Keys
+  STORAGE_KEYS: {
+    WC_DEEPLINK: 'WALLETCONNECT_DEEPLINK_CHOICE', //dont change this one
+    RECENT_WALLET: '@appkit/recent_wallet',
+    CONNECTED_CONNECTORS: '@appkit/connected_connectors',
+    ONRAMP_PREFERRED_COUNTRY: '@appkit/onramp_preferred_country',
+    ONRAMP_COUNTRIES: '@appkit/onramp_countries',
+    ONRAMP_SERVICE_PROVIDERS: '@appkit/onramp_service_providers',
+    ONRAMP_FIAT_LIMITS: '@appkit/onramp_fiat_limits',
+    ONRAMP_FIAT_CURRENCIES: '@appkit/onramp_fiat_currencies',
+    ONRAMP_PREFERRED_FIAT_CURRENCY: '@appkit/onramp_preferred_fiat_currency',
+    ONRAMP_COUNTRIES_DEFAULTS: '@appkit/onramp_countries_defaults',
+    ACTIVE_NAMESPACE: '@appkit/active_namespace',
+    COINBASE_CONNECTOR_SESSION: '@appkit/coinbase_connector/session'
+  }
 };

package/src/utils/NetworkUtil.ts

@@ -1,5 +1,10 @@
+import type { CaipAddress } from '../types';
+
 export const NetworkUtil = {
   caipNetworkIdToNumber(caipnetworkId?: `${string}:${string}`) {
     return caipnetworkId ? Number(caipnetworkId.split(':')[1]) : undefined;
+  },
+  getPlainAddress(caipAddress?: CaipAddress) {
+    return caipAddress?.split(':')[2];
   }
 };