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

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/src/views/w3m-connecting-view/index.tsx

@@ -4,16 +4,13 @@ import {
   ConnectionController,
   ConstantsUtil,
   CoreHelperUtil,
-  ModalController,
   RouterController,
   SnackController,
   type Platform,
   OptionsController,
   ApiController,
-  EventsController,
-  ConnectionsController
+  EventsController
 } from '@reown/appkit-core-react-native';
-import { SIWEController } from '@reown/appkit-siwe-react-native';
 import { useAppKit } from '../../AppKitContext';
 import { ConnectingQrCode } from '../../partials/w3m-connecting-qrcode';
 import { ConnectingMobile } from '../../partials/w3m-connecting-mobile';
@@ -59,21 +56,6 @@ export function ConnectingView() {
           });
         }
         ConnectionController.setWcPromise(connectPromise);
-        await connectPromise;
-        // ConnectorController.setConnectedConnector('WALLET_CONNECT');
-
-        if (
-          OptionsController.state.isSiweEnabled &&
-          ConnectionsController.state.activeNamespace === 'eip155'
-        ) {
-          if (SIWEController.state.status === 'success') {
-            ModalController.close();
-          } else {
-            RouterController.push('ConnectingSiwe');
-          }
-        } else {
-          ModalController.close();
-        }
       }
     } catch (error) {
       ConnectionController.setWcError(true);

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"}

package/lib/commonjs/views/w3m-connect-view/components/wallet-guide.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WalletGuide = WalletGuide;
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _reactNative = require("react-native");
-function WalletGuide({
-  guide
-}) {
-  const onExplorerPress = () => {
-    _reactNative.Linking.openURL('https://explorer.walletconnect.com');
-  };
-  const onGetStartedPress = () => {
-    _appkitCoreReactNative.RouterController.push('Create');
-  };
-  return guide === 'explore' ? /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
-    text: "or",
-    style: styles.socialSeparator
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    style: styles.text
-  }, "Looking for a self-custody wallet?"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Chip, {
-    label: "Visit our explorer",
-    variant: "transparent",
-    rightIcon: "externalLink",
-    leftIcon: "walletConnectLightBrown",
-    size: "sm",
-    onPress: onExplorerPress
-  })) : /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    margin: "m",
-    flexDirection: "row"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400"
-  }, "Haven't got a wallet?"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Link, {
-    onPress: onGetStartedPress,
-    size: "sm"
-  }, "Get started"));
-}
-const styles = _reactNative.StyleSheet.create({
-  text: {
-    marginBottom: _appkitUiReactNative.Spacing.xs
-  },
-  socialSeparator: {
-    marginVertical: _appkitUiReactNative.Spacing.l
-  }
-});
-//# sourceMappingURL=wallet-guide.js.map

package/lib/commonjs/views/w3m-connect-view/components/wallet-guide.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_appkitCoreReactNative","require","_appkitUiReactNative","_reactNative","WalletGuide","guide","onExplorerPress","Linking","openURL","onGetStartedPress","RouterController","push","React","createElement","FlexView","alignItems","justifyContent","Separator","text","style","styles","socialSeparator","Text","variant","Chip","label","rightIcon","leftIcon","size","onPress","margin","flexDirection","Link","StyleSheet","create","marginBottom","Spacing","xs","marginVertical","l"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/wallet-guide.tsx"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAMO,SAASG,WAAWA,CAAC;EAAEC;AAAwB,CAAC,EAAE;EACvD,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BC,oBAAO,CAACC,OAAO,CAAC,oCAAoC,CAAC;EACvD,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9BC,uCAAgB,CAACC,IAAI,CAAC,QAAQ,CAAC;EACjC,CAAC;EAED,OAAON,KAAK,KAAK,SAAS,gBACxBO,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAY,QAAQ;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAQ,gBACnDJ,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAe,SAAS;IAACC,IAAI,EAAC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAgB,CAAE,CAAC,eACtDT,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAoB,IAAI;IAACC,OAAO,EAAC,WAAW;IAACJ,KAAK,EAAEC,MAAM,CAACF;EAAK,GAAC,oCAExC,CAAC,eACPN,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAsB,IAAI;IACHC,KAAK,EAAC,oBAAoB;IAC1BF,OAAO,EAAC,aAAa;IACrBG,SAAS,EAAC,cAAc;IACxBC,QAAQ,EAAC,yBAAyB;IAClCC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEvB;EAAgB,CAC1B,CACO,CAAC,gBAEXM,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAY,QAAQ;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACc,MAAM,EAAC,GAAG;IAACC,aAAa,EAAC;EAAK,gBAClFnB,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAoB,IAAI;IAACC,OAAO,EAAC;EAAW,GAAC,uBAA2B,CAAC,eACtDX,KAAA,CAAAC,aAAA,CAACX,oBAAA,CAAA8B,IAAI;IAACH,OAAO,EAAEpB,iBAAkB;IAACmB,IAAI,EAAC;EAAI,GAAC,aAEtC,CACE,CACX;AACH;AAEA,MAAMR,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,IAAI,EAAE;IACJiB,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDhB,eAAe,EAAE;IACfiB,cAAc,EAAEF,4BAAO,CAACG;EAC1B;AACF,CAAC,CAAC"}

