@web3auth/modal 4.3.3-beta.0 → 4.5.0-beta.0

package/dist/types/modalManager.d.ts

@@ -1,40 +1,7 @@
 import { SafeEventEmitterProvider, WALLET_ADAPTER_TYPE } from "@web3auth/base";
 import { Web3AuthCore, Web3AuthCoreOptions } from "@web3auth/core";
-import { LoginModal } from "@web3auth/ui";
+import { LoginModal, UIConfig } from "@web3auth/ui";
 import { IWeb3AuthModal, ModalConfig } from "./interface";
-export interface UIConfig {
-    /**
-     * App name to display in the UI.
-     */
-    appName?: string;
-    /**
-     * Logo for your app.
-     */
-    appLogo?: string;
-    /**
-     * theme for the modal
-     *
-     * @defaultValue `light`
-     */
-    theme?: "light" | "dark";
-    /**
-     * order of how login methods are shown
-     *
-     * @defaultValue `["google", "facebook", "twitter", "reddit", "discord", "twitch", "apple", "line", "github", "kakao", "linkedin", "weibo", "wechat", "email_passwordless"]`
-     */
-    loginMethodsOrder?: string[];
-    /**
-     * language which will be used by web3auth. app will use browser language if not specified. if language is not supported it will use "en"
-     * en: english
-     * de: german
-     * ja: japanese
-     * ko: korean
-     * zh: mandarin
-     * es: spanish
-     *
-     */
-    defaultLanguage?: string;
-}
 export interface Web3AuthOptions extends Web3AuthCoreOptions {
     /**
      * web3auth instance provides different adapters for different type of usages. If you are dapp and want to
@@ -48,13 +15,7 @@ export interface Web3AuthOptions extends Web3AuthCoreOptions {
     /**
      * Config for configuring modal ui display properties
      */
-    uiConfig?: UIConfig;
-    /**
-     * Whether to show errors on Web3Auth modal.
-     *
-     * @defaultValue `true`
-     */
-    displayErrorsOnModal?: boolean;
+    uiConfig?: Omit<UIConfig, "adapterListener">;
 }
 export declare class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
     loginModal: LoginModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/modal",
-  "version": "4.3.3-beta.0",
+  "version": "4.5.0-beta.0",
   "homepage": "https://github.com/Web3Auth/Web3Auth#readme",
   "license": "ISC",
   "main": "dist/modal.cjs.js",
@@ -19,15 +19,15 @@
     "pre-commit": "lint-staged --cwd ."
   },
   "dependencies": {
-    "@web3auth/base": "^4.3.2-beta.0",
-    "@web3auth/core": "^4.3.2-beta.0",
-    "@web3auth/metamask-adapter": "^4.3.2-beta.0",
-    "@web3auth/openlogin-adapter": "^4.3.2-beta.0",
-    "@web3auth/phantom-adapter": "^4.3.2-beta.0",
-    "@web3auth/torus-evm-adapter": "^4.3.2-beta.0",
-    "@web3auth/torus-solana-adapter": "^4.3.2-beta.0",
-    "@web3auth/ui": "^4.3.3-beta.0",
-    "@web3auth/wallet-connect-v1-adapter": "^4.3.2-beta.0"
+    "@web3auth/base": "^4.5.0-beta.0",
+    "@web3auth/core": "^4.5.0-beta.0",
+    "@web3auth/metamask-adapter": "^4.5.0-beta.0",
+    "@web3auth/openlogin-adapter": "^4.5.0-beta.0",
+    "@web3auth/phantom-adapter": "^4.5.0-beta.0",
+    "@web3auth/torus-evm-adapter": "^4.5.0-beta.0",
+    "@web3auth/torus-solana-adapter": "^4.5.0-beta.0",
+    "@web3auth/ui": "^4.5.0-beta.0",
+    "@web3auth/wallet-connect-v1-adapter": "^4.5.0-beta.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "26e37aa7fca9584e66caf1ef29b21aefd13da7eb"
+  "gitHead": "abc2bae449212019a2ab116a9fdc46f11b87646e"
 }

package/src/modalManager.ts

@@ -12,7 +12,7 @@ import {
   WALLET_ADAPTERS,
 } from "@web3auth/base";
 import { Web3AuthCore, Web3AuthCoreOptions } from "@web3auth/core";
-import { getAdapterSocialLogins, LOGIN_MODAL_EVENTS, LoginModal, OPENLOGIN_PROVIDERS } from "@web3auth/ui";
+import { getAdapterSocialLogins, LOGIN_MODAL_EVENTS, LoginModal, OPENLOGIN_PROVIDERS, UIConfig } from "@web3auth/ui";
 
 import {
   defaultEvmDappModalConfig,
@@ -25,43 +25,6 @@ import { getDefaultAdapterModule } from "./default";
 import { AdaptersModalConfig, IWeb3AuthModal, ModalConfig } from "./interface";
 import { getUserLanguage } from "./utils";
 
-export interface UIConfig {
-  /**
-   * App name to display in the UI.
-   */
-  appName?: string;
-
-  /**
-   * Logo for your app.
-   */
-  appLogo?: string;
-
-  /**
-   * theme for the modal
-   *
-   * @defaultValue `light`
-   */
-  theme?: "light" | "dark";
-
-  /**
-   * order of how login methods are shown
-   *
-   * @defaultValue `["google", "facebook", "twitter", "reddit", "discord", "twitch", "apple", "line", "github", "kakao", "linkedin", "weibo", "wechat", "email_passwordless"]`
-   */
-  loginMethodsOrder?: string[];
-
-  /**
-   * language which will be used by web3auth. app will use browser language if not specified. if language is not supported it will use "en"
-   * en: english
-   * de: german
-   * ja: japanese
-   * ko: korean
-   * zh: mandarin
-   * es: spanish
-   *
-   */
-  defaultLanguage?: string;
-}
 export interface Web3AuthOptions extends Web3AuthCoreOptions {
   /**
    * web3auth instance provides different adapters for different type of usages. If you are dapp and want to
@@ -75,14 +38,7 @@ export interface Web3AuthOptions extends Web3AuthCoreOptions {
   /**
    * Config for configuring modal ui display properties
    */
-  uiConfig?: UIConfig;
-
-  /**
-   * Whether to show errors on Web3Auth modal.
-   *
-   * @defaultValue `true`
-   */
-  displayErrorsOnModal?: boolean;
+  uiConfig?: Omit<UIConfig, "adapterListener">;
 }
 export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
   public loginModal: LoginModal;
@@ -124,10 +80,10 @@ export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
       theme: this.options.uiConfig?.theme,
       appName: this.options.uiConfig?.appName || "blockchain",
       appLogo: this.options.uiConfig?.appLogo || "",
-      version: "",
       adapterListener: this,
-      displayErrorsOnModal: this.options.displayErrorsOnModal,
+      displayErrorsOnModal: this.options.uiConfig?.displayErrorsOnModal,
       defaultLanguage,
+      modalZIndex: this.options.uiConfig?.modalZIndex || "99998",
     });
     this.subscribeToLoginModalEvents();
   }