@web3auth/modal 4.5.0-beta.0 → 4.6.0

package/dist/types/default.d.ts

@@ -1,6 +1,9 @@
+import type { OPENLOGIN_NETWORK_TYPE } from "@toruslabs/openlogin";
 import { CustomChainConfig, IAdapter, WALLET_ADAPTER_TYPE } from "@web3auth/base";
 export declare const getDefaultAdapterModule: (params: {
     name: WALLET_ADAPTER_TYPE;
     clientId: string;
     customChainConfig: Partial<CustomChainConfig> & Pick<CustomChainConfig, "chainNamespace">;
+    sessionTime?: number;
+    web3AuthNetwork?: OPENLOGIN_NETWORK_TYPE;
 }) => Promise<IAdapter<unknown>>;

package/dist/types/utils.d.ts

@@ -6,5 +6,6 @@ export declare const languageMap: {
     zh: string;
     es: string;
     fr: string;
+    pt: string;
 };
 export declare const getUserLanguage: (defaultLanguage: string | undefined) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/modal",
-  "version": "4.5.0-beta.0",
+  "version": "4.6.0",
   "homepage": "https://github.com/Web3Auth/Web3Auth#readme",
   "license": "ISC",
   "main": "dist/modal.cjs.js",
@@ -19,24 +19,24 @@
     "pre-commit": "lint-staged --cwd ."
   },
   "dependencies": {
-    "@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"
+    "@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.0",
+    "@web3auth/wallet-connect-v1-adapter": "^4.6.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",
     "@toruslabs/isomorphic-style-loader": "^5.3.3",
-    "@toruslabs/openlogin": "^2.10.0",
-    "css-loader": "^6.7.2",
+    "@toruslabs/openlogin": "^3.1.0",
+    "css-loader": "^6.7.3",
     "postcss-prefix-selector": "^1.16.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.2.4",
+    "tailwindcss": "^3.2.6",
     "url-loader": "^4.1.1"
   },
   "peerDependencies": {
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "abc2bae449212019a2ab116a9fdc46f11b87646e"
+  "gitHead": "8ec9b078da6781b1225488bc45b41a10a15c8a0b"
 }

package/src/config.ts

@@ -20,7 +20,7 @@ export const defaultSolanaDappModalConfig: AdaptersModalConfig = {
     [SOLANA_ADAPTERS.PHANTOM]: {
       label: "Phantom",
       showOnModal: true,
-      showOnMobile: false,
+      showOnMobile: true,
       showOnDesktop: true,
     },
   },
