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

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

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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": "帐号继续",
@@ -53,6 +65,7 @@ var modal = {
   "header-title": "登录",
   "header-tooltip-desc": "钱包作为一个账户用于在区块链上存储和管理您的数字资产。",
   "header-tooltip-title": "钱包",
+  linkYourWallet: "关联您的钱包",
   "loader.authorizing-header": "{{connector}}验证",
   "loader.authorizing-message": "我们已经向您的钱包发送了请求。请在您的钱包上确认，以确认您拥有此钱包。",
   "loader.authorizing-verify-btn": "点击此处进行验证",
@@ -103,6 +116,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.cjs/packages/modal/src/ui/i18n/portuguese.json.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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",
@@ -53,6 +65,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",
@@ -103,6 +116,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.cjs/packages/modal/src/ui/i18n/spanish.json.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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",
@@ -53,6 +65,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",
@@ -103,6 +116,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.cjs/packages/modal/src/ui/i18n/turkish.json.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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",
@@ -53,6 +65,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",
@@ -103,6 +116,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.cjs/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: ""
+};
 exports.TOAST_TYPE = void 0;
 (function (TOAST_TYPE) {
   TOAST_TYPE["SUCCESS"] = "success";
@@ -20,5 +43,8 @@ exports.TOAST_TYPE = void 0;
   TOAST_TYPE["INFO"] = "info";
 })(exports.TOAST_TYPE || (exports.TOAST_TYPE = {}));
 
+exports.ACCOUNT_LINKING_INTENT = ACCOUNT_LINKING_INTENT;
+exports.ACCOUNT_LINKING_STATUS = ACCOUNT_LINKING_STATUS;
+exports.DEFAULT_ACCOUNT_LINKING_STATE = DEFAULT_ACCOUNT_LINKING_STATE;
 exports.LOGIN_MODAL_EVENTS = LOGIN_MODAL_EVENTS;
 exports.MODAL_STATUS = MODAL_STATUS;

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

@@ -44,6 +44,7 @@ class LoginModal {
     _defineProperty(this, "externalWalletsConfig", void 0);
     _defineProperty(this, "analytics", void 0);
     _defineProperty(this, "modalStatus", interfaces.MODAL_STATUS.INITIALIZED);
+    _defineProperty(this, "accountLinkingState", _objectSpread({}, interfaces.DEFAULT_ACCOUNT_LINKING_STATE));
     _defineProperty(this, "initModal", async () => {
       const useLang = this.uiConfig.defaultLanguage || auth.LANGUAGES.en;
       // Load new language resource
@@ -195,6 +196,112 @@ class LoginModal {
         externalWalletsVisibility: isMMAvailable ? false : !!options.externalWalletsVisibility
       });
     });