package/lib/commonjs/views/w3m-connecting-farcaster-view/index.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConnectingFarcasterView = ConnectingFarcasterView;
-var _reactNative = require("react-native");
-var _react = require("react");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _useCustomDimensions = require("../../hooks/useCustomDimensions");
-var _styles = _interopRequireDefault(require("./styles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ConnectingFarcasterView() {
-  const {
-    maxWidth: width
-  } = (0, _useCustomDimensions.useCustomDimensions)();
-  const authConnector = _appkitCoreReactNative.ConnectorController.getAuthConnector();
-  const [error, setError] = (0, _react.useState)(false);
-  const [processing, setProcessing] = (0, _react.useState)(false);
-  const [url, setUrl] = (0, _react.useState)();
-  const showCopy = _appkitCoreReactNative.OptionsController.isClipboardAvailable();
-  const provider = authConnector?.provider;
-  const onConnect = (0, _react.useCallback)(async () => {
-    try {
-      if (provider && authConnector) {
-        setError(false);
-        const {
-          url: farcasterUrl
-        } = await provider.getFarcasterUri();
-        setUrl(farcasterUrl);
-        _reactNative.Linking.openURL(farcasterUrl);
-        await provider.connectFarcaster();
-        _appkitCoreReactNative.EventsController.sendEvent({
-          type: 'track',
-          event: 'SOCIAL_LOGIN_REQUEST_USER_DATA',
-          properties: {
-            provider: 'farcaster'
-          }
-        });
-        setProcessing(true);
-        await _appkitCoreReactNative.ConnectionController.connectExternal(authConnector);
-        _appkitCoreReactNative.ConnectionController.setConnectedSocialProvider('farcaster');
-        _appkitCoreReactNative.EventsController.sendEvent({
-          type: 'track',
-          event: 'SOCIAL_LOGIN_SUCCESS',
-          properties: {
-            provider: 'farcaster'
-          }
-        });
-        setProcessing(false);
-        _appkitCoreReactNative.ModalController.close();
-      }
-    } catch (e) {
-      _appkitCoreReactNative.EventsController.sendEvent({
-        type: 'track',
-        event: 'SOCIAL_LOGIN_ERROR',
-        properties: {
-          provider: 'farcaster'
-        }
-      });
-      // TODO: remove this once Farcaster session refresh is implemented
-      // @ts-expect-error
-      provider?.webviewRef?.current?.reload();
-      _appkitCoreReactNative.SnackController.showError('Something went wrong');
-      setError(true);
-      setProcessing(false);
-    }
-  }, [provider, authConnector]);
-  const onCopyUrl = () => {
-    if (url) {
-      _appkitCoreReactNative.OptionsController.copyToClipboard(url);
-      _appkitCoreReactNative.SnackController.showSuccess('Link copied');
-    }
-  };
-  (0, _react.useEffect)(() => {
-    return () => {
-      // TODO: remove this once Farcaster session refresh is implemented
-      if (!_appkitCoreReactNative.ModalController.state.open) {
-        // @ts-expect-error
-        provider.webviewRef?.current?.reload();
-      }
-    };
-    // @ts-expect-error
-  }, [provider.webviewRef]);
-  (0, _react.useEffect)(() => {
-    onConnect();
-  }, [onConnect]);
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    alignSelf: "center",
-    padding: ['2xl', 'l', '3xl', 'l'],
-    style: {
-      width
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingThumbnail, {
-    paused: !!error
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Logo, {
-    logo: "farcasterSquare",
-    height: 72,
-    width: 72
-  }), error && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
-    icon: 'close',
-    border: true,
-    background: true,
-    backgroundColor: "icon-box-bg-error-100",
-    size: "sm",
-    iconColor: "error-100",
-    style: _styles.default.errorIcon
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    style: _styles.default.continueText,
-    variant: "paragraph-500"
-  }, processing ? 'Loading user data' : 'Continue in Farcaster'), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-200"
-  }, processing ? 'Please wait a moment while we load your data' : 'Connect in the Farcaster app'), showCopy && /*#__PURE__*/React.createElement(_appkitUiReactNative.Link, {
-    iconLeft: "copySmall",
-    color: "fg-200",
-    style: _styles.default.copyButton,
-    onPress: onCopyUrl,
-    testID: "copy-link"
-  }, "Copy link")));
-}
-//# sourceMappingURL=index.js.map