@web3auth/modal 4.6.2 → 5.0.0-alpha.0

package/dist/types/modalManager.d.ts

@@ -1,8 +1,8 @@
 import { SafeEventEmitterProvider, WALLET_ADAPTER_TYPE } from "@web3auth/base";
-import { Web3AuthCore, Web3AuthCoreOptions } from "@web3auth/core";
+import { Web3AuthNoModal, Web3AuthNoModalOptions } from "@web3auth/no-modal";
 import { LoginModal, UIConfig } from "@web3auth/ui";
 import { IWeb3AuthModal, ModalConfig } from "./interface";
-export interface Web3AuthOptions extends Web3AuthCoreOptions {
+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.
@@ -17,7 +17,7 @@ export interface Web3AuthOptions extends Web3AuthCoreOptions {
      */
     uiConfig?: Omit<UIConfig, "adapterListener">;
 }
-export declare class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
+export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
     loginModal: LoginModal;
     readonly options: Web3AuthOptions;
     private modalConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/modal",
-  "version": "4.6.2",
+  "version": "5.0.0-alpha.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.6.0",
-    "@web3auth/core": "^4.6.0",
-    "@web3auth/metamask-adapter": "^4.6.0",
-    "@web3auth/openlogin-adapter": "^4.6.0",
-    "@web3auth/phantom-adapter": "^4.6.0",
-    "@web3auth/torus-evm-adapter": "^4.6.0",
-    "@web3auth/torus-solana-adapter": "^4.6.0",
-    "@web3auth/ui": "^4.6.2",
-    "@web3auth/wallet-connect-v1-adapter": "^4.6.0"
+    "@web3auth/base": "^5.0.0-alpha.0",
+    "@web3auth/metamask-adapter": "^5.0.0-alpha.0",
+    "@web3auth/no-modal": "^5.0.0-alpha.0",
+    "@web3auth/openlogin-adapter": "^5.0.0-alpha.0",
+    "@web3auth/phantom-adapter": "^5.0.0-alpha.0",
+    "@web3auth/torus-evm-adapter": "^5.0.0-alpha.0",
+    "@web3auth/torus-solana-adapter": "^5.0.0-alpha.0",
+    "@web3auth/ui": "^5.0.0-alpha.0",
+    "@web3auth/wallet-connect-v1-adapter": "^5.0.0-alpha.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",
@@ -36,11 +36,12 @@
     "css-loader": "^6.7.3",
     "postcss-prefix-selector": "^1.16.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.2.6",
+    "tailwindcss": "^3.2.7",
     "url-loader": "^4.1.1"
   },
   "peerDependencies": {
-    "@babel/runtime": "7.x"
+    "@babel/runtime": "7.x",
+    "@solana/web3.js": "^1.x"
   },
   "files": [
     "dist",
@@ -63,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c7feb39f21f4c944c8430f09198bf3e8e7fb976"
+  "gitHead": "f8efd80b6c25a5c9af2057ed723ca9fb7f3f8e40"
 }

package/src/modalManager.ts

@@ -12,7 +12,7 @@ import {
   WALLET_ADAPTER_TYPE,
   WALLET_ADAPTERS,
 } from "@web3auth/base";
-import { Web3AuthCore, Web3AuthCoreOptions } from "@web3auth/core";
+import { Web3AuthNoModal, Web3AuthNoModalOptions } from "@web3auth/no-modal";
 import { getAdapterSocialLogins, LOGIN_MODAL_EVENTS, LoginModal, OPENLOGIN_PROVIDERS, UIConfig } from "@web3auth/ui";
 
 import {
@@ -26,7 +26,7 @@ import { getDefaultAdapterModule } from "./default";
 import { AdaptersModalConfig, IWeb3AuthModal, ModalConfig } from "./interface";
 import { getUserLanguage } from "./utils";
 
-export interface Web3AuthOptions extends Web3AuthCoreOptions {
+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.
@@ -42,7 +42,7 @@ export interface Web3AuthOptions extends Web3AuthCoreOptions {
   uiConfig?: Omit<UIConfig, "adapterListener">;
 }
 
-export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
+export class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
   public loginModal: LoginModal;
 
   readonly options: Web3AuthOptions;
@@ -86,6 +86,9 @@ export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
       displayErrorsOnModal: this.options.uiConfig?.displayErrorsOnModal,
       defaultLanguage,
       modalZIndex: this.options.uiConfig?.modalZIndex || "99998",
+      web3AuthNetwork: this.options.web3AuthNetwork,
+      loginGridCol: this.options.uiConfig?.loginGridCol || 3,
+      primaryButton: this.options.uiConfig?.primaryButton || "socialLogin",
     });
     this.subscribeToLoginModalEvents();
   }
@@ -263,7 +266,12 @@ export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
           this.walletAdapters[adapterName],
           (this.modalConfig.adapters as Record<WALLET_ADAPTER_TYPE, ModalConfig>)[adapterName]?.loginMethods
         ),
-        this.options.uiConfig?.loginMethodsOrder || OPENLOGIN_PROVIDERS
+        this.options.uiConfig?.loginMethodsOrder || OPENLOGIN_PROVIDERS,
+        {
+          ...this.options.uiConfig,
+          loginGridCol: this.options.uiConfig?.loginGridCol || 3,
+          primaryButton: this.options.uiConfig?.primaryButton || "socialLogin",
+        }
       );
     }
   }