@web3auth/modal 10.5.0 → 10.5.1

package/dist/lib.cjs/packages/modal/src/config.js

@@ -2,7 +2,7 @@
 
 var noModal = require('@web3auth/no-modal');
 
-const version = "10.5.0";
+const version = "10.5.1";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {
@@ -12,8 +12,6 @@ const defaultConnectorsModalConfig = {
     }
   }
 };
-const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
 
 exports.defaultConnectorsModalConfig = defaultConnectorsModalConfig;
 exports.version = version;
-exports.walletRegistryUrl = walletRegistryUrl;

package/dist/lib.cjs/packages/modal/src/index.js

@@ -8,7 +8,6 @@ var noModal = require('@web3auth/no-modal');
 
 exports.defaultConnectorsModalConfig = config.defaultConnectorsModalConfig;
 exports.version = config.version;
-exports.walletRegistryUrl = config.walletRegistryUrl;
 exports.Web3Auth = modalManager.Web3Auth;
 Object.keys(noModal).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/lib.cjs/packages/modal/src/modalManager.js

@@ -296,7 +296,7 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       web3AuthNetwork: this.options.web3AuthNetwork,
       aaProvider: (_this$options$account = this.options.accountAbstractionConfig) === null || _this$options$account === void 0 ? void 0 : _this$options$account.smartAccountType,
       authBuildEnv: this.options.authBuildEnv
