@web3auth/modal 10.9.0 → 10.10.0

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

@@ -2,8 +2,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import './css/index.css.js';
-import { LANGUAGES, applyWhiteLabelTheme, SafeEventEmitter } from '@web3auth/auth';
-import { log, WIDGET_TYPE, WalletInitializationError, WALLET_CONNECTORS, ANALYTICS_EVENTS, getWhitelabelAnalyticsProperties, CONNECTOR_EVENTS, LOGIN_MODE } from '@web3auth/no-modal';
+import { LANGUAGES, applyWhiteLabelTheme, THEME_MODES, SafeEventEmitter } from '@web3auth/auth';
+import { log, WIDGET_TYPE, WalletInitializationError, WALLET_CONNECTORS, ANALYTICS_EVENTS, getWhitelabelAnalyticsProperties, CONNECTOR_EVENTS, LOGIN_MODE, CONNECTOR_INITIAL_AUTHENTICATION_MODE } from '@web3auth/no-modal';
 import Bowser from 'bowser';
 import { createRoot } from 'react-dom/client';
 import { getLoginModalAnalyticsProperties } from '../utils.js';
@@ -163,9 +163,11 @@ class LoginModal {
               deviceDetails: this.deviceDetails,
               handleShowExternalWallets: this.handleShowExternalWallets,
               handleExternalWalletClick: this.handleExternalWalletClick,
+              handleMobileVerifyConnect: this.handleMobileVerifyConnect,
               handleSocialLoginClick: this.handleSocialLoginClick,
               closeModal: this.closeModal,
-              uiConfig: this.uiConfig
+              uiConfig: this.uiConfig,
+              initialAuthenticationMode: this.uiConfig.initialAuthenticationMode
             })
           })
         }));
@@ -256,6 +258,17 @@ class LoginModal {
         });
       }
     });
