@reown/appkit-react-native 0.0.0-feat-multichain-20250513175016

package/lib/module/views/w3m-connecting-farcaster-view/index.js

@@ -0,0 +1,117 @@
+import { Linking } from 'react-native';
+import { useCallback, useEffect, useState } from 'react';
+import { ConnectionController, ConnectorController, EventsController, ModalController, OptionsController, SnackController } 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();
+  const showCopy = OptionsController.isClipboardAvailable();
+  const provider = authConnector?.provider;
+  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 /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    alignSelf: "center",
+    padding: ['2xl', 'l', '3xl', 'l'],
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoadingThumbnail, {
+    paused: !!error
+  }, /*#__PURE__*/React.createElement(Logo, {
+    logo: "farcasterSquare",
+    height: 72,
+    width: 72
+  }), error && /*#__PURE__*/React.createElement(IconBox, {
+    icon: 'close',
+    border: true,
+    background: true,
+    backgroundColor: "icon-box-bg-error-100",
+    size: "sm",
+    iconColor: "error-100",
+    style: styles.errorIcon
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.continueText,
+    variant: "paragraph-500"
+  }, processing ? 'Loading user data' : 'Continue in Farcaster'), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, processing ? 'Please wait a moment while we load your data' : 'Connect in the Farcaster app'), showCopy && /*#__PURE__*/React.createElement(Link, {
+    iconLeft: "copySmall",
+    color: "fg-200",
+    style: styles.copyButton,
+    onPress: onCopyUrl,
+    testID: "copy-link"
+  }, "Copy link")));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-connecting-farcaster-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Linking","useCallback","useEffect","useState","ConnectionController","ConnectorController","EventsController","ModalController","OptionsController","SnackController","FlexView","LoadingThumbnail","IconBox","Logo","Text","Link","useCustomDimensions","styles","ConnectingFarcasterView","maxWidth","width","authConnector","getAuthConnector","error","setError","processing","setProcessing","url","setUrl","showCopy","isClipboardAvailable","provider","onConnect","farcasterUrl","getFarcasterUri","openURL","connectFarcaster","sendEvent","type","event","properties","connectExternal","setConnectedSocialProvider","close","e","webviewRef","current","reload","showError","onCopyUrl","copyToClipboard","showSuccess","state","open","React","createElement","alignItems","alignSelf","padding","style","Fragment","paused","logo","height","icon","border","background","backgroundColor","size","iconColor","errorIcon","continueText","variant","color","iconLeft","copyButton","onPress","testID"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-farcaster-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-connecting-farcaster-view/styles.js

@@ -0,0 +1,18 @@
+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
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-connecting-farcaster-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","errorIcon","position","bottom","right","zIndex","continueText","marginTop","m","marginBottom","xs","copyButton"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-farcaster-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAER,OAAO,CAACS,CAAC;IACpBC,YAAY,EAAEV,OAAO,CAACW;EACxB,CAAC;EACDC,UAAU,EAAE;IACVJ,SAAS,EAAER,OAAO,CAACS;EACrB;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-connecting-social-view/index.js

