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

package/lib/typescript/views/w3m-connect-view/components/connect-email-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connect-email-input.d.ts","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/components/connect-email-input.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CAoDnD"}

package/lib/typescript/views/w3m-connect-view/components/wallet-guide.d.ts

@@ -1,5 +0,0 @@
-export interface WalletGuideProps {
-    guide: 'explore' | 'get-started';
-}
-export declare function WalletGuide({ guide }: WalletGuideProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=wallet-guide.d.ts.map

package/lib/typescript/views/w3m-connect-view/components/wallet-guide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wallet-guide.d.ts","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/components/wallet-guide.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAgCtD"}

package/lib/typescript/views/w3m-connecting-farcaster-view/index.d.ts

@@ -1,2 +0,0 @@
-export declare function ConnectingFarcasterView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/views/w3m-connecting-farcaster-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connecting-farcaster-view/index.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,uBAAuB,4CAoHtC"}

package/lib/typescript/views/w3m-connecting-farcaster-view/styles.d.ts

@@ -1,17 +0,0 @@
-declare const _default: {
-    errorIcon: {
-        position: "absolute";
-        bottom: number;
-        right: number;
-        zIndex: number;
-    };
-    continueText: {
-        marginTop: number;
-        marginBottom: number;
-    };
-    copyButton: {
-        marginTop: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/views/w3m-connecting-farcaster-view/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connecting-farcaster-view/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,wBAcG"}

package/lib/typescript/views/w3m-create-view/index.d.ts

@@ -1,2 +0,0 @@
-export declare function CreateView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/views/w3m-create-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-create-view/index.tsx"],"names":[],"mappings":"AAUA,wBAAgB,UAAU,4CAwBzB"}

package/src/views/w3m-connect-view/components/connect-email-input.tsx

@@ -1,69 +0,0 @@
-import { useSnapshot } from 'valtio';
-import { useState } from 'react';
-import { EmailInput, FlexView } from '@reown/appkit-ui-react-native';
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  EventsController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-
-interface Props {
-  loading?: boolean;
-}
-
-export function ConnectEmailInput({ loading }: Props) {
-  const { connectors } = useSnapshot(ConnectorController.state);
-  const [inputLoading, setInputLoading] = useState(false);
-  const [error, setError] = useState('');
-  const [isValidEmail, setIsValidEmail] = useState(false);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider as AppKitFrameProvider;
-
-  const onChangeText = (value: string) => {
-    setIsValidEmail(CoreHelperUtil.isValidEmail(value));
-    setError('');
-  };
-
-  const onEmailFocus = () => {
-    EventsController.sendEvent({ type: 'track', event: 'EMAIL_LOGIN_SELECTED' });
-  };
-
-  const onEmailSubmit = async (email: string) => {
-    try {
-      if (email.length === 0) return;
-
-      setInputLoading(true);
-      const response = await authProvider.connectEmail({ email });
-      EventsController.sendEvent({ type: 'track', event: 'EMAIL_SUBMITTED' });
-      if (response.action === 'VERIFY_DEVICE') {
-        RouterController.push('EmailVerifyDevice', { email });
-      } else if (response.action === 'VERIFY_OTP') {
-        RouterController.push('EmailVerifyOtp', { email });
-      }
-    } catch (e: any) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      if (parsedError?.includes('valid email')) {
-        setError('Invalid email. Try again.');
-      } else {
-        SnackController.showError(parsedError);
-      }
-    } finally {
-      setInputLoading(false);
-    }
-  };
-
-  return (
-    <FlexView padding={['0', 's', '0', 's']}>
-      <EmailInput
-        onSubmit={onEmailSubmit}
-        onFocus={onEmailFocus}
-        loading={inputLoading || loading}
-        errorMessage={error}
-        onChangeText={onChangeText}
-        submitEnabled={isValidEmail}
-      />
-    </FlexView>
-  );
-}

package/src/views/w3m-connect-view/components/wallet-guide.tsx

@@ -1,50 +0,0 @@
-import { RouterController } from '@reown/appkit-core-react-native';
-import { Chip, FlexView, Link, Separator, Spacing, Text } from '@reown/appkit-ui-react-native';
-import { Linking, StyleSheet } from 'react-native';
-
-export interface WalletGuideProps {
-  guide: 'explore' | 'get-started';
-}
-
-export function WalletGuide({ guide }: WalletGuideProps) {
-  const onExplorerPress = () => {
-    Linking.openURL('https://explorer.walletconnect.com');
-  };
-
-  const onGetStartedPress = () => {
-    RouterController.push('Create');
-  };
-
-  return guide === 'explore' ? (
-    <FlexView alignItems="center" justifyContent="center">
-      <Separator text="or" style={styles.socialSeparator} />
-      <Text variant="small-400" style={styles.text}>
-        Looking for a self-custody wallet?
-      </Text>
-      <Chip
-        label="Visit our explorer"
-        variant="transparent"
-        rightIcon="externalLink"
-        leftIcon="walletConnectLightBrown"
-        size="sm"
-        onPress={onExplorerPress}
-      />
-    </FlexView>
-  ) : (
-    <FlexView alignItems="center" justifyContent="center" margin="m" flexDirection="row">
-      <Text variant="small-400">Haven't got a wallet?</Text>
-      <Link onPress={onGetStartedPress} size="sm">
-        Get started
-      </Link>
-    </FlexView>
-  );
-}
-
-const styles = StyleSheet.create({
-  text: {
-    marginBottom: Spacing.xs
-  },
-  socialSeparator: {
-    marginVertical: Spacing.l
-  }
-});

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