+    _defineProperty(this, "startAccountLinkingSession", params => {
+      var _params$transportConn, _params$intent;
+      this.updateAccountLinkingState(_objectSpread(_objectSpread({}, interfaces.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 : interfaces.ACCOUNT_LINKING_INTENT.LINK,
+        status: interfaces.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({}, interfaces.DEFAULT_ACCOUNT_LINKING_STATE);
+      this.setState({
+        accountLinking: this.accountLinkingState
+      });
+    });
+    _defineProperty(this, "hasActiveAccountLinkingSession", () => {
+      return this.accountLinkingState.active;
+    });
+    _defineProperty(this, "startAccountLinkingPicker", params => {
+      this.accountLinkingState = _objectSpread(_objectSpread({}, interfaces.DEFAULT_ACCOUNT_LINKING_STATE), {}, {
+        active: true,
+        pickerActive: true,
+        chainId: params.chainId,
+        intent: interfaces.ACCOUNT_LINKING_INTENT.LINK
+      });
+      this.setState({
+        accountLinking: this.accountLinkingState,
+        currentPage: constants.PAGES.WALLET_LIST,
+        modalVisibility: true,
+        status: interfaces.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: interfaces.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: interfaces.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 === noModal.CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_AND_SIGN;
+        this.setState({
+          status: isConnectAndSign ? interfaces.MODAL_STATUS.AUTHORIZED : interfaces.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: interfaces.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({
@@ -372,7 +479,8 @@ class LoginModal {
       listener.on(noModal.CONNECTOR_EVENTS.AUTHORIZED, () => {
         if (this.modalStatus === interfaces.MODAL_STATUS.CONSENT_REQUIRING) return;
         this.setState({
-          status: interfaces.MODAL_STATUS.AUTHORIZED
+          status: interfaces.MODAL_STATUS.AUTHORIZED,
+          postLoadingMessage: ""
         });
       });
       listener.on(noModal.CONNECTOR_EVENTS.CONSENT_REQUIRING, () => {
@@ -385,7 +493,8 @@ class LoginModal {
         if (this.uiConfig.initialAuthenticationMode === noModal.CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_AND_SIGN) {
           this.setState({
             status: interfaces.MODAL_STATUS.AUTHORIZED,
-            modalVisibility: true
+            modalVisibility: true,
+            postLoadingMessage: ""
           });
         } else if (!data.reconnected) {
           this.setState({
@@ -430,8 +539,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.cjs/packages/modal/src/vue/index.js

@@ -1,14 +1,12 @@
 'use strict';
 
+var vue = require('@web3auth/no-modal/vue');
 var useWeb3Auth = require('./composables/useWeb3Auth.js');
 var useWeb3AuthConnect = require('./composables/useWeb3AuthConnect.js');
-var vue = require('@web3auth/no-modal/vue');
 var Web3AuthProvider = require('./Web3AuthProvider.js');
 
 
 
-exports.useWeb3Auth = useWeb3Auth.useWeb3Auth;
-exports.useWeb3AuthConnect = useWeb3AuthConnect.useWeb3AuthConnect;
 Object.defineProperty(exports, "useAuthTokenInfo", {
 	enumerable: true,
 	get: function () { return vue.useAuthTokenInfo; }
@@ -57,6 +55,10 @@ Object.defineProperty(exports, "useWalletUI", {
 	enumerable: true,
 	get: function () { return vue.useWalletUI; }
 });
+Object.defineProperty(exports, "useWallets", {
+	enumerable: true,
+	get: function () { return vue.useWallets; }
+});
 Object.defineProperty(exports, "useWeb3AuthDisconnect", {
 	enumerable: true,
 	get: function () { return vue.useWeb3AuthDisconnect; }
@@ -65,4 +67,6 @@ Object.defineProperty(exports, "useWeb3AuthUser", {
 	enumerable: true,
 	get: function () { return vue.useWeb3AuthUser; }
 });
+exports.useWeb3Auth = useWeb3Auth.useWeb3Auth;
+exports.useWeb3AuthConnect = useWeb3AuthConnect.useWeb3AuthConnect;
 exports.Web3AuthProvider = Web3AuthProvider.Web3AuthProvider;

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

@@ -8,8 +8,8 @@ var auth = require('@web3auth/auth');
 var noModal = require('@web3auth/no-modal');
 var viem = require('viem');
 var vue = require('vue');
-var useWeb3Auth = require('../composables/useWeb3Auth.js');
 var vue$1 = require('@web3auth/no-modal/vue');
+var useWeb3Auth = require('../composables/useWeb3Auth.js');
 var constants = require('./constants.js');
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -75,7 +75,8 @@ const Web3AuthWagmiProvider = vue.defineComponent({
   setup() {
     const {
       isConnected,
-      connection
+      connection,
+      web3Auth
     } = useWeb3Auth.useWeb3Auth();
     const {
       disconnect
@@ -84,6 +85,7 @@ const Web3AuthWagmiProvider = vue.defineComponent({
     const {
       mutate: reconnect
     } = vue$2.useReconnect();
+    const lastSyncedWeb3AuthConnection = vue.shallowRef(null);
     vue$2.useConnectionEffect({
       onDisconnect: async () => {
         noModal.log.info("Disconnected from wagmi");
@@ -97,17 +99,28 @@ const Web3AuthWagmiProvider = vue.defineComponent({
       }
     });
     vue.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) {
-          noModal.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) {
+            noModal.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);
         }
@@ -173,7 +186,7 @@ const WagmiProvider = vue.defineComponent({
       return viem.fallback(transports);
     };
     const defineWagmiConfig = () => {
-      var _web3Auth$value;
+      var _web3Auth$value2;
       const configParams = _objectSpread(_objectSpread({
         ssr: true
       }, config), {}, {
@@ -184,7 +197,7 @@ const WagmiProvider = vue.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 === noModal.CHAIN_NAMESPACES.EIP155);
@@ -232,8 +245,8 @@ const WagmiProvider = vue.defineComponent({
       }
     };
     vue.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/dist/lib.cjs/types/account-linking/index.d.ts

@@ -0,0 +1 @@
+export * from "@web3auth/no-modal/account-linking";

package/dist/lib.cjs/types/account-linking/react.d.ts

@@ -0,0 +1,2 @@
+export type { CITADEL_NETWORK, CitadelLinkAccountPayload, IUseLinkAccount, IUseSwitchAccount, LinkAccountParams, LinkAccountResult, LinkedAccountInfo, UnlinkAccountPayload, UnlinkAccountResult, } from "@web3auth/no-modal/account-linking/react";
+export { makeAccountLinkingRequest, makeAccountUnlinkingRequest, useLinkAccount, useSwitchAccount } from "@web3auth/no-modal/account-linking/react";

package/dist/lib.cjs/types/account-linking/vue.d.ts

@@ -0,0 +1,2 @@
+export type { CITADEL_NETWORK, CitadelLinkAccountPayload, IUseLinkAccount, IUseSwitchAccount, LinkAccountParams, LinkAccountResult, LinkedAccountInfo, UnlinkAccountPayload, UnlinkAccountResult, } from "@web3auth/no-modal/account-linking/vue";
+export { makeAccountLinkingRequest, makeAccountUnlinkingRequest, useLinkAccount, useSwitchAccount } from "@web3auth/no-modal/account-linking/vue";

package/dist/lib.cjs/types/modalManager.d.ts

@@ -1,6 +1,6 @@
-import { type Connection, type IWeb3AuthCoreOptions, IWeb3AuthState, LoginModeType, type ProjectConfig, Web3AuthNoModal } from "@web3auth/no-modal";
+import { type Connection, type IConnector, type IWeb3AuthCoreOptions, IWeb3AuthState, type LinkAccountParams, type LinkAccountResult, type LinkedAccountInfo, LoginModeType, type ProjectConfig, type WALLET_CONNECTOR_TYPE, Web3AuthNoModal } from "@web3auth/no-modal";
 import { type ConnectorsModalConfig, type IWeb3AuthModal } from "./interface";
-import { LoginModal, type UIConfig } from "./ui";
+import { ACCOUNT_LINKING_INTENT, type AccountLinkingState, LoginModal, type UIConfig } from "./ui";
 export interface Web3AuthOptions extends IWeb3AuthCoreOptions {
     /**
      * Config for configuring modal ui display properties
@@ -16,12 +16,29 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     loginMode: LoginModeType;
     readonly options: Web3AuthOptions;
     private modalConfig;
+    private removeAccountLinkingConnectorListeners;
+    private removeAccountLinkingResetOnCloseListener;
+    private accountLinkingPickerResolver;
+    private removeAccountLinkingPickerCloseListener;
     constructor(options: Web3AuthOptions, initialState?: Partial<IWeb3AuthState>);
     init(options?: {
         signal?: AbortSignal;
     }): Promise<void>;
     connect(): Promise<Connection | null>;
     acceptConsent(): Promise<void>;
+    switchAccount(account: LinkedAccountInfo): Promise<void>;
+    linkAccount(params?: LinkAccountParams): Promise<LinkAccountResult>;
+    protected startAccountLinkingModalSession(params: {
+        connectorName: WALLET_CONNECTOR_TYPE | string;
+        transportConnectorName?: WALLET_CONNECTOR_TYPE | string;
+        chainId: string;
+        intent: (typeof ACCOUNT_LINKING_INTENT)[keyof typeof ACCOUNT_LINKING_INTENT];
+    }): void;
+    protected updateAccountLinkingModalSession(accountLinking: Partial<AccountLinkingState>): void;
+    protected resetAccountLinkingModalSession(): void;
+    protected formatAccountLinkingErrorMessage(error: unknown): string | undefined;
+    protected prepareAccountLinkingConnector(connectorName: WALLET_CONNECTOR_TYPE | string, chainId: string): Promise<IConnector<unknown>>;
+    protected prepareAccountSwitchConnector(connectorName: WALLET_CONNECTOR_TYPE | string, chainId: string, projectConfig?: ProjectConfig): Promise<IConnector<unknown>>;
     protected initUIConfig(projectConfig: ProjectConfig): void;
     protected getInitializationTrackData(): Record<string, unknown>;
     private filterWalletRegistry;
@@ -39,5 +56,26 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     private onAcceptConsent;
     private onDeclineConsent;
     private getChainNamespaces;
+    private switchToWalletConnectV2Account;
+    /**
+     * Runs a link/switch action for WalletConnect v2, racing connector.connect()
+     * against a modal-close promise to cancel and clean up the WC session if the
+     * user closes the modal during QR scanning.
+     * For synchronous connectors use {@link runNonWalletConnectAccountAction}.
+     */
+    private runWalletConnectV2AccountAction;
+    private linkAccountWithChosenConnector;
+    private pickWalletForAccountLinking;
+    /**
+     * Runs a link/switch action for synchronous connectors (injected wallets, already-connected).
+     * Shows the connecting loader, forwards AUTHORIZING events to the modal, and
+     * resolves/rejects the loader on completion.
+     * For WalletConnect v2 use {@link runWalletConnectV2AccountAction}.
+     */
+    private runNonWalletConnectAccountAction;
+    private subscribeToAccountLinkingConnectorEvents;
+    private clearAccountLinkingConnectorListeners;
+    private installAccountLinkingResetOnCloseListener;
+    private clearAccountLinkingResetOnCloseListener;
     private getCombinedConnectionId;
 }

package/dist/lib.cjs/types/react/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./useWallets";
 export * from "./useWeb3Auth";
 export * from "./useWeb3AuthConnect";
 export type { IUseAuthTokenInfo, IUseChain, IUseCheckout, IUseEnableMFA, IUseFunding, IUseManageMFA, IUseReceive, IUseSwap, IUseSwitchChain, IUseWalletConnectScanner, IUseWalletUI, IUseWeb3AuthDisconnect, IUseWeb3AuthUser, } from "@web3auth/no-modal/react";

package/dist/lib.cjs/types/react/hooks/useWallets.d.ts

@@ -0,0 +1,2 @@
+export type { IUseWallets } from "@web3auth/no-modal/react";
+export { useWallets } from "@web3auth/no-modal/react";

package/dist/lib.cjs/types/ui/containers/AccountLinking/AccountLinking.d.ts

@@ -0,0 +1,6 @@
+import { type ExternalButton } from "../../interfaces";
+interface AccountLinkingProps {
+    allExternalWallets: ExternalButton[];
+}
+declare function AccountLinking(props: AccountLinkingProps): import("react/jsx-runtime").JSX.Element;
+export default AccountLinking;

package/dist/lib.cjs/types/ui/containers/AccountLinking/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./AccountLinking";

package/dist/lib.cjs/types/ui/containers/ConnectWallet/ConnectWalletHeader/ConnectWalletHeader.type.d.ts

@@ -5,4 +5,5 @@ export interface ConnectWalletHeaderProps {
     currentPage: string;
     selectedButton: ExternalButton;
     hideBackButton?: boolean;
+    isLinking?: boolean;
 }

package/dist/lib.cjs/types/ui/containers/Root/Root.d.ts

@@ -1,3 +1,3 @@
-import { RootProps } from "./Root.type";
+import type { RootProps } from "./Root.type";
 declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
 export default Root;

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

@@ -45,14 +45,6 @@ export interface UIConfig extends CoreUIConfig, LoginModalConfig {
      */
     hideSuccessScreen?: boolean;
     connectorListener: SafeEventEmitter<Web3AuthNoModalEvents>;
-    /**
-     * Config for consent required.
-     *
-     * @defaultValue `undefined`
-     */
-    consentConfig?: {
-        required: boolean;
-    };
 }
 export type ModalLoginParams = Pick<AuthLoginParams, "authConnection" | "authConnectionId" | "groupedAuthConnectionId" | "loginHint" | "extraLoginOptions"> & {
     name: string;
@@ -104,6 +96,48 @@ export declare const MODAL_STATUS: {
     readonly CONSENT_REQUIRING: "consent_requiring";
 };
 export type ModalStatusType = (typeof MODAL_STATUS)[keyof typeof MODAL_STATUS];
+export declare const ACCOUNT_LINKING_STATUS: {
+    readonly IDLE: "idle";
+    readonly INITIALIZING: "initializing";
+    readonly AWAITING_CONNECTION: "awaiting_connection";
+    readonly WALLET_CONNECTED: "wallet_connected";
+    readonly LINKING: "linking";
+    readonly ERRORED: "errored";
+    readonly COMPLETED: "completed";
+};
+export type AccountLinkingStatusType = (typeof ACCOUNT_LINKING_STATUS)[keyof typeof ACCOUNT_LINKING_STATUS];
+export declare const ACCOUNT_LINKING_INTENT: {
+    readonly LINK: "link";
+    readonly SWITCH: "switch";
+};
+export type AccountLinkingIntentType = (typeof ACCOUNT_LINKING_INTENT)[keyof typeof ACCOUNT_LINKING_INTENT];
+export interface AccountLinkingState {
+    active: boolean;
+    /**
+     * True when the modal is showing the wallet picker for `linkAccount()` called
+     * without a `connectorName`. The user's selection in the ConnectWallet UI will
+     * be routed to the linking flow instead of the regular login flow.
+     */
+    pickerActive: boolean;
+    /**
+     * The name of the wallet to be linked to.
+     */
+    connectorName: WALLET_CONNECTOR_TYPE | string | null;
+    /**
+     * The underlying actual connector that is used to connect to the target account.
+     * This is different from the connectorName coz except for Metamask, others wallet can be used to connect with injectedEvmConnector/solanaStandardWalletConnector if installed.
+     * Otherwise, will fallback to the wallet-connect connector.
+     *
+     * This is useful when we want to rehydrate the linked account, using this transport connector to connect back to the target account.
+     **/
+    transportConnectorName: WALLET_CONNECTOR_TYPE | string | null;
+    chainId: string | null;
+    intent: AccountLinkingIntentType;
+    status: AccountLinkingStatusType;
+    walletConnectUri?: string;
+    errorMessage: string;
+}
+export declare const DEFAULT_ACCOUNT_LINKING_STATE: AccountLinkingState;
 export interface ModalState {
     status: ModalStatusType;
     modalVisibility: boolean;
@@ -117,6 +151,7 @@ export interface ModalState {
     showExternalWalletsOnly: boolean;
     walletConnectUri: string;
     metamaskConnectUri: string;
+    accountLinking: AccountLinkingState;
     socialLoginsConfig: SocialLoginsConfig;
     externalWalletsConfig: Record<string, BaseConnectorConfig>;
 }