@web3auth/modal 10.0.6 → 10.1.0

package/dist/lib.cjs/packages/modal/src/config.js

@@ -2,7 +2,7 @@
 
 var noModal = require('@web3auth/no-modal');
 
-const version = "10.0.6";
+const version = "10.1.0";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {

package/dist/lib.cjs/packages/modal/src/modalManager.js

@@ -338,9 +338,8 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       hasExternalConnectors
     } = await this.checkConnectorAvailability(filteredConnectorNames);
     const filteredConnectors = connectors.filter(x => filteredConnectorNames.includes(x.name));
-    if (hasInAppConnectors) {
-      await this.initInAppAndCachedConnectors(filteredConnectors);
-    }
+    // initialize in-app and cached connector (if there are only external connectors enabled)
+    await this.initInAppAndCachedConnectors(filteredConnectors);
     if (hasExternalConnectors) {
       if (hasInAppConnectors) {
         // show connect button if both in-app and external wallets are available

package/dist/lib.cjs/packages/modal/src/ui/components/Login/Login.js

@@ -12,6 +12,7 @@ var constants = require('../../constants.js');
 var AnalyticsContext = require('../../context/AnalyticsContext.js');
 var RootContext = require('../../context/RootContext.js');
 var factory = require('../../handlers/factory.js');
+var testAccounts = require('../../helper/testAccounts.js');
 var localeImport = require('../../localeImport.js');
 var utils = require('../../utils.js');
 var Image = require('../Image/Image.js');
@@ -162,7 +163,6 @@ function Login(props) {
   }, [socialLoginsConfig, isDark, buttonRadius]);
   const handleCustomLogin = async (authConnection, loginHint) => {
     try {
-      var _captchaRef$current;
       const handler = factory.createPasswordlessHandler(authConnection, {
         loginHint,
         web3authClientId,
@@ -171,13 +171,17 @@ function Login(props) {
         authConnection,
         authBuildEnv
       });
-      const res = await ((_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 ? void 0 : _captchaRef$current.execute({
-        async: true
-      }));
-      if (!res) {
-        throw noModal.WalletLoginError.connectionError("Captcha token is required");
+      let token = undefined;
+      if (!testAccounts.isTestAccountPattern(authConnection, loginHint)) {
+        var _captchaRef$current;
+        const res = await ((_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 ? void 0 : _captchaRef$current.execute({
+          async: true
+        }));
+        if (!res) {
+          throw noModal.WalletLoginError.connectionError("Captcha token is required");
+        }
+        token = res.response;
       }
-      const token = res.response;
       const result = await handler.sendVerificationCode({
         captchaToken: token
       });

package/dist/lib.cjs/packages/modal/src/ui/handlers/SmsPasswordlessHandler.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var noModal = require('@web3auth/no-modal');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var AbstractHandler = require('./AbstractHandler.js');
 
 class SmsPasswordlessHandler extends AbstractHandler.PasswordlessHandler {
@@ -11,18 +11,15 @@ class SmsPasswordlessHandler extends AbstractHandler.PasswordlessHandler {
       this.trackingId = (_window$sessionStorag = window.sessionStorage.getItem("trackingId")) !== null && _window$sessionStorag !== void 0 ? _window$sessionStorag : undefined;
     }
   }
-  async sendVerificationCode(params) {
-    var _params$captchaToken;
+  async sendVerificationCode({
+    captchaToken
+  }) {
     const {
       loginHint,
       network,
       web3authClientId
     } = this.passwordlessParams;
-    const captchaToken = (_params$captchaToken = params === null || params === void 0 ? void 0 : params.captchaToken) !== null && _params$captchaToken !== void 0 ? _params$captchaToken : "";
-    if (!captchaToken) {
-      throw noModal.WalletLoginError.connectionError("Captcha token is required");
-    }
-    const finalParams = {
+    const finalParams = _objectSpread({
       client_id: web3authClientId,
       web3auth_client_id: web3authClientId,
       connection: this.connection,
@@ -30,9 +27,10 @@ class SmsPasswordlessHandler extends AbstractHandler.PasswordlessHandler {
       tracking_id: this.trackingId,
       whitelabel: this.whiteLabelParams,
       version: this.version,
-      network,
+      network
+    }, captchaToken && {
       captcha_token: captchaToken
-    };
+    });
     return super.start(finalParams);
   }
   async verifyCode(code) {

package/dist/lib.cjs/packages/modal/src/ui/helper/testAccounts.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var auth = require('@web3auth/auth');
+var noModal = require('@web3auth/no-modal');
+
+const EMAIL_TEST_ACCOUNT_PREFIX = "test_account_";
+const EMAIL_TEST_ACCOUNT_POSTFIX = "@example.com";
+const PHONE_TEST_ACCOUNT_PREFIX = "+1-555";
+const isTestAccountPattern = (authConnection, loginHint) => {
+  if (authConnection === auth.AUTH_CONNECTION.EMAIL_PASSWORDLESS) {
+    return loginHint.startsWith(EMAIL_TEST_ACCOUNT_PREFIX) && loginHint.endsWith(EMAIL_TEST_ACCOUNT_POSTFIX);
+  } else if (authConnection === auth.AUTH_CONNECTION.SMS_PASSWORDLESS) {
+    return loginHint.startsWith(PHONE_TEST_ACCOUNT_PREFIX);
+  }
+  throw noModal.WalletInitializationError.invalidParams(`Unsupported auth connection: ${authConnection}`);
+};
+
+exports.isTestAccountPattern = isTestAccountPattern;

package/dist/lib.cjs/packages/modal/src/ui/i18n/dutch.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limiet bereikt",
   "error-recaptcha-verification-failed": "Er is iets misgegaan tijdens het verifiëren. Probeer het opnieuw door de pagina te laden.",
   "error-sending-sms-failed": "Er is een fout opgetreden bij het verzenden van een sms. Probeer het opnieuw.",
+  "error-invalid-test-account": "Ongeldig testaccount",
   "something-wrong-error": "Er is iets misgegaan"
 };
 var dutch = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/english.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limit Reached",
   "error-recaptcha-verification-failed": "Captcha verification failed. Please try again.",
   "error-sending-sms-failed": "There was an error sending an sms. Please try again.",
+  "error-invalid-test-account": "Invalid test account",
   "something-wrong-error": "Something went wrong"
 };
 var en = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/french.json.js

@@ -109,6 +109,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limite atteinte",
   "error-recaptcha-verification-failed": "La vérification Captcha a échoué. Veuillez réessayer.",
   "error-sending-sms-failed": "Une erreur s'est produite lors de l'envoi d'un SMS. Veuillez réessayer.",
+  "error-invalid-test-account": "Compte de test non valide",
   "something-wrong-error": "Quelque chose s'est mal passé"
 };
 var french = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/german.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Grenze erreicht",
   "error-recaptcha-verification-failed": "Die Captcha-Überprüfung ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
   "error-sending-sms-failed": "Es gab einen Fehler beim Senden einer SMS. Bitte versuche es erneut.",
+  "error-invalid-test-account": "Ungültiges Testkonto",
   "something-wrong-error": "Etwas ist schief gelaufen"
 };
 var german = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/japanese.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 制限に達しました",
   "error-recaptcha-verification-failed": "Captcha 検証に失敗しました。もう一度試してください。",
   "error-sending-sms-failed": "SMSの送信エラーがありました。もう一度やり直してください。",
+  "error-invalid-test-account": "無効なテストアカウント",
   "something-wrong-error": "何かがうまくいかなかった"
 };
 var japanese = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/korean.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 제한에 도달했습니다",
   "error-recaptcha-verification-failed": "Captcha 인증에 실패했습니다. 다시 시도해 주세요.",
   "error-sending-sms-failed": "SMS 전송 중 오류가 발생했습니다. 다시 시도해 주세요.",
+  "error-invalid-test-account": "잘못된 테스트 계정입니다",
   "something-wrong-error": "문제가 발생했습니다"
 };
 var korean = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/mandarin.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 限制已达到",
   "error-recaptcha-verification-failed": "Captcha 验证失败。请再试一次。",
   "error-sending-sms-failed": "发送短信的错误。请再试一遍。",
+  "error-invalid-test-account": "测试账户无效",
   "something-wrong-error": "出问题了"
 };
 var mandarin = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/portuguese.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limite atingido",
   "error-recaptcha-verification-failed": "A verificação Captcha falhou. Por favor, tente novamente.",
   "error-sending-sms-failed": "Houve um erro de envio de um SMS. Por favor, tente novamente.",
+  "error-invalid-test-account": "Conta de teste inválida",
   "something-wrong-error": "Algo deu errado"
 };
 var portuguese = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/spanish.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Límite alcanzado",
   "error-recaptcha-verification-failed": "La verificación de Captcha ha fallado. Por favor, inténtelo de nuevo.",
   "error-sending-sms-failed": "Hubo un error al enviar el SMS. Inténtalo de nuevo.",
+  "error-invalid-test-account": "Cuenta de prueba no válida",
   "something-wrong-error": "Algo salió mal"
 };
 var spanish = {

package/dist/lib.cjs/packages/modal/src/ui/i18n/turkish.json.js

@@ -111,6 +111,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Sınır aşıldı",
   "error-recaptcha-verification-failed": "Captcha doğrulama hatası. Lütfen tekrar deneyin.",
   "error-sending-sms-failed": "SMS gönderilirken bir hata oldu. Lütfen tekrar deneyin.",
+  "error-invalid-test-account": "Geçersiz test hesabı",
   "something-wrong-error": "Bir şeyler ters gitti"
 };
 var turkish = {

package/dist/lib.cjs/packages/modal/src/ui/utils.js

@@ -149,6 +149,8 @@ const getErrorMessages = errorCode => {
       return "passwordless.error-plan-limit-reached";
     case "E412":
       return "passwordless.error-recaptcha-verification-failed";
+    case "E502":
+      return "passwordless.error-invalid-test-account";
     default:
       return "passwordless.something-wrong-error";
   }

package/dist/lib.cjs/types/ui/handlers/SmsPasswordlessHandler.d.ts

@@ -2,8 +2,8 @@ import { PasswordlessHandlerParams } from "../interfaces";
 import { PasswordlessHandler } from "./AbstractHandler";
 export default class SmsPasswordlessHandler extends PasswordlessHandler {
     constructor(params: PasswordlessHandlerParams);
-    sendVerificationCode(params?: {
-        captchaToken: string;
+    sendVerificationCode({ captchaToken }: {
+        captchaToken?: string;
     }): Promise<import("..").IStartResponse>;
     verifyCode(code: string): Promise<import("..").IVerifyResponse>;
 }

package/dist/lib.cjs/types/ui/helper/testAccounts.d.ts

@@ -0,0 +1,2 @@
+import { AUTH_CONNECTION_TYPE } from "@web3auth/auth";
+export declare const isTestAccountPattern: (authConnection: AUTH_CONNECTION_TYPE, loginHint: string) => boolean;

package/dist/lib.esm/packages/modal/src/config.js

@@ -1,6 +1,6 @@
 import { EVM_CONNECTORS } from '@web3auth/no-modal';
 
-const version = "10.0.6";
+const version = "10.1.0";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {

package/dist/lib.esm/packages/modal/src/modalManager.js

@@ -351,9 +351,9 @@ class Web3Auth extends Web3AuthNoModal {
       hasExternalConnectors
     } = await this.checkConnectorAvailability(filteredConnectorNames);
     const filteredConnectors = connectors.filter(x => filteredConnectorNames.includes(x.name));
-    if (hasInAppConnectors) {
-      await this.initInAppAndCachedConnectors(filteredConnectors);
-    }
+
+    // initialize in-app and cached connector (if there are only external connectors enabled)
+    await this.initInAppAndCachedConnectors(filteredConnectors);
     if (hasExternalConnectors) {
       if (hasInAppConnectors) {
         // show connect button if both in-app and external wallets are available

package/dist/lib.esm/packages/modal/src/ui/components/Login/Login.js

@@ -9,6 +9,7 @@ import { DEFAULT_LOGO_DARK, DEFAULT_LOGO_LIGHT } from '../../constants.js';
 import { AnalyticsContext } from '../../context/AnalyticsContext.js';
 import { RootContext } from '../../context/RootContext.js';
 import { createPasswordlessHandler } from '../../handlers/factory.js';
+import { isTestAccountPattern } from '../../helper/testAccounts.js';
 import i18nInstance from '../../localeImport.js';
 import { cn, getUserCountry, getIcons, validatePhoneNumber } from '../../utils.js';
 import Image from '../Image/Image.js';
@@ -163,7 +164,6 @@ function Login(props) {
   }, [socialLoginsConfig, isDark, buttonRadius]);
   const handleCustomLogin = async (authConnection, loginHint) => {
     try {
-      var _captchaRef$current;
       const handler = createPasswordlessHandler(authConnection, {
         loginHint,
         web3authClientId,
@@ -172,13 +172,17 @@ function Login(props) {
         authConnection,
         authBuildEnv
       });
-      const res = await ((_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 ? void 0 : _captchaRef$current.execute({
-        async: true
-      }));
-      if (!res) {
-        throw WalletLoginError.connectionError("Captcha token is required");
+      let token = undefined;
+      if (!isTestAccountPattern(authConnection, loginHint)) {
+        var _captchaRef$current;
+        const res = await ((_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 ? void 0 : _captchaRef$current.execute({
+          async: true
+        }));
+        if (!res) {
+          throw WalletLoginError.connectionError("Captcha token is required");
+        }
+        token = res.response;
       }
-      const token = res.response;
       const result = await handler.sendVerificationCode({
         captchaToken: token
       });

package/dist/lib.esm/packages/modal/src/ui/handlers/SmsPasswordlessHandler.js

@@ -1,4 +1,4 @@
-import { WalletLoginError } from '@web3auth/no-modal';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { PasswordlessHandler } from './AbstractHandler.js';
 
 class SmsPasswordlessHandler extends PasswordlessHandler {
@@ -9,18 +9,15 @@ class SmsPasswordlessHandler extends PasswordlessHandler {
       this.trackingId = (_window$sessionStorag = window.sessionStorage.getItem("trackingId")) !== null && _window$sessionStorag !== void 0 ? _window$sessionStorag : undefined;
     }
   }
-  async sendVerificationCode(params) {
-    var _params$captchaToken;
+  async sendVerificationCode({
+    captchaToken
+  }) {
     const {
       loginHint,
       network,
       web3authClientId
     } = this.passwordlessParams;
-    const captchaToken = (_params$captchaToken = params === null || params === void 0 ? void 0 : params.captchaToken) !== null && _params$captchaToken !== void 0 ? _params$captchaToken : "";
-    if (!captchaToken) {
-      throw WalletLoginError.connectionError("Captcha token is required");
-    }
-    const finalParams = {
+    const finalParams = _objectSpread({
       client_id: web3authClientId,
       web3auth_client_id: web3authClientId,
       connection: this.connection,
@@ -28,9 +25,10 @@ class SmsPasswordlessHandler extends PasswordlessHandler {
       tracking_id: this.trackingId,
       whitelabel: this.whiteLabelParams,
       version: this.version,
-      network,
+      network
+    }, captchaToken && {
       captcha_token: captchaToken
-    };
+    });
     return super.start(finalParams);
   }
   async verifyCode(code) {

package/dist/lib.esm/packages/modal/src/ui/helper/testAccounts.js

@@ -0,0 +1,16 @@
+import { AUTH_CONNECTION } from '@web3auth/auth';
+import { WalletInitializationError } from '@web3auth/no-modal';
+
+const EMAIL_TEST_ACCOUNT_PREFIX = "test_account_";
+const EMAIL_TEST_ACCOUNT_POSTFIX = "@example.com";
+const PHONE_TEST_ACCOUNT_PREFIX = "+1-555";
+const isTestAccountPattern = (authConnection, loginHint) => {
+  if (authConnection === AUTH_CONNECTION.EMAIL_PASSWORDLESS) {
+    return loginHint.startsWith(EMAIL_TEST_ACCOUNT_PREFIX) && loginHint.endsWith(EMAIL_TEST_ACCOUNT_POSTFIX);
+  } else if (authConnection === AUTH_CONNECTION.SMS_PASSWORDLESS) {
+    return loginHint.startsWith(PHONE_TEST_ACCOUNT_PREFIX);
+  }
+  throw WalletInitializationError.invalidParams(`Unsupported auth connection: ${authConnection}`);
+};
+
+export { isTestAccountPattern };

package/dist/lib.esm/packages/modal/src/ui/i18n/dutch.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limiet bereikt",
   "error-recaptcha-verification-failed": "Er is iets misgegaan tijdens het verifiëren. Probeer het opnieuw door de pagina te laden.",
   "error-sending-sms-failed": "Er is een fout opgetreden bij het verzenden van een sms. Probeer het opnieuw.",
+  "error-invalid-test-account": "Ongeldig testaccount",
   "something-wrong-error": "Er is iets misgegaan"
 };
 var dutch = {

package/dist/lib.esm/packages/modal/src/ui/i18n/english.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limit Reached",
   "error-recaptcha-verification-failed": "Captcha verification failed. Please try again.",
   "error-sending-sms-failed": "There was an error sending an sms. Please try again.",
+  "error-invalid-test-account": "Invalid test account",
   "something-wrong-error": "Something went wrong"
 };
 var en = {

package/dist/lib.esm/packages/modal/src/ui/i18n/french.json.js

@@ -105,6 +105,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limite atteinte",
   "error-recaptcha-verification-failed": "La vérification Captcha a échoué. Veuillez réessayer.",
   "error-sending-sms-failed": "Une erreur s'est produite lors de l'envoi d'un SMS. Veuillez réessayer.",
+  "error-invalid-test-account": "Compte de test non valide",
   "something-wrong-error": "Quelque chose s'est mal passé"
 };
 var french = {

package/dist/lib.esm/packages/modal/src/ui/i18n/german.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Grenze erreicht",
   "error-recaptcha-verification-failed": "Die Captcha-Überprüfung ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
   "error-sending-sms-failed": "Es gab einen Fehler beim Senden einer SMS. Bitte versuche es erneut.",
+  "error-invalid-test-account": "Ungültiges Testkonto",
   "something-wrong-error": "Etwas ist schief gelaufen"
 };
 var german = {

package/dist/lib.esm/packages/modal/src/ui/i18n/japanese.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 制限に達しました",
   "error-recaptcha-verification-failed": "Captcha 検証に失敗しました。もう一度試してください。",
   "error-sending-sms-failed": "SMSの送信エラーがありました。もう一度やり直してください。",
+  "error-invalid-test-account": "無効なテストアカウント",
   "something-wrong-error": "何かがうまくいかなかった"
 };
 var japanese = {

package/dist/lib.esm/packages/modal/src/ui/i18n/korean.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 제한에 도달했습니다",
   "error-recaptcha-verification-failed": "Captcha 인증에 실패했습니다. 다시 시도해 주세요.",
   "error-sending-sms-failed": "SMS 전송 중 오류가 발생했습니다. 다시 시도해 주세요.",
+  "error-invalid-test-account": "잘못된 테스트 계정입니다",
   "something-wrong-error": "문제가 발생했습니다"
 };
 var korean = {

package/dist/lib.esm/packages/modal/src/ui/i18n/mandarin.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. 限制已达到",
   "error-recaptcha-verification-failed": "Captcha 验证失败。请再试一次。",
   "error-sending-sms-failed": "发送短信的错误。请再试一遍。",
+  "error-invalid-test-account": "测试账户无效",
   "something-wrong-error": "出问题了"
 };
 var mandarin = {

package/dist/lib.esm/packages/modal/src/ui/i18n/portuguese.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Limite atingido",
   "error-recaptcha-verification-failed": "A verificação Captcha falhou. Por favor, tente novamente.",
   "error-sending-sms-failed": "Houve um erro de envio de um SMS. Por favor, tente novamente.",
+  "error-invalid-test-account": "Conta de teste inválida",
   "something-wrong-error": "Algo deu errado"
 };
 var portuguese = {

package/dist/lib.esm/packages/modal/src/ui/i18n/spanish.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Límite alcanzado",
   "error-recaptcha-verification-failed": "La verificación de Captcha ha fallado. Por favor, inténtelo de nuevo.",
   "error-sending-sms-failed": "Hubo un error al enviar el SMS. Inténtalo de nuevo.",
+  "error-invalid-test-account": "Cuenta de prueba no válida",
   "something-wrong-error": "Algo salió mal"
 };
 var spanish = {

package/dist/lib.esm/packages/modal/src/ui/i18n/turkish.json.js

@@ -107,6 +107,7 @@ var passwordless = {
   "error-plan-limit-reached": "E411. Sınır aşıldı",
   "error-recaptcha-verification-failed": "Captcha doğrulama hatası. Lütfen tekrar deneyin.",
   "error-sending-sms-failed": "SMS gönderilirken bir hata oldu. Lütfen tekrar deneyin.",
+  "error-invalid-test-account": "Geçersiz test hesabı",
   "something-wrong-error": "Bir şeyler ters gitti"
 };
 var turkish = {

package/dist/lib.esm/packages/modal/src/ui/utils.js

@@ -151,6 +151,8 @@ const getErrorMessages = errorCode => {
       return "passwordless.error-plan-limit-reached";
     case "E412":
       return "passwordless.error-recaptcha-verification-failed";
+    case "E502":
+      return "passwordless.error-invalid-test-account";
     default:
       return "passwordless.something-wrong-error";
   }