@web3auth/modal 10.0.0-beta.2 → 10.0.0-beta.4

package/dist/lib.cjs/packages/modal/src/ui/i18n/turkish.json.js

@@ -6,6 +6,9 @@ var modal = {
   "adapter-loader.message": "Devam etmek için {{adapter}} hesabınızı doğrula",
   "adapter-loader.message1": "{{adapter}} doğrula",
   "adapter-loader.message2": "devam edecek hesap",
+  allChains: "Tüm zincirler",
+  "connect-wallet.more-wallets": "Daha fazla cüzdan",
+  connectYourWallet: "Cüzdanınızı bağlayın",
   "errors-invalid-email": "Geçersiz E-posta",
   "errors-invalid-number": "Geçersiz Telefon Numarası",
   "errors-invalid-number-email": "Geçersiz E-posta veya Telefon Numarası",
@@ -13,8 +16,6 @@ var modal = {
   "external.all-wallets": "Tüm cüzdanlar",
   "external.back": "Geri",
   "external.connect": "Cüzdanla devam et",
-  "external.search-text": "Cüzdanınızı görmüyor musunuz?",
-  "external.search-subtext": "Bunun yerine aramayı deneyin",
   "external.connect-wallet": "Cüzdanı Bağla",
   "external.continue": "Harici cüzdanla devam et",
   "external.continue-custom": "{{wallet}} ile devam et",
@@ -25,19 +26,26 @@ var modal = {
   "external.install-mobile-app": "{{os}} uygulamasını yükle",
   "external.installed": "Yüklendi",
   "external.no-wallets-found": "Cüzdan bulunamadı",
+  "external.search-subtext": "Bunun yerine aramayı deneyin",
+  "external.search-text": "Cüzdanınızı görmüyor musunuz?",
   "external.search-wallet": "{{count}} cüzdan ara...",
   "external.select-chain": "Zincir seç",
   "external.select-chain-description": "Bu {{wallet}} cüzdan birden fazla zincir destekler. İstediğiniz zinciri seçin",
   "external.title": "Harici Cüzdan",
   "external.walletconnect-connect": "Bağla",
-  "external.walletconnect-copy": "WalletConnect destekli bir cüzdanla tarayın veya panonuza kopyalamak için QR kodunu tıklayın.",
+  "external.walletconnect-copy": "WalletConnect destekli bir cüzdanla QR kodu tarayın veya bağlantıyı kopyalayın",
   "external.walletconnect-subtitle": "QR kodunu WalletConnect uyumlu bir cüzdanla tarayın",
+  "footer.and": "ve",
+  "footer.by-signing-in": "Giriş yapmak, bizimle ilgili şartları kabul ettiğiniz anlamına gelir.",
   "footer.message": "Öz-yönetimli giriş yapan:",
   "footer.message-new": "Kendi kendine velayet",
   "footer.policy": "Gizlilik Politikası",
+  "footer.privacy-policy": "Gizlilik Politikası",
   "footer.terms": "Kullanım Şartları",
+  "footer.terms-of-service": "Kullanım Şartları",
   "footer.terms-service": "Hizmet Şartları",
   "footer.version": "Versiyon",
+  getWallet: "Cüzdanı al",
   "header-subtitle": "Devam etmek için seçeneklerden birini işaretle",
   "header-subtitle-name": "Tek tıklama ile {{appName}} cüzdanınız",
   "header-subtitle-new": "Tek tıklama ile blockchain cüzdanınız",
@@ -50,6 +58,12 @@ var modal = {
   "network.proceed": "Devam",
   "network.switch-request": "Bu site ağ değiştirmeyi talep ediyor",
   "network.to": "Nereye",
+  "otp.email-subtext": "6 haneli doğrulama kodunu giriniz",
+  "otp.email-subtext-example": "{{email}} adresine gönderildi",
+  "otp.email-title": "Email Doğrulama",
+  "otp.mobile-subtext": "OTP Doğrulama",
+  "otp.mobile-title": "OTP Doğrulama",
+  "otp.success": "Hesabınıza bağlandınız!",
   "passkey.add": "Passkey ekle",
   "passkey.haveExisting": "Mevcut bir passkey'ınız mı var?",
   "passkey.learn-more": "Daha fazla bilgi edin",
@@ -57,10 +71,13 @@ var modal = {
   "passkey.register-desc": "passkeys ile kimliğinizi yüzünüz, parmak iziniz veya güvenlik anahtarlarınız aracılığıyla doğrulayabilirsiniz.",
   "passkey.register-title": "Passkey'ı kaydedin",
   "passkey.use": "Bir passkey'im var",
+  "passwordless.title": "{{title}} ile devam et",
   "popup.phone-body": "Ülke kodunuz otomatik olarak algılanacaktır, ancak farklı bir ülkeden bir telefon numarası kullanıyorsanız, doğru ülke kodunu manuel olarak girmeniz gerekir.",
   "popup.phone-header": "Telefon numarası ve ülke kodu",
   "post-loading.connected": "Hesabınızla bağlandınız",
   "post-loading.something-wrong": "Bir şeyler ters gitti!",
+  resendCode: "Kodu tekrar gönder",
+  resendTimer: " {{timer}} saniye sonra tekrar gönder",
   "social.continue": "Devam et: ",
   "social.continueCustom": "{{adapter}} ile devam et",
   "social.email": "E-posta",
@@ -68,9 +85,10 @@ var modal = {
   "social.email-new": "isim@ornek.com",
   "social.passwordless-cta": "Devam et",
   "social.passwordless-login": "Giriş yapmak",
-  "social.passwordless-title": "E-posta veya Telefon",
+  "social.passwordless-title": "E-posta/Telefon",
   "social.phone": "Telefon",
   "social.policy": "Sosyal medya girişlerinizle ilgili hiçbir veriyi saklamıyoruz.",
+  "social.sign-in": "Giriş yap",
   "social.sms": "Mobil Telefon",
   "social.sms-continue": "Telefon ile devam et",
   "social.sms-invalid-number": "Geçersiz telefon numarası",
@@ -78,39 +96,22 @@ var modal = {
   "social.view-less": "Daha az görüntüle",
   "social.view-less-socials": "Daha az socials görüntüle",
   "social.view-more": "Daha fazla görüntüle",
-  "social.view-more-socials": "Daha fazlasını görüntüle socials",
-  "social.sign-in": "Giriş yap",
-  "footer.by-signing-in": "Giriş yapmak, bizimle ilgili şartları kabul ettiğiniz anlamına gelir.",
-  "footer.terms-of-service": "Kullanım Şartları",
-  "footer.and": "ve",
-  "footer.privacy-policy": "Gizlilik Politikası",
-  "connect-wallet.more-wallets": "Daha fazla cüzdan",
-  "otp.success": "Hesabınıza bağlandınız!",
-  "otp.mobile-title": "OTP Doğrulama",
-  "otp.mobile-subtext": "OTP Doğrulama",
-  "otp.email-title": "Email Doğrulama",
-  "otp.email-subtext": "6 haneli doğrulama kodunu giriniz",
-  "otp.email-subtext-example": "{{email}} adresine gönderildi",
-  "passwordless.title": "{{title}} ile devam et",
-  resendCode: "Kodu tekrar gönder",
-  resendTimer: " {{timer}} saniye sonra tekrar gönder",
-  connectYourWallet: "Cüzdanınızı bağlayın",
-  allChains: "Tüm zincirler"
+  "social.view-more-socials": "Daha fazlasını görüntüle socials"
 };
 var passwordless = {
-  "error-invalid-params": "Eksik ya da hatalı parametreler var.",
-  "error-sending-sms-failed": "SMS gönderilirken bir hata oldu. Lütfen tekrar deneyin.",
-  "error-no-mail-generated": "E-posta oluşturulmadı. Lütfen önce şifresiz akışı başlatın.",
   "error-invalid-link": "Hatalı ya da süresi geçmiş doğrulama linki",
-  "error-new-link-generated-heading": "Yeni doğrulama linki oluşturuldu.",
+  "error-invalid-origin": "Bir şeyler ters gitti, hata kodu: E002",
   "error-invalid-otp": "Hatalı OTP, lütfen tekrar deneyin.",
-  "error-otp-expired": "OTP'nin süresi geçti.",
-  "error-no-sms-generated": "OTP oluşturulmadı. Lütfen önce şifresiz akışı başlatın.",
+  "error-invalid-params": "Eksik ya da hatalı parametreler var.",
   "error-max-retry-limit-reached": "Hatalı deneme limitine ulaştınız. Doğrulamayı tamamlamak için lütfen akışı baştan başlatın.",
-  "error-recaptcha-verification-failed": "Captcha doğrulama hatası. Lütfen tekrar deneyin.",
+  "error-new-link-generated-heading": "Yeni doğrulama linki oluşturuldu.",
+  "error-no-mail-generated": "E-posta oluşturulmadı. Lütfen önce şifresiz akışı başlatın.",
+  "error-no-sms-generated": "OTP oluşturulmadı. Lütfen önce şifresiz akışı başlatın.",
+  "error-otp-expired": "OTP'nin süresi geçti.",
   "error-plan-limit-reached": "E411. Sınır aşıldı",
-  "something-wrong-error": "Bir şeyler ters gitti",
-  "error-invalid-origin": "Bir şeyler ters gitti, hata kodu: E002"
+  "error-recaptcha-verification-failed": "Captcha doğrulama hatası. Lütfen tekrar deneyin.",
+  "error-sending-sms-failed": "SMS gönderilirken bir hata oldu. Lütfen tekrar deneyin.",
+  "something-wrong-error": "Bir şeyler ters gitti"
 };
 var turkish = {
   modal: modal,

package/dist/lib.cjs/packages/modal/src/ui/loginModal.js

@@ -116,13 +116,14 @@ class LoginModal {
         });
       }
       return new Promise(resolve => {
-        var _this$uiConfig;
+        var _this$uiConfig, _this$uiConfig$theme, _this$uiConfig2;
         this.stateEmitter.once("MOUNTED", () => {
           noModal.log.info("rendered");
           this.setState({
             status: interfaces.MODAL_STATUS.INITIALIZED,
             web3authClientId: this.uiConfig.web3authClientId,
-            web3authNetwork: this.uiConfig.web3authNetwork
+            web3authNetwork: this.uiConfig.web3authNetwork,
+            authBuildEnv: this.uiConfig.authBuildEnv
           });
           return resolve();
         });
@@ -155,7 +156,8 @@ class LoginModal {
             uiConfig: this.uiConfig
           })
         }));
-        if ((_this$uiConfig = this.uiConfig) !== null && _this$uiConfig !== void 0 && _this$uiConfig.theme) {
+        const isDefaultColors = ((_this$uiConfig = this.uiConfig) === null || _this$uiConfig === void 0 || (_this$uiConfig = _this$uiConfig.theme) === null || _this$uiConfig === void 0 ? void 0 : _this$uiConfig.primary) === constants.DEFAULT_PRIMARY_COLOR && ((_this$uiConfig$theme = this.uiConfig.theme) === null || _this$uiConfig$theme === void 0 ? void 0 : _this$uiConfig$theme.onPrimary) === constants.DEFAULT_ON_PRIMARY_COLOR;
+        if ((_this$uiConfig2 = this.uiConfig) !== null && _this$uiConfig2 !== void 0 && _this$uiConfig2.theme && !isDefaultColors) {
           const rootElement = document.getElementById("w3a-parent-container");
           auth.applyWhiteLabelTheme(rootElement, this.uiConfig.theme);
         }

package/dist/lib.cjs/packages/modal/src/vue/Web3AuthProvider.js

@@ -70,7 +70,7 @@ const Web3AuthProvider = vue.defineComponent({
       if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
       return web3Auth.value.switchChain(chainParams);
     };
-    vue.watch(() => props.config, newConfig => {
+    vue.watch(() => props.config, (newConfig, _, onInvalidate) => {
       const resetHookState = () => {
         provider.value = null;
         userInfo.value = null;
@@ -78,6 +78,11 @@ const Web3AuthProvider = vue.defineComponent({
         isConnected.value = false;
         status.value = null;
       };
+      onInvalidate(() => {
+        if (web3Auth.value) {
+          web3Auth.value.cleanup();
+        }
+      });
       resetHookState();
       const {
         web3AuthOptions
@@ -87,12 +92,19 @@ const Web3AuthProvider = vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(web3Auth, async newWeb3Auth => {
+    vue.watch(web3Auth, async (newWeb3Auth, _, onInvalidate) => {
+      const controller = new AbortController();
+      // Invalidate the controller here before calling any async methods.
+      onInvalidate(() => {
+        controller.abort();
+      });
       if (newWeb3Auth) {
         try {
           initError.value = null;
           isInitializing.value = true;
-          await newWeb3Auth.initModal();
+          await newWeb3Auth.initModal({
+            signal: controller.signal
+          });
         } catch (error) {
           initError.value = error;
         } finally {

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

@@ -1,3 +1,4 @@
 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.cjs/types/interface.d.ts

@@ -7,6 +7,8 @@ export interface ConnectorsModalConfig {
     hideWalletDiscovery?: boolean;
 }
 export interface IWeb3AuthModal extends IWeb3Auth {
-    initModal(): Promise<void>;
+    initModal(options?: {
+        signal?: AbortSignal;
+    }): Promise<void>;
     connect(): Promise<IProvider | null>;
 }

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

@@ -16,10 +16,13 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     readonly options: Web3AuthOptions;
     private modalConfig;
     constructor(options: Web3AuthOptions);
-    initModal(): Promise<void>;
+    initModal(options?: {
+        signal?: AbortSignal;
+    }): Promise<void>;
     connect(): Promise<IProvider | null>;
     private filterWalletRegistry;
     private getProjectAndWalletConfig;
+    private initUIConfig;
     private initConnectors;
     private filterConnectors;
     private checkConnectorAvailability;

package/dist/lib.cjs/types/react/context/WalletServicesInnerContext.d.ts

@@ -0,0 +1,6 @@
+import { Context, PropsWithChildren } from "react";
+import { IWalletServicesContext, IWeb3AuthInnerContext } from "../interfaces";
+export declare const WalletServicesContext: Context<IWalletServicesContext>;
+export declare function WalletServicesContextProvider({ children, context }: PropsWithChildren<{
+    context: Context<IWeb3AuthInnerContext>;
+}>): import("react").FunctionComponentElement<import("react").ProviderProps<IWalletServicesContext>>;

package/dist/lib.cjs/types/react/hooks/index.d.ts

@@ -1 +1,13 @@
-export { useWeb3Auth } from "./useWeb3Auth";
+export * from "./useCheckout";
+export * from "./useEnableMFA";
+export * from "./useIdentityToken";
+export * from "./useManageMFA";
+export * from "./useSwap";
+export * from "./useSwitchChain";
+export * from "./useWalletConnectScanner";
+export * from "./useWalletServicesPlugin";
+export * from "./useWalletUI";
+export * from "./useWeb3Auth";
+export * from "./useWeb3AuthConnect";
+export * from "./useWeb3AuthDisconnect";
+export * from "./useWeb3AuthUser";

package/dist/lib.cjs/types/react/hooks/useCheckout.d.ts

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseCheckout {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showCheckout: (showCheckoutParams?: BaseEmbedControllerState["showCheckout"]) => Promise<void>;
+}
+export declare const useCheckout: () => IUseCheckout;

package/dist/lib.cjs/types/react/hooks/useEnableMFA.d.ts

@@ -0,0 +1,7 @@
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseEnableMFA {
+    loading: boolean;
+    error: Web3AuthError | null;
+    enableMFA<T>(params?: T): Promise<void>;
+}
+export declare const useEnableMFA: () => IUseEnableMFA;

package/dist/lib.cjs/types/react/hooks/useIdentityToken.d.ts

@@ -0,0 +1,13 @@
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseIdentityToken {
+    loading: boolean;
+    error: Web3AuthError | null;
+    token: string | null;
+    authenticateUser: () => Promise<string | null>;
+}
+export declare const useIdentityToken: () => {
+    loading: boolean;
+    error: Web3AuthError;
+    token: string;
+    authenticateUser: () => Promise<string>;
+};

package/dist/lib.cjs/types/react/hooks/useManageMFA.d.ts

@@ -0,0 +1,7 @@
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseManageMFA {
+    loading: boolean;
+    error: Web3AuthError | null;
+    manageMFA<T>(params?: T): Promise<void>;
+}
+export declare const useManageMFA: () => IUseManageMFA;

package/dist/lib.cjs/types/react/hooks/useSwap.d.ts

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseSwap {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showSwap: (showSwapParams?: BaseEmbedControllerState["showSwap"]) => Promise<void>;
+}
+export declare const useSwap: () => IUseSwap;

package/dist/lib.cjs/types/react/hooks/useSwitchChain.d.ts

@@ -0,0 +1,7 @@
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseSwitchChain {
+    loading: boolean;
+    error: Web3AuthError | null;
+    switchChain: (chainId: string) => Promise<void>;
+}
+export declare const useSwitchChain: () => IUseSwitchChain;

package/dist/lib.cjs/types/react/hooks/useWalletConnectScanner.d.ts

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseWalletConnectScanner {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showWalletConnectScanner: (showWalletConnectScannerParams?: BaseEmbedControllerState["showWalletConnect"]) => Promise<void>;
+}
+export declare const useWalletConnectScanner: () => IUseWalletConnectScanner;

package/dist/lib.cjs/types/react/hooks/useWalletServicesPlugin.d.ts

@@ -0,0 +1,2 @@
+import { IWalletServicesContext } from "../interfaces";
+export declare const useWalletServicesPlugin: () => IWalletServicesContext;

package/dist/lib.cjs/types/react/hooks/useWalletUI.d.ts

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseWalletUI {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showWalletUI: (showWalletUiParams?: BaseEmbedControllerState["showWalletUi"]) => Promise<void>;
+}
+export declare const useWalletUI: () => IUseWalletUI;

package/dist/lib.cjs/types/react/hooks/useWeb3Auth.d.ts

@@ -1,2 +1,3 @@
 import { IWeb3AuthInnerContext } from "../interfaces";
-export declare const useWeb3Auth: () => IWeb3AuthInnerContext;
+export type IUseWeb3Auth = Omit<IWeb3AuthInnerContext, "isMFAEnabled" | "setIsMFAEnabled">;
+export declare const useWeb3Auth: () => IUseWeb3Auth;

package/dist/lib.cjs/types/react/hooks/useWeb3AuthConnect.d.ts

@@ -0,0 +1,9 @@
+import type { IProvider, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
+export interface IUseWeb3AuthConnect {
+    isConnected: boolean;
+    loading: boolean;
+    error: Web3AuthError | null;
+    connectorName: WALLET_CONNECTOR_TYPE | null;
+    connect(): Promise<IProvider | null>;
+}
+export declare const useWeb3AuthConnect: () => IUseWeb3AuthConnect;

package/dist/lib.cjs/types/react/hooks/useWeb3AuthDisconnect.d.ts

@@ -0,0 +1,9 @@
+import { Web3AuthError } from "@web3auth/no-modal";
+export interface IUseWeb3AuthDisconnect {
+    loading: boolean;
+    error: Web3AuthError | null;
+    disconnect(options?: {
+        cleanup: boolean;
+    }): Promise<void>;
+}
+export declare const useWeb3AuthDisconnect: () => IUseWeb3AuthDisconnect;

package/dist/lib.cjs/types/react/hooks/useWeb3AuthInner.d.ts

@@ -0,0 +1,2 @@
+import { IWeb3AuthInnerContext } from "../interfaces";
+export declare const useWeb3AuthInner: () => IWeb3AuthInnerContext;

package/dist/lib.cjs/types/react/hooks/useWeb3AuthUser.d.ts

@@ -0,0 +1,9 @@
+import { type UserInfo, Web3AuthError } from "@web3auth/no-modal";
+export interface IUseWeb3AuthUser {
+    loading: boolean;
+    error: Web3AuthError | null;
+    userInfo: Partial<UserInfo> | null;
+    isMFAEnabled: boolean;
+    getUserInfo: () => Promise<Partial<UserInfo> | null>;
+}
+export declare const useWeb3AuthUser: () => IUseWeb3AuthUser;

package/dist/lib.cjs/types/react/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./context";
 export * from "./hooks";
 export * from "./interfaces";
 export * from "./Web3AuthProvider";

package/dist/lib.cjs/types/react/interfaces.d.ts

@@ -1,4 +1,4 @@
-import type { IBaseWeb3AuthHookContext, IProvider } from "@web3auth/no-modal";
+import type { IBaseWeb3AuthHookContext, WalletServicesPluginType } from "@web3auth/no-modal";
 import type { Web3Auth, Web3AuthOptions } from "../modalManager";
 export type Web3AuthContextConfig = {
     web3AuthOptions: Web3AuthOptions;
@@ -8,6 +8,10 @@ export interface Web3AuthProviderProps {
 }
 export interface IWeb3AuthInnerContext extends IBaseWeb3AuthHookContext {
     web3Auth: Web3Auth | null;
-    connect(): Promise<IProvider>;
+}
+export interface IWalletServicesContext {
+    ready: boolean;
+    connecting: boolean;
+    plugin: WalletServicesPluginType | null;
 }
 export type IWeb3AuthContext = IWeb3AuthInnerContext;

package/dist/lib.cjs/types/react/wagmi/index.d.ts

@@ -0,0 +1 @@
+export * from "./provider";

package/dist/lib.cjs/types/react/wagmi/interface.d.ts

@@ -0,0 +1,4 @@
+import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
+export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
+    config?: CreateConfigParameters;
+};

package/dist/lib.cjs/types/react/wagmi/provider.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import { WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
+import { WagmiProviderProps } from "./interface";
+export declare function WagmiProvider({ children, ...props }: PropsWithChildren<WagmiProviderProps>): import("react").FunctionComponentElement<PropsWithChildren<WagmiProviderPropsBase>>;

package/dist/lib.cjs/types/ui/components/Login/Login.type.d.ts

@@ -1,8 +1,9 @@
-import { WEB3AUTH_NETWORK_TYPE } from "@web3auth/no-modal";
+import { BUILD_ENV_TYPE, WEB3AUTH_NETWORK_TYPE } from "@web3auth/auth";
 import type { ButtonRadiusType, ExternalButton, ExternalWalletEventType, LogoAlignmentType, SocialLoginEventType, SocialLoginsConfig } from "../../interfaces";
 export interface LoginProps {
     web3authClientId: string;
     web3authNetwork: WEB3AUTH_NETWORK_TYPE;
+    authBuildEnv: BUILD_ENV_TYPE;
     isModalVisible: boolean;
     isDark: boolean;
     appLogo?: string;
@@ -21,7 +22,6 @@ export interface LoginProps {
     totalExternalWallets: number;
     logoAlignment?: LogoAlignmentType;
     buttonRadius?: ButtonRadiusType;
-    enableMainSocialLoginButton?: boolean;
     handleExternalWalletBtnClick?: (flag: boolean) => void;
     handleSocialLoginClick: (params: SocialLoginEventType) => void;
     handleExternalWalletClick: (params: ExternalWalletEventType) => void;

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

@@ -1,7 +1,7 @@
 import { AUTH_CONNECTION_TYPE, BUILD_ENV_TYPE } from "@web3auth/auth";
 export declare function capitalizeFirstLetter(string: string): string;
 export declare const restrictedLoginMethods: Set<AUTH_CONNECTION_TYPE>;
-export declare const AUTH_PROVIDERS: ("google" | "telegram" | "facebook" | "reddit" | "discord" | "twitch" | "apple" | "github" | "linkedin" | "twitter" | "weibo" | "line" | "email_passwordless" | "sms_passwordless" | "kakao" | "wechat" | "farcaster" | "custom" | "passkeys" | "authenticator")[];
+export declare const AUTH_PROVIDERS: ("google" | "twitter" | "facebook" | "discord" | "farcaster" | "apple" | "github" | "reddit" | "line" | "kakao" | "linkedin" | "twitch" | "telegram" | "wechat" | "email_passwordless" | "sms_passwordless" | "custom" | "passkeys" | "authenticator")[];
 export declare const AUTH_PROVIDERS_NAMES: Record<AUTH_CONNECTION_TYPE, string>;
 export declare const PASSWORDLESS_BUILD_ENV_MAP: Record<BUILD_ENV_TYPE, string>;
 export declare const CAPTCHA_SITE_KEY = "d5f0c15c-eeda-4f9c-934a-d8e0348e83b2";

package/dist/lib.cjs/types/ui/constants.d.ts

@@ -11,3 +11,5 @@ export declare const CONNECT_WALLET_PAGES: {
 export declare const DEFAULT_LOGO_LIGHT = "https://images.web3auth.io/web3auth-logo-w.svg";
 export declare const DEFAULT_LOGO_DARK = "https://images.web3auth.io/web3auth-logo-w-light.svg";
 export declare const WALLET_CONNECT_LOGO = "https://images.web3auth.io/login-wallet-connect.svg";
+export declare const DEFAULT_PRIMARY_COLOR = "#0364FF";
+export declare const DEFAULT_ON_PRIMARY_COLOR = "#FFFFFF";

package/dist/lib.cjs/types/ui/handlers/AbstractHandler.d.ts

@@ -1,8 +1,9 @@
 import { CodeInitiateRequestBodyParams, CodeVerifyRequestBodyParams, IStartResponse, IVerifyResponse, PasswordlessHandlerParams, WhiteLabelParams } from "../interfaces";
 export declare abstract class PasswordlessHandler {
-    readonly authBaseApiUrl: string;
+    authBaseApiUrl: string;
     passwordlessParams: PasswordlessHandlerParams;
     trackingIdentifier?: string;
+    version: string;
     constructor(params: PasswordlessHandlerParams);
     get name(): string;
     get connection(): "email" | "sms";
@@ -13,7 +14,7 @@ export declare abstract class PasswordlessHandler {
     protected start(params: CodeInitiateRequestBodyParams): Promise<IStartResponse>;
     protected verify(params: CodeVerifyRequestBodyParams): Promise<IVerifyResponse>;
     private handleError;
-    abstract sendVerificationCode(params?: {
+    abstract sendVerificationCode(params: {
         captchaToken: string;
     }): Promise<IStartResponse>;
     abstract verifyCode(code: string): Promise<IVerifyResponse>;

package/dist/lib.cjs/types/ui/handlers/EmailPasswordlessHandler.d.ts

@@ -3,6 +3,8 @@ import { PasswordlessHandler } from "./AbstractHandler";
 export default class EmailPasswordlessHandler extends PasswordlessHandler {
     mailSent: boolean;
     constructor(params: PasswordlessHandlerParams);
-    sendVerificationCode(): Promise<import("..").IStartResponse>;
+    sendVerificationCode({ captchaToken }: {
+        captchaToken?: string;
+    }): Promise<import("..").IStartResponse>;
     verifyCode(code: string): Promise<import("..").IVerifyResponse>;
 }

package/dist/lib.cjs/types/ui/interfaces.d.ts

@@ -1,4 +1,4 @@
-import type { AUTH_CONNECTION_TYPE, EMAIL_FLOW_TYPE, ExtraLoginOptions, LANGUAGES, SafeEventEmitter, THEME_MODE_TYPE, WEB3AUTH_NETWORK_TYPE } from "@web3auth/auth";
+import type { AUTH_CONNECTION_TYPE, BUILD_ENV_TYPE, EMAIL_FLOW_TYPE, ExtraLoginOptions, LANGUAGES, SafeEventEmitter, THEME_MODE_TYPE, WEB3AUTH_NETWORK_TYPE } from "@web3auth/auth";
 import { type AuthLoginParams, type BaseConnectorConfig, type ChainNamespaceType, type LoginMethodConfig, type LoginModalConfig, type UIConfig as CoreUIConfig, type WALLET_CONNECTOR_TYPE, type WalletRegistry, type WalletRegistryItem, type Web3AuthNoModalEvents } from "@web3auth/no-modal";
 export interface UIConfig extends CoreUIConfig, LoginModalConfig {
     /**
@@ -8,7 +8,7 @@ export interface UIConfig extends CoreUIConfig, LoginModalConfig {
     /**
      * order of how login methods are shown
      *
-     * @defaultValue `["google", "facebook", "twitter", "reddit", "discord", "twitch", "apple", "line", "github", "kakao", "linkedin", "weibo", "wechat", "email_passwordless"]`
+     * @defaultValue `["google", "facebook", "twitter", "reddit", "discord", "twitch", "apple", "line", "github", "kakao", "linkedin", "wechat", "email_passwordless"]`
      */
     loginMethodsOrder?: string[];
     /**
@@ -46,6 +46,7 @@ export interface LoginModalProps extends UIConfig {
     walletRegistry: WalletRegistry;
     web3authClientId: string;
     web3authNetwork: WEB3AUTH_NETWORK_TYPE;
+    authBuildEnv: BUILD_ENV_TYPE;
 }
 export interface LoginModalCallbacks {
     onInitExternalWallets: (params: {
@@ -56,7 +57,7 @@ export interface LoginModalCallbacks {
         loginParams: ModalLoginParams;
     }) => Promise<void>;
     onExternalWalletLogin: (params: {
-        connector: WALLET_CONNECTOR_TYPE;
+        connector: WALLET_CONNECTOR_TYPE | string;
         loginParams: {
             chainNamespace: ChainNamespaceType;
         };
@@ -96,13 +97,14 @@ export interface ModalState {
     currentPage?: string;
     web3authClientId: string;
     web3authNetwork: WEB3AUTH_NETWORK_TYPE;
+    authBuildEnv: BUILD_ENV_TYPE;
 }
 export type SocialLoginEventType = {
-    connector: string;
+    connector: WALLET_CONNECTOR_TYPE;
     loginParams: ModalLoginParams;
 };
 export type ExternalWalletEventType = {
-    connector: string;
+    connector: WALLET_CONNECTOR_TYPE | string;
     chainNamespace?: ChainNamespaceType;
 };
 export type StateEmitterEvents = {
@@ -140,13 +142,13 @@ export type rowType = {
         extraLoginOptions?: ExtraLoginOptions;
     };
     order: number;
-    isMainOption: boolean;
 };
 export type PasswordlessHandlerParams = {
     authConnection: AUTH_CONNECTION_TYPE;
     web3authClientId: string;
     loginHint: string;
     network: string;
+    authBuildEnv?: BUILD_ENV_TYPE;
     uiConfig?: Omit<UIConfig, "connectorListener">;
 };
 export interface WhiteLabelParams {

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

@@ -1,16 +1,15 @@
 import { EVM_CONNECTORS } from '@web3auth/no-modal';
 
+const version = "10.0.0-beta.4";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {
     [EVM_CONNECTORS.AUTH]: {
       label: "Auth",
-      showOnModal: true,
-      showOnMobile: true,
-      showOnDesktop: true
+      showOnModal: true
     }
   }
 };
 const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
 
-export { defaultConnectorsModalConfig, walletRegistryUrl };
+export { defaultConnectorsModalConfig, version, walletRegistryUrl };

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

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