@@ -0,0 +1,124 @@
+import { useSnapshot } from 'valtio';
+import { useCallback, useEffect, useState } from 'react';
+import { Platform } from 'react-native';
+import { ConnectionController, ConnectorController, EventsController, ModalController, RouterController, SnackController, WebviewController } from '@reown/appkit-core-react-native';
+import { FlexView, LoadingThumbnail, IconBox, Logo, Text } from '@reown/appkit-ui-react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import styles from './styles';
+export function ConnectingSocialView() {
+  const {
+    maxWidth: width
+  } = useCustomDimensions();
+  const {
+    processingAuth
+  } = useSnapshot(WebviewController.state);
+  const {
+    selectedSocialProvider
+  } = useSnapshot(ConnectionController.state);
+  const authConnector = ConnectorController.getAuthConnector();
+  const [error, setError] = useState(false);
+  const provider = authConnector?.provider;
+  const onConnect = useCallback(async () => {
+    try {
+      if (!WebviewController.state.connecting && provider && ConnectionController.state.selectedSocialProvider) {
+        const {
+          uri
+        } = await provider.getSocialRedirectUri({
+          provider: ConnectionController.state.selectedSocialProvider
+        });
+        WebviewController.setWebviewUrl(uri);
+        const isNativeApple = ConnectionController.state.selectedSocialProvider === 'apple' && Platform.OS === 'ios';
+        WebviewController.setWebviewVisible(!isNativeApple);
+        WebviewController.setConnecting(true);
+        WebviewController.setConnectingProvider(ConnectionController.state.selectedSocialProvider);
+      }
+    } catch (e) {
+      WebviewController.setWebviewVisible(false);
+      WebviewController.setWebviewUrl(undefined);
+      WebviewController.setConnecting(false);
+      WebviewController.setConnectingProvider(undefined);
+      SnackController.showError('Something went wrong');
+      setError(true);
+    }
+  }, [provider]);
+  const socialMessageHandler = useCallback(async url => {
+    try {
+      if (url.includes('/sdk/oauth') && ConnectionController.state.selectedSocialProvider && authConnector && !WebviewController.state.processingAuth) {
+        WebviewController.setProcessingAuth(true);
+        WebviewController.setWebviewVisible(false);
+        const parsedUrl = new URL(url);
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'SOCIAL_LOGIN_REQUEST_USER_DATA',
+          properties: {
+            provider: ConnectionController.state.selectedSocialProvider
+          }
+        });
+        await provider?.connectSocial(parsedUrl.search);
+        await ConnectionController.connectExternal(authConnector);
+        ConnectionController.setConnectedSocialProvider(ConnectionController.state.selectedSocialProvider);
+        WebviewController.setConnecting(false);
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'SOCIAL_LOGIN_SUCCESS',
+          properties: {
+            provider: ConnectionController.state.selectedSocialProvider
+          }
+        });
+        ModalController.close();
+        WebviewController.reset();
+      }
+    } catch (e) {
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_ERROR',
+        properties: {
+          provider: ConnectionController.state.selectedSocialProvider
+        }
+      });
+      WebviewController.reset();
+      RouterController.goBack();
+      SnackController.showError('Something went wrong');
+    }
+  }, [authConnector, provider]);
+  useEffect(() => {
+    onConnect();
+  }, [onConnect]);
+  useEffect(() => {
+    if (!provider) return;
+    const unsubscribe = provider?.getEventEmitter().addListener('social', socialMessageHandler);
+    return () => {
+      unsubscribe.removeListener('social', socialMessageHandler);
+    };
+  }, [socialMessageHandler, provider]);
+  return /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    alignSelf: "center",
+    padding: ['2xl', 'l', '3xl', 'l'],
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(LoadingThumbnail, {
+    paused: !!error
+  }, /*#__PURE__*/React.createElement(Logo, {
+    logo: selectedSocialProvider ?? 'more',
+    height: 72,
+    width: 72
+  }), error && /*#__PURE__*/React.createElement(IconBox, {
+    icon: 'close',
+    border: true,
+    background: true,
+    backgroundColor: "icon-box-bg-error-100",
+    size: "sm",
+    iconColor: "error-100",
+    style: styles.errorIcon
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.continueText,
+    variant: "paragraph-500"
+  }, processingAuth ? 'Loading user data' : `Continue with ${StringUtil.capitalize(selectedSocialProvider)}`), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, processingAuth ? 'Please wait a moment while we load your data' : 'Connect in the provider window'));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-connecting-social-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","Platform","ConnectionController","ConnectorController","EventsController","ModalController","RouterController","SnackController","WebviewController","FlexView","LoadingThumbnail","IconBox","Logo","Text","StringUtil","useCustomDimensions","styles","ConnectingSocialView","maxWidth","width","processingAuth","state","selectedSocialProvider","authConnector","getAuthConnector","error","setError","provider","onConnect","connecting","uri","getSocialRedirectUri","setWebviewUrl","isNativeApple","OS","setWebviewVisible","setConnecting","setConnectingProvider","e","undefined","showError","socialMessageHandler","url","includes","setProcessingAuth","parsedUrl","URL","sendEvent","type","event","properties","connectSocial","search","connectExternal","setConnectedSocialProvider","close","reset","goBack","unsubscribe","getEventEmitter","addListener","removeListener","React","createElement","alignItems","alignSelf","padding","style","paused","logo","height","icon","border","background","backgroundColor","size","iconColor","errorIcon","continueText","variant","capitalize","color"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-connecting-social-view/styles.js

