@reown/appkit-react-native 0.0.0-feat-multi-siwe-20250623183423 → 0.0.0-feat-multi-social-20250630195637

package/src/index.ts

@@ -1,3 +1,4 @@
+/********** Components **********/
 export {
   AccountButton as AccountButton,
   type AccountButtonProps
@@ -12,21 +13,12 @@ export {
   type NetworkButtonProps as NetworkButtonProps
 } from './modal/w3m-network-button';
 export { AppKit } from './modal/w3m-modal';
-export { AppKitRouter } from './modal/w3m-router';
 
-export { AppKitScaffold } from './client';
+/********** Types **********/
 export type { LibraryOptions, ScaffoldOptions } from './client';
-
 export type * from '@reown/appkit-core-react-native';
-export { CoreHelperUtil } from '@reown/appkit-core-react-native';
-
-export * from './AppKit';
-export { AppKitProvider } from './AppKitContext';
-
 export type { AppKitNetwork, Storage } from '@reown/appkit-common-react-native';
 
-export { WalletConnectConnector } from './connectors/WalletConnectConnector';
-
 /****** Hooks *******/
 export { useAppKit } from './hooks/useAppKit';
 export { useProvider } from './hooks/useProvider';
@@ -37,3 +29,11 @@ export { useAppKitEvents, useAppKitEventSubscription } from './hooks/useAppKitEv
 /********** Networks **********/
 export { solana, solanaDevnet, solanaTestnet } from '@reown/appkit-common-react-native';
 export { bitcoin, bitcoinTestnet } from '@reown/appkit-common-react-native';
+
+/********** Main **********/
+export { createAppKit } from './AppKit';
+export { AppKitProvider } from './AppKitContext';
+
+// TODO: REMOVE
+/********** To be removed **********/
+export { CoreHelperUtil } from '@reown/appkit-core-react-native';

package/src/modal/w3m-modal/index.tsx

@@ -5,13 +5,10 @@ import Modal from 'react-native-modal';
 import { Card, ThemeProvider } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
-  ConnectorController,
   EventsController,
   ModalController,
   OptionsController,
   RouterController,
-  type AppKitFrameProvider,
-  WebviewController,
   ThemeController,
   ConnectionsController
 } from '@reown/appkit-core-react-native';
