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

package/lib/module/views/w3m-email-verify-device-view/index.js

@@ -1,99 +0,0 @@
-import { useSnapshot } from 'valtio';
-import { View } from 'react-native';
-import { useEffect, useState } from 'react';
-import { FlexView, Icon, Link, Text, useTheme } from '@reown/appkit-ui-react-native';
-import { ConnectorController, CoreHelperUtil, EventsController, RouterController, SnackController } from '@reown/appkit-core-react-native';
-import useTimeout from '../../hooks/useTimeout';
-import styles from './styles';
-export function EmailVerifyDeviceView() {
-  const Theme = useTheme();
-  const {
-    connectors
-  } = useSnapshot(ConnectorController.state);
-  const {
-    data
-  } = RouterController.state;
-  const {
-    timeLeft,
-    startTimer
-  } = useTimeout(0);
-  const [loading, setLoading] = useState(false);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider;
-  const listenForDeviceApproval = async () => {
-    if (authProvider && data?.email) {
-      try {
-        await authProvider.connectDevice();
-        EventsController.sendEvent({
-          type: 'track',
-          event: 'DEVICE_REGISTERED_FOR_EMAIL'
-        });
-        EventsController.sendEvent({
-          type: 'track',
-          event: 'EMAIL_VERIFICATION_CODE_SENT'
-        });
-        RouterController.replace('EmailVerifyOtp', {
-          email: data.email
-        });
-      } catch (error) {
-        RouterController.goBack();
-      }
-    }
-  };
-  const onResendEmail = async () => {
-    try {
-      if (!data?.email || !authProvider) return;
-      setLoading(true);
-      authProvider?.connectEmail({
-        email: data.email
-      });
-      listenForDeviceApproval();
-      SnackController.showSuccess('Link resent');
-      startTimer(30);
-      setLoading(false);
-    } catch (e) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      SnackController.showError(parsedError);
-    }
-  };
-  useEffect(() => {
-    listenForDeviceApproval();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    padding: ['0', '4xl', '3xl', '4xl']
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.iconContainer, {
-      backgroundColor: Theme['accent-glass-010']
-    }]
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "verify",
-    size: "lg",
-    height: 28,
-    width: 28,
-    color: "accent-100"
-  })), /*#__PURE__*/React.createElement(Text, {
-    center: true,
-    variant: "medium-600",
-    style: styles.headingText
-  }, "Register this device to continue"), /*#__PURE__*/React.createElement(Text, {
-    center: true,
-    variant: "paragraph-400"
-  }, "Check the instructions sent to", ' '), /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-500"
-  }, data?.email ?? 'your email'), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-200",
-    style: styles.expiryText
-  }, "The link expires in 20 minutes"), /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row"
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400"
-  }, "Didn't receive it?"), /*#__PURE__*/React.createElement(Link, {
-    onPress: onResendEmail,
-    disabled: timeLeft > 0 || loading
-  }, timeLeft > 0 ? `Resend in ${timeLeft}s` : 'Resend link')));
-}
-//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-email-verify-device-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useSnapshot","View","useEffect","useState","FlexView","Icon","Link","Text","useTheme","ConnectorController","CoreHelperUtil","EventsController","RouterController","SnackController","useTimeout","styles","EmailVerifyDeviceView","Theme","connectors","state","data","timeLeft","startTimer","loading","setLoading","authProvider","find","c","type","provider","listenForDeviceApproval","email","connectDevice","sendEvent","event","replace","error","goBack","onResendEmail","connectEmail","showSuccess","e","parsedError","parseError","showError","React","createElement","alignItems","padding","style","iconContainer","backgroundColor","name","size","height","width","color","center","variant","headingText","expiryText","justifyContent","flexDirection","onPress","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-email-verify-device-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-email-verify-device-view/styles.js

@@ -1,19 +0,0 @@
-import { Spacing } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
-export default StyleSheet.create({
-  iconContainer: {
-    height: 64,
-    width: 64,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: Spacing.xl,
-    marginBottom: Spacing['2xl']
-  },
-  headingText: {
-    marginBottom: Spacing.s
-  },
-  expiryText: {
-    marginVertical: Spacing.l
-  }
-});
-//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-email-verify-device-view/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Spacing","StyleSheet","create","iconContainer","height","width","justifyContent","alignItems","borderRadius","xl","marginBottom","headingText","s","expiryText","marginVertical","l"],"sourceRoot":"../../../../src","sources":["views/w3m-email-verify-device-view/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAER,OAAO,CAACS,EAAE;IACxBC,YAAY,EAAEV,OAAO,CAAC,KAAK;EAC7B,CAAC;EACDW,WAAW,EAAE;IACXD,YAAY,EAAEV,OAAO,CAACY;EACxB,CAAC;EACDC,UAAU,EAAE;IACVC,cAAc,EAAEd,OAAO,CAACe;EAC1B;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-email-verify-otp-view/index.js