@@ -0,0 +1,15 @@
+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
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-connecting-social-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","errorIcon","position","bottom","right","zIndex","continueText","marginTop","m","marginBottom","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAER,OAAO,CAACS,CAAC;IACpBC,YAAY,EAAEV,OAAO,CAACW;EACxB;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-connecting-view/index.js

@@ -0,0 +1,142 @@
+import { useSnapshot } from 'valtio';
+import { useEffect, useState } from 'react';
+import { AccountController, ConnectionController, ConstantsUtil, CoreHelperUtil, ModalController, RouterController, SnackController, OptionsController, ApiController, EventsController } from '@reown/appkit-core-react-native';
+import { SIWEController } from '@reown/appkit-siwe-react-native';
+import { useAppKit } from '../../AppKitContext';
+import { ConnectingQrCode } from '../../partials/w3m-connecting-qrcode';
+import { ConnectingMobile } from '../../partials/w3m-connecting-mobile';
+import { ConnectingWeb } from '../../partials/w3m-connecting-web';
+import { ConnectingHeader } from '../../partials/w3m-connecting-header';
+import { UiUtil } from '../../utils/UiUtil';
+export function ConnectingView() {
+  const {
+    connect
+  } = useAppKit();
+  const {
+    installed
+  } = useSnapshot(ApiController.state);
+  const {
+    data
+  } = RouterController.state;
+  const [lastRetry, setLastRetry] = useState(Date.now());
+  const isQr = !data?.wallet;
+  const isInstalled = !!installed?.find(wallet => wallet.id === data?.wallet?.id);
+  const [platform, setPlatform] = useState();
+  const [platforms, setPlatforms] = useState([]);
+  const onRetry = () => {
+    if (CoreHelperUtil.isAllowedRetry(lastRetry)) {
+      setLastRetry(Date.now());
+      ConnectionController.clearUri();
+      initializeConnection(true);
+    } else {
+      SnackController.showError('Please wait a second before retrying');
+    }
+  };
+  const initializeConnection = async (retry = false) => {
+    try {
+      const {
+        wcPairingExpiry
+      } = ConnectionController.state;
+      // const { data: routeData } = RouterController.state;
+      if (retry || CoreHelperUtil.isPairingExpired(wcPairingExpiry)) {
+        ConnectionController.setWcError(false);
+        // ConnectionController.connectWalletConnect(routeData?.wallet?.link_mode ?? undefined);
+
+        //TODO: check linkmode
+        const wcPromise = connect('walletconnect');
+        ConnectionController.setWcPromise(wcPromise);
+        await wcPromise;
+        // await ConnectionController.state.wcPromise;
+        // ConnectorController.setConnectedConnector('WALLET_CONNECT');
+        AccountController.setIsConnected(true);
+        if (OptionsController.state.isSiweEnabled) {
+          if (SIWEController.state.status === 'success') {
+            ModalController.close();
+          } else {
+            RouterController.push('ConnectingSiwe');
+          }
+        } else {
+          ModalController.close();
+        }
+      }
+    } catch (error) {
+      ConnectionController.setWcError(true);
+      ConnectionController.clearUri();
+      SnackController.showError('Declined');
+      if (isQr && CoreHelperUtil.isAllowedRetry(lastRetry)) {
+        setLastRetry(Date.now());
+        initializeConnection(true);
+      }
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'CONNECT_ERROR',
+        properties: {
+          message: error?.message ?? 'Unknown'
+        }
+      });
+    }
+  };
+  const onCopyUri = uri => {
+    if (OptionsController.isClipboardAvailable() && uri) {
+      OptionsController.copyToClipboard(uri);
+      SnackController.showSuccess('Link copied');
+    }
+  };
+  const onSelectPlatform = tab => {
+    UiUtil.createViewTransition();
+    setPlatform(tab);
+  };
+  const headerTemplate = () => {
+    if (isQr) return null;
+    if (platforms.length > 1) {
+      return /*#__PURE__*/React.createElement(ConnectingHeader, {
+        platforms: platforms,
+        onSelectPlatform: onSelectPlatform
+      });
+    }
+    return null;
+  };
+  const platformTemplate = () => {
+    if (isQr) {
+      return /*#__PURE__*/React.createElement(ConnectingQrCode, null);
+    }
+    switch (platform) {
+      case 'mobile':
+        return /*#__PURE__*/React.createElement(ConnectingMobile, {
+          onRetry: onRetry,
+          onCopyUri: onCopyUri,
+          isInstalled: isInstalled
+        });
+      case 'web':
+        return /*#__PURE__*/React.createElement(ConnectingWeb, {
+          onCopyUri: onCopyUri
+        });
+      default:
+        return undefined;
+    }
+  };
+  useEffect(() => {
+    const _platforms = [];
+    if (data?.wallet?.mobile_link) {
+      _platforms.push('mobile');
+    }
+    if (data?.wallet?.webapp_link && !isInstalled) {
+      _platforms.push('web');
+    }
+    setPlatforms(_platforms);
+    setPlatform(_platforms[0]);
+  }, [data, isInstalled]);
+  useEffect(() => {
+    initializeConnection();
+    let _interval;
+
+    // Check if the pairing expired every 10 seconds. If expired, it will create a new uri.
+    if (isQr) {
+      _interval = setInterval(initializeConnection, ConstantsUtil.TEN_SEC_MS);
+    }
+    return () => clearInterval(_interval);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isQr]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, headerTemplate(), platformTemplate());
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-connecting-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","useState","AccountController","ConnectionController","ConstantsUtil","CoreHelperUtil","ModalController","RouterController","SnackController","OptionsController","ApiController","EventsController","SIWEController","useAppKit","ConnectingQrCode","ConnectingMobile","ConnectingWeb","ConnectingHeader","UiUtil","ConnectingView","connect","installed","state","data","lastRetry","setLastRetry","Date","now","isQr","wallet","isInstalled","find","id","platform","setPlatform","platforms","setPlatforms","onRetry","isAllowedRetry","clearUri","initializeConnection","showError","retry","wcPairingExpiry","isPairingExpired","setWcError","wcPromise","setWcPromise","setIsConnected","isSiweEnabled","status","close","push","error","sendEvent","type","event","properties","message","onCopyUri","uri","isClipboardAvailable","copyToClipboard","showSuccess","onSelectPlatform","tab","createViewTransition","headerTemplate","length","React","createElement","platformTemplate","undefined","_platforms","mobile_link","webapp_link","_interval","setInterval","TEN_SEC_MS","clearInterval","Fragment"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-create-view/index.js

