@web3auth/modal 11.0.0-beta.0 → 11.0.0-beta.1

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

@@ -1,4 +1,16 @@
 var modal = {
+  "account-linking.failed-connect-wallet": "连接{{wallet}}失败。",
+  "account-linking.failed-switch-wallet": "使用{{wallet}}切换钱包失败。",
+  "account-linking.initializing-wallet": "正在初始化{{wallet}}...",
+  "account-linking.linking-wallet": "正在关联钱包...",
+  "account-linking.preparing-wallet-qr": "正在准备{{wallet}} QR码...",
+  "account-linking.scan-wallet": "使用{{wallet}}扫描QR码。",
+  "account-linking.scan-walletconnect": "使用兼容WalletConnect的钱包扫描QR码。",
+  "account-linking.switching-wallet": "正在切换钱包...",
+  "account-linking.wallet-connected-preparing-linking": "钱包已连接。正在准备账户关联...",
+  "account-linking.wallet-connected-preparing-switch": "钱包已连接。正在准备账户切换...",
+  "account-linking.wallet-linked": "钱包已关联。",
+  "account-linking.wallet-switched": "钱包已切换。",
   "adapter-loader.message": "验证您的{{adapter}}帐户以继续",
   "adapter-loader.message1": "在您的{{adapter}}上验证",
   "adapter-loader.message2": "帐号继续",
@@ -49,6 +61,7 @@ var modal = {
   "header-title": "登录",
   "header-tooltip-desc": "钱包作为一个账户用于在区块链上存储和管理您的数字资产。",
   "header-tooltip-title": "钱包",
+  linkYourWallet: "关联您的钱包",
   "loader.authorizing-header": "{{connector}}验证",
   "loader.authorizing-message": "我们已经向您的钱包发送了请求。请在您的钱包上确认，以确认您拥有此钱包。",
   "loader.authorizing-verify-btn": "点击此处进行验证",
@@ -99,6 +112,7 @@ var modal = {
   "social.view-more-socials": "查看更多socials"
 };
 var passwordless = {
+  "captcha-default-error": "验证过程中发生意外错误。请重新加载页面。",
   "error-invalid-link": "无效的验证链接或链接已过期",
   "error-invalid-origin": "出问题了, 错误代码: E002",
   "error-invalid-otp": "无效的OTP，请重试",

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

@@ -1,4 +1,16 @@
 var modal = {
+  "account-linking.failed-connect-wallet": "Falha ao conectar com {{wallet}}.",
+  "account-linking.failed-switch-wallet": "Falha ao trocar carteira com {{wallet}}.",
+  "account-linking.initializing-wallet": "Inicializando {{wallet}}...",
+  "account-linking.linking-wallet": "Vinculando carteira...",
+  "account-linking.preparing-wallet-qr": "Preparando código QR do {{wallet}}...",
+  "account-linking.scan-wallet": "Digitalize o código QR com {{wallet}}.",
+  "account-linking.scan-walletconnect": "Digitalize o código QR com uma carteira compatível com WalletConnect.",
+  "account-linking.switching-wallet": "Trocando carteira...",
+  "account-linking.wallet-connected-preparing-linking": "Carteira conectada. Preparando vinculação de conta...",
+  "account-linking.wallet-connected-preparing-switch": "Carteira conectada. Preparando troca de conta...",
+  "account-linking.wallet-linked": "Carteira vinculada.",
+  "account-linking.wallet-switched": "Carteira trocada.",
   "adapter-loader.message": "Verifique a sua conta {{adapter}} para continuar",
   "adapter-loader.message1": "Verifique o(a) seu/sua {{adapter}}",
   "adapter-loader.message2": "conta para continuar",
@@ -49,6 +61,7 @@ var modal = {
   "header-title": "Entrar",
   "header-tooltip-desc": "A carteira serve como uma conta para armazenar e gerenciar seus ativos digitais na blockchain.",
   "header-tooltip-title": "Carteira",
+  linkYourWallet: "Vincule sua carteira",
   "loader.authorizing-header": "Verificar em {{connector}}",
   "loader.authorizing-message": "Enviamos uma solicitação para seu portfólio. Verifique no seu portfólio para confirmar que você possui este portfólio.",
   "loader.authorizing-verify-btn": "Clique aqui para verificar",
@@ -99,6 +112,7 @@ var modal = {
   "social.view-more-socials": "Ver mais socials"
 };
 var passwordless = {
+  "captcha-default-error": "Ocorreu um erro inesperado durante a verificação. Por favor, tente recarregar a página.",
   "error-invalid-link": "Link de verificação inválido ou link expirado",
   "error-invalid-origin": "Algo deu errado, código de erro: E002",
   "error-invalid-otp": "OTP inválido, por favor tente novamente",

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

@@ -1,4 +1,16 @@
 var modal = {
+  "account-linking.failed-connect-wallet": "Error al conectar con {{wallet}}.",
+  "account-linking.failed-switch-wallet": "Error al cambiar la billetera con {{wallet}}.",
+  "account-linking.initializing-wallet": "Inicializando {{wallet}}...",
+  "account-linking.linking-wallet": "Vinculando billetera...",
+  "account-linking.preparing-wallet-qr": "Preparando el código QR de {{wallet}}...",
+  "account-linking.scan-wallet": "Escanea el código QR con {{wallet}}.",
+  "account-linking.scan-walletconnect": "Escanea el código QR con una billetera compatible con WalletConnect.",
+  "account-linking.switching-wallet": "Cambiando billetera...",
+  "account-linking.wallet-connected-preparing-linking": "Billetera conectada. Preparando vinculación de cuenta...",
+  "account-linking.wallet-connected-preparing-switch": "Billetera conectada. Preparando cambio de cuenta...",
+  "account-linking.wallet-linked": "Billetera vinculada.",
+  "account-linking.wallet-switched": "Billetera cambiada.",
   "adapter-loader.message": "Verifica tu cuenta {{adapter}} para continuar",
   "adapter-loader.message1": "Verifique su {{adapter}}",
   "adapter-loader.message2": "cuenta para continuar",
@@ -49,6 +61,7 @@ var modal = {
   "header-title": "Iniciar sesión",
   "header-tooltip-desc": "La billetera sirve como una cuenta para almacenar y administrar sus activos digitales en la blockchain.",
   "header-tooltip-title": "Billetera",
+  linkYourWallet: "Vincula tu billetera",
   "loader.authorizing-header": "Verificar en {{connector}}",
   "loader.authorizing-message": "Hemos enviado una solicitud a su cartera. Verifique en su cartera para confirmar que posee esta cartera.",
   "loader.authorizing-verify-btn": "Haga clic aquí para verificar",
@@ -99,6 +112,7 @@ var modal = {
   "social.view-more-socials": "Ver más socials"
 };
 var passwordless = {
+  "captcha-default-error": "Se ha producido un error inesperado durante la verificación. Por favor, inténtelo de nuevo recargando la página.",
   "error-invalid-link": "El enlace o el enlace de verificación ha expirado",
   "error-invalid-origin": "Algo salió mal, código de error: E002",
   "error-invalid-otp": "OTP no válido, intente nuevamente",

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

@@ -1,4 +1,16 @@
 var modal = {
+  "account-linking.failed-connect-wallet": "{{wallet}} ile bağlantı kurulamadı.",
+  "account-linking.failed-switch-wallet": "{{wallet}} ile cüzdan değiştirme başarısız oldu.",
+  "account-linking.initializing-wallet": "{{wallet}} başlatılıyor...",
+  "account-linking.linking-wallet": "Cüzdan bağlanıyor...",
+  "account-linking.preparing-wallet-qr": "{{wallet}} QR kodu hazırlanıyor...",
+  "account-linking.scan-wallet": "QR kodunu {{wallet}} ile tarayın.",
+  "account-linking.scan-walletconnect": "QR kodunu WalletConnect uyumlu bir cüzdanla tarayın.",
+  "account-linking.switching-wallet": "Cüzdan değiştiriliyor...",
+  "account-linking.wallet-connected-preparing-linking": "Cüzdan bağlandı. Hesap bağlantısı hazırlanıyor...",
+  "account-linking.wallet-connected-preparing-switch": "Cüzdan bağlandı. Hesap değişimi hazırlanıyor...",
+  "account-linking.wallet-linked": "Cüzdan bağlandı.",
+  "account-linking.wallet-switched": "Cüzdan değiştirildi.",
   "adapter-loader.message": "Devam etmek için {{adapter}} hesabınızı doğrula",
   "adapter-loader.message1": "{{adapter}} doğrula",
   "adapter-loader.message2": "devam edecek hesap",
@@ -49,6 +61,7 @@ var modal = {
   "header-title": "Giriş yap",
   "header-tooltip-desc": "Cüzdan, dijital varlıklarınızı blockchain'de saklama ve yönetme görevi görür.",
   "header-tooltip-title": "Cüzdan",
+  linkYourWallet: "Cüzdanınızı bağlayın",
   "loader.authorizing-header": "{{connector}} ile doğrula",
   "loader.authorizing-message": "Biz size bir istek gönderdik. Bu cüzdanınız olduğunu doğrulamak için cüzdanınızda doğrulayın.",
   "loader.authorizing-verify-btn": "Doğrulamak için buraya tıklayın",
@@ -99,6 +112,7 @@ var modal = {
   "social.view-more-socials": "Daha fazlasını görüntüle socials"
 };
 var passwordless = {
+  "captcha-default-error": "Doğrulama sırasında beklenmedik bir hata oluştu. Lütfen sayfayı yeniden yükleyin.",
   "error-invalid-link": "Hatalı ya da süresi geçmiş doğrulama linki",
   "error-invalid-origin": "Bir şeyler ters gitti, hata kodu: E002",
   "error-invalid-otp": "Hatalı OTP, lütfen tekrar deneyin.",

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

@@ -12,6 +12,29 @@ const MODAL_STATUS = {
   AUTHORIZED: "authorized",
   CONSENT_REQUIRING: "consent_requiring"
 };
+const ACCOUNT_LINKING_STATUS = {
+  IDLE: "idle",
+  INITIALIZING: "initializing",
+  AWAITING_CONNECTION: "awaiting_connection",
+  WALLET_CONNECTED: "wallet_connected",
+  LINKING: "linking",
+  ERRORED: "errored",
+  COMPLETED: "completed"
+};
+const ACCOUNT_LINKING_INTENT = {
+  LINK: "link",
+  SWITCH: "switch"
+};
+const DEFAULT_ACCOUNT_LINKING_STATE = {
+  active: false,
+  pickerActive: false,
+  connectorName: null,
+  transportConnectorName: null,
+  chainId: null,
+  intent: ACCOUNT_LINKING_INTENT.LINK,
+  status: ACCOUNT_LINKING_STATUS.IDLE,
+  errorMessage: ""
+};
 let TOAST_TYPE = /*#__PURE__*/function (TOAST_TYPE) {
   TOAST_TYPE["SUCCESS"] = "success";
   TOAST_TYPE["ERROR"] = "error";
@@ -20,4 +43,4 @@ let TOAST_TYPE = /*#__PURE__*/function (TOAST_TYPE) {
   return TOAST_TYPE;
 }({});
 
-export { LOGIN_MODAL_EVENTS, MODAL_STATUS, TOAST_TYPE };
+export { ACCOUNT_LINKING_INTENT, ACCOUNT_LINKING_STATUS, DEFAULT_ACCOUNT_LINKING_STATE, LOGIN_MODAL_EVENTS, MODAL_STATUS, TOAST_TYPE };

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

@@ -3,7 +3,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import './css/index.css.js';
 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 { log, WIDGET_TYPE, WalletInitializationError, WALLET_CONNECTORS, CONNECTOR_INITIAL_AUTHENTICATION_MODE, ANALYTICS_EVENTS, getWhitelabelAnalyticsProperties, CONNECTOR_EVENTS, LOGIN_MODE } from '@web3auth/no-modal';
 import Bowser from 'bowser';
 import { createRoot } from 'react-dom/client';
 import { getLoginModalAnalyticsProperties } from '../utils.js';
@@ -11,7 +11,7 @@ import { DEFAULT_PRIMARY_COLOR, DEFAULT_ON_PRIMARY_COLOR, PAGES, DEFAULT_LOGO_DA
 import Widget from './containers/Widget/Widget.js';
 import { AnalyticsContext } from './context/AnalyticsContext.js';
 import { WidgetProvider } from './context/WidgetContext.js';
-import { MODAL_STATUS } from './interfaces.js';
+import { MODAL_STATUS, DEFAULT_ACCOUNT_LINKING_STATE, ACCOUNT_LINKING_STATUS, ACCOUNT_LINKING_INTENT } from './interfaces.js';
 import i18nInstance from './localeImport.js';
 import { getUserLanguage } from './utils.js';
 import { jsx } from 'react/jsx-runtime';
@@ -42,6 +42,7 @@ class LoginModal {
     _defineProperty(this, "externalWalletsConfig", void 0);
     _defineProperty(this, "analytics", void 0);
     _defineProperty(this, "modalStatus", MODAL_STATUS.INITIALIZED);
+    _defineProperty(this, "accountLinkingState", _objectSpread({}, DEFAULT_ACCOUNT_LINKING_STATE));
     _defineProperty(this, "initModal", async () => {
       const useLang = this.uiConfig.defaultLanguage || LANGUAGES.en;
 
@@ -195,6 +196,112 @@ class LoginModal {
         externalWalletsVisibility: isMMAvailable ? false : !!options.externalWalletsVisibility
       });
     });
+    _defineProperty(this, "startAccountLinkingSession", params => {
+      var _params$transportConn, _params$intent;
+      this.updateAccountLinkingState(_objectSpread(_objectSpread({}, DEFAULT_ACCOUNT_LINKING_STATE), {}, {
+        active: true,
+        connectorName: params.connectorName,
+        transportConnectorName: (_params$transportConn = params.transportConnectorName) !== null && _params$transportConn !== void 0 ? _params$transportConn : params.connectorName,
+        chainId: params.chainId,
+        intent: (_params$intent = params.intent) !== null && _params$intent !== void 0 ? _params$intent : ACCOUNT_LINKING_INTENT.LINK,
+        status: ACCOUNT_LINKING_STATUS.INITIALIZING
+      }));
+    });
+    _defineProperty(this, "updateAccountLinkingState", accountLinking => {
+      this.accountLinkingState = _objectSpread(_objectSpread({}, this.accountLinkingState), accountLinking);
+      this.setState({
+        accountLinking: this.accountLinkingState
+      });
+    });
+    _defineProperty(this, "resetAccountLinkingSession", () => {
+      this.accountLinkingState = _objectSpread({}, DEFAULT_ACCOUNT_LINKING_STATE);
+      this.setState({
+        accountLinking: this.accountLinkingState
+      });
+    });
+    _defineProperty(this, "hasActiveAccountLinkingSession", () => {
+      return this.accountLinkingState.active;
+    });
+    _defineProperty(this, "startAccountLinkingPicker", params => {
+      this.accountLinkingState = _objectSpread(_objectSpread({}, DEFAULT_ACCOUNT_LINKING_STATE), {}, {
+        active: true,
+        pickerActive: true,
+        chainId: params.chainId,
+        intent: ACCOUNT_LINKING_INTENT.LINK
+      });
+      this.setState({
+        accountLinking: this.accountLinkingState,
+        currentPage: PAGES.WALLET_LIST,
+        modalVisibility: true,
+        status: MODAL_STATUS.INITIALIZED
+      });
+      if (this.callbacks.onModalVisibility) {
+        this.callbacks.onModalVisibility(true);
+      }
+    });
+    _defineProperty(this, "endAccountLinkingPicker", () => {
+      this.accountLinkingState = _objectSpread(_objectSpread({}, this.accountLinkingState), {}, {
+        pickerActive: false,
+        active: false
+      });
+      this.setState({
+        accountLinking: this.accountLinkingState
+      });
+    });
+    _defineProperty(this, "startConnectingLoader", params => {
+      this.setState({
+        status: MODAL_STATUS.CONNECTING,
+        modalVisibility: true,
+        detailedLoaderConnector: params.connector,
+        detailedLoaderConnectorName: params.connectorName
+      });
+      if (this.callbacks.onModalVisibility) {
+        this.callbacks.onModalVisibility(true);
+      }
+    });
+    _defineProperty(this, "markLoaderAuthorizing", () => {
+      this.setState({
+        status: MODAL_STATUS.AUTHORIZING
+      });
+    });
+    _defineProperty(this, "endConnectingLoader", params => {
+      if (params.success) {
+        var _params$successMessag;
+        if (params.skipSuccessScreen) {
+          this.setState({
+            modalVisibility: false
+          });
+          if (this.callbacks.onModalVisibility) {
+            this.callbacks.onModalVisibility(false);
+          }
+          return;
+        }
+        // Account-linking success is terminal regardless of authentication mode (no signing step),
+        // so emit the mode's terminal success status so the Loader renders the success UI and auto-closes:
+        // - CONNECT_AND_SIGN expects AUTHORIZED as terminal success.
+        // - Other modes expect CONNECTED.
+        const isConnectAndSign = this.uiConfig.initialAuthenticationMode === CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_AND_SIGN;
+        this.setState({
+          status: isConnectAndSign ? MODAL_STATUS.AUTHORIZED : MODAL_STATUS.CONNECTED,
+          postLoadingMessage: (_params$successMessag = params.successMessage) !== null && _params$successMessag !== void 0 ? _params$successMessag : "modal.post-loading.connected"
+        });
+        return;
+      }
+      if (this.uiConfig.displayErrorsOnModal) {
+        this.setState({
+          modalVisibility: true,
+          status: MODAL_STATUS.ERRORED,
+          postLoadingMessage: params.errorMessage || "modal.post-loading.something-wrong"
+        });
+      } else {
+        this.setState({
+          modalVisibility: false
+        });
+        if (this.callbacks.onModalVisibility) {
+          this.callbacks.onModalVisibility(false);
+        }
+      }
+    });
     _defineProperty(this, "open", () => {
       var _this$analytics, _this$uiConfig$wallet, _this$uiConfig$wallet2;
       this.setState({
@@ -373,7 +480,8 @@ class LoginModal {
       listener.on(CONNECTOR_EVENTS.AUTHORIZED, () => {
         if (this.modalStatus === MODAL_STATUS.CONSENT_REQUIRING) return;
         this.setState({
-          status: MODAL_STATUS.AUTHORIZED
+          status: MODAL_STATUS.AUTHORIZED,
+          postLoadingMessage: ""
         });
       });
       listener.on(CONNECTOR_EVENTS.CONSENT_REQUIRING, () => {
@@ -386,7 +494,8 @@ class LoginModal {
         if (this.uiConfig.initialAuthenticationMode === CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_AND_SIGN) {
           this.setState({
             status: MODAL_STATUS.AUTHORIZED,
-            modalVisibility: true
+            modalVisibility: true,
+            postLoadingMessage: ""
           });
         } else if (!data.reconnected) {
           this.setState({
@@ -431,8 +540,8 @@ class LoginModal {
     this.subscribeCoreEvents(this.uiConfig.connectorListener);
   }
   get consentRequired() {
-    var _this$uiConfig$consen;
-    return ((_this$uiConfig$consen = this.uiConfig.consentConfig) === null || _this$uiConfig$consen === void 0 ? void 0 : _this$uiConfig$consen.required) || false;
+    // consent required is true if the consent required is true and the privacy policy and tnc link are set
+    return this.uiConfig.consentRequired && Boolean(this.uiConfig.privacyPolicy) && Boolean(this.uiConfig.tncLink) || false;
   }
   get isDark() {
     return this.uiConfig.mode === "dark" || this.uiConfig.mode === "auto" && window.matchMedia("(prefers-color-scheme: dark)").matches;

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

@@ -1,4 +1,4 @@
+export { useAuthTokenInfo, useChain, useCheckout, useEnableMFA, useFunding, useManageMFA, useReceive, useSwap, useSwitchChain, useWalletConnectScanner, useWalletServicesPlugin, useWalletUI, useWallets, useWeb3AuthDisconnect, useWeb3AuthUser } from '@web3auth/no-modal/vue';
 export { useWeb3Auth } from './composables/useWeb3Auth.js';
 export { useWeb3AuthConnect } from './composables/useWeb3AuthConnect.js';
-export { useAuthTokenInfo, useChain, useCheckout, useEnableMFA, useFunding, useManageMFA, useReceive, useSwap, useSwitchChain, useWalletConnectScanner, useWalletServicesPlugin, useWalletUI, useWeb3AuthDisconnect, useWeb3AuthUser } from '@web3auth/no-modal/vue';
 export { Web3AuthProvider } from './Web3AuthProvider.js';

package/dist/lib.esm/packages/modal/src/vue/wagmi/provider.js

@@ -5,9 +5,9 @@ import { injected } from '@wagmi/vue/connectors';
 import { randomId } from '@web3auth/auth';
 import { log, CHAIN_NAMESPACES, WalletInitializationError } from '@web3auth/no-modal';
 import { defineChain, webSocket, http, fallback } from 'viem';
-import { defineComponent, h, watch, provide, shallowRef, ref } from 'vue';
-import { useWeb3Auth } from '../composables/useWeb3Auth.js';
+import { defineComponent, h, shallowRef, watch, provide, ref } from 'vue';
 import { useWeb3AuthDisconnect } from '@web3auth/no-modal/vue';
+import { useWeb3Auth } from '../composables/useWeb3Auth.js';
 import { defaultWagmiConfig } from './constants.js';
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -76,7 +76,8 @@ const Web3AuthWagmiProvider = defineComponent({
   setup() {
     const {
       isConnected,
-      connection
+      connection,
+      web3Auth
     } = useWeb3Auth();
     const {
       disconnect
@@ -85,6 +86,7 @@ const Web3AuthWagmiProvider = defineComponent({
     const {
       mutate: reconnect
     } = useReconnect();
+    const lastSyncedWeb3AuthConnection = shallowRef(null);
     useConnectionEffect({
       onDisconnect: async () => {
         log.info("Disconnected from wagmi");
@@ -98,17 +100,28 @@ const Web3AuthWagmiProvider = defineComponent({
       }
     });
     watch([isConnected, connection], async () => {
-      var _connection$value;
+      var _newConnection$ethere, _web3Auth$value;
       const newIsConnected = isConnected.value;
-      if (newIsConnected && (_connection$value = connection.value) !== null && _connection$value !== void 0 && _connection$value.ethereumProvider) {
-        const connector = await setupConnector(connection.value.ethereumProvider, wagmiConfig);
-        if (!connector) {
-          log.error("Failed to setup vue wagmi connector");
-          throw new Error("Failed to setup connector");
+      const newConnection = connection.value;
+      const newEth = (_newConnection$ethere = newConnection === null || newConnection === void 0 ? void 0 : newConnection.ethereumProvider) !== null && _newConnection$ethere !== void 0 ? _newConnection$ethere : null;
+      if (newIsConnected && newConnection && newEth && newConnection.connectorName === ((_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.primaryConnectorName)) {
+        // `ethereumProvider` is a stable proxy (`commonJRPCProvider`) across account switches,
+        // so key wagmi resyncs off the Web3Auth connection object instead of provider identity.
+        if (lastSyncedWeb3AuthConnection.value !== newConnection) {
+          if (getWeb3authConnector(wagmiConfig)) {
+            resetConnectorState(wagmiConfig);
+          }
+          lastSyncedWeb3AuthConnection.value = newConnection;
+          const connector = await setupConnector(newEth, wagmiConfig);
+          if (!connector) {
+            log.error("Failed to setup vue wagmi connector");
+            throw new Error("Failed to setup connector");
+          }
+          await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+          reconnect();
         }
-        await connectWeb3AuthWithWagmi(connector, wagmiConfig);
-        reconnect();
       } else if (!newIsConnected) {
+        lastSyncedWeb3AuthConnection.value = null;
         if (wagmiConfig.state.status === "connected") {
           await disconnectWeb3AuthFromWagmi(wagmiConfig);
         }
@@ -174,7 +187,7 @@ const WagmiProvider = defineComponent({
       return fallback(transports);
     };
     const defineWagmiConfig = () => {
-      var _web3Auth$value;
+      var _web3Auth$value2;
       const configParams = _objectSpread(_objectSpread({
         ssr: true
       }, config), {}, {
@@ -185,7 +198,7 @@ const WagmiProvider = defineComponent({
         client: undefined
       });
       const wagmiChains = [];
-      if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.coreOptions) !== null && _web3Auth$value !== void 0 && _web3Auth$value.chains) {
+      if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value2 = web3Auth.value) !== null && _web3Auth$value2 !== void 0 && (_web3Auth$value2 = _web3Auth$value2.coreOptions) !== null && _web3Auth$value2 !== void 0 && _web3Auth$value2.chains) {
         var _web3Auth$value$curre;
         const defaultChainId = (_web3Auth$value$curre = web3Auth.value.currentChain) === null || _web3Auth$value$curre === void 0 ? void 0 : _web3Auth$value$curre.chainId;
         const chains = web3Auth.value.coreOptions.chains.filter(chain => chain.chainNamespace === CHAIN_NAMESPACES.EIP155);
@@ -233,8 +246,8 @@ const WagmiProvider = defineComponent({
       }
     };
     watch(isInitialized, (newIsInitialized, prevIsInitialized) => {
-      var _web3Auth$value2;
-      (_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || _web3Auth$value2.setAnalyticsProperties({
+      var _web3Auth$value3;
+      (_web3Auth$value3 = web3Auth.value) === null || _web3Auth$value3 === void 0 || _web3Auth$value3.setAnalyticsProperties({
         wagmi_enabled: true
       });
       if (newIsInitialized && !prevIsInitialized) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/modal",
-  "version": "11.0.0-beta.0",
+  "version": "11.0.0-beta.1",
   "description": "Multi chain wallet aggregator for web3Auth",
   "keywords": [
     "web3Auth/ui",
@@ -55,45 +55,44 @@
   "devDependencies": {
     "@babel/preset-react": "^7.28.5",
     "@coinbase/wallet-sdk": "^4.3.7",
-    "@mertasan/tailwindcss-variables": "^2.7.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-url": "^8.0.2",
     "@solana/client": "^1.7.0",
-    "@solana/kit": "^6.5.0",
+    "@solana/kit": "^6.8.0",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/postcss": "^4.2.4",
     "@toruslabs/eslint-config-react": "^5.0.1",
     "@toruslabs/eslint-config-vue": "^5.0.1",
     "@toruslabs/isomorphic-style-loader": "^5.4.0",
-    "@toruslabs/vue-components": "^8.1.2",
+    "@toruslabs/vue-components": "^9.0.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@wagmi/core": "^3.4.1",
-    "@wagmi/vue": "^0.5.1",
-    "autoprefixer": "^10.4.27",
+    "@wagmi/core": "^3.4.7",
+    "@wagmi/vue": "^0.5.9",
     "css-loader": "^7.1.4",
     "live-server": "^1.2.2",
-    "postcss": "^8.5.8",
+    "postcss": "^8.5.12",
     "postcss-loader": "^8.2.1",
     "postcss-prefix-selector": "^2.1.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
     "style-loader": "^4.0.0",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.2.4",
     "url-loader": "^4.1.1",
-    "viem": "^2.47.6",
-    "vue": "^3.5.31",
-    "wagmi": "^3.6.0"
+    "viem": "^2.48.4",
+    "vue": "^3.5.33",
+    "wagmi": "^3.6.8"
   },
   "dependencies": {
     "@hcaptcha/react-hcaptcha": "^2.0.2",
-    "@toruslabs/base-controllers": "^9.5.0",
+    "@toruslabs/base-controllers": "^9.8.0",
     "@toruslabs/http-helpers": "^9.0.0",
-    "@web3auth/auth": "^11.6.0",
-    "@web3auth/no-modal": "^11.0.0-beta.0",
+    "@web3auth/auth": "^11.8.0",
+    "@web3auth/no-modal": "^11.0.0-beta.1",
     "@web3auth/ws-embed": "^6.0.0",
     "bowser": "^2.14.1",
     "classnames": "^2.5.1",
@@ -105,7 +104,7 @@
     "react-i18next": "^16.6.6",
     "react-qrcode-logo": "^4.0.0",
     "tailwind-merge": "^3.5.0",
-    "vitest": "^4.1.2"
+    "vitest": "^4.1.5"
   },
   "exports": {
     ".": {
@@ -113,6 +112,21 @@
       "require": "./dist/lib.cjs/packages/modal/src/index.js",
       "types": "./dist/lib.cjs/types/index.d.ts"
     },
+    "./account-linking": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/index.js",
+      "types": "./dist/lib.cjs/types/account-linking/index.d.ts"
+    },
+    "./account-linking/react": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/react.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/react.js",
+      "types": "./dist/lib.cjs/types/account-linking/react.d.ts"
+    },
+    "./account-linking/vue": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/vue.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/vue.js",
+      "types": "./dist/lib.cjs/types/account-linking/vue.d.ts"
+    },
     "./x402": {
       "import": "./dist/lib.esm/packages/modal/src/x402/index.js",
       "require": "./dist/lib.cjs/packages/modal/src/x402/index.js",
@@ -171,6 +185,15 @@
   },
   "typesVersions": {
     "*": {
+      "account-linking": [
+        "./dist/lib.cjs/types/account-linking/index.d.ts"
+      ],
+      "account-linking/react": [
+        "./dist/lib.cjs/types/account-linking/react.d.ts"
+      ],
+      "account-linking/vue": [
+        "./dist/lib.cjs/types/account-linking/vue.d.ts"
+      ],
       "x402": [
         "./dist/lib.cjs/types/x402/index.d.ts"
       ],
@@ -227,5 +250,5 @@
     "type": "git",
     "url": "git+https://github.com/Web3Auth/Web3Auth.git"
   },
-  "gitHead": "992aabbd96cd8f19e6cdab1bebf498bb15157024"
+  "gitHead": "a15a4f552ee844c7b743f48f4b725c52b6b7316d"
 }