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

package/dist/lib.cjs/packages/modal/src/ui/i18n/japanese.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": "続行するアカウント",
@@ -15,10 +27,10 @@ var modal = {
   "errors-required": "必須",
   "external.all-wallets": "すべてのウォレット",
   "external.back": "戻る",
-  "external.connect": "ウォレットを続ける",
+  "external.connect": "ウォレットで続行",
   "external.connect-wallet": "ウォレットを接続",
-  "external.continue": "外部ウォレットを続行する",
-  "external.continue-custom": "{{wallet}}を続けます",
+  "external.continue": "外部ウォレットで続行する",
+  "external.continue-custom": "{{wallet}}で続行",
   "external.dont-have": "持っていない",
   "external.get": "取得",
   "external.get-wallet": "ウォレットを取得",
@@ -28,7 +40,7 @@ var modal = {
   "external.no-wallets-found": "ウォレットが見つかりません",
   "external.qr-code-copied-to-clipboard": "URIがクリップボードにコピーされました",
   "external.search-subtext": "代わりに検索してみてください",
-  "external.search-text": "財布が見えませんか？",
+  "external.search-text": "ウォレットがありませんか？",
   "external.search-wallet": "{{count}} ウォレットを検索...",
   "external.select-chain": "チェーンを選択",
   "external.select-chain-description": "この {{wallet}} ウォレットは複数のチェーンをサポートしています。接続したいチェーンを選択してください",
@@ -39,7 +51,7 @@ var modal = {
   "footer.and": "および",
   "footer.by-signing-in": "サインインすると、私たちの",
   "footer.message": "自己保管ログイン by",
-  "footer.message-new": "経由の自立",
+  "footer.message-new": "自己保管ログイン by",
   "footer.policy": "プライバシーポリシー",
   "footer.privacy-policy": "プライバシーポリシー",
   "footer.terms": "利用規約",
@@ -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": "確認するにはここをクリックしてください",
@@ -82,12 +95,12 @@ var modal = {
   "post-loading.something-wrong": "何かがうまくいかなかった！",
   resendCode: "コードを再送信",
   resendTimer: " {{timer}} 秒後に再送信",
-  "social.continue": "続ける",
-  "social.continueCustom": "{{adapter}}を続けます",
+  "social.continue": "で続行",
+  "social.continueCustom": "{{adapter}}で続行",
   "social.email": "Eメール",
   "social.email-continue": "メールで続行",
   "social.email-new": "name@example.com",
-  "social.passwordless-cta": "続ける",
+  "social.passwordless-cta": "続行",
   "social.passwordless-login": "ログイン",
   "social.passwordless-title": "メール/電話",
   "social.phone": "電話",
@@ -97,18 +110,19 @@ var modal = {
   "social.sms-continue": "モバイルで続行",
   "social.sms-invalid-number": "無効な電話番号",
   "social.sms-placeholder-text": "例:",
-  "social.view-less": "表示が少なくなります",
-  "social.view-less-socials": "表示を減らす socials",
+  "social.view-less": "表示を減らす",
+  "social.view-less-socials": "Socials の表示を減らす",
   "social.view-more": "もっと見る",
-  "social.view-more-socials": "もっと見る socials"
+  "social.view-more-socials": "Socials をもっと見る"
 };
 var passwordless = {
+  "captcha-default-error": "検証中に予期しないエラーが発生しました。ページを再読み込みしてください。",
   "error-invalid-link": "無効な検証リンクまたはリンクが期限切れになりました",
   "error-invalid-origin": "何かがうまくいかなかった, エラーコード: E002",
   "error-invalid-otp": "無効なOTP、もう一度やり直してください",
   "error-invalid-params": "パラメーターの欠落または無効なパラメーター",
   "error-invalid-test-account": "無効なテストアカウント",
-  "error-max-retry-limit-reached": "間違った試みの制限に達しました。確認を完了するには、フローをもう一度再起動してください。",
+  "error-max-retry-limit-reached": "エラー回数の制限に達しました。確認を完了するには、フローをもう一度再起動してください。",
   "error-new-link-generated-heading": "新しい検証リンクが生成されました",
   "error-no-mail-generated": "メールが生成されていません。最初にパスワードレスフローを開始してください。",
   "error-no-sms-generated": "OTP生成はありません。最初にパスワードレスフローを開始してください。",

package/dist/lib.cjs/packages/modal/src/ui/i18n/korean.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/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";