@@ -0,0 +1,51 @@
+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 /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['xs', '0', '0', '0'],
+    style: {
+      paddingBottom
+    }
+  }, isEmailEnabled && /*#__PURE__*/React.createElement(ConnectEmailInput, {
+    loading: authLoading
+  }), isSocialEnabled && /*#__PURE__*/React.createElement(SocialLoginList, {
+    options: features?.socials,
+    disabled: authLoading
+  }), isAuthEnabled && /*#__PURE__*/React.createElement(WalletGuide, {
+    guide: "explore"
+  })));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-create-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","ScrollView","useSnapshot","FlexView","Spacing","ConnectEmailInput","SocialLoginList","WalletGuide","useCustomDimensions","ConnectorController","OptionsController","useKeyboard","CreateView","connectors","state","authLoading","features","padding","keyboardShown","keyboardHeight","isAuthEnabled","some","c","type","isEmailEnabled","email","isSocialEnabled","socials","length","paddingBottom","select","android","xl","default","React","createElement","style","paddingHorizontal","bounces","loading","options","disabled","guide"],"sourceRoot":"../../../../src","sources":["views/w3m-create-view/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,+BAA+B;AACjE,SAASC,iBAAiB,QAAQ,oDAAoD;AACtF,SAASC,eAAe,QAAQ,kDAAkD;AAClF,SAASC,WAAW,QAAQ,6CAA6C;AACzE,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,iCAAiC;AACxF,SAASC,WAAW,QAAQ,yBAAyB;AAErD,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMC,UAAU,GAAGJ,mBAAmB,CAACK,KAAK,CAACD,UAAU;EACvD,MAAM;IAAEE;EAAY,CAAC,GAAGb,WAAW,CAACO,mBAAmB,CAACK,KAAK,CAAC;EAC9D,MAAM;IAAEE;EAAS,CAAC,GAAGd,WAAW,CAACQ,iBAAiB,CAACI,KAAK,CAAC;EACzD,MAAM;IAAEG;EAAQ,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACzC,MAAM;IAAEU,aAAa;IAAEC;EAAe,CAAC,GAAGR,WAAW,CAAC,CAAC;EACvD,MAAMS,aAAa,GAAGP,UAAU,CAACQ,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,MAAM,CAAC;EAC7D,MAAMC,cAAc,GAAGJ,aAAa,IAAIJ,QAAQ,EAAES,KAAK;EACvD,MAAMC,eAAe,GAAGN,aAAa,IAAIJ,QAAQ,EAAEW,OAAO,IAAIX,QAAQ,EAAEW,OAAO,CAACC,MAAM,GAAG,CAAC;EAE1F,MAAMC,aAAa,GAAG7B,QAAQ,CAAC8B,MAAM,CAAC;IACpCC,OAAO,EAAEb,aAAa,GAAGC,cAAc,GAAGf,OAAO,CAAC4B,EAAE,GAAG5B,OAAO,CAAC4B,EAAE;IACjEC,OAAO,EAAE7B,OAAO,CAAC4B;EACnB,CAAC,CAAC;EAEF,oBACEE,KAAA,CAAAC,aAAA,CAAClC,UAAU;IAACmC,KAAK,EAAE;MAAEC,iBAAiB,EAAEpB;IAAQ,CAAE;IAACqB,OAAO,EAAE;EAAM,gBAChEJ,KAAA,CAAAC,aAAA,CAAChC,QAAQ;IAACc,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IAACmB,KAAK,EAAE;MAAEP;IAAc;EAAE,GAChEL,cAAc,iBAAIU,KAAA,CAAAC,aAAA,CAAC9B,iBAAiB;IAACkC,OAAO,EAAExB;EAAY,CAAE,CAAC,EAC7DW,eAAe,iBAAIQ,KAAA,CAAAC,aAAA,CAAC7B,eAAe;IAACkC,OAAO,EAAExB,QAAQ,EAAEW,OAAQ;IAACc,QAAQ,EAAE1B;EAAY,CAAE,CAAC,EACzFK,aAAa,iBAAIc,KAAA,CAAAC,aAAA,CAAC5B,WAAW;IAACmC,KAAK,EAAC;EAAS,CAAE,CACxC,CACA,CAAC;AAEjB"}

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

@@ -0,0 +1,99 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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