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

package/src/views/w3m-email-verify-otp-view/index.tsx

@@ -1,75 +0,0 @@
-import { useState } from 'react';
-import {
-  ConnectionController,
-  ConnectorController,
-  CoreHelperUtil,
-  EventsController,
-  ModalController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-import useTimeout from '../../hooks/useTimeout';
-import { OtpCodeView } from '../../partials/w3m-otp-code';
-
-export function EmailVerifyOtpView() {
-  const { timeLeft, startTimer } = useTimeout(0);
-  const { data } = RouterController.state;
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const authConnector = ConnectorController.getAuthConnector();
-
-  const onOtpResend = async () => {
-    try {
-      if (!data?.email || !authConnector) return;
-      setLoading(true);
-      const provider = authConnector?.provider as AppKitFrameProvider;
-      await provider.connectEmail({ email: data.email });
-      SnackController.showSuccess('Code resent');
-      startTimer(30);
-      setLoading(false);
-    } catch (e) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      SnackController.showError(parsedError);
-      setLoading(false);
-    }
-  };
-
-  const onOtpSubmit = async (otp: string) => {
-    if (!authConnector) return;
-    setLoading(true);
-    setError('');
-    try {
-      const provider = authConnector?.provider as AppKitFrameProvider;
-      await provider.connectOtp({ otp });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
-      await ConnectionController.connectExternal(authConnector);
-      ModalController.close();
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'CONNECT_SUCCESS',
-        properties: { method: 'email', name: authConnector.name || 'Unknown' }
-      });
-    } catch (e) {
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_FAIL' });
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('Invalid code')) {
-        setError('Invalid code. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    }
-    setLoading(false);
-  };
-
-  return (
-    <OtpCodeView
-      loading={loading}
-      error={error}
-      timeLeft={timeLeft}
-      email={data?.email}
-      onRetry={onOtpResend}
-      onSubmit={onOtpSubmit}
-    />
-  );
-}

package/src/views/w3m-upgrade-to-smart-account-view/index.tsx

@@ -1,106 +0,0 @@
-import { Linking } from 'react-native';
-import { useEffect, useState } from 'react';
-import { useSnapshot } from 'valtio';
-import { Button, FlexView, IconLink, Link, Text, Visual } from '@reown/appkit-ui-react-native';
-import {
-  AccountController,
-  ConnectorController,
-  EventsController,
-  ModalController,
-  NetworkController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-import styles from './styles';
-
-export function UpgradeToSmartAccountView() {
-  const { address } = useSnapshot(AccountController.state);
-  const { loading } = useSnapshot(ModalController.state);
-  const [initialAddress] = useState(address);
-
-  const onSwitchAccountType = async () => {
-    try {
-      ModalController.setLoading(true);
-      const accountType =
-        AccountController.state.preferredAccountType === 'eoa' ? 'smartAccount' : 'eoa';
-      const provider = ConnectorController.getAuthConnector()?.provider as AppKitFrameProvider;
-      await provider?.setPreferredAccount(accountType);
-      EventsController.sendEvent({
-        type: 'track',
-        event: 'SET_PREFERRED_ACCOUNT_TYPE',
-        properties: {
-          accountType,
-          network: NetworkController.state.caipNetwork?.id || ''
-        }
-      });
-    } catch (error) {
-      ModalController.setLoading(false);
-      SnackController.showError('Error switching account type');
-    }
-  };
-
-  const onClose = () => {
-    ModalController.close();
-    ModalController.setLoading(false);
-  };
-
-  const onGoBack = () => {
-    RouterController.goBack();
-    ModalController.setLoading(false);
-  };
-
-  const onLearnMorePress = () => {
-    Linking.openURL('https://reown.com/faq');
-  };
-
-  useEffect(() => {
-    // Go back if the address has changed
-    if (address && initialAddress !== address) {
-      RouterController.goBack();
-    }
-  }, [initialAddress, address]);
-
-  return (
-    <>
-      <IconLink
-        icon="close"
-        size="md"
-        onPress={onClose}
-        testID="header-close"
-        style={styles.closeButton}
-      />
-
-      <FlexView style={styles.container} padding={['4xl', 'm', '2xl', 'm']}>
-        <FlexView alignItems="center" justifyContent="center" flexDirection="row">
-          <Visual name="google" />
-          <Visual style={styles.middleIcon} name="pencil" />
-          <Visual name="lightbulb" />
-        </FlexView>
-        <Text variant="medium-600" color="fg-100" style={styles.title}>
-          Discover Smart Accounts
-        </Text>
-        <Text variant="paragraph-400" color="fg-100" center>
-          Access advanced brand new features as username, improved security and a smoother user
-          experience!
-        </Text>
-        <FlexView flexDirection="row" margin={['m', '4xl', 'm', '4xl']}>
-          <Button
-            variant="accent"
-            onPress={onGoBack}
-            disabled={loading}
-            style={[styles.button, styles.cancelButton]}
-          >
-            Do it later
-          </Button>
-          <Button onPress={onSwitchAccountType} loading={loading} style={styles.button}>
-            Continue
-          </Button>
-        </FlexView>
-        <Link onPress={onLearnMorePress} iconRight="externalLink">
-          Learn more
-        </Link>
-      </FlexView>
-    </>
-  );
-}

package/src/views/w3m-upgrade-to-smart-account-view/styles.ts

@@ -1,29 +0,0 @@
-import { Spacing } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  container: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  title: {
-    marginTop: Spacing.xl,
-    marginVertical: Spacing.s
-  },
-  button: {
-    width: 110
-  },
-  cancelButton: {
-    marginRight: Spacing.m
-  },
-  middleIcon: {
-    marginHorizontal: Spacing.s
-  },
-  closeButton: {
-    alignSelf: 'flex-end',
-    right: Spacing.xl,
-    top: Spacing.l,
-    position: 'absolute',
-    zIndex: 2
-  }
-});