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

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectingSocialView = ConnectingSocialView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ConnectingSocialView() {
+  const {
+    maxWidth: width
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const {
+    processingAuth
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WebviewController.state);
+  const {
+    selectedSocialProvider
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionController.state);
+  const authConnector = _appkitCoreReactNative.ConnectorController.getAuthConnector();
+  const [error, setError] = (0, _react.useState)(false);
+  const provider = authConnector?.provider;
+  const onConnect = (0, _react.useCallback)(async () => {
+    try {
+      if (!_appkitCoreReactNative.WebviewController.state.connecting && provider && _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider) {
+        const {
+          uri
+        } = await provider.getSocialRedirectUri({
+          provider: _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider
+        });
+        _appkitCoreReactNative.WebviewController.setWebviewUrl(uri);
+        const isNativeApple = _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider === 'apple' && _reactNative.Platform.OS === 'ios';
+        _appkitCoreReactNative.WebviewController.setWebviewVisible(!isNativeApple);
+        _appkitCoreReactNative.WebviewController.setConnecting(true);
+        _appkitCoreReactNative.WebviewController.setConnectingProvider(_appkitCoreReactNative.ConnectionController.state.selectedSocialProvider);
+      }
+    } catch (e) {
+      _appkitCoreReactNative.WebviewController.setWebviewVisible(false);
+      _appkitCoreReactNative.WebviewController.setWebviewUrl(undefined);
+      _appkitCoreReactNative.WebviewController.setConnecting(false);
+      _appkitCoreReactNative.WebviewController.setConnectingProvider(undefined);
+      _appkitCoreReactNative.SnackController.showError('Something went wrong');
+      setError(true);
+    }
+  }, [provider]);
+  const socialMessageHandler = (0, _react.useCallback)(async url => {
+    try {
+      if (url.includes('/sdk/oauth') && _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider && authConnector && !_appkitCoreReactNative.WebviewController.state.processingAuth) {
+        _appkitCoreReactNative.WebviewController.setProcessingAuth(true);
+        _appkitCoreReactNative.WebviewController.setWebviewVisible(false);
+        const parsedUrl = new URL(url);
+        _appkitCoreReactNative.EventsController.sendEvent({
+          type: 'track',
+          event: 'SOCIAL_LOGIN_REQUEST_USER_DATA',
+          properties: {
+            provider: _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider
+          }
+        });
+        await provider?.connectSocial(parsedUrl.search);
+        await _appkitCoreReactNative.ConnectionController.connectExternal(authConnector);
+        _appkitCoreReactNative.ConnectionController.setConnectedSocialProvider(_appkitCoreReactNative.ConnectionController.state.selectedSocialProvider);
+        _appkitCoreReactNative.WebviewController.setConnecting(false);
+        _appkitCoreReactNative.EventsController.sendEvent({
+          type: 'track',
+          event: 'SOCIAL_LOGIN_SUCCESS',
+          properties: {
+            provider: _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider
+          }
+        });
+        _appkitCoreReactNative.ModalController.close();
+        _appkitCoreReactNative.WebviewController.reset();
+      }
+    } catch (e) {
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_ERROR',
+        properties: {
+          provider: _appkitCoreReactNative.ConnectionController.state.selectedSocialProvider
+        }
+      });
+      _appkitCoreReactNative.WebviewController.reset();
+      _appkitCoreReactNative.RouterController.goBack();
+      _appkitCoreReactNative.SnackController.showError('Something went wrong');
+    }
+  }, [authConnector, provider]);
+  (0, _react.useEffect)(() => {
+    onConnect();
+  }, [onConnect]);
+  (0, _react.useEffect)(() => {
+    if (!provider) return;
+    const unsubscribe = provider?.getEventEmitter().addListener('social', socialMessageHandler);
+    return () => {
+      unsubscribe.removeListener('social', socialMessageHandler);
+    };
+  }, [socialMessageHandler, provider]);
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    alignSelf: "center",
+    padding: ['2xl', 'l', '3xl', 'l'],
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingThumbnail, {
+    paused: !!error
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Logo, {
+    logo: selectedSocialProvider ?? 'more',
+    height: 72,
+    width: 72
+  }), error && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
+    icon: 'close',
+    border: true,
+    background: true,
+    backgroundColor: "icon-box-bg-error-100",
+    size: "sm",
+    iconColor: "error-100",
+    style: _styles.default.errorIcon
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    style: _styles.default.continueText,
+    variant: "paragraph-500"
+  }, processingAuth ? 'Loading user data' : `Continue with ${_appkitCommonReactNative.StringUtil.capitalize(selectedSocialProvider)}`), /*#__PURE__*/React.createElement(_appkitUiReactNative.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/commonjs/views/w3m-connecting-social-view/index.js.map

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  errorIcon: {
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    zIndex: 2
+  },
+  continueText: {
+    marginTop: _appkitUiReactNative.Spacing.m,
+    marginBottom: _appkitUiReactNative.Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","errorIcon","position","bottom","right","zIndex","continueText","marginTop","Spacing","m","marginBottom","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,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,EAAEC,4BAAO,CAACC,CAAC;IACpBC,YAAY,EAAEF,4BAAO,CAACG;EACxB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectingView = ConnectingView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitSiweReactNative = require("@reown/appkit-siwe-react-native");
+var _AppKitContext = require("../../AppKitContext");
+var _w3mConnectingQrcode = require("../../partials/w3m-connecting-qrcode");
+var _w3mConnectingMobile = require("../../partials/w3m-connecting-mobile");
+var _w3mConnectingWeb = require("../../partials/w3m-connecting-web");
+var _w3mConnectingHeader = require("../../partials/w3m-connecting-header");
+var _UiUtil = require("../../utils/UiUtil");
+function ConnectingView() {
+  const {
+    connect
+  } = (0, _AppKitContext.useAppKit)();
+  const {
+    installed
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
+  const {
+    data
+  } = _appkitCoreReactNative.RouterController.state;
+  const [lastRetry, setLastRetry] = (0, _react.useState)(Date.now());
+  const isQr = !data?.wallet;
+  const isInstalled = !!installed?.find(wallet => wallet.id === data?.wallet?.id);
+  const [platform, setPlatform] = (0, _react.useState)();
+  const [platforms, setPlatforms] = (0, _react.useState)([]);
+  const onRetry = () => {
+    if (_appkitCoreReactNative.CoreHelperUtil.isAllowedRetry(lastRetry)) {
+      setLastRetry(Date.now());
+      _appkitCoreReactNative.ConnectionController.clearUri();
+      initializeConnection(true);
+    } else {
+      _appkitCoreReactNative.SnackController.showError('Please wait a second before retrying');
+    }
+  };
+  const initializeConnection = async (retry = false) => {
+    try {
+      const {
+        wcPairingExpiry
+      } = _appkitCoreReactNative.ConnectionController.state;
+      // const { data: routeData } = RouterController.state;
+      if (retry || _appkitCoreReactNative.CoreHelperUtil.isPairingExpired(wcPairingExpiry)) {
+        _appkitCoreReactNative.ConnectionController.setWcError(false);
+        // ConnectionController.connectWalletConnect(routeData?.wallet?.link_mode ?? undefined);
+
+        //TODO: check linkmode
+        const wcPromise = connect('walletconnect');
+        _appkitCoreReactNative.ConnectionController.setWcPromise(wcPromise);
+        await wcPromise;
+        // await ConnectionController.state.wcPromise;
+        // ConnectorController.setConnectedConnector('WALLET_CONNECT');
+        _appkitCoreReactNative.AccountController.setIsConnected(true);
+        if (_appkitCoreReactNative.OptionsController.state.isSiweEnabled) {
+          if (_appkitSiweReactNative.SIWEController.state.status === 'success') {
+            _appkitCoreReactNative.ModalController.close();
+          } else {
+            _appkitCoreReactNative.RouterController.push('ConnectingSiwe');
+          }
+        } else {
+          _appkitCoreReactNative.ModalController.close();
+        }
+      }
+    } catch (error) {
+      _appkitCoreReactNative.ConnectionController.setWcError(true);
+      _appkitCoreReactNative.ConnectionController.clearUri();
+      _appkitCoreReactNative.SnackController.showError('Declined');
+      if (isQr && _appkitCoreReactNative.CoreHelperUtil.isAllowedRetry(lastRetry)) {
+        setLastRetry(Date.now());
+        initializeConnection(true);
+      }
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'CONNECT_ERROR',
+        properties: {
+          message: error?.message ?? 'Unknown'
+        }
+      });
+    }
+  };
+  const onCopyUri = uri => {
+    if (_appkitCoreReactNative.OptionsController.isClipboardAvailable() && uri) {
+      _appkitCoreReactNative.OptionsController.copyToClipboard(uri);
+      _appkitCoreReactNative.SnackController.showSuccess('Link copied');
+    }
+  };
+  const onSelectPlatform = tab => {
+    _UiUtil.UiUtil.createViewTransition();
+    setPlatform(tab);
+  };
+  const headerTemplate = () => {
+    if (isQr) return null;
+    if (platforms.length > 1) {
+      return /*#__PURE__*/React.createElement(_w3mConnectingHeader.ConnectingHeader, {
+        platforms: platforms,
+        onSelectPlatform: onSelectPlatform
+      });
+    }
+    return null;
+  };
+  const platformTemplate = () => {
+    if (isQr) {
+      return /*#__PURE__*/React.createElement(_w3mConnectingQrcode.ConnectingQrCode, null);
+    }
+    switch (platform) {
+      case 'mobile':
+        return /*#__PURE__*/React.createElement(_w3mConnectingMobile.ConnectingMobile, {
+          onRetry: onRetry,
+          onCopyUri: onCopyUri,
+          isInstalled: isInstalled
+        });
+      case 'web':
+        return /*#__PURE__*/React.createElement(_w3mConnectingWeb.ConnectingWeb, {
+          onCopyUri: onCopyUri
+        });
+      default:
+        return undefined;
+    }
+  };
+  (0, _react.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]);
+  (0, _react.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, _appkitCoreReactNative.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/commonjs/views/w3m-connecting-view/index.js.map

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

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateView = CreateView;
+var _reactNative = require("react-native");
+var _valtio = require("valtio");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _connectEmailInput = require("../w3m-connect-view/components/connect-email-input");
+var _socialLoginList = require("../w3m-connect-view/components/social-login-list");
+var _walletGuide = require("../w3m-connect-view/components/wallet-guide");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useKeyboard = require("../../hooks/useKeyboard");
+function CreateView() {
+  const connectors = _appkitCoreReactNative.ConnectorController.state.connectors;
+  const {
+    authLoading
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectorController.state);
+  const {
+    features
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
+  const {
+    padding
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = (0, _useKeyboard.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 = _reactNative.Platform.select({
+    android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing.xl : _appkitUiReactNative.Spacing.xl,
+    default: _appkitUiReactNative.Spacing.xl
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: ['xs', '0', '0', '0'],
+    style: {
+      paddingBottom
+    }
+  }, isEmailEnabled && /*#__PURE__*/React.createElement(_connectEmailInput.ConnectEmailInput, {
+    loading: authLoading
+  }), isSocialEnabled && /*#__PURE__*/React.createElement(_socialLoginList.SocialLoginList, {
+    options: features?.socials,
+    disabled: authLoading
+  }), isAuthEnabled && /*#__PURE__*/React.createElement(_walletGuide.WalletGuide, {
+    guide: "explore"
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_valtio","_appkitUiReactNative","_connectEmailInput","_socialLoginList","_walletGuide","_useCustomDimensions","_appkitCoreReactNative","_useKeyboard","CreateView","connectors","ConnectorController","state","authLoading","useSnapshot","features","OptionsController","padding","useCustomDimensions","keyboardShown","keyboardHeight","useKeyboard","isAuthEnabled","some","c","type","isEmailEnabled","email","isSocialEnabled","socials","length","paddingBottom","Platform","select","android","Spacing","xl","default","React","createElement","ScrollView","style","paddingHorizontal","bounces","FlexView","ConnectEmailInput","loading","SocialLoginList","options","disabled","WalletGuide","guide"],"sourceRoot":"../../../../src","sources":["views/w3m-create-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAEO,SAASS,UAAUA,CAAA,EAAG;EAC3B,MAAMC,UAAU,GAAGC,0CAAmB,CAACC,KAAK,CAACF,UAAU;EACvD,MAAM;IAAEG;EAAY,CAAC,GAAG,IAAAC,mBAAW,EAACH,0CAAmB,CAACC,KAAK,CAAC;EAC9D,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAD,mBAAW,EAACE,wCAAiB,CAACJ,KAAK,CAAC;EACzD,MAAM;IAAEK;EAAQ,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACzC,MAAM;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAG,IAAAC,wBAAW,EAAC,CAAC;EACvD,MAAMC,aAAa,GAAGZ,UAAU,CAACa,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,MAAM,CAAC;EAC7D,MAAMC,cAAc,GAAGJ,aAAa,IAAIP,QAAQ,EAAEY,KAAK;EACvD,MAAMC,eAAe,GAAGN,aAAa,IAAIP,QAAQ,EAAEc,OAAO,IAAId,QAAQ,EAAEc,OAAO,CAACC,MAAM,GAAG,CAAC;EAE1F,MAAMC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IACpCC,OAAO,EAAEf,aAAa,GAAGC,cAAc,GAAGe,4BAAO,CAACC,EAAE,GAAGD,4BAAO,CAACC,EAAE;IACjEC,OAAO,EAAEF,4BAAO,CAACC;EACnB,CAAC,CAAC;EAEF,oBACEE,KAAA,CAAAC,aAAA,CAACxC,YAAA,CAAAyC,UAAU;IAACC,KAAK,EAAE;MAAEC,iBAAiB,EAAEzB;IAAQ,CAAE;IAAC0B,OAAO,EAAE;EAAM,gBAChEL,KAAA,CAAAC,aAAA,CAACrC,oBAAA,CAAA0C,QAAQ;IAAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IAACwB,KAAK,EAAE;MAAEV;IAAc;EAAE,GAChEL,cAAc,iBAAIY,KAAA,CAAAC,aAAA,CAACpC,kBAAA,CAAA0C,iBAAiB;IAACC,OAAO,EAAEjC;EAAY,CAAE,CAAC,EAC7De,eAAe,iBAAIU,KAAA,CAAAC,aAAA,CAACnC,gBAAA,CAAA2C,eAAe;IAACC,OAAO,EAAEjC,QAAQ,EAAEc,OAAQ;IAACoB,QAAQ,EAAEpC;EAAY,CAAE,CAAC,EACzFS,aAAa,iBAAIgB,KAAA,CAAAC,aAAA,CAAClC,YAAA,CAAA6C,WAAW;IAACC,KAAK,EAAC;EAAS,CAAE,CACxC,CACA,CAAC;AAEjB"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  iconContainer: {
+    height: 64,
+    width: 64,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: _appkitUiReactNative.Spacing.xl,
+    marginBottom: _appkitUiReactNative.Spacing['2xl']
+  },
+  headingText: {
+    marginBottom: _appkitUiReactNative.Spacing.s
+  },
+  expiryText: {
+    marginVertical: _appkitUiReactNative.Spacing.l
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","iconContainer","height","width","justifyContent","alignItems","borderRadius","Spacing","xl","marginBottom","headingText","s","expiryText","marginVertical","l"],"sourceRoot":"../../../../src","sources":["views/w3m-email-verify-device-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,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,EAAEC,4BAAO,CAACC,EAAE;IACxBC,YAAY,EAAEF,4BAAO,CAAC,KAAK;EAC7B,CAAC;EACDG,WAAW,EAAE;IACXD,YAAY,EAAEF,4BAAO,CAACI;EACxB,CAAC;EACDC,UAAU,EAAE;IACVC,cAAc,EAAEN,4BAAO,CAACO;EAC1B;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmailVerifyOtpView = EmailVerifyOtpView;
+var _react = require("react");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useTimeout = _interopRequireDefault(require("../../hooks/useTimeout"));
+var _w3mOtpCode = require("../../partials/w3m-otp-code");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function EmailVerifyOtpView() {
+  const {
+    timeLeft,
+    startTimer
+  } = (0, _useTimeout.default)(0);
+  const {
+    data
+  } = _appkitCoreReactNative.RouterController.state;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const authConnector = _appkitCoreReactNative.ConnectorController.getAuthConnector();
+  const onOtpResend = async () => {
+    try {
+      if (!data?.email || !authConnector) return;
+      setLoading(true);
+      const provider = authConnector?.provider;
+      await provider.connectEmail({
+        email: data.email
+      });
+      _appkitCoreReactNative.SnackController.showSuccess('Code resent');
+      startTimer(30);
+      setLoading(false);
+    } catch (e) {
+      const parsedError = _appkitCoreReactNative.CoreHelperUtil.parseError(e);
+      _appkitCoreReactNative.SnackController.showError(parsedError);
+      setLoading(false);
+    }
+  };
+  const onOtpSubmit = async otp => {
+    if (!authConnector) return;
+    setLoading(true);
+    setError('');
+    try {
+      const provider = authConnector?.provider;
+      await provider.connectOtp({
+        otp
+      });
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'EMAIL_VERIFICATION_CODE_PASS'
+      });
+      await _appkitCoreReactNative.ConnectionController.connectExternal(authConnector);
+      _appkitCoreReactNative.ModalController.close();
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'CONNECT_SUCCESS',
+        properties: {
+          method: 'email',
+          name: authConnector.name || 'Unknown'
+        }
+      });
+    } catch (e) {
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'EMAIL_VERIFICATION_CODE_FAIL'
+      });
+      const parsedError = _appkitCoreReactNative.CoreHelperUtil.parseError(e);
+      if (parsedError?.includes('Invalid code')) {
+        setError('Invalid code. Try again.');
+      } else {
+        _appkitCoreReactNative.SnackController.showError(parsedError);
+      }
+    }
+    setLoading(false);
+  };
+  return /*#__PURE__*/React.createElement(_w3mOtpCode.OtpCodeView, {
+    loading: loading,
+    error: error,
+    timeLeft: timeLeft,
+    email: data?.email,
+    onRetry: onOtpResend,
+    onSubmit: onOtpSubmit
+  });
+}
+//# sourceMappingURL=index.js.map

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

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