@web3auth/no-modal 10.13.2 → 10.14.0

package/dist/lib.cjs/base/utils.js

@@ -147,7 +147,7 @@ const getWalletServicesAnalyticsProperties = walletServicesConfig => {
     ws_default_portfolio: walletServicesConfig === null || walletServicesConfig === void 0 || (_walletServicesConfig10 = walletServicesConfig.whiteLabel) === null || _walletServicesConfig10 === void 0 ? void 0 : _walletServicesConfig10.defaultPortfolio
   };
 };
-const sdkVersion = "10.13.2";
+const sdkVersion = "10.14.0";
 const getErrorAnalyticsProperties = error => {
   try {
     const code = error instanceof index.Web3AuthError ? error.code : error === null || error === void 0 ? void 0 : error.code;

package/dist/lib.cjs/types/vue/composables/useChain.d.ts

@@ -1,7 +1,7 @@
-import { ComputedRef } from "vue";
+import { Ref } from "vue";
 import { ChainNamespaceType } from "../../base";
 export type IUseChain = {
-    chainId: ComputedRef<string | null>;
-    chainNamespace: ComputedRef<ChainNamespaceType | null>;
+    chainId: Ref<string | null>;
+    chainNamespace: Ref<ChainNamespaceType | null>;
 };
 export declare const useChain: () => IUseChain;

package/dist/lib.cjs/types/vue/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ShallowRef } from "vue";
-import type { CONNECTOR_STATUS_TYPE, IPlugin, IProvider, IWeb3AuthCoreOptions } from "../base";
+import type { ChainNamespaceType, CONNECTOR_STATUS_TYPE, IPlugin, IProvider, IWeb3AuthCoreOptions } from "../base";
 import type { Web3AuthNoModal } from "../noModal";
 import { WalletServicesPluginType } from "../plugins/wallet-services-plugin";
 export type Web3AuthContextConfig = {
@@ -17,6 +17,8 @@ interface IBaseWeb3AuthComposableContext {
     isInitialized: Ref<boolean>;
     status: Ref<CONNECTOR_STATUS_TYPE | null>;
     isMFAEnabled: Ref<boolean>;
+    chainId: Ref<string | null>;
+    chainNamespace: Ref<ChainNamespaceType | null>;
     getPlugin: (pluginName: string) => IPlugin | null;
     setIsMFAEnabled: (isMfaEnabled: boolean) => void;
 }

package/dist/lib.cjs/vue/Web3AuthProvider.js

@@ -32,6 +32,8 @@ const Web3AuthProvider = vue.defineComponent({
     const provider = vue.ref(null);
     const isMFAEnabled = vue.ref(false);
     const status = vue.ref(null);
+    const chainId = vue.ref(null);
+    const chainNamespace = vue.ref(null);
     const isInitializing = vue.ref(false);
     const initError = vue.ref(null);
     const isInitialized = vue.ref(false);
@@ -51,6 +53,8 @@ const Web3AuthProvider = vue.defineComponent({
         isConnected.value = false;
         isAuthorized.value = false;
         status.value = null;
+        chainId.value = null;
+        chainNamespace.value = null;
       };
       onInvalidate(() => {
         if (web3Auth.value) {
@@ -104,9 +108,12 @@ const Web3AuthProvider = vue.defineComponent({
         status.value = web3Auth.value.status;
         // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
         if (web3Auth.value.status === constants.CONNECTOR_STATUS.CONNECTED) {
+          var _web3Auth$value$curre, _web3Auth$value$curre2;
           if (!isInitialized.value) isInitialized.value = true;
           isConnected.value = true;
           provider.value = newWeb3Auth.provider;
+          chainId.value = web3Auth.value.currentChainId;
+          chainNamespace.value = (_web3Auth$value$curre = (_web3Auth$value$curre2 = web3Auth.value.currentChain) === null || _web3Auth$value$curre2 === void 0 ? void 0 : _web3Auth$value$curre2.chainNamespace) !== null && _web3Auth$value$curre !== void 0 ? _web3Auth$value$curre : null;
         }
       };
       const authorizedListener = () => {
@@ -160,6 +167,23 @@ const Web3AuthProvider = vue.defineComponent({
     }, {
       immediate: true
     });
+    // Listen for chain changes on the provider
+    vue.watch(provider, (newProvider, prevProvider) => {
+      const handleChainChange = newChainId => {
+        var _web3Auth$value$curre3, _web3Auth$value;
+        chainId.value = newChainId;
+        chainNamespace.value = (_web3Auth$value$curre3 = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || (_web3Auth$value = _web3Auth$value.currentChain) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.chainNamespace) !== null && _web3Auth$value$curre3 !== void 0 ? _web3Auth$value$curre3 : null;
+      };
+      // unregister previous listener
+      if (prevProvider && newProvider !== prevProvider) {
+        prevProvider.removeListener("chainChanged", handleChainChange);
+      }
+      if (newProvider && newProvider !== prevProvider) {
+        newProvider.on("chainChanged", handleChainChange);
+      }
+    }, {
+      immediate: true
+    });
     vue.provide(index.Web3AuthContextKey, {
       web3Auth,
       isConnected,
@@ -169,6 +193,8 @@ const Web3AuthProvider = vue.defineComponent({
       isInitializing,
       initError,
       isMFAEnabled,
+      chainId,
+      chainNamespace,
       getPlugin,
       setIsMFAEnabled,
       isAuthorized

package/dist/lib.cjs/vue/composables/useChain.js

@@ -1,23 +1,12 @@
 'use strict';
 
-var vue = require('vue');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useChain = () => {
   const context = useWeb3AuthInner.useWeb3AuthInner();
-  const chainId = vue.computed(() => {
-    var _context$web3Auth$val;
-    if (!((_context$web3Auth$val = context.web3Auth.value) !== null && _context$web3Auth$val !== void 0 && _context$web3Auth$val.currentChain)) return null;
-    return context.web3Auth.value.currentChain.chainId;
-  });
-  const chainNamespace = vue.computed(() => {
-    var _context$web3Auth$val2;
-    if (!((_context$web3Auth$val2 = context.web3Auth.value) !== null && _context$web3Auth$val2 !== void 0 && _context$web3Auth$val2.currentChain)) return null;
-    return context.web3Auth.value.currentChain.chainNamespace;
-  });
   return {
-    chainId,
-    chainNamespace
+    chainId: context.chainId,
+    chainNamespace: context.chainNamespace
   };
 };
 

package/dist/lib.cjs/vue/composables/useWeb3Auth.js

@@ -12,7 +12,9 @@ const useWeb3Auth = () => {
     provider,
     status,
     web3Auth,
-    getPlugin
+    getPlugin,
+    chainId,
+    chainNamespace
   } = useWeb3AuthInner.useWeb3AuthInner();
   return {
     initError,
@@ -23,6 +25,8 @@ const useWeb3Auth = () => {
     provider,
     status,
     web3Auth,
+    chainId,
+    chainNamespace,
     getPlugin
   };
 };

package/dist/lib.esm/base/utils.js

@@ -146,7 +146,7 @@ const getWalletServicesAnalyticsProperties = walletServicesConfig => {
     ws_default_portfolio: walletServicesConfig === null || walletServicesConfig === void 0 || (_walletServicesConfig10 = walletServicesConfig.whiteLabel) === null || _walletServicesConfig10 === void 0 ? void 0 : _walletServicesConfig10.defaultPortfolio
   };
 };
-const sdkVersion = "10.13.2";
+const sdkVersion = "10.14.0";
 const getErrorAnalyticsProperties = error => {
   try {
     const code = error instanceof Web3AuthError ? error.code : error === null || error === void 0 ? void 0 : error.code;

package/dist/lib.esm/vue/Web3AuthProvider.js

@@ -20,6 +20,8 @@ const Web3AuthProvider = defineComponent({
     const provider = ref(null);
     const isMFAEnabled = ref(false);
     const status = ref(null);
+    const chainId = ref(null);
+    const chainNamespace = ref(null);
     const isInitializing = ref(false);
     const initError = ref(null);
     const isInitialized = ref(false);
@@ -39,6 +41,8 @@ const Web3AuthProvider = defineComponent({
         isConnected.value = false;
         isAuthorized.value = false;
         status.value = null;
+        chainId.value = null;
+        chainNamespace.value = null;
       };
       onInvalidate(() => {
         if (web3Auth.value) {
@@ -93,9 +97,12 @@ const Web3AuthProvider = defineComponent({
         status.value = web3Auth.value.status;
         // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
         if (web3Auth.value.status === CONNECTOR_STATUS.CONNECTED) {
+          var _currentChain$chainNa, _currentChain;
           if (!isInitialized.value) isInitialized.value = true;
           isConnected.value = true;
           provider.value = newWeb3Auth.provider;
+          chainId.value = web3Auth.value.currentChainId;
+          chainNamespace.value = (_currentChain$chainNa = (_currentChain = web3Auth.value.currentChain) === null || _currentChain === void 0 ? void 0 : _currentChain.chainNamespace) !== null && _currentChain$chainNa !== void 0 ? _currentChain$chainNa : null;
         }
       };
       const authorizedListener = () => {
@@ -150,6 +157,25 @@ const Web3AuthProvider = defineComponent({
     }, {
       immediate: true
     });
+
+    // Listen for chain changes on the provider
+    watch(provider, (newProvider, prevProvider) => {
+      const handleChainChange = newChainId => {
+        var _web3Auth$value$curre, _web3Auth$value;
+        chainId.value = newChainId;
+        chainNamespace.value = (_web3Auth$value$curre = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || (_web3Auth$value = _web3Auth$value.currentChain) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.chainNamespace) !== null && _web3Auth$value$curre !== void 0 ? _web3Auth$value$curre : null;
+      };
+
+      // unregister previous listener
+      if (prevProvider && newProvider !== prevProvider) {
+        prevProvider.removeListener("chainChanged", handleChainChange);
+      }
+      if (newProvider && newProvider !== prevProvider) {
+        newProvider.on("chainChanged", handleChainChange);
+      }
+    }, {
+      immediate: true
+    });
     provide(Web3AuthContextKey, {
       web3Auth,
       isConnected,
@@ -159,6 +185,8 @@ const Web3AuthProvider = defineComponent({
       isInitializing,
       initError,
       isMFAEnabled,
+      chainId,
+      chainNamespace,
       getPlugin,
       setIsMFAEnabled,
       isAuthorized

package/dist/lib.esm/vue/composables/useChain.js

@@ -1,21 +1,10 @@
-import { computed } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
 const useChain = () => {
   const context = useWeb3AuthInner();
-  const chainId = computed(() => {
-    var _context$web3Auth$val;
-    if (!((_context$web3Auth$val = context.web3Auth.value) !== null && _context$web3Auth$val !== void 0 && _context$web3Auth$val.currentChain)) return null;
-    return context.web3Auth.value.currentChain.chainId;
-  });
-  const chainNamespace = computed(() => {
-    var _context$web3Auth$val2;
-    if (!((_context$web3Auth$val2 = context.web3Auth.value) !== null && _context$web3Auth$val2 !== void 0 && _context$web3Auth$val2.currentChain)) return null;
-    return context.web3Auth.value.currentChain.chainNamespace;
-  });
   return {
-    chainId,
-    chainNamespace
+    chainId: context.chainId,
+    chainNamespace: context.chainNamespace
   };
 };
 

package/dist/lib.esm/vue/composables/useWeb3Auth.js

@@ -10,7 +10,9 @@ const useWeb3Auth = () => {
     provider,
     status,
     web3Auth,
-    getPlugin
+    getPlugin,
+    chainId,
+    chainNamespace
   } = useWeb3AuthInner();
   return {
     initError,
@@ -21,6 +23,8 @@ const useWeb3Auth = () => {
     provider,
     status,
     web3Auth,
+    chainId,
+    chainNamespace,
     getPlugin
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/no-modal",
-  "version": "10.13.2",
+  "version": "10.14.0",
   "description": "Multi chain wallet aggregator for web3Auth",
   "keywords": [
     "web3Auth/no-modal",
@@ -203,5 +203,5 @@
     "node": ">=20.x",
     "npm": ">=9.x"
   },
-  "gitHead": "baf197386d786fd4b7b3e1de549fbff5ec74e7dc"
+  "gitHead": "07760538ad7ad9feadae4f59f6d93ba65e57e560"
 }