@@ -38,7 +38,7 @@ export const defaultEvmDappModalConfig: AdaptersModalConfig = {
     [EVM_ADAPTERS.METAMASK]: {
       label: "MetaMask",
       showOnModal: true,
-      showOnMobile: false,
+      showOnMobile: true,
       showOnDesktop: true,
     },
     [EVM_ADAPTERS.OPENLOGIN]: {

package/src/default.ts

@@ -1,13 +1,15 @@
-import type { OpenLoginOptions } from "@toruslabs/openlogin";
+import type { OPENLOGIN_NETWORK_TYPE, OpenLoginOptions } from "@toruslabs/openlogin";
 import { CHAIN_NAMESPACES, CustomChainConfig, getChainConfig, IAdapter, WALLET_ADAPTER_TYPE, WALLET_ADAPTERS } from "@web3auth/base";
 
-// warning: this function is not compatible with "OTHER" chainnamespace.
+// warning: this function is not compatible with "OTHER" chain namespace.
 export const getDefaultAdapterModule = async (params: {
   name: WALLET_ADAPTER_TYPE;
   clientId: string;
   customChainConfig: Partial<CustomChainConfig> & Pick<CustomChainConfig, "chainNamespace">;
+  sessionTime?: number;
+  web3AuthNetwork?: OPENLOGIN_NETWORK_TYPE;
 }): Promise<IAdapter<unknown>> => {
-  const { name, customChainConfig, clientId } = params;
+  const { name, customChainConfig, clientId, sessionTime, web3AuthNetwork } = params;
   if (!Object.values(CHAIN_NAMESPACES).includes(customChainConfig.chainNamespace))
     throw new Error(`Invalid chainNamespace: ${customChainConfig.chainNamespace}`);
   const finalChainConfig = {
@@ -16,23 +18,23 @@ export const getDefaultAdapterModule = async (params: {
   };
   if (name === WALLET_ADAPTERS.TORUS_EVM) {
     const { TorusWalletAdapter } = await import("@web3auth/torus-evm-adapter");
-    const adapter = new TorusWalletAdapter({ chainConfig: finalChainConfig, clientId });
+    const adapter = new TorusWalletAdapter({ chainConfig: finalChainConfig, clientId, sessionTime, web3AuthNetwork });
     return adapter;
   } else if (name === WALLET_ADAPTERS.TORUS_SOLANA) {
     const { SolanaWalletAdapter } = await import("@web3auth/torus-solana-adapter");
-    const adapter = new SolanaWalletAdapter({ chainConfig: finalChainConfig, clientId });
+    const adapter = new SolanaWalletAdapter({ chainConfig: finalChainConfig, clientId, sessionTime, web3AuthNetwork });
     return adapter;
   } else if (name === WALLET_ADAPTERS.METAMASK) {
     const { MetamaskAdapter } = await import("@web3auth/metamask-adapter");
-    const adapter = new MetamaskAdapter({ chainConfig: finalChainConfig, clientId });
+    const adapter = new MetamaskAdapter({ chainConfig: finalChainConfig, clientId, sessionTime, web3AuthNetwork });
     return adapter;
   } else if (name === WALLET_ADAPTERS.PHANTOM) {
     const { PhantomAdapter } = await import("@web3auth/phantom-adapter");
-    const adapter = new PhantomAdapter({ chainConfig: finalChainConfig, clientId });
+    const adapter = new PhantomAdapter({ chainConfig: finalChainConfig, clientId, sessionTime, web3AuthNetwork });
     return adapter;
   } else if (name === WALLET_ADAPTERS.WALLET_CONNECT_V1) {
     const { WalletConnectV1Adapter } = await import("@web3auth/wallet-connect-v1-adapter");
-    const adapter = new WalletConnectV1Adapter({ chainConfig: finalChainConfig, clientId });
+    const adapter = new WalletConnectV1Adapter({ chainConfig: finalChainConfig, clientId, sessionTime, web3AuthNetwork });
     return adapter;
   } else if (name === WALLET_ADAPTERS.OPENLOGIN) {
     const { OpenloginAdapter, getOpenloginDefaultOptions } = await import("@web3auth/openlogin-adapter");
@@ -41,7 +43,9 @@ export const getDefaultAdapterModule = async (params: {
       ...defaultOptions,
       clientId,
       chainConfig: { ...finalChainConfig },
-      adapterSettings: { ...(defaultOptions.adapterSettings as OpenLoginOptions), clientId },
+      adapterSettings: { ...(defaultOptions.adapterSettings as OpenLoginOptions), clientId, network: web3AuthNetwork },
+      sessionTime,
+      web3AuthNetwork,
     });
     return adapter;
   }

package/src/modalManager.ts

@@ -7,6 +7,7 @@ import {
   CustomChainConfig,
   getChainConfig,
   log,
+  LoginMethodConfig,
   SafeEventEmitterProvider,
   WALLET_ADAPTER_TYPE,
   WALLET_ADAPTERS,
@@ -40,6 +41,7 @@ export interface Web3AuthOptions extends Web3AuthCoreOptions {
    */
   uiConfig?: Omit<UIConfig, "adapterListener">;
 }
+
 export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
   public loginModal: LoginModal;
 
@@ -123,6 +125,8 @@ export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
           name: adapterName,
           customChainConfig: this.options.chainConfig,
           clientId: this.options.clientId,
+          sessionTime: this.options.sessionTime,
+          web3AuthNetwork: this.options.web3AuthNetwork,
         });
 
         this.walletAdapters[adapterName] = ad;
@@ -155,14 +159,14 @@ export class Web3Auth extends Web3AuthCore implements IWeb3AuthModal {
     const adapterNames = await Promise.all(adapterConfigurationPromises);
     const hasInAppWallets = Object.values(this.walletAdapters).some((adapter) => {
       if (adapter.type !== ADAPTER_CATEGORY.IN_APP) return false;
-      if (this.modalConfig.adapters[adapter.name].showOnModal !== true) return false;
-      if (!this.modalConfig.adapters[adapter.name].loginMethods) return true;
+      if (this.modalConfig.adapters?.[adapter.name]?.showOnModal !== true) return false;
+      if (!this.modalConfig.adapters?.[adapter.name]?.loginMethods) return true;
       const mergedLoginMethods = getAdapterSocialLogins(
         adapter.name,
         this.walletAdapters[adapter.name],
         (this.modalConfig.adapters as Record<WALLET_ADAPTER_TYPE, ModalConfig>)[adapter.name]?.loginMethods
       );
-      if (Object.values(mergedLoginMethods).some((method) => method.showOnModal)) return true;
+      if (Object.values(mergedLoginMethods).some((method: LoginMethodConfig[keyof LoginMethodConfig]) => method.showOnModal)) return true;
       return false;
     });
     log.debug(hasInAppWallets, this.walletAdapters, "hasInAppWallets");

package/src/utils.ts

@@ -10,6 +10,7 @@ export const languageMap = {
   zh: "mandarin",
   es: "spanish",
   fr: "french",
+  pt: "portuguese",
 };
 
 export const getUserLanguage = (defaultLanguage: string | undefined) => {