+    _defineProperty(this, "handleMobileVerifyConnect", params => {
+      log.info("mobile verify connect clicked", params);
+      const {
+        connector
+      } = params;
+      if (this.callbacks.onMobileVerifyConnect) {
+        this.callbacks.onMobileVerifyConnect({
+          connector
+        });
+      }
+    });
     _defineProperty(this, "handleSocialLoginClick", params => {
       var _this$analytics3;
       log.info("social login clicked", params);
@@ -356,11 +369,21 @@ class LoginModal {
       listener.on(CONNECTOR_EVENTS.CONNECTOR_DATA_UPDATED, connectorData => {
         this.handleConnectorData(connectorData);
       });
+      listener.on(CONNECTOR_EVENTS.AUTHORIZING, () => {
+        this.setState({
+          status: MODAL_STATUS.AUTHORIZING
+        });
+      });
+      listener.on(CONNECTOR_EVENTS.AUTHORIZED, () => {
+        this.setState({
+          status: MODAL_STATUS.AUTHORIZED
+        });
+      });
     });
     this.uiConfig = _uiConfig;
     if (!_uiConfig.logoDark) this.uiConfig.logoDark = DEFAULT_LOGO_DARK;
     if (!_uiConfig.logoLight) this.uiConfig.logoLight = DEFAULT_LOGO_LIGHT;
-    if (!_uiConfig.mode) this.uiConfig.mode = "light";
+    if (!_uiConfig.mode) this.uiConfig.mode = THEME_MODES.light;
     if (!_uiConfig.modalZIndex) this.uiConfig.modalZIndex = "99998";
     if (typeof _uiConfig.displayErrorsOnModal === "undefined") this.uiConfig.displayErrorsOnModal = true;
     if (!_uiConfig.appName) this.uiConfig.appName = "Web3Auth";
@@ -368,6 +391,7 @@ class LoginModal {
     if (!_uiConfig.primaryButton) this.uiConfig.primaryButton = "socialLogin";
     if (!_uiConfig.defaultLanguage) this.uiConfig.defaultLanguage = getUserLanguage(_uiConfig.defaultLanguage);
     if (!_uiConfig.widgetType) this.uiConfig.widgetType = WIDGET_TYPE.MODAL;
+    if (!_uiConfig.initialAuthenticationMode) this.uiConfig.initialAuthenticationMode = CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_ONLY;
     if (_uiConfig.widgetType === WIDGET_TYPE.EMBED && !_uiConfig.targetId) {
       log.error("targetId is required for embed widget");
       throw WalletInitializationError.invalidParams("targetId is required for embed widget");

package/dist/lib.esm/packages/modal/src/vue/WalletServicesInnerProvider.js

@@ -26,7 +26,7 @@ const WalletServicesInnerProvider = defineComponent({
       if (newIsConnected) {
         var _walletServicesPlugin;
         const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-        if (!walletServicesPlugin.value) walletServicesPlugin.value = plugin;
+        walletServicesPlugin.value = plugin;
         // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
         if (((_walletServicesPlugin = walletServicesPlugin.value) === null || _walletServicesPlugin === void 0 ? void 0 : _walletServicesPlugin.status) === CONNECTOR_STATUS.CONNECTED) ready.value = true;
       }

package/dist/lib.esm/packages/modal/src/vue/Web3AuthProvider.js

@@ -1,4 +1,4 @@
-import { ANALYTICS_INTEGRATION_TYPE, CONNECTOR_EVENTS, Web3AuthContextKey, CONNECTOR_STATUS, WalletInitializationError } from '@web3auth/no-modal';
+import { ANALYTICS_INTEGRATION_TYPE, log, CONNECTOR_EVENTS, Web3AuthContextKey, CONNECTOR_STATUS, WalletInitializationError } from '@web3auth/no-modal';
 import { defineComponent, h, shallowRef, ref, watch, provide } from 'vue';
 import { Web3Auth } from '../modalManager.js';
 import { WalletServicesInnerProvider } from './WalletServicesInnerProvider.js';
@@ -16,6 +16,7 @@ const Web3AuthProvider = defineComponent({
     const provider = ref(null);
     const isMFAEnabled = ref(false);
     const status = ref(null);
+    const isAuthorized = ref(false);
     const isInitializing = ref(false);
     const initError = ref(null);
     const isInitialized = ref(false);
@@ -32,6 +33,7 @@ const Web3AuthProvider = defineComponent({
         provider.value = null;
         isMFAEnabled.value = false;
         isConnected.value = false;
+        isAuthorized.value = false;
         status.value = null;
       };
       onInvalidate(() => {
@@ -66,6 +68,7 @@ const Web3AuthProvider = defineComponent({
             signal: controller.signal
           });
         } catch (error) {
+          log.error("Error initializing web3auth", error);
           initError.value = error;
         } finally {
           isInitializing.value = false;
@@ -96,15 +99,19 @@ const Web3AuthProvider = defineComponent({
         isConnected.value = false;
         provider.value = null;
         isMFAEnabled.value = false;
+        isAuthorized.value = false;
       };
       const connectingListener = () => {
         status.value = web3Auth.value.status;
       };
       const errorListener = () => {
         status.value = web3Auth.value.status;
-        if (isConnected.value) {
-          isConnected.value = false;
-          provider.value = null;
+      };
+      const authorizedListener = () => {
+        status.value = web3Auth.value.status;
+        if (web3Auth.value.status === CONNECTOR_STATUS.AUTHORIZED) {
+          isConnected.value = true;
+          isAuthorized.value = true;
         }
       };
       const mfaEnabledListener = () => {
@@ -116,6 +123,7 @@ const Web3AuthProvider = defineComponent({
         prevWeb3Auth.off(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
         prevWeb3Auth.off(CONNECTOR_EVENTS.READY, readyListener);
         prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTED, connectedListener);
+        prevWeb3Auth.off(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
         prevWeb3Auth.off(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTING, connectingListener);
         prevWeb3Auth.off(CONNECTOR_EVENTS.ERRORED, errorListener);
@@ -128,6 +136,7 @@ const Web3AuthProvider = defineComponent({
         newWeb3Auth.on(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.READY, readyListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTED, connectedListener);
+        newWeb3Auth.on(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTING, connectingListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.ERRORED, errorListener);
@@ -140,6 +149,7 @@ const Web3AuthProvider = defineComponent({
     provide(Web3AuthContextKey, {
       web3Auth,
       isConnected,
+      isAuthorized,
       isInitialized,
       provider,
       status,

package/dist/lib.esm/packages/modal/src/vue/composables/useCheckout.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useCheckout = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showCheckout(showCheckoutParams);
     } catch (err) {
+      log.error("Error showing checkout", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useEnableMFA.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useEnableMFA = () => {
       loading.value = true;
       await web3Auth.value.enableMFA();
     } catch (err) {
+      log.error("Error enabling MFA", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useFunding.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useFunding = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showFunding(showFundingParams);
     } catch (err) {
+      log.error("Error showing funding", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useIdentityToken.js

@@ -1,11 +1,11 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
 const useIdentityToken = () => {
   const {
     web3Auth,
-    isConnected
+    isAuthorized
   } = useWeb3AuthInner();
   const loading = ref(false);
   const error = ref(null);
@@ -21,15 +21,22 @@ const useIdentityToken = () => {
       }
       return result === null || result === void 0 ? void 0 : result.idToken;
     } catch (err) {
+      log.error("Error getting identity token", err);
       error.value = err;
     } finally {
       loading.value = false;
     }
   };
-  watch(isConnected, newIsConnected => {
-    if (!newIsConnected && token.value) {
+  watch(isAuthorized, newIsAuthorized => {
+    if (!web3Auth.value) return;
+    if (!newIsAuthorized && token.value) {
       token.value = null;
     }
+    if (newIsAuthorized && !token.value) {
+      token.value = web3Auth.value.idToken;
+    }
+  }, {
+    immediate: true
   });
   return {
     loading,

package/dist/lib.esm/packages/modal/src/vue/composables/useManageMFA.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useManageMFA = () => {
       loading.value = true;
       await web3Auth.value.manageMFA();
     } catch (err) {
+      log.error("Error managing MFA", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useReceive.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useReceive = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showReceive(showReceiveParams);
     } catch (err) {
+      log.error("Error showing receive", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useSwap.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useSwap = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showSwap(showSwapParams);
     } catch (err) {
+      log.error("Error showing swap", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useSwitchChain.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useSwitchChain = () => {
       loading.value = true;
       await web3Auth.value.switchChain(chainParams);
     } catch (err) {
+      log.error("Error switching chain", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWalletConnectScanner.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useWalletConnectScanner = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
     } catch (err) {
+      log.error("Error showing wallet connect scanner", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWalletUI.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useWalletUI = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showWalletUi(showWalletUiParams);
     } catch (err) {
+      log.error("Error showing wallet UI", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthConnect.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -30,6 +30,7 @@ const useWeb3AuthConnect = () => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting", err);
       error.value = err;
       return null;
     } finally {
@@ -45,6 +46,7 @@ const useWeb3AuthConnect = () => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting to", err);
       error.value = err;
       return null;
     } finally {

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthDisconnect.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useWeb3AuthDisconnect = () => {
       loading.value = true;
       await web3Auth.value.logout(options);
     } catch (err) {
+      log.error("Error disconnecting", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthUser.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -21,6 +21,7 @@ const useWeb3AuthUser = () => {
       userInfo.value = result;
       return result;
     } catch (err) {
+      log.error("Error getting user info", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignAndSendTransaction.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -18,6 +18,7 @@ const useSignAndSendTransaction = () => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing and sending transaction", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignMessage.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -20,6 +20,7 @@ const useSignMessage = () => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing message", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignTransaction.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -18,6 +18,7 @@ const useSignTransaction = () => {
       data.value = signedTransaction;
       return signedTransaction;
     } catch (err) {
+      log.error("Error signing transaction", err);
       error.value = err;
     } finally {
       loading.value = false;