@web3auth/modal 8.0.0-alpha.7 → 8.0.0-alpha.8

package/dist/types/modalManager.d.ts

@@ -1,17 +1,8 @@
 import { IProvider, WALLET_ADAPTER_TYPE, Web3AuthNoModalOptions } from "@web3auth/base";
 import { Web3AuthNoModal } from "@web3auth/no-modal";
 import { LoginModal, UIConfig } from "@web3auth/ui";
-import { IWeb3AuthModal, ModalConfig } from "./interface";
+import { AdaptersModalConfig, IWeb3AuthModal, ModalConfig } from "./interface";
 export interface Web3AuthOptions extends Web3AuthNoModalOptions {
-    /**
-     * web3auth instance provides different adapters for different type of usages. If you are dapp and want to
-     * use external wallets like metamask, then you can use the `DAPP` authMode.
-     * If you are a wallet and only want to use you own wallet implementations along with openlogin,
-     * then you should use `WALLET` authMode.
-     *
-     * @defaultValue `DAPP`
-     */
-    authMode?: "DAPP" | "WALLET";
     /**
      * Config for configuring modal ui display properties
      */
@@ -22,6 +13,7 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     readonly options: Web3AuthOptions;
     private modalConfig;
     constructor(options: Web3AuthOptions);
+    setModalConfig(modalConfig: AdaptersModalConfig): void;
     initModal(params?: {
         modalConfig?: Record<WALLET_ADAPTER_TYPE, ModalConfig>;
     }): Promise<void>;

package/package.json

@@ -4,17 +4,17 @@
     "url": "https://github.com/Web3Auth/Web3Auth/issues"
   },
   "dependencies": {
-    "@web3auth/base": "^8.0.0-alpha.0",
-    "@web3auth/base-provider": "^8.0.0-alpha.0",
-    "@web3auth/no-modal": "^8.0.0-alpha.4",
-    "@web3auth/openlogin-adapter": "^8.0.0-alpha.0",
-    "@web3auth/ui": "^8.0.0-alpha.0"
+    "@web3auth/base": "^8.0.0-alpha.8",
+    "@web3auth/base-provider": "^8.0.0-alpha.8",
+    "@web3auth/no-modal": "^8.0.0-alpha.8",
+    "@web3auth/openlogin-adapter": "^8.0.0-alpha.8",
+    "@web3auth/ui": "^8.0.0-alpha.8"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",
     "@toruslabs/isomorphic-style-loader": "^5.3.3",
     "@toruslabs/openlogin-utils": "^6.2.5",
-    "@web3auth/wallet-connect-v2-adapter": "^8.0.0-alpha.4",
+    "@web3auth/wallet-connect-v2-adapter": "^8.0.0-alpha.8",
     "css-loader": "^6.9.1",
     "postcss-prefix-selector": "^1.16.0",
     "style-loader": "^3.3.4",
@@ -69,6 +69,6 @@
   },
   "types": "dist/types/index.d.ts",
   "unpkg": "dist/modal.umd.min.js",
-  "version": "8.0.0-alpha.7",
-  "gitHead": "af9f1db1868e13f14e65560e6aebb17be6f513d6"
+  "version": "8.0.0-alpha.8",
+  "gitHead": "6ca3c8fee49b28687d8294dad0c32523eae9bc32"
 }

package/src/modalManager.ts

