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

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