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

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

@@ -1,140 +0,0 @@
-import { Linking } from 'react-native';
-import { useCallback, useEffect, useState } from 'react';
-import {
-  ConnectionController,
-  ConnectorController,
-  EventsController,
-  ModalController,
-  OptionsController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-import {
-  FlexView,
-  LoadingThumbnail,
-  IconBox,
-  Logo,
-  Text,
-  Link
-} from '@reown/appkit-ui-react-native';
-
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
-import styles from './styles';
-
-export function ConnectingFarcasterView() {
-  const { maxWidth: width } = useCustomDimensions();
-  const authConnector = ConnectorController.getAuthConnector();
-  const [error, setError] = useState(false);
-  const [processing, setProcessing] = useState(false);
-  const [url, setUrl] = useState<string | undefined>();
-  const showCopy = OptionsController.isClipboardAvailable();
-  const provider = authConnector?.provider as AppKitFrameProvider;
-
-  const onConnect = useCallback(async () => {
-    try {
-      if (provider && authConnector) {
-        setError(false);
-        const { url: farcasterUrl } = await provider.getFarcasterUri();
-        setUrl(farcasterUrl);
-        Linking.openURL(farcasterUrl);
-
-        await provider.connectFarcaster();
-        EventsController.sendEvent({
-          type: 'track',
-          event: 'SOCIAL_LOGIN_REQUEST_USER_DATA',
-          properties: { provider: 'farcaster' }
-        });
-        setProcessing(true);
-        await ConnectionController.connectExternal(authConnector);
-        ConnectionController.setConnectedSocialProvider('farcaster');
-        EventsController.sendEvent({
-          type: 'track',
-          event: 'SOCIAL_LOGIN_SUCCESS',
-          properties: { provider: 'farcaster' }
-        });
-
-        setProcessing(false);
-        ModalController.close();
-      }
-    } catch (e) {
-      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();
-      SnackController.showError('Something went wrong');
-      setError(true);
-      setProcessing(false);
-    }
-  }, [provider, authConnector]);
-
-  const onCopyUrl = () => {
-    if (url) {
-      OptionsController.copyToClipboard(url);
-      SnackController.showSuccess('Link copied');
-    }
-  };
-
-  useEffect(() => {
-    return () => {
-      // TODO: remove this once Farcaster session refresh is implemented
-      if (!ModalController.state.open) {
-        // @ts-expect-error
-        provider.webviewRef?.current?.reload();
-      }
-    };
-    // @ts-expect-error
-  }, [provider.webviewRef]);
-
-  useEffect(() => {
-    onConnect();
-  }, [onConnect]);
-
-  return (
-    <FlexView
-      alignItems="center"
-      alignSelf="center"
-      padding={['2xl', 'l', '3xl', 'l']}
-      style={{ width }}
-    >
-      <>
-        <LoadingThumbnail paused={!!error}>
-          <Logo logo="farcasterSquare" height={72} width={72} />
-          {error && (
-            <IconBox
-              icon={'close'}
-              border
-              background
-              backgroundColor="icon-box-bg-error-100"
-              size="sm"
-              iconColor="error-100"
-              style={styles.errorIcon}
-            />
-          )}
-        </LoadingThumbnail>
-        <Text style={styles.continueText} variant="paragraph-500">
-          {processing ? 'Loading user data' : 'Continue in Farcaster'}
-        </Text>
-        <Text variant="small-400" color="fg-200">
-          {processing
-            ? 'Please wait a moment while we load your data'
-            : 'Connect in the Farcaster app'}
-        </Text>
-        {showCopy && (
-          <Link
-            iconLeft="copySmall"
-            color="fg-200"
-            style={styles.copyButton}
-            onPress={onCopyUrl}
-            testID="copy-link"
-          >
-            Copy link
-          </Link>
-        )}
-      </>
-    </FlexView>
-  );
-}

package/src/views/w3m-connecting-farcaster-view/styles.ts

@@ -1,18 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@reown/appkit-ui-react-native';
-
-export default StyleSheet.create({
-  errorIcon: {
-    position: 'absolute',
-    bottom: 8,
-    right: 8,
-    zIndex: 2
-  },
-  continueText: {
-    marginTop: Spacing.m,
-    marginBottom: Spacing.xs
-  },
-  copyButton: {
-    marginTop: Spacing.m
-  }
-});

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

@@ -1,35 +0,0 @@
-import { Platform, ScrollView } from 'react-native';
-import { useSnapshot } from 'valtio';
-import { FlexView, Spacing } from '@reown/appkit-ui-react-native';
-import { ConnectEmailInput } from '../w3m-connect-view/components/connect-email-input';
-import { SocialLoginList } from '../w3m-connect-view/components/social-login-list';
-import { WalletGuide } from '../w3m-connect-view/components/wallet-guide';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
-import { ConnectorController, OptionsController } from '@reown/appkit-core-react-native';
-import { useKeyboard } from '../../hooks/useKeyboard';
-
-export function CreateView() {
-  const connectors = ConnectorController.state.connectors;
-  const { authLoading } = useSnapshot(ConnectorController.state);
-  const { features } = useSnapshot(OptionsController.state);
-  const { padding } = useCustomDimensions();
-  const { keyboardShown, keyboardHeight } = useKeyboard();
-  const isAuthEnabled = connectors.some(c => c.type === 'AUTH');
-  const isEmailEnabled = isAuthEnabled && features?.email;
-  const isSocialEnabled = isAuthEnabled && features?.socials && features?.socials.length > 0;
-
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing.xl : Spacing.xl,
-    default: Spacing.xl
-  });
-
-  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} />}
-        {isAuthEnabled && <WalletGuide guide="explore" />}
-      </FlexView>
-    </ScrollView>
-  );
-}