@reown/appkit-react-native 2.0.0 → 2.0.1

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

@@ -1,55 +0,0 @@
-import { useState } from 'react';
-
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  EventsController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-
-import { OtpCodeView } from '../../partials/w3m-otp-code';
-
-export function UpdateEmailPrimaryOtpView() {
-  const { data } = RouterController.state;
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const authProvider = ConnectorController.getAuthConnector()?.provider as
-    | AppKitFrameProvider
-    | undefined;
-
-  const onOtpSubmit = async (value: string) => {
-    if (!authProvider || loading) return;
-    setLoading(true);
-    setError('');
-    try {
-      await authProvider.updateEmailPrimaryOtp({ otp: value });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
-      RouterController.replace('UpdateEmailSecondaryOtp', data);
-    } catch (e) {
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_FAIL' });
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('Invalid Otp')) {
-        setError('Invalid code. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    }
-    setLoading(false);
-  };
-
-  return (
-    <OtpCodeView
-      loading={loading}
-      error={error}
-      email={data?.email}
-      onSubmit={onOtpSubmit}
-      onRetry={RouterController.goBack}
-      codeExpiry={10}
-      retryLabel="Something wrong?"
-      retryDisabledButtonLabel="Try again"
-      retryButtonLabel="Try again"
-    />
-  );
-}

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

@@ -1,56 +0,0 @@
-import { useSnapshot } from 'valtio';
-import { useState } from 'react';
-
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  RouterController,
-  SnackController,
-  EventsController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-
-import { OtpCodeView } from '../../partials/w3m-otp-code';
-
-export function UpdateEmailSecondaryOtpView() {
-  const { data } = useSnapshot(RouterController.state);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const authConnector = ConnectorController.getAuthConnector();
-
-  const onOtpSubmit = async (value: string) => {
-    if (!authConnector) return;
-    setLoading(true);
-    setError('');
-    try {
-      const provider = authConnector?.provider as AppKitFrameProvider;
-      await provider.updateEmailSecondaryOtp({ otp: value });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_EDIT_COMPLETE' });
-      RouterController.reset('Account');
-    } catch (e) {
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_FAIL' });
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('Invalid Otp')) {
-        setError('Invalid code. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    }
-    setLoading(false);
-  };
-
-  return (
-    <OtpCodeView
-      loading={loading}
-      error={error}
-      email={data?.newEmail}
-      onSubmit={onOtpSubmit}
-      onRetry={RouterController.goBack}
-      codeExpiry={10}
-      retryLabel="Something wrong?"
-      retryDisabledButtonLabel="Try again"
-      retryButtonLabel="Try again"
-    />
-  );
-}

package/src/views/w3m-update-email-wallet-view/index.tsx

@@ -1,96 +0,0 @@
-import { useState } from 'react';
-import { Platform } from 'react-native';
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  RouterController,
-  SnackController,
-  EventsController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-import { Button, EmailInput, FlexView, Spacing, Text } from '@reown/appkit-ui-react-native';
-import { useKeyboard } from '../../hooks/useKeyboard';
-
-import styles from './styles';
-
-export function UpdateEmailWalletView() {
-  const { data } = RouterController.state;
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const [email, setEmail] = useState(data?.email || '');
-  const [isValidNewEmail, setIsValidNewEmail] = useState(false);
-  const authConnector = ConnectorController.getAuthConnector();
-  const { keyboardShown, keyboardHeight } = useKeyboard();
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
-    default: Spacing.l
-  });
-
-  const onChangeText = (value: string) => {
-    setIsValidNewEmail(data?.email !== value && CoreHelperUtil.isValidEmail(value));
-    setEmail(value);
-    setError('');
-  };
-
-  const onEmailSubmit = async (value: string) => {
-    if (!authConnector) return;
-
-    const provider = authConnector.provider as AppKitFrameProvider;
-    setLoading(true);
-    setError('');
-
-    try {
-      const response = await provider.updateEmail({ email: value });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_EDIT' });
-      if (response.action === 'VERIFY_SECONDARY_OTP') {
-        RouterController.push('UpdateEmailSecondaryOtp', { email: data?.email, newEmail: value });
-      } else {
-        RouterController.push('UpdateEmailPrimaryOtp', { email: data?.email, newEmail: value });
-      }
-    } catch (e) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('Invalid email')) {
-        setError('Invalid email. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <FlexView padding={['l', 's', '0', 's']} style={{ paddingBottom }}>
-      <EmailInput
-        initialValue={data?.email}
-        onSubmit={onEmailSubmit}
-        submitEnabled={isValidNewEmail}
-        onChangeText={onChangeText}
-        loading={loading}
-        errorMessage={error}
-        style={styles.emailInput}
-        autoFocus
-      />
-      <FlexView
-        flexDirection="row"
-        justifyContent="center"
-        alignItems="center"
-        margin={['0', 'xs', '0', 'xs']}
-      >
-        <Button onPress={RouterController.goBack} variant="shade" style={styles.cancelButton}>
-          <Text variant="paragraph-600" color="fg-100">
-            Cancel
-          </Text>
-        </Button>
-        <Button
-          onPress={() => onEmailSubmit(email)}
-          variant="fill"
-          style={styles.saveButton}
-          disabled={loading || !isValidNewEmail}
-        >
-          Save
-        </Button>
-      </FlexView>
-    </FlexView>
-  );
-}

package/src/views/w3m-update-email-wallet-view/styles.ts

@@ -1,24 +0,0 @@
-import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  container: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  emailInput: {
-    marginBottom: Spacing.s
-  },
-  cancelButton: {
-    flex: 1,
-    height: 48,
-    marginRight: Spacing['2xs'],
-    borderRadius: BorderRadius.xs
-  },
-  saveButton: {
-    flex: 1,
-    height: 48,
-    marginLeft: Spacing['2xs'],
-    borderRadius: BorderRadius.xs
-  }
-});

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
-  }
-});