@reown/appkit-react-native 2.0.0-alpha.0 → 2.0.0-alpha.2

package/lib/typescript/views/w3m-update-email-secondary-otp-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-update-email-secondary-otp-view/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,2BAA2B,4CAyC1C"}

package/lib/typescript/views/w3m-update-email-wallet-view/index.d.ts

@@ -1,2 +0,0 @@
-export declare function UpdateEmailWalletView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/views/w3m-update-email-wallet-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-update-email-wallet-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,qBAAqB,4CAgFpC"}

package/lib/typescript/views/w3m-update-email-wallet-view/styles.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    container: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-    emailInput: {
-        marginBottom: number;
-    };
-    cancelButton: {
-        flex: number;
-        height: number;
-        marginRight: number;
-        borderRadius: number;
-    };
-    saveButton: {
-        flex: number;
-        height: number;
-        marginLeft: number;
-        borderRadius: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/views/w3m-update-email-wallet-view/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-update-email-wallet-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,wBAoBG"}

package/lib/typescript/views/w3m-upgrade-to-smart-account-view/index.d.ts

@@ -1,2 +0,0 @@
-export declare function UpgradeToSmartAccountView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/views/w3m-upgrade-to-smart-account-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-upgrade-to-smart-account-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,yBAAyB,4CAyFxC"}

package/lib/typescript/views/w3m-upgrade-to-smart-account-view/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-upgrade-to-smart-account-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAyBG"}

package/src/client.ts

@@ -1,384 +0,0 @@
-import './config/animations';
-
-import type {
-  AccountControllerState,
-  ConnectionControllerClient,
-  ModalControllerState,
-  NetworkControllerClient,
-  NetworkControllerState,
-  OptionsControllerState,
-  EventsControllerState,
-  PublicStateControllerState,
-  ThemeControllerState,
-  Connector,
-  ConnectedWalletInfo,
-  Features,
-  EventName
-} from '@reown/appkit-core-react-native';
-import { SIWEController, type SIWEControllerClient } from '@reown/appkit-siwe-react-native';
-import {
-  AccountController,
-  BlockchainApiController,
-  ConnectionController,
-  ConnectorController,
-  EnsController,
-  EventsController,
-  ModalController,
-  NetworkController,
-  OptionsController,
-  PublicStateController,
-  SnackController,
-  StorageUtil,
-  ThemeController,
-  TransactionsController
-} from '@reown/appkit-core-react-native';
-import {
-  ConstantsUtil,
-  ErrorUtil,
-  type ThemeMode,
-  type ThemeVariables
-} from '@reown/appkit-common-react-native';
-import { Appearance } from 'react-native';
-
-// -- Types ---------------------------------------------------------------------
-export interface LibraryOptions {
-  projectId: OptionsControllerState['projectId'];
-  metadata: OptionsControllerState['metadata'];
-  themeMode?: ThemeMode;
-  themeVariables?: ThemeVariables;
-  includeWalletIds?: OptionsControllerState['includeWalletIds'];
-  excludeWalletIds?: OptionsControllerState['excludeWalletIds'];
-  featuredWalletIds?: OptionsControllerState['featuredWalletIds'];
-  customWallets?: OptionsControllerState['customWallets'];
-  defaultChain?: NetworkControllerState['caipNetwork'];
-  tokens?: OptionsControllerState['tokens'];
-  clipboardClient?: OptionsControllerState['clipboardClient'];
-  enableAnalytics?: OptionsControllerState['enableAnalytics'];
-  _sdkVersion: OptionsControllerState['sdkVersion'];
-  debug?: OptionsControllerState['debug'];
-  features?: Features;
-}
-
-export interface ScaffoldOptions extends LibraryOptions {
-  networkControllerClient: NetworkControllerClient;
-  connectionControllerClient: ConnectionControllerClient;
-  siweControllerClient?: SIWEControllerClient;
-}
-
-export interface OpenOptions {
-  view: 'Account' | 'Connect' | 'Networks' | 'Swap' | 'OnRamp';
-}
-
-// -- Client --------------------------------------------------------------------
-export class AppKitScaffold {
-  public reportedAlertErrors: Record<string, boolean> = {};
-
-  public constructor(options: ScaffoldOptions) {
-    this.initControllers(options);
-  }
-
-  // -- Public -------------------------------------------------------------------
-  public async open(options?: OpenOptions) {
-    ModalController.open(options);
-  }
-
-  public async close() {
-    ModalController.close();
-  }
-
-  public getThemeMode() {
-    return ThemeController.state.themeMode;
-  }
-
-  public getThemeVariables() {
-    return ThemeController.state.themeVariables;
-  }
-
-  public setThemeMode(themeMode: ThemeControllerState['themeMode']) {
-    ThemeController.setThemeMode(themeMode);
-  }
-
-  public setThemeVariables(themeVariables: ThemeControllerState['themeVariables']) {
-    ThemeController.setThemeVariables(themeVariables);
-  }
-
-  public subscribeTheme(callback: (newState: ThemeControllerState) => void) {
-    return ThemeController.subscribe(callback);
-  }
-
-  public getWalletInfo() {
-    return AccountController.state.connectedWalletInfo;
-  }
-
-  public subscribeWalletInfo(callback: (newState: ConnectedWalletInfo) => void) {
-    return AccountController.subscribeKey('connectedWalletInfo', callback);
-  }
-
-  public getState() {
-    return { ...PublicStateController.state };
-  }
-
-  public subscribeState(callback: (newState: PublicStateControllerState) => void) {
-    return PublicStateController.subscribe(callback);
-  }
-
-  public subscribeStateKey<K extends keyof PublicStateControllerState>(
-    key: K,
-    callback: (value: PublicStateControllerState[K]) => void
-  ) {
-    return PublicStateController.subscribeKey(key, callback);
-  }
-
-  public subscribeConnection(
-    callback: (isConnected: AccountControllerState['isConnected']) => void
-  ) {
-    return AccountController.subscribeKey('isConnected', callback);
-  }
-
-  public setLoading(loading: ModalControllerState['loading']) {
-    ModalController.setLoading(loading);
-  }
-
-  public getEvent() {
-    return { ...EventsController.state };
-  }
-
-  public subscribeEvents(callback: (newEvent: EventsControllerState) => void) {
-    return EventsController.subscribe(callback);
-  }
-
-  public subscribeEvent(event: EventName, callback: (newEvent: EventsControllerState) => void) {
-    return EventsController.subscribeEvent(event, callback);
-  }
-
-  public resolveReownName = async (name: string) => {
-    const wcNameAddress = await EnsController.resolveName(name);
-    const networkNameAddresses = wcNameAddress?.addresses
-      ? Object.values(wcNameAddress?.addresses)
-      : [];
-
-    return networkNameAddresses[0]?.address || false;
-  };
-
-  // -- Protected ----------------------------------------------------------------
-  protected setIsConnected: (typeof AccountController)['setIsConnected'] = isConnected => {
-    AccountController.setIsConnected(isConnected);
-  };
-
-  protected setCaipAddress: (typeof AccountController)['setCaipAddress'] = caipAddress => {
-    AccountController.setCaipAddress(caipAddress);
-  };
-
-  protected getCaipAddress = () => AccountController.state.caipAddress;
-
-  protected setBalance: (typeof AccountController)['setBalance'] = (balance, balanceSymbol) => {
-    AccountController.setBalance(balance, balanceSymbol);
-  };
-
-  protected setProfileName: (typeof AccountController)['setProfileName'] = profileName => {
-    AccountController.setProfileName(profileName);
-  };
-
-  protected setProfileImage: (typeof AccountController)['setProfileImage'] = profileImage => {
-    AccountController.setProfileImage(profileImage);
-  };
-
-  protected resetAccount: (typeof AccountController)['resetAccount'] = () => {
-    AccountController.resetAccount();
-  };
-
-  protected setCaipNetwork: (typeof NetworkController)['setCaipNetwork'] = caipNetwork => {
-    NetworkController.setCaipNetwork(caipNetwork);
-  };
-
-  protected getCaipNetwork = () => NetworkController.state.caipNetwork;
-
-  protected setRequestedCaipNetworks: (typeof NetworkController)['setRequestedCaipNetworks'] =
-    requestedCaipNetworks => {
-      NetworkController.setRequestedCaipNetworks(requestedCaipNetworks);
-    };
-
-  protected getApprovedCaipNetworksData: (typeof NetworkController)['getApprovedCaipNetworksData'] =
-    () => NetworkController.getApprovedCaipNetworksData();
-
-  protected resetNetwork: (typeof NetworkController)['resetNetwork'] = () => {
-    NetworkController.resetNetwork();
-  };
-
-  protected setConnectors: (typeof ConnectorController)['setConnectors'] = (
-    connectors: Connector[]
-  ) => {
-    ConnectorController.setConnectors(connectors);
-    this.setConnectorExcludedWallets(connectors);
-  };
-
-  protected addConnector: (typeof ConnectorController)['addConnector'] = (connector: Connector) => {
-    ConnectorController.addConnector(connector);
-  };
-
-  protected getConnectors: (typeof ConnectorController)['getConnectors'] = () =>
-    ConnectorController.getConnectors();
-
-  protected resetWcConnection: (typeof ConnectionController)['resetWcConnection'] = () => {
-    ConnectionController.resetWcConnection();
-    TransactionsController.resetTransactions();
-  };
-
-  protected fetchIdentity: (typeof BlockchainApiController)['fetchIdentity'] = request =>
-    BlockchainApiController.fetchIdentity(request);
-
-  protected setAddressExplorerUrl: (typeof AccountController)['setAddressExplorerUrl'] =
-    addressExplorerUrl => {
-      AccountController.setAddressExplorerUrl(addressExplorerUrl);
-    };
-
-  protected setConnectedWalletInfo: (typeof AccountController)['setConnectedWalletInfo'] =
-    connectedWalletInfo => {
-      AccountController.setConnectedWalletInfo(connectedWalletInfo);
-    };
-
-  protected setClientId: (typeof BlockchainApiController)['setClientId'] = clientId => {
-    BlockchainApiController.setClientId(clientId);
-  };
-
-  protected setPreferredAccountType: (typeof AccountController)['setPreferredAccountType'] =
-    preferredAccountType => {
-      AccountController.setPreferredAccountType(preferredAccountType);
-    };
-
-  protected handleAlertError(error?: string | { shortMessage: string; longMessage: string }) {
-    if (!error) return;
-
-    if (typeof error === 'object') {
-      SnackController.showInternalError(error);
-
-      return;
-    }
-
-    // Check if the error is a universal provider error
-    const matchedUniversalProviderError = Object.entries(ErrorUtil.UniversalProviderErrors).find(
-      ([, { message }]) => error?.includes(message)
-    );
-
-    const [errorKey, errorValue] = matchedUniversalProviderError ?? [];
-
-    const { message, alertErrorKey } = errorValue ?? {};
-
-    if (errorKey && message && !this.reportedAlertErrors[errorKey]) {
-      const alertError =
-        ErrorUtil.ALERT_ERRORS[alertErrorKey as keyof typeof ErrorUtil.ALERT_ERRORS];
-
-      if (alertError) {
-        SnackController.showInternalError(alertError);
-        this.reportedAlertErrors[errorKey] = true;
-      }
-    }
-  }
-
-  // -- Private ------------------------------------------------------------------
-  private async initControllers(options: ScaffoldOptions) {
-    this.initAsyncValues(options);
-    NetworkController.setClient(options.networkControllerClient);
-    NetworkController.setDefaultCaipNetwork(options.defaultChain);
-
-    OptionsController.setProjectId(options.projectId);
-    OptionsController.setIncludeWalletIds(options.includeWalletIds);
-    OptionsController.setExcludeWalletIds(options.excludeWalletIds);
-    OptionsController.setFeaturedWalletIds(options.featuredWalletIds);
-    OptionsController.setTokens(options.tokens);
-    OptionsController.setCustomWallets(options.customWallets);
-    OptionsController.setEnableAnalytics(options.enableAnalytics);
-    OptionsController.setSdkVersion(options._sdkVersion);
-    OptionsController.setDebug(options.debug);
-
-    if (options.clipboardClient) {
-      OptionsController.setClipboardClient(options.clipboardClient);
-    }
-
-    ConnectionController.setClient(options.connectionControllerClient);
-
-    if (options.themeMode) {
-      ThemeController.setThemeMode(options.themeMode);
-    } else {
-      ThemeController.setThemeMode(Appearance.getColorScheme() as ThemeMode);
-    }
-
-    if (options.themeVariables) {
-      ThemeController.setThemeVariables(options.themeVariables);
-    }
-    if (options.metadata) {
-      OptionsController.setMetadata(options.metadata);
-    }
-
-    if (options.siweControllerClient) {
-      SIWEController.setSIWEClient(options.siweControllerClient);
-    }
-
-    if (options.features) {
-      OptionsController.setFeatures(options.features);
-    }
-
-    if (
-      (options.features?.onramp === true || options.features?.onramp === undefined) &&
-      (options.metadata?.redirect?.universal || options.metadata?.redirect?.native)
-    ) {
-      OptionsController.setIsOnRampEnabled(true);
-    }
-  }
-
-  private async setConnectorExcludedWallets(connectors: Connector[]) {
-    const excludedWallets = OptionsController.state.excludeWalletIds || [];
-
-    // Exclude Coinbase if the connector is not implemented
-    const excludeCoinbase =
-      connectors.findIndex(connector => connector.id === ConstantsUtil.COINBASE_CONNECTOR_ID) ===
-      -1;
-
-    if (excludeCoinbase) {
-      excludedWallets.push(ConstantsUtil.COINBASE_EXPLORER_ID);
-    }
-
-    OptionsController.setExcludeWalletIds(excludedWallets);
-  }
-
-  private async initRecentWallets(options: ScaffoldOptions) {
-    const wallets = await StorageUtil.getRecentWallets();
-    const connectedWalletImage = await StorageUtil.getConnectedWalletImageUrl();
-
-    const filteredWallets = wallets.filter(wallet => {
-      const { includeWalletIds, excludeWalletIds } = options;
-      if (includeWalletIds) {
-        return includeWalletIds.includes(wallet.id);
-      }
-      if (excludeWalletIds) {
-        return !excludeWalletIds.includes(wallet.id);
-      }
-
-      return true;
-    });
-
-    ConnectionController.setRecentWallets(filteredWallets);
-
-    if (connectedWalletImage) {
-      ConnectionController.setConnectedWalletImageUrl(connectedWalletImage);
-    }
-  }
-
-  private async initConnectedConnector() {
-    const connectedConnector = await StorageUtil.getConnectedConnector();
-    if (connectedConnector) {
-      ConnectorController.setConnectedConnector(connectedConnector, false);
-    }
-  }
-
-  private async initSocial() {
-    const connectedSocialProvider = await StorageUtil.getConnectedSocialProvider();
-    ConnectionController.setConnectedSocialProvider(connectedSocialProvider);
-  }
-
-  private async initAsyncValues(options: ScaffoldOptions) {
-    await this.initConnectedConnector();
-    await this.initRecentWallets(options);
-    await this.initSocial();
-  }
-}

package/src/networks/bitcoin.ts

@@ -1,32 +0,0 @@
-import type { AppKitNetwork } from '@reown/appkit-common-react-native';
-
-export const bitcoin: AppKitNetwork = {
-  id: '000000000019d6689c085ae165831e93',
-  caipNetworkId: 'bip122:000000000019d6689c085ae165831e93',
-  chainNamespace: 'bip122',
-  name: 'Bitcoin',
-  nativeCurrency: {
-    name: 'Bitcoin',
-    symbol: 'BTC',
-    decimals: 8
-  },
-  rpcUrls: {
-    default: { http: ['https://rpc.walletconnect.org/v1'] }
-  }
-};
-
-export const bitcoinTestnet: AppKitNetwork = {
-  id: '000000000933ea01ad0ee984209779ba',
-  caipNetworkId: 'bip122:000000000933ea01ad0ee984209779ba',
-  chainNamespace: 'bip122',
-  name: 'Bitcoin Testnet',
-  nativeCurrency: {
-    name: 'Bitcoin',
-    symbol: 'BTC',
-    decimals: 8
-  },
-  rpcUrls: {
-    default: { http: ['https://rpc.walletconnect.org/v1'] }
-  },
-  testnet: true
-};

package/src/networks/index.ts

@@ -1,6 +0,0 @@
-// -- Networks ---------------------------------------------------------------
-export * from './solana';
-export * from './bitcoin';
-
-// -- Types ---------------------------------------------------------------
-export type { AppKitNetwork } from '@reown/appkit-common-react-native';

package/src/networks/solana.ts

@@ -1,44 +0,0 @@
-import type { AppKitNetwork } from '@reown/appkit-common-react-native';
-
-export const solana: AppKitNetwork = {
-  id: '5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp',
-  name: 'Solana',
-  nativeCurrency: { name: 'Solana', symbol: 'SOL', decimals: 9 },
-  rpcUrls: {
-    default: {
-      http: ['https://rpc.walletconnect.org/v1']
-    }
-  },
-  blockExplorers: { default: { name: 'Solscan', url: 'https://solscan.io' } },
-  chainNamespace: 'solana',
-  caipNetworkId: 'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp',
-  deprecatedCaipNetworkId: 'solana:4sGjMW1sUnHzSxGspuhpqLDx6wiyjNtZ',
-  testnet: false
-};
-
-export const solanaDevnet: AppKitNetwork = {
-  id: 'EtWTRABZaYq6iMfeYKouRu166VU2xqa1',
-  name: 'Solana Devnet',
-  nativeCurrency: { name: 'Solana', symbol: 'SOL', decimals: 9 },
-  rpcUrls: {
-    default: { http: ['https://rpc.walletconnect.org/v1'] }
-  },
-  blockExplorers: { default: { name: 'Solscan', url: 'https://solscan.io' } },
-  chainNamespace: 'solana',
-  caipNetworkId: 'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1',
-  deprecatedCaipNetworkId: 'solana:8E9rvCKLFQia2Y35HXjjpWzj8weVo44K',
-  testnet: true
-};
-
-export const solanaTestnet: AppKitNetwork = {
-  id: '4uhcVJyU9pJkvQyS88uRDiswHXSCkY3z',
-  name: 'Solana Testnet',
-  nativeCurrency: { name: 'Solana', symbol: 'SOL', decimals: 9 },
-  rpcUrls: {
-    default: { http: ['https://rpc.walletconnect.org/v1'] }
-  },
-  blockExplorers: { default: { name: 'Solscan', url: 'https://solscan.io' } },
-  chainNamespace: 'solana',
-  caipNetworkId: 'solana:4uhcVJyU9pJkvQyS88uRDiswHXSCkY3z',
-  testnet: true
-};

package/src/views/w3m-connect-view/components/connect-email-input.tsx

@@ -1,69 +0,0 @@
-import { useSnapshot } from 'valtio';
-import { useState } from 'react';
-import { EmailInput, FlexView } from '@reown/appkit-ui-react-native';
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  EventsController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-
-interface Props {
-  loading?: boolean;
-}
-
-export function ConnectEmailInput({ loading }: Props) {
-  const { connectors } = useSnapshot(ConnectorController.state);
-  const [inputLoading, setInputLoading] = useState(false);
-  const [error, setError] = useState('');
-  const [isValidEmail, setIsValidEmail] = useState(false);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider as AppKitFrameProvider;
-
-  const onChangeText = (value: string) => {
-    setIsValidEmail(CoreHelperUtil.isValidEmail(value));
-    setError('');
-  };
-
-  const onEmailFocus = () => {
-    EventsController.sendEvent({ type: 'track', event: 'EMAIL_LOGIN_SELECTED' });
-  };
-
-  const onEmailSubmit = async (email: string) => {
-    try {
-      if (email.length === 0) return;
-
-      setInputLoading(true);
-      const response = await authProvider.connectEmail({ email });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_SUBMITTED' });
-      if (response.action === 'VERIFY_DEVICE') {
-        RouterController.push('EmailVerifyDevice', { email });
-      } else if (response.action === 'VERIFY_OTP') {
-        RouterController.push('EmailVerifyOtp', { email });
-      }
-    } catch (e: any) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('valid email')) {
-        setError('Invalid email. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    } finally {
-      setInputLoading(false);
-    }
-  };
-
-  return (
-    <FlexView padding={['0', 's', '0', 's']}>
-      <EmailInput
-        onSubmit={onEmailSubmit}
-        onFocus={onEmailFocus}
-        loading={inputLoading || loading}
-        errorMessage={error}
-        onChangeText={onChangeText}
-        submitEnabled={isValidEmail}
-      />
-    </FlexView>
-  );
-}

package/src/views/w3m-connect-view/components/connectors-list.tsx

@@ -1,45 +0,0 @@
-import { useSnapshot } from 'valtio';
-import type { StyleProp, ViewStyle } from 'react-native';
-import {
-  ConnectorController,
-  AssetUtil,
-  RouterController,
-  ApiController
-} from '@reown/appkit-core-react-native';
-
-import { ListWallet } from '@reown/appkit-ui-react-native';
-import type { ConnectorType } from '@reown/appkit-common-react-native';
-
-interface Props {
-  itemStyle: StyleProp<ViewStyle>;
-  isWalletConnectEnabled: boolean;
-}
-
-export function ConnectorList({ itemStyle, isWalletConnectEnabled }: Props) {
-  const { connectors } = useSnapshot(ConnectorController.state);
-  const excludeConnectors: ConnectorType[] = ['WALLET_CONNECT', 'AUTH'];
-  const imageHeaders = ApiController._getApiHeaders();
-
-  if (isWalletConnectEnabled) {
-    // use wallet from api list
-    excludeConnectors.push('COINBASE');
-  }
-
-  return connectors.map(connector => {
-    if (excludeConnectors.includes(connector.type)) {
-      return null;
-    }
-
-    return (
-      <ListWallet
-        key={connector.type}
-        imageSrc={AssetUtil.getConnectorImage(connector)}
-        imageHeaders={imageHeaders}
-        name={connector.name || 'Unknown'}
-        onPress={() => RouterController.push('ConnectingExternal', { connector })}
-        style={itemStyle}
-        installed={connector.installed}
-      />
-    );
-  });
-}

package/src/views/w3m-connect-view/components/wallet-guide.tsx

@@ -1,50 +0,0 @@
-import { RouterController } from '@reown/appkit-core-react-native';
-import { Chip, FlexView, Link, Separator, Spacing, Text } from '@reown/appkit-ui-react-native';
-import { Linking, StyleSheet } from 'react-native';
-
-export interface WalletGuideProps {
-  guide: 'explore' | 'get-started';
-}
-
-export function WalletGuide({ guide }: WalletGuideProps) {
-  const onExplorerPress = () => {
-    Linking.openURL('https://explorer.walletconnect.com');
-  };
-
-  const onGetStartedPress = () => {
-    RouterController.push('Create');
-  };
-
-  return guide === 'explore' ? (
-    <FlexView alignItems="center" justifyContent="center">
-      <Separator text="or" style={styles.socialSeparator} />
-      <Text variant="small-400" style={styles.text}>
-        Looking for a self-custody wallet?
-      </Text>
-      <Chip
-        label="Visit our explorer"
-        variant="transparent"
-        rightIcon="externalLink"
-        leftIcon="walletConnectLightBrown"
-        size="sm"
-        onPress={onExplorerPress}
-      />
-    </FlexView>
-  ) : (
-    <FlexView alignItems="center" justifyContent="center" margin="m" flexDirection="row">
-      <Text variant="small-400">Haven't got a wallet?</Text>
-      <Link onPress={onGetStartedPress} size="sm">
-        Get started
-      </Link>
-    </FlexView>
-  );
-}
-
-const styles = StyleSheet.create({
-  text: {
-    marginBottom: Spacing.xs
-  },
-  socialSeparator: {
-    marginVertical: Spacing.l
-  }
-});