-    }), noModal.fetchWalletRegistry(config.walletRegistryUrl)]);
+    }), noModal.fetchWalletRegistry(noModal.WALLET_REGISTRY_URL)]);
     // handle project config result
     if (projectConfigResult.status === "rejected") {
       const error = await auth.serializeError(projectConfigResult.reason);

package/dist/lib.cjs/packages/modal/src/ui/components/ConnectWallet/ConnectWalletQrCode/ConnectWalletQrCode.js

@@ -8,6 +8,7 @@ var reactI18next = require('react-i18next');
 var reactQrcodeLogo = require('react-qrcode-logo');
 var constants = require('../../../constants.js');
 var RootContext = require('../../../context/RootContext.js');
+var interfaces = require('../../../interfaces.js');
 var localeImport = require('../../../localeImport.js');
 var Image = require('../../Image/Image.js');
 
@@ -18,7 +19,8 @@ function ConnectWalletQrCode(props) {
   });
   const {
     bodyState,
-    setBodyState
+    setBodyState,
+    setToast
   } = react.useContext(RootContext.RootContext);
   const {
     qrCodeValue,
@@ -41,8 +43,16 @@ function ConnectWalletQrCode(props) {
     className: "w3a--contents",
     children: [qrCodeValue ? jsxRuntime.jsxs("div", {
       className: "w3a--flex w3a--flex-col w3a--items-center w3a--justify-center w3a--gap-y-4 w3a--rounded-2xl w3a--border w3a--border-app-gray-200 w3a--p-4 dark:w3a--border-app-gray-700",
-      children: [jsxRuntime.jsx("div", {
-        className: "w3a--relative w3a--flex w3a--size-[300px] w3a--items-center w3a--justify-center w3a--rounded-2xl",
+      children: [jsxRuntime.jsx("button", {
+        type: "button",
+        className: "w3a--relative w3a--flex w3a--size-[300px] w3a--appearance-none w3a--items-center w3a--justify-center w3a--rounded-2xl",
+        onClick: () => {
+          navigator.clipboard.writeText(qrCodeValue);
+          setToast({
+            message: t("modal.external.qr-code-copied-to-clipboard"),
+            type: interfaces.TOAST_TYPE.SUCCESS
+          });
+        },
         children: jsxRuntime.jsx(reactQrcodeLogo.QRCode, {
           size: isDesktop ? 300 : 260,
           eyeRadius: 5,

package/dist/lib.cjs/packages/modal/src/ui/components/Toast/Toast.js

@@ -55,14 +55,11 @@ const Toast = () => {
           fill: "currentColor"
         })
       })
-    }), jsxRuntime.jsxs("div", {
+    }), jsxRuntime.jsx("div", {
       className: "w3a--flex w3a--items-center w3a--gap-2",
-      children: [jsxRuntime.jsx("p", {
-        className: toastIconClass[toast.type],
-        children: "x"
-      }), jsxRuntime.jsx("p", {
+      children: jsxRuntime.jsx("p", {
         children: toast.message
-      })]
+      })
     })]
   });
 };

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

@@ -1,4 +1,3 @@
 import { ConnectorsModalConfig } from "./interface";
 export declare const version: string;
 export declare const defaultConnectorsModalConfig: ConnectorsModalConfig;
-export declare const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";

package/dist/lib.esm/packages/modal/src/config.js

@@ -1,6 +1,6 @@
 import { EVM_CONNECTORS } from '@web3auth/no-modal';
 
-const version = "10.5.0";
+const version = "10.5.1";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {
@@ -10,6 +10,5 @@ const defaultConnectorsModalConfig = {
     }
   }
 };
-const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
 
-export { defaultConnectorsModalConfig, version, walletRegistryUrl };
+export { defaultConnectorsModalConfig, version };

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

@@ -1,3 +1,3 @@
-export { defaultConnectorsModalConfig, version, walletRegistryUrl } from './config.js';
+export { defaultConnectorsModalConfig, version } from './config.js';
 export { Web3Auth } from './modalManager.js';
 export * from '@web3auth/no-modal';

package/dist/lib.esm/packages/modal/src/modalManager.js

@@ -1,9 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { serializeError } from '@web3auth/auth';
-import { Web3AuthNoModal, cloneDeep, WALLET_CONNECTORS, LOGIN_MODE, log, CONNECTOR_STATUS, sdkVersion, ANALYTICS_SDK_TYPE, withAbort, CONNECTOR_EVENTS, ANALYTICS_EVENTS, getErrorAnalyticsProperties, WalletInitializationError, fetchProjectConfig, fetchWalletRegistry, CONNECTOR_CATEGORY, CONNECTOR_NAMES, CONNECTOR_NAMESPACES } from '@web3auth/no-modal';
+import { Web3AuthNoModal, cloneDeep, WALLET_CONNECTORS, LOGIN_MODE, log, CONNECTOR_STATUS, sdkVersion, ANALYTICS_SDK_TYPE, withAbort, CONNECTOR_EVENTS, ANALYTICS_EVENTS, getErrorAnalyticsProperties, WalletInitializationError, fetchProjectConfig, fetchWalletRegistry, WALLET_REGISTRY_URL, CONNECTOR_CATEGORY, CONNECTOR_NAMES, CONNECTOR_NAMESPACES } from '@web3auth/no-modal';
 import deepmerge from 'deepmerge';
-import { defaultConnectorsModalConfig, walletRegistryUrl } from './config.js';
+import { defaultConnectorsModalConfig } from './config.js';
 import { AUTH_PROVIDERS_NAMES, AUTH_PROVIDERS, capitalizeFirstLetter } from './ui/config.js';
 import { LOGIN_MODAL_EVENTS } from './ui/interfaces.js';
 import { LoginModal } from './ui/loginModal.js';
@@ -306,7 +306,7 @@ class Web3Auth extends Web3AuthNoModal {
       web3AuthNetwork: this.options.web3AuthNetwork,
       aaProvider: (_this$options$account = this.options.accountAbstractionConfig) === null || _this$options$account === void 0 ? void 0 : _this$options$account.smartAccountType,
       authBuildEnv: this.options.authBuildEnv
-    }), fetchWalletRegistry(walletRegistryUrl)]);
+    }), fetchWalletRegistry(WALLET_REGISTRY_URL)]);
 
     // handle project config result
     if (projectConfigResult.status === "rejected") {

package/dist/lib.esm/packages/modal/src/ui/components/ConnectWallet/ConnectWalletQrCode/ConnectWalletQrCode.js

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import { QRCode } from 'react-qrcode-logo';
 import { WALLET_CONNECT_LOGO } from '../../../constants.js';
 import { RootContext } from '../../../context/RootContext.js';
+import { TOAST_TYPE } from '../../../interfaces.js';
 import i18nInstance from '../../../localeImport.js';
 import Image from '../../Image/Image.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -16,7 +17,8 @@ function ConnectWalletQrCode(props) {
   });
   const {
     bodyState,
-    setBodyState
+    setBodyState,
+    setToast
   } = useContext(RootContext);
   const {
     qrCodeValue,
@@ -39,8 +41,16 @@ function ConnectWalletQrCode(props) {
     className: "w3a--contents",
     children: [qrCodeValue ? /*#__PURE__*/jsxs("div", {
       className: "w3a--flex w3a--flex-col w3a--items-center w3a--justify-center w3a--gap-y-4 w3a--rounded-2xl w3a--border w3a--border-app-gray-200 w3a--p-4 dark:w3a--border-app-gray-700",
-      children: [/*#__PURE__*/jsx("div", {
-        className: "w3a--relative w3a--flex w3a--size-[300px] w3a--items-center w3a--justify-center w3a--rounded-2xl",
+      children: [/*#__PURE__*/jsx("button", {
+        type: "button",
+        className: "w3a--relative w3a--flex w3a--size-[300px] w3a--appearance-none w3a--items-center w3a--justify-center w3a--rounded-2xl",
+        onClick: () => {
+          navigator.clipboard.writeText(qrCodeValue);
+          setToast({
+            message: t("modal.external.qr-code-copied-to-clipboard"),
+            type: TOAST_TYPE.SUCCESS
+          });
+        },
         children: /*#__PURE__*/jsx(QRCode, {
           size: isDesktop ? 300 : 260,
           eyeRadius: 5,

package/dist/lib.esm/packages/modal/src/ui/components/Toast/Toast.js

@@ -53,14 +53,11 @@ const Toast = () => {
           fill: "currentColor"
         })
       })
-    }), /*#__PURE__*/jsxs("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: "w3a--flex w3a--items-center w3a--gap-2",
-      children: [/*#__PURE__*/jsx("p", {
-        className: toastIconClass[toast.type],
-        children: "x"
-      }), /*#__PURE__*/jsx("p", {
+      children: /*#__PURE__*/jsx("p", {
         children: toast.message
-      })]
+      })
     })]
   });
 };