@@ -3,7 +3,6 @@ import {
   ADAPTER_EVENTS,
   ADAPTER_STATUS,
   BaseAdapterConfig,
-  CHAIN_NAMESPACES,
   CustomChainConfig,
   getChainConfig,
   IProvider,
@@ -20,25 +19,10 @@ import { getOpenloginDefaultOptions, OpenloginAdapter } from "@web3auth/openlogi
 import { getAdapterSocialLogins, getUserLanguage, LOGIN_MODAL_EVENTS, LoginModal, OPENLOGIN_PROVIDERS, UIConfig } from "@web3auth/ui";
 import type { WalletConnectV2Adapter } from "@web3auth/wallet-connect-v2-adapter";
 
-import {
-  defaultEvmDappModalConfig,
-  defaultEvmWalletModalConfig,
-  defaultOtherModalConfig,
-  defaultSolanaDappModalConfig,
-  defaultSolanaWalletModalConfig,
-} from "./config";
+import { defaultOtherModalConfig } from "./config";
 import { AdaptersModalConfig, IWeb3AuthModal, ModalConfig } from "./interface";
 
 export interface Web3AuthOptions extends Web3AuthNoModalOptions {
-  /**
-   * web3auth instance provides different adapters for different type of usages. If you are dapp and want to
-   * use external wallets like metamask, then you can use the `DAPP` authMode.
-   * If you are a wallet and only want to use you own wallet implementations along with openlogin,
-   * then you should use `WALLET` authMode.
-   *
-   * @defaultValue `DAPP`
-   */
-  authMode?: "DAPP" | "WALLET";
   /**
    * Config for configuring modal ui display properties
    */
@@ -50,33 +34,11 @@ export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
 
   readonly options: Web3AuthOptions;
 
-  private modalConfig: AdaptersModalConfig = defaultEvmDappModalConfig;
+  private modalConfig: AdaptersModalConfig = defaultOtherModalConfig;
 
   constructor(options: Web3AuthOptions) {
     super(options);
     this.options = { ...options };
-    const providedChainConfig = this.options.chainConfig;
-    if (providedChainConfig.chainNamespace === CHAIN_NAMESPACES.SOLANA) {
-      if (options.authMode === "WALLET") {
-        // default config for solana wallet modal
-        this.modalConfig = defaultSolanaWalletModalConfig;
-      } else {
-        // default config for solana dapp modal
-        this.modalConfig = defaultSolanaDappModalConfig;
-      }
-    } else if (providedChainConfig.chainNamespace === CHAIN_NAMESPACES.EIP155) {
-      if (options.authMode === "WALLET") {
-        // default config for evm wallet modal
-        this.modalConfig = defaultEvmWalletModalConfig;
-      } else {
-        // default config for evm dapp modal
-        this.modalConfig = defaultEvmDappModalConfig;
-      }
-    } else if (providedChainConfig.chainNamespace === CHAIN_NAMESPACES.OTHER) {
-      this.modalConfig = defaultOtherModalConfig;
-    } else {
-      throw new Error(`Invalid chainNamespace provided: ${providedChainConfig.chainNamespace}`);
-    }
 
     if (!this.options.uiConfig) this.options.uiConfig = {};
     if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = getUserLanguage(this.options.uiConfig.defaultLanguage);
@@ -89,6 +51,11 @@ export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
     this.subscribeToLoginModalEvents();
   }
 
+  public setModalConfig(modalConfig: AdaptersModalConfig): void {
+    super.checkInitRequirements();
+    this.modalConfig = modalConfig;
+  }
+
   public async initModal(params?: { modalConfig?: Record<WALLET_ADAPTER_TYPE, ModalConfig> }): Promise<void> {
     super.checkInitRequirements();
     await this.loginModal.initModal();
@@ -122,7 +89,7 @@ export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
         // Adapters to be shown on modal should be pre-configured.
         if (adapterName === WALLET_ADAPTERS.OPENLOGIN) {
           const defaultOptions = getOpenloginDefaultOptions();
-          const { clientId, useCoreKitKey, chainConfig, web3AuthNetwork, uiConfig, sessionTime, privateKeyProvider } = this.coreOptions;
+          const { clientId, useCoreKitKey, chainConfig, web3AuthNetwork, sessionTime, privateKeyProvider } = this.coreOptions;
           const finalChainConfig = {
             ...getChainConfig(providedChainConfig.chainNamespace, this.coreOptions.chainConfig?.chainId),
             ...chainConfig,
@@ -130,12 +97,21 @@ export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
           if (!privateKeyProvider) {
             throw WalletInitializationError.invalidParams("privateKeyProvider is required");
           }
+          const finalOpenloginAdapterSettings = {
+            ...defaultOptions.adapterSettings,
+            clientId,
+            network: web3AuthNetwork,
+            whiteLabel: this.options.uiConfig,
+          };
+          if (this.options.uiConfig.uxMode) {
+            finalOpenloginAdapterSettings.uxMode = this.options.uiConfig.uxMode;
+          }
           const openloginAdapter = new OpenloginAdapter({
             ...defaultOptions,
             clientId,
             useCoreKitKey,
             chainConfig: { ...finalChainConfig },
-            adapterSettings: { ...defaultOptions.adapterSettings, clientId, network: web3AuthNetwork, whiteLabel: uiConfig },
+            adapterSettings: finalOpenloginAdapterSettings,
             sessionTime,
             web3AuthNetwork,
             privateKeyProvider,
@@ -175,6 +151,9 @@ export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
             }
             openloginAdapter.setAdapterSettings({ privateKeyProvider: this.coreOptions.privateKeyProvider });
           }
+          if (this.options.uiConfig?.uxMode) {
+            openloginAdapter.setAdapterSettings({ uxMode: this.options.uiConfig.uxMode });
+          }
           openloginAdapter.setAdapterSettings({ whiteLabel: this.options.uiConfig });
           if (!openloginAdapter.privateKeyProvider) {
             throw WalletInitializationError.invalidParams("privateKeyProvider is required for openlogin adapter");