@@ -1,79 +0,0 @@
-import { useState } from 'react';
-import { ConnectionController, ConnectorController, CoreHelperUtil, EventsController, ModalController, RouterController, SnackController } 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;
-      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 => {
-    if (!authConnector) return;
-    setLoading(true);
-    setError('');
-    try {
-      const provider = authConnector?.provider;
-      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 /*#__PURE__*/React.createElement(OtpCodeView, {
-    loading: loading,
-    error: error,
-    timeLeft: timeLeft,
-    email: data?.email,
-    onRetry: onOtpResend,
-    onSubmit: onOtpSubmit
-  });
-}
-//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-email-verify-otp-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","ConnectionController","ConnectorController","CoreHelperUtil","EventsController","ModalController","RouterController","SnackController","useTimeout","OtpCodeView","EmailVerifyOtpView","timeLeft","startTimer","data","state","loading","setLoading","error","setError","authConnector","getAuthConnector","onOtpResend","email","provider","connectEmail","showSuccess","e","parsedError","parseError","showError","onOtpSubmit","otp","connectOtp","sendEvent","type","event","connectExternal","close","properties","method","name","includes","React","createElement","onRetry","onSubmit"],"sourceRoot":"../../../../src","sources":["views/w3m-email-verify-otp-view/index.tsx"],"mappings":"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"}

package/lib/typescript/views/w3m-email-verify-device-view/index.d.ts

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

package/lib/typescript/views/w3m-email-verify-device-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-email-verify-device-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,qBAAqB,4CAgEpC"}

package/lib/typescript/views/w3m-email-verify-device-view/styles.d.ts

@@ -1,18 +0,0 @@
-declare const _default: {
-    iconContainer: {
-        height: number;
-        width: number;
-        justifyContent: "center";
-        alignItems: "center";
-        borderRadius: number;
-        marginBottom: number;
-    };
-    headingText: {
-        marginBottom: number;
-    };
-    expiryText: {
-        marginVertical: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/views/w3m-email-verify-device-view/styles.d.ts.map

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

package/lib/typescript/views/w3m-email-verify-otp-view/index.d.ts

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

package/lib/typescript/views/w3m-email-verify-otp-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-email-verify-otp-view/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,4CA4DjC"}

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

@@ -1,80 +0,0 @@
-import { useSnapshot } from 'valtio';
-import { View } from 'react-native';
-import { useEffect, useState } from 'react';
-import { FlexView, Icon, Link, Text, useTheme } from '@reown/appkit-ui-react-native';
-import {
-  ConnectorController,
-  CoreHelperUtil,
-  EventsController,
-  RouterController,
-  SnackController,
-  type AppKitFrameProvider
-} from '@reown/appkit-core-react-native';
-import useTimeout from '../../hooks/useTimeout';
-import styles from './styles';
-
-export function EmailVerifyDeviceView() {
-  const Theme = useTheme();
-  const { connectors } = useSnapshot(ConnectorController.state);
-  const { data } = RouterController.state;
-  const { timeLeft, startTimer } = useTimeout(0);
-  const [loading, setLoading] = useState(false);
-  const authProvider = connectors.find(c => c.type === 'AUTH')?.provider as AppKitFrameProvider;
-
-  const listenForDeviceApproval = async () => {
-    if (authProvider && data?.email) {
-      try {
-        await authProvider.connectDevice();
-        EventsController.sendEvent({ type: 'track', event: 'DEVICE_REGISTERED_FOR_EMAIL' });
-        EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_SENT' });
-        RouterController.replace('EmailVerifyOtp', { email: data.email });
-      } catch (error: any) {
-        RouterController.goBack();
-      }
-    }
-  };
-
-  const onResendEmail = async () => {
-    try {
-      if (!data?.email || !authProvider) return;
-      setLoading(true);
-      authProvider?.connectEmail({ email: data.email });
-      listenForDeviceApproval();
-      SnackController.showSuccess('Link resent');
-      startTimer(30);
-      setLoading(false);
-    } catch (e) {
-      const parsedError = CoreHelperUtil.parseError(e);
-      SnackController.showError(parsedError);
-    }
-  };
-
-  useEffect(() => {
-    listenForDeviceApproval();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <FlexView alignItems="center" padding={['0', '4xl', '3xl', '4xl']}>
-      <View style={[styles.iconContainer, { backgroundColor: Theme['accent-glass-010'] }]}>
-        <Icon name="verify" size="lg" height={28} width={28} color="accent-100" />
-      </View>
-      <Text center variant="medium-600" style={styles.headingText}>
-        Register this device to continue
-      </Text>
-      <Text center variant="paragraph-400">
-        Check the instructions sent to{' '}
-      </Text>
-      <Text variant="paragraph-500">{data?.email ?? 'your email'}</Text>
-      <Text variant="small-400" color="fg-200" style={styles.expiryText}>
-        The link expires in 20 minutes
-      </Text>
-      <FlexView alignItems="center" justifyContent="center" flexDirection="row">
-        <Text variant="small-400">Didn't receive it?</Text>
-        <Link onPress={onResendEmail} disabled={timeLeft > 0 || loading}>
-          {timeLeft > 0 ? `Resend in ${timeLeft}s` : 'Resend link'}
-        </Link>
-      </FlexView>
-    </FlexView>
-  );
-}

package/src/views/w3m-email-verify-device-view/styles.ts

@@ -1,19 +0,0 @@
-import { Spacing } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  iconContainer: {
-    height: 64,
-    width: 64,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: Spacing.xl,
-    marginBottom: Spacing['2xl']
-  },
-  headingText: {
-    marginBottom: Spacing.s
-  },
-  expiryText: {
-    marginVertical: Spacing.l
-  }
-});

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