@@ -27,18 +24,12 @@ import { useAppKit } from '../../AppKitContext';
 export function AppKit() {
   const { disconnect } = useAppKit();
   const { open } = useSnapshot(ModalController.state);
-  const { connectors, connectedConnector } = useSnapshot(ConnectorController.state);
-  const { frameViewVisible, webviewVisible } = useSnapshot(WebviewController.state);
   const { themeMode, themeVariables } = useSnapshot(ThemeController.state);
   const { projectId } = useSnapshot(OptionsController.state);
   const { height } = useWindowDimensions();
   const { isLandscape } = useCustomDimensions();
   const portraitHeight = height - 80;
   const landScapeHeight = height * 0.95 - (StatusBar.currentHeight ?? 0);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider as AppKitFrameProvider;
-  const AuthView = authProvider?.AuthView;
-  const SocialView = authProvider?.Webview;
-  const showAuth = !connectedConnector || connectedConnector === 'AUTH';
 
   const onBackButtonPress = () => {
     if (RouterController.state.history.length > 1) {
@@ -83,7 +74,6 @@ export function AppKit() {
       <ThemeProvider themeMode={themeMode} themeVariables={themeVariables}>
         <Modal
           style={styles.modal}
-          coverScreen={!frameViewVisible && !webviewVisible}
           isVisible={open}
           useNativeDriver
           useNativeDriverForBackdrop
@@ -103,8 +93,6 @@ export function AppKit() {
             <Snackbar />
           </Card>
         </Modal>
-        {!!showAuth && AuthView && <AuthView />}
-        {!!showAuth && SocialView && <SocialView />}
       </ThemeProvider>
     </>
   );

package/src/modal/w3m-router/index.tsx

@@ -1,5 +1,5 @@
-import { useLayoutEffect, useMemo } from 'react';
 import { useSnapshot } from 'valtio';
+import { useLayoutEffect, useMemo } from 'react';
 import { RouterController } from '@reown/appkit-core-react-native';
 
 import { AccountDefaultView } from '../../views/w3m-account-default-view';
@@ -9,9 +9,7 @@ import { ConnectView } from '../../views/w3m-connect-view';
 import { ConnectSocialsView } from '../../views/w3m-connect-socials-view';
 import { ConnectingView } from '../../views/w3m-connecting-view';
 import { ConnectingExternalView } from '../../views/w3m-connecting-external-view';
-import { ConnectingFarcasterView } from '../../views/w3m-connecting-farcaster-view';
 import { ConnectingSocialView } from '../../views/w3m-connecting-social-view';
-import { CreateView } from '../../views/w3m-create-view';
 import { ConnectingSiweView } from '../../views/w3m-connecting-siwe-view';
 import { EmailVerifyOtpView } from '../../views/w3m-email-verify-otp-view';
 import { EmailVerifyDeviceView } from '../../views/w3m-email-verify-device-view';
@@ -67,12 +65,8 @@ export function AppKitRouter() {
         return ConnectingSiweView;
       case 'ConnectingSocial':
         return ConnectingSocialView;
-      case 'ConnectingFarcaster':
-        return ConnectingFarcasterView;
       case 'ConnectingWalletConnect':
         return ConnectingView;
-      case 'Create':
-        return CreateView;
       case 'EmailVerifyDevice':
         return EmailVerifyDeviceView;
       case 'EmailVerifyOtp':

package/src/partials/w3m-header/index.tsx

@@ -3,10 +3,7 @@ import {
   RouterController,
   ModalController,
   EventsController,
-  type RouterControllerState,
-  ConnectionController,
-  ConnectorController,
-  type AppKitFrameProvider
+  type RouterControllerState
 } from '@reown/appkit-core-react-native';
 import { IconLink, Text, FlexView } from '@reown/appkit-ui-react-native';
 import { StringUtil } from '@reown/appkit-common-react-native';
@@ -24,8 +21,8 @@ export function Header() {
     const connectorName = _data?.connector?.name;
     const walletName = _data?.wallet?.name;
     const networkName = _data?.network?.name;
-    const socialName = ConnectionController.state.selectedSocialProvider
-      ? StringUtil.capitalize(ConnectionController.state.selectedSocialProvider)
+    const socialName = _data?.socialProvider
+      ? StringUtil.capitalize(_data?.socialProvider)
       : undefined;
 
     return {
@@ -36,10 +33,8 @@ export function Header() {
       ConnectSocials: 'All socials',
       ConnectingExternal: connectorName ?? 'Connect wallet',
       ConnectingSiwe: undefined,
-      ConnectingFarcaster: socialName ?? 'Connecting Social',
       ConnectingSocial: socialName ?? 'Connecting Social',
       ConnectingWalletConnect: walletName ?? 'WalletConnect',
-      Create: 'Create wallet',
       EmailVerifyDevice: ' ',
       EmailVerifyOtp: 'Confirm email',
       GetWallet: 'Get a wallet',
@@ -75,23 +70,11 @@ export function Header() {
   const header = headings(data, view);
 
   const checkSocial = () => {
-    if (
-      RouterController.state.view === 'ConnectingFarcaster' ||
-      RouterController.state.view === 'ConnectingSocial'
-    ) {
-      const socialProvider = ConnectionController.state.selectedSocialProvider;
-      const authProvider = ConnectorController.getAuthConnector()?.provider as AppKitFrameProvider;
-
-      if (authProvider && socialProvider === 'farcaster') {
-        // TODO: remove this once Farcaster session refresh is implemented
-        // @ts-expect-error
-        authProvider.webviewRef?.current?.reload();
-      }
-
+    if (RouterController.state.view === 'ConnectingSocial') {
       EventsController.sendEvent({
         type: 'track',
         event: 'SOCIAL_LOGIN_CANCELED',
-        properties: { provider: ConnectionController.state.selectedSocialProvider! }
+        properties: { provider: RouterController.state.data?.socialProvider! }
       });
     }
   };

package/src/views/w3m-account-default-view/components/auth-buttons.tsx

@@ -34,7 +34,7 @@ export function AuthButtons({
         </ListSocial>
       ) : (
         <ListItem
-          icon="mail"
+          icon="email"
           onPress={onPress}
           chevron
           testID="button-email"

package/src/views/w3m-connect-socials-view/index.tsx

@@ -1,13 +1,10 @@
-import { useEffect } from 'react';
 import { useSnapshot } from 'valtio';
 import { ScrollView } from 'react-native';
 import { StringUtil, type SocialProvider } from '@reown/appkit-common-react-native';
 import {
-  ConnectionController,
   EventsController,
   OptionsController,
-  RouterController,
-  WebviewController
+  RouterController
 } from '@reown/appkit-core-react-native';
 import { FlexView, ListSocial, Text } from '@reown/appkit-ui-react-native';
 
@@ -20,22 +17,14 @@ export function ConnectSocialsView() {
   const socialProviders = (features?.socials ?? []) as SocialProvider[];
 
   const onItemPress = (provider: SocialProvider) => {
-    ConnectionController.setSelectedSocialProvider(provider);
     EventsController.sendEvent({
       type: 'track',
       event: 'SOCIAL_LOGIN_STARTED',
       properties: { provider }
     });
-    if (provider === 'farcaster') {
-      RouterController.push('ConnectingFarcaster');
-    } else {
-      RouterController.push('ConnectingSocial');
-    }
-  };
 
-  useEffect(() => {
-    WebviewController.setConnecting(false);
-  }, []);
+    RouterController.push('ConnectingSocial', { socialProvider: provider });
+  };
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }} bounces={false}>

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

@@ -1,12 +1,7 @@
 import { StyleSheet } from 'react-native';
 import { FlexView, ListSocial, LogoSelect, Spacing, Text } from '@reown/appkit-ui-react-native';
 import { type SocialProvider, StringUtil } from '@reown/appkit-common-react-native';
-import {
-  ConnectionController,
-  EventsController,
-  RouterController,
-  WebviewController
-} from '@reown/appkit-core-react-native';
+import { EventsController, RouterController } from '@reown/appkit-core-react-native';
 
 export interface SocialLoginListProps {
   options: readonly SocialProvider[];
@@ -23,19 +18,12 @@ export function SocialLoginList({ options, disabled }: SocialLoginListProps) {
   bottomSocials = showMoreButton ? bottomSocials.slice(0, MAX_OPTIONS - 2) : bottomSocials;
 
   const onItemPress = (provider: SocialProvider) => {
-    ConnectionController.setSelectedSocialProvider(provider);
     EventsController.sendEvent({
       type: 'track',
       event: 'SOCIAL_LOGIN_STARTED',
       properties: { provider }
     });
-    WebviewController.setConnecting(false);
-
-    if (provider === 'farcaster') {
-      RouterController.push('ConnectingFarcaster');
-    } else {
-      RouterController.push('ConnectingSocial');
-    }
+    RouterController.push('ConnectingSocial', { socialProvider: provider });
   };
 
   const onMorePress = () => {

package/src/views/w3m-connect-view/index.tsx

@@ -1,5 +1,5 @@
 import { useSnapshot } from 'valtio';
-import { Platform, ScrollView, View } from 'react-native';
+import { ScrollView, View } from 'react-native';
 import {
   ApiController,
   ConnectorController,
@@ -9,10 +9,8 @@ import {
   RouterController,
   type WcWallet
 } from '@reown/appkit-core-react-native';
-import { FlexView, Icon, ListItem, Separator, Spacing, Text } from '@reown/appkit-ui-react-native';
+import { FlexView, Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
-import { ConnectEmailInput } from './components/connect-email-input';
-import { useKeyboard } from '../../hooks/useKeyboard';
 import { Placeholder } from '../../partials/w3m-placeholder';
 import { ConnectorList } from './components/connectors-list';
 import { CustomWalletList } from './components/custom-wallet-list';
@@ -20,38 +18,26 @@ import { AllWalletsButton } from './components/all-wallets-button';
 import { AllWalletList } from './components/all-wallet-list';
 import { RecentWalletList } from './components/recent-wallet-list';
 import { SocialLoginList } from './components/social-login-list';
-import { WalletGuide } from './components/wallet-guide';
 import styles from './styles';
 
 export function ConnectView() {
   const connectors = ConnectorController.state.connectors;
-  const { authLoading } = useSnapshot(ConnectorController.state);
+  // const { authLoading } = useSnapshot(ConnectorController.state);
   const { prefetchError } = useSnapshot(ApiController.state);
   const { features } = useSnapshot(OptionsController.state);
   const { padding } = useCustomDimensions();
-  const { keyboardShown, keyboardHeight } = useKeyboard();
 
   //TODO: check this
   // const isWalletConnectEnabled = connectors.some(c => c.type === 'WALLET_CONNECT');
   const isWalletConnectEnabled = true;
-  const isAuthEnabled = connectors.some(c => c.type === 'AUTH');
   const isCoinbaseEnabled = connectors.some(c => c.type === 'COINBASE');
-  const isEmailEnabled = isAuthEnabled && features?.email;
-  const isSocialEnabled = isAuthEnabled && features?.socials && features?.socials.length > 0;
+  const isSocialEnabled = features?.socials && features?.socials.length > 0;
   const showConnectWalletsButton =
-    isWalletConnectEnabled && isAuthEnabled && !features?.emailShowWallets;
-  const showSeparator =
-    isAuthEnabled &&
-    (isEmailEnabled || isSocialEnabled) &&
-    (isWalletConnectEnabled || isCoinbaseEnabled);
+    isWalletConnectEnabled && isSocialEnabled && !features?.showWallets;
+  const showSeparator = isSocialEnabled && (isWalletConnectEnabled || isCoinbaseEnabled);
   const showLoadingError = !showConnectWalletsButton && prefetchError;
   const showList = !showConnectWalletsButton && !showLoadingError;
 
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
-    default: Spacing['2xl']
-  });
-
   const onWalletPress = (wallet: WcWallet, isInstalled?: boolean) => {
     const connector = connectors.find(c => c.explorerId === wallet.id);
     if (connector) {
@@ -79,12 +65,11 @@ export function ConnectView() {
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }} bounces={false}>
-      <FlexView padding={['xs', '0', '0', '0']} style={{ paddingBottom }}>
-        {isEmailEnabled && <ConnectEmailInput loading={authLoading} />}
-        {isSocialEnabled && <SocialLoginList options={features?.socials} disabled={authLoading} />}
+      <FlexView padding={['xs', '0', '2xl', '0']}>
+        {isSocialEnabled && <SocialLoginList options={features?.socials} />}
         {showSeparator && <Separator text="or" style={styles.socialSeparator} />}
 
-        <FlexView padding={['0', 's', '0', 's']}>
+        <FlexView padding={['0', 's', 'xs', 's']}>
           {showConnectWalletsButton && (
             <ListItem contentStyle={styles.connectWalletButton} onPress={onViewAllPress}>
               <Icon name="wallet" size="lg" />
@@ -134,7 +119,6 @@ export function ConnectView() {
               />
             </>
           )}
-          {isAuthEnabled && <WalletGuide guide="get-started" />}
         </FlexView>
       </FlexView>
     </ScrollView>

package/src/views/w3m-connecting-siwe-view/index.tsx

@@ -96,6 +96,7 @@ export function ConnectingSiweView() {
     });
   };
 
+  //TODO: Add profile image in Avatar
   return (
     <FlexView padding={['2xl', 's', '3xl', 's']}>
       <IconLink

package/src/views/w3m-connecting-social-view/index.tsx

@@ -1,121 +1,73 @@
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useState } from 'react';
-import { Platform } from 'react-native';
 import {
   ConnectionController,
-  ConnectorController,
+  CoreHelperUtil,
   EventsController,
-  ModalController,
   RouterController,
-  SnackController,
-  WebviewController,
-  type AppKitFrameProvider
+  SnackController
 } from '@reown/appkit-core-react-native';
 import { FlexView, LoadingThumbnail, IconBox, Logo, Text } from '@reown/appkit-ui-react-native';
-import { StringUtil } from '@reown/appkit-common-react-native';
+import { ConstantsUtil, StringUtil } from '@reown/appkit-common-react-native';
 
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
+import { useAppKit } from '../../AppKitContext';
+import { UiUtil } from '../../utils/UiUtil';
 
 export function ConnectingSocialView() {
   const { maxWidth: width } = useCustomDimensions();
-  const { processingAuth } = useSnapshot(WebviewController.state);
-  const { selectedSocialProvider } = useSnapshot(ConnectionController.state);
-  const authConnector = ConnectorController.getAuthConnector();
+  const { connect } = useAppKit();
+  const { data } = useSnapshot(RouterController.state);
+  const { wcUri } = useSnapshot(ConnectionController.state);
   const [error, setError] = useState(false);
-  const provider = authConnector?.provider as AppKitFrameProvider;
 
   const onConnect = useCallback(async () => {
     try {
-      if (
-        !WebviewController.state.connecting &&
-        provider &&
-        ConnectionController.state.selectedSocialProvider
-      ) {
-        const { uri } = await provider.getSocialRedirectUri({
-          provider: ConnectionController.state.selectedSocialProvider
+      if (wcUri) {
+        const { redirect, href } = CoreHelperUtil.formatUniversalUrl(
+          ConstantsUtil.WEB_WALLET_URL,
+          wcUri,
+          RouterController.state.data?.socialProvider
+        );
+        const wcLinking = { name: 'Reown Wallet', href };
+        ConnectionController.setWcLinking(wcLinking);
+        await CoreHelperUtil.openLink(redirect);
+        await ConnectionController.state.wcPromise;
+        //todo: rename this. its not just UI
+        UiUtil.storeConnectedWallet(wcLinking);
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'SOCIAL_LOGIN_SUCCESS',
+          properties: { provider: RouterController.state.data?.socialProvider! }
         });
-        WebviewController.setWebviewUrl(uri);
-
-        const isNativeApple =
-          ConnectionController.state.selectedSocialProvider === 'apple' && Platform.OS === 'ios';
-
-        WebviewController.setWebviewVisible(!isNativeApple);
-        WebviewController.setConnecting(true);
-        WebviewController.setConnectingProvider(ConnectionController.state.selectedSocialProvider);
       }
     } catch (e) {
-      WebviewController.setWebviewVisible(false);
-      WebviewController.setWebviewUrl(undefined);
-      WebviewController.setConnecting(false);
-      WebviewController.setConnectingProvider(undefined);
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_ERROR',
+        properties: { provider: RouterController.state.data?.socialProvider! }
+      });
       SnackController.showError('Something went wrong');
       setError(true);
     }
-  }, [provider]);
-
-  const socialMessageHandler = useCallback(
-    async (url: string) => {
-      try {
-        if (
-          url.includes('/sdk/oauth') &&
-          ConnectionController.state.selectedSocialProvider &&
-          authConnector &&
-          !WebviewController.state.processingAuth
-        ) {
-          WebviewController.setProcessingAuth(true);
-          WebviewController.setWebviewVisible(false);
-          const parsedUrl = new URL(url);
-
-          EventsController.sendEvent({
-            type: 'track',
-            event: 'SOCIAL_LOGIN_REQUEST_USER_DATA',
-            properties: { provider: ConnectionController.state.selectedSocialProvider }
-          });
-
-          await provider?.connectSocial(parsedUrl.search);
-          await ConnectionController.connectExternal(authConnector);
-          ConnectionController.setConnectedSocialProvider(
-            ConnectionController.state.selectedSocialProvider
-          );
-          WebviewController.setConnecting(false);
-
-          EventsController.sendEvent({
-            type: 'track',
-            event: 'SOCIAL_LOGIN_SUCCESS',
-            properties: { provider: ConnectionController.state.selectedSocialProvider }
-          });
+  }, [wcUri]);
 
-          ModalController.close();
-          WebviewController.reset();
-        }
-      } catch (e) {
-        EventsController.sendEvent({
-          type: 'track',
-          event: 'SOCIAL_LOGIN_ERROR',
-          properties: { provider: ConnectionController.state.selectedSocialProvider! }
-        });
-        WebviewController.reset();
-        RouterController.goBack();
-        SnackController.showError('Something went wrong');
-      }
-    },
-    [authConnector, provider]
-  );
+  const initializeConnection = useCallback(async () => {
+    const connectPromise = connect('walletconnect');
+    ConnectionController.setWcPromise(connectPromise);
+  }, [connect]);
 
   useEffect(() => {
-    onConnect();
-  }, [onConnect]);
+    initializeConnection();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   useEffect(() => {
-    if (!provider) return;
-
-    const unsubscribe = provider?.getEventEmitter().addListener('social', socialMessageHandler);
-
-    return () => {
-      unsubscribe.removeListener('social', socialMessageHandler);
-    };
-  }, [socialMessageHandler, provider]);
+    if (wcUri) {
+      onConnect();
+    }
+  }, [wcUri, onConnect]);
 
   return (
     <FlexView
@@ -125,7 +77,7 @@ export function ConnectingSocialView() {
       style={{ width }}
     >
       <LoadingThumbnail paused={!!error}>
-        <Logo logo={selectedSocialProvider ?? 'more'} height={72} width={72} />
+        <Logo logo={data?.socialProvider ?? 'more'} height={72} width={72} />
         {error && (
           <IconBox
             icon={'close'}
@@ -139,14 +91,10 @@ export function ConnectingSocialView() {
         )}
       </LoadingThumbnail>
       <Text style={styles.continueText} variant="paragraph-500">
-        {processingAuth
-          ? 'Loading user data'
-          : `Continue with ${StringUtil.capitalize(selectedSocialProvider)}`}
+        Continue with {StringUtil.capitalize(data?.socialProvider ?? 'Login')}
       </Text>
       <Text variant="small-400" color="fg-200">
-        {processingAuth
-          ? 'Please wait a moment while we load your data'
-          : 'Connect in the provider window'}
+        Continue in your browser
       </Text>
     </FlexView>
   );

package/lib/commonjs/views/w3m-connect-view/components/connect-email-input.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConnectEmailInput = ConnectEmailInput;
-var _valtio = require("valtio");
-var _react = require("react");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-function ConnectEmailInput({
-  loading
-}) {
-  const {
-    connectors
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectorController.state);
-  const [inputLoading, setInputLoading] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)('');
-  const [isValidEmail, setIsValidEmail] = (0, _react.useState)(false);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider;
-  const onChangeText = value => {
-    setIsValidEmail(_appkitCoreReactNative.CoreHelperUtil.isValidEmail(value));
-    setError('');
-  };
-  const onEmailFocus = () => {
-    _appkitCoreReactNative.EventsController.sendEvent({
-      type: 'track',
-      event: 'EMAIL_LOGIN_SELECTED'
-    });
-  };
-  const onEmailSubmit = async email => {
-    try {
-      if (email.length === 0) return;
-      setInputLoading(true);
-      const response = await authProvider.connectEmail({
-        email
-      });
-      _appkitCoreReactNative.EventsController.sendEvent({
-        type: 'track',
-        event: 'EMAIL_SUBMITTED'
-      });
-      if (response.action === 'VERIFY_DEVICE') {
-        _appkitCoreReactNative.RouterController.push('EmailVerifyDevice', {
-          email
-        });
-      } else if (response.action === 'VERIFY_OTP') {
-        _appkitCoreReactNative.RouterController.push('EmailVerifyOtp', {
-          email
-        });
-      }
-    } catch (e) {
-      const parsedError = _appkitCoreReactNative.CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('valid email')) {
-        setError('Invalid email. Try again.');
-      } else {
-        _appkitCoreReactNative.SnackController.showError(parsedError);
-      }
-    } finally {
-      setInputLoading(false);
-    }
-  };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['0', 's', '0', 's']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.EmailInput, {
-    onSubmit: onEmailSubmit,
-    onFocus: onEmailFocus,
-    loading: inputLoading || loading,
-    errorMessage: error,
-    onChangeText: onChangeText,
-    submitEnabled: isValidEmail
-  }));
-}
-//# sourceMappingURL=connect-email-input.js.map

package/lib/commonjs/views/w3m-connect-view/components/connect-email-input.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_react","_appkitUiReactNative","_appkitCoreReactNative","ConnectEmailInput","loading","connectors","useSnapshot","ConnectorController","state","inputLoading","setInputLoading","useState","error","setError","isValidEmail","setIsValidEmail","authProvider","find","c","type","provider","onChangeText","value","CoreHelperUtil","onEmailFocus","EventsController","sendEvent","event","onEmailSubmit","email","length","response","connectEmail","action","RouterController","push","e","parsedError","parseError","includes","SnackController","showError","React","createElement","FlexView","padding","EmailInput","onSubmit","onFocus","errorMessage","submitEnabled"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/connect-email-input.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAaO,SAASI,iBAAiBA,CAAC;EAAEC;AAAe,CAAC,EAAE;EACpD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,mBAAW,EAACC,0CAAmB,CAACC,KAAK,CAAC;EAC7D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAMK,YAAY,GAAGX,UAAU,CAACY,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,MAAM,CAAC,EAAEC,QAA+B;EAE7F,MAAMC,YAAY,GAAIC,KAAa,IAAK;IACtCP,eAAe,CAACQ,qCAAc,CAACT,YAAY,CAACQ,KAAK,CAAC,CAAC;IACnDT,QAAQ,CAAC,EAAE,CAAC;EACd,CAAC;EAED,MAAMW,YAAY,GAAGA,CAAA,KAAM;IACzBC,uCAAgB,CAACC,SAAS,CAAC;MAAEP,IAAI,EAAE,OAAO;MAAEQ,KAAK,EAAE;IAAuB,CAAC,CAAC;EAC9E,CAAC;EAED,MAAMC,aAAa,GAAG,MAAOC,KAAa,IAAK;IAC7C,IAAI;MACF,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;MAExBpB,eAAe,CAAC,IAAI,CAAC;MACrB,MAAMqB,QAAQ,GAAG,MAAMf,YAAY,CAACgB,YAAY,CAAC;QAAEH;MAAM,CAAC,CAAC;MAC3DJ,uCAAgB,CAACC,SAAS,CAAC;QAAEP,IAAI,EAAE,OAAO;QAAEQ,KAAK,EAAE;MAAkB,CAAC,CAAC;MACvE,IAAII,QAAQ,CAACE,MAAM,KAAK,eAAe,EAAE;QACvCC,uCAAgB,CAACC,IAAI,CAAC,mBAAmB,EAAE;UAAEN;QAAM,CAAC,CAAC;MACvD,CAAC,MAAM,IAAIE,QAAQ,CAACE,MAAM,KAAK,YAAY,EAAE;QAC3CC,uCAAgB,CAACC,IAAI,CAAC,gBAAgB,EAAE;UAAEN;QAAM,CAAC,CAAC;MACpD;IACF,CAAC,CAAC,OAAOO,CAAM,EAAE;MACf,MAAMC,WAAW,GAAGd,qCAAc,CAACe,UAAU,CAACF,CAAC,CAAC;MAChD,IAAIC,WAAW,EAAEE,QAAQ,CAAC,aAAa,CAAC,EAAE;QACxC1B,QAAQ,CAAC,2BAA2B,CAAC;MACvC,CAAC,MAAM;QACL2B,sCAAe,CAACC,SAAS,CAACJ,WAAW,CAAC;MACxC;IACF,CAAC,SAAS;MACR3B,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC;EAED,oBACEgC,KAAA,CAAAC,aAAA,CAAC1C,oBAAA,CAAA2C,QAAQ;IAACC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACtCH,KAAA,CAAAC,aAAA,CAAC1C,oBAAA,CAAA6C,UAAU;IACTC,QAAQ,EAAEnB,aAAc;IACxBoB,OAAO,EAAExB,YAAa;IACtBpB,OAAO,EAAEK,YAAY,IAAIL,OAAQ;IACjC6C,YAAY,EAAErC,KAAM;IACpBS,YAAY,EAAEA,YAAa;IAC3B6B,aAAa,EAAEpC;EAAa,CAC7B,CACO,CAAC;AAEf"}