@web3auth/modal 10.0.0-beta.0 → 10.0.0-beta.1

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

@@ -0,0 +1,12 @@
+import type { JSX } from "react";
+import { BorderRadiusType } from "../../interfaces";
+export interface EmbedProps {
+    children: JSX.Element[] | JSX.Element;
+    padding?: boolean;
+    shadow?: boolean;
+    border?: boolean;
+    showCloseIcon?: boolean;
+    open?: boolean;
+    onClose?: () => void;
+    borderRadius?: BorderRadiusType;
+}

package/dist/lib.cjs/types/ui/components/Embed/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Embed";
+export type { EmbedProps } from "./Embed.type";

package/dist/lib.cjs/types/ui/components/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import { FooterProps } from "./Footer.type";
+/**
+ * Footer component
+ * @returns Footer component
+ */
+declare function Footer({ privacyPolicy, termsOfService }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export default Footer;

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

@@ -0,0 +1,4 @@
+export interface FooterProps {
+    privacyPolicy?: string;
+    termsOfService?: string;
+}

package/dist/lib.cjs/types/ui/components/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Footer";
+export type { FooterProps } from "./Footer.type";

package/dist/lib.cjs/types/ui/components/Image/Image.d.ts

@@ -0,0 +1,7 @@
+import { ImageProps } from "./Image.type";
+/**
+ * Image component
+ * @param props - ImageProps
+ * @returns Image component
+ */
+export default function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib.cjs/types/ui/components/{Image.d.ts → Image/Image.type.d.ts}

@@ -1,6 +1,8 @@
 export interface ImageProps {
+    id?: string;
     hoverImageId?: string;
     imageId: string;
+    imageData?: string;
     isButton?: boolean;
     height?: string;
     width?: string;
@@ -9,4 +11,3 @@ export interface ImageProps {
     darkImageId?: string;
     darkHoverImageId?: string;
 }
-export default function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib.cjs/types/ui/components/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Image";
+export type { ImageProps } from "./Image.type";

package/dist/lib.cjs/types/ui/components/Loader/Loader.d.ts

@@ -0,0 +1,8 @@
+import { LoaderProps } from "./Loader.type";
+/**
+ * Loader component
+ * @param props - LoaderProps
+ * @returns Loader component
+ */
+declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export default Loader;

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

@@ -0,0 +1,12 @@
+import type { ModalStatusType } from "../../interfaces";
+export interface LoaderProps {
+    message?: string;
+    appLogo?: string;
+    connector: string;
+    connectorName: string;
+    modalStatus: ModalStatusType;
+    onClose: () => void;
+}
+export type ConnectingStatusType = Pick<LoaderProps, "connectorName" | "appLogo" | "connector">;
+export type ConnectedStatusType = Pick<LoaderProps, "message">;
+export type ErroredStatusType = Pick<LoaderProps, "message">;

package/dist/lib.cjs/types/ui/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Loader";
+export type { LoaderProps } from "./Loader.type";

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

@@ -0,0 +1,3 @@
+import { LoginProps } from "./Login.type";
+declare function Login(props: LoginProps): import("react/jsx-runtime").JSX.Element;
+export default Login;

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

@@ -0,0 +1,29 @@
+import { WEB3AUTH_NETWORK_TYPE } from "@web3auth/no-modal";
+import type { ButtonRadiusType, ExternalButton, ExternalWalletEventType, LogoAlignmentType, SocialLoginEventType, SocialLoginsConfig } from "../../interfaces";
+export interface LoginProps {
+    web3authClientId: string;
+    web3authNetwork: WEB3AUTH_NETWORK_TYPE;
+    isModalVisible: boolean;
+    isDark: boolean;
+    appLogo?: string;
+    appName?: string;
+    showPasswordLessInput: boolean;
+    showExternalWalletButton: boolean;
+    showExternalWalletCount: boolean;
+    showInstalledExternalWallets: boolean;
+    socialLoginsConfig: SocialLoginsConfig;
+    installedExternalWalletConfig: ExternalButton[];
+    areSocialLoginsVisible: boolean;
+    isEmailPrimary: boolean;
+    isExternalPrimary: boolean;
+    isEmailPasswordLessLoginVisible: boolean;
+    isSmsPasswordLessLoginVisible: boolean;
+    totalExternalWallets: number;
+    logoAlignment?: LogoAlignmentType;
+    buttonRadius?: ButtonRadiusType;
+    enableMainSocialLoginButton?: boolean;
+    handleExternalWalletBtnClick?: (flag: boolean) => void;
+    handleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleExternalWalletClick: (params: ExternalWalletEventType) => void;
+    handleSocialLoginHeight: () => void;
+}

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

@@ -0,0 +1,8 @@
+import { LoginOtpProps } from "./LoginOtp.type";
+/**
+ * LoginOtp component
+ * @param props - LoginOtpProps
+ * @returns LoginOtp component
+ */
+declare function LoginOtp(props: LoginOtpProps): import("react/jsx-runtime").JSX.Element;
+export default LoginOtp;

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

@@ -0,0 +1,10 @@
+import { type AUTH_CONNECTION_TYPE } from "@web3auth/auth";
+export interface LoginOtpProps {
+    otpLoading: boolean;
+    authConnection: AUTH_CONNECTION_TYPE;
+    loginHint?: string;
+    errorMessage: string;
+    setShowOtpFlow: (showOtpFlow: boolean) => void;
+    handleOtpComplete: (otp: string) => void;
+}
+export type OtpInputProps = Pick<LoginOtpProps, "otpLoading" | "loginHint" | "setShowOtpFlow" | "handleOtpComplete" | "authConnection" | "errorMessage">;

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

@@ -0,0 +1,2 @@
+export { default } from "./LoginOtp";
+export type { LoginOtpProps, OtpInputProps } from "./LoginOtp.type";

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

@@ -0,0 +1,3 @@
+import { LoginPasswordLessProps } from "./LoginPasswordLess.type";
+declare function LoginPasswordLess(props: LoginPasswordLessProps): import("react/jsx-runtime").JSX.Element;
+export default LoginPasswordLess;

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

@@ -0,0 +1,13 @@
+import { ButtonRadiusType } from "../../../interfaces";
+export interface LoginPasswordLessProps {
+    isModalVisible: boolean;
+    isPasswordLessCtaClicked: boolean;
+    isPasswordLessLoading: boolean;
+    title: string;
+    placeholder: string;
+    errorMessage: string;
+    isDark: boolean;
+    buttonRadius?: ButtonRadiusType;
+    handleFormSubmit: (loginHint: string) => void;
+    setIsPasswordLessCtaClicked: (isPasswordLessCtaClicked: boolean) => void;
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./LoginPasswordLess";
+export type { LoginPasswordLessProps } from "./LoginPasswordLess.type";

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

@@ -0,0 +1,2 @@
+export { default } from "./Login";
+export { type LoginProps } from "./Login.type";

package/dist/lib.cjs/types/ui/components/LoginHint/LoginHint.d.ts

@@ -0,0 +1,3 @@
+import { LoginHintProps } from "./LoginHint.type";
+declare const LoginHint: ({ children, content, isDark, hideHint }: LoginHintProps) => import("react/jsx-runtime").JSX.Element;
+export default LoginHint;

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

@@ -0,0 +1,6 @@
+export interface LoginHintProps {
+    children: React.ReactNode;
+    content: string;
+    isDark?: boolean;
+    hideHint?: boolean;
+}

package/dist/lib.cjs/types/ui/components/LoginHint/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LoginHint";
+export type { LoginHintProps } from "./LoginHint.type";

package/dist/lib.cjs/types/ui/components/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import { ModalProps } from "./Modal.type";
+/**
+ * Modal component
+ * @param props - ModalProps
+ * @returns Modal component
+ */
+declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

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

@@ -0,0 +1,14 @@
+import { JSX } from "react";
+import { BorderRadiusType } from "../../interfaces";
+export type ModalPlacement = "center" | "top-center" | "bottom-center" | "left" | "right";
+export interface ModalProps {
+    children: JSX.Element[] | JSX.Element;
+    open: boolean;
+    placement?: ModalPlacement;
+    padding?: boolean;
+    shadow?: boolean;
+    border?: boolean;
+    showCloseIcon?: boolean;
+    onClose?: () => void;
+    borderRadius?: BorderRadiusType;
+}

package/dist/lib.cjs/types/ui/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Modal";
+export type { ModalProps } from "./Modal.type";

package/dist/lib.cjs/types/ui/components/Otp/Otp.d.ts

@@ -0,0 +1,3 @@
+import { OtpProps } from "./Otp.type";
+declare const OtpInput: import("react").ForwardRefExoticComponent<OtpProps & import("react").RefAttributes<HTMLDivElement>>;
+export default OtpInput;

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

@@ -0,0 +1,22 @@
+import { InputHTMLAttributes } from "react";
+export type OtpClassesType = "root" | "inputContainer" | "ctaContainer" | "resendBtnText" | "timerText" | "input" | "success" | "error" | "disabled" | "helperText";
+export interface OtpProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "placeholder"> {
+    length: number;
+    loading?: boolean;
+    resendTimer?: number;
+    error?: boolean;
+    success?: boolean;
+    disabled?: boolean;
+    onComplete: (otp: string) => void;
+    onChange?: (otp: string) => void;
+    onResendTimer?: () => void;
+    resendBtnText?: string;
+    classes?: Partial<Record<OtpClassesType, string>>;
+    helperText?: string;
+    showCta?: boolean;
+    showTimer?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: HTMLInputElement["autocomplete"];
+    placeholder?: string | string[];
+    type?: "text" | "number" | "password";
+}

package/dist/lib.cjs/types/ui/components/Otp/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Otp";
+export type { OtpClassesType, OtpProps } from "./Otp.type";

package/dist/lib.cjs/types/ui/components/PulseLoader/PulseLoader.d.ts

@@ -0,0 +1,2 @@
+declare const PulseLoader: () => import("react/jsx-runtime").JSX.Element;
+export default PulseLoader;

package/dist/lib.cjs/types/ui/components/PulseLoader/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./PulseLoader";

package/dist/lib.cjs/types/ui/components/Root/Root.d.ts

@@ -0,0 +1,3 @@
+import { RootProps } from "./Root.type";
+declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
+export default Root;

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

@@ -0,0 +1,27 @@
+import type { ChainNamespaceType, WalletRegistry } from "@web3auth/no-modal";
+import { ModalState, SocialLoginEventType, SocialLoginsConfig, UIConfig } from "../../interfaces";
+export interface RootProps {
+    appLogo?: string;
+    appName?: string;
+    chainNamespaces: ChainNamespaceType[];
+    walletRegistry?: WalletRegistry;
+    showPasswordLessInput: boolean;
+    showExternalWalletButton: boolean;
+    socialLoginsConfig: SocialLoginsConfig;
+    areSocialLoginsVisible: boolean;
+    isEmailPrimary: boolean;
+    isExternalPrimary: boolean;
+    showExternalWalletPage: boolean;
+    modalState: ModalState;
+    isEmailPasswordLessLoginVisible: boolean;
+    isSmsPasswordLessLoginVisible: boolean;
+    uiConfig: UIConfig;
+    handleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleExternalWalletBtnClick?: (flag: boolean) => void;
+    preHandleExternalWalletClick: (params: {
+        connector: string;
+        chainNamespace?: ChainNamespaceType;
+    }) => void;
+    setModalState: (state: ModalState) => void;
+    onCloseLoader: () => void;
+}

package/dist/lib.cjs/types/ui/components/Root/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Root";
+export type { RootProps } from "./Root.type";

package/dist/lib.cjs/types/ui/components/SocialLoginList/SocialLoginList.d.ts

@@ -0,0 +1,3 @@
+import { SocialLoginListProps } from "./SocialLoginList.type";
+declare function SocialLoginList(props: SocialLoginListProps): import("react/jsx-runtime").JSX.Element;
+export default SocialLoginList;

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

@@ -0,0 +1,11 @@
+import { ButtonRadiusType, rowType, SocialLoginEventType, SocialLoginsConfig } from "../../interfaces";
+export interface SocialLoginListProps {
+    isDark: boolean;
+    visibleRow: rowType[];
+    canShowMore: boolean;
+    socialLoginsConfig: SocialLoginsConfig;
+    otherRow?: rowType[];
+    handleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleExpandSocialLogins: () => void;
+    buttonRadius?: ButtonRadiusType;
+}

package/dist/lib.cjs/types/ui/components/SocialLoginList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SocialLoginList";
+export type { SocialLoginListProps } from "./SocialLoginList.type";

package/dist/lib.cjs/types/ui/components/Toast/Toast.d.ts

@@ -0,0 +1,2 @@
+declare const Toast: () => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/dist/lib.cjs/types/ui/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Toast";

package/dist/lib.cjs/types/ui/components/Widget/Widget.d.ts

@@ -0,0 +1,3 @@
+import { WidgetProps } from "./Widget.type";
+declare function Widget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+export default Widget;

package/dist/lib.cjs/types/ui/components/{Modal.d.ts → Widget/Widget.type.d.ts}

@@ -1,7 +1,7 @@
-import { type SafeEventEmitter } from "@web3auth/auth";
+import { SafeEventEmitter } from "@web3auth/auth";
 import { ChainNamespaceType, WalletRegistry } from "@web3auth/no-modal";
-import { ExternalWalletEventType, SocialLoginEventType, StateEmitterEvents } from "../interfaces";
-interface ModalProps {
+import { ExternalWalletEventType, SocialLoginEventType, StateEmitterEvents, UIConfig } from "../../interfaces";
+export interface WidgetProps {
     stateListener: SafeEventEmitter<StateEmitterEvents>;
     appLogo?: string;
     appName?: string;
@@ -11,6 +11,5 @@ interface ModalProps {
     handleExternalWalletClick: (params: ExternalWalletEventType) => void;
     handleShowExternalWallets: (externalWalletsInitialized: boolean) => void;
     closeModal: () => void;
+    uiConfig: UIConfig;
 }
-export default function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib.cjs/types/ui/components/Widget/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Widget";

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

@@ -1,4 +1,7 @@
-import { AUTH_CONNECTION_TYPE } from "@web3auth/auth";
+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_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

@@ -0,0 +1,13 @@
+export declare const PAGES: {
+    LOGIN: string;
+    SHOW_SOCIAL_LOGINS: string;
+    CONNECT_WALLET: string;
+    SELECTED_WALLET: string;
+};
+export declare const CONNECT_WALLET_PAGES: {
+    CONNECT_WALLET: string;
+    SELECTED_WALLET: string;
+};
+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";

package/dist/lib.cjs/types/ui/context/RootContext.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from "react";
+import { ExternalButton, ToastType } from "../interfaces";
+export type BodyState = {
+    showWalletDetails?: boolean;
+    showMultiChainSelector?: boolean;
+    walletDetails?: ExternalButton;
+};
+export type ToastState = {
+    message: string;
+    type: ToastType;
+};
+export type RootContextType = {
+    bodyState: BodyState;
+    setBodyState: Dispatch<SetStateAction<BodyState>>;
+    toast: ToastState;
+    setToast: Dispatch<SetStateAction<ToastState>>;
+};
+export declare const RootContext: import("react").Context<RootContextType>;

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

@@ -0,0 +1,20 @@
+import { CodeInitiateRequestBodyParams, CodeVerifyRequestBodyParams, IStartResponse, IVerifyResponse, PasswordlessHandlerParams, WhiteLabelParams } from "../interfaces";
+export declare abstract class PasswordlessHandler {
+    readonly authBaseApiUrl: string;
+    passwordlessParams: PasswordlessHandlerParams;
+    trackingIdentifier?: string;
+    constructor(params: PasswordlessHandlerParams);
+    get name(): string;
+    get connection(): "email" | "sms";
+    get trackingId(): string | undefined;
+    get sessionStorageAvailable(): boolean;
+    get whiteLabelParams(): WhiteLabelParams;
+    set trackingId(value: string | undefined);
+    protected start(params: CodeInitiateRequestBodyParams): Promise<IStartResponse>;
+    protected verify(params: CodeVerifyRequestBodyParams): Promise<IVerifyResponse>;
+    private handleError;
+    abstract sendVerificationCode(params?: {
+        captchaToken: string;
+    }): Promise<IStartResponse>;
+    abstract verifyCode(code: string): Promise<IVerifyResponse>;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { PasswordlessHandlerParams } from "../interfaces";
+import { PasswordlessHandler } from "./AbstractHandler";
+export default class SmsPasswordlessHandler extends PasswordlessHandler {
+    constructor(params: PasswordlessHandlerParams);
+    sendVerificationCode(params?: {
+        captchaToken: string;
+    }): Promise<import("..").IStartResponse>;
+    verifyCode(code: string): Promise<import("..").IVerifyResponse>;
+}

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

@@ -0,0 +1,5 @@
+import { AUTH_CONNECTION_TYPE } from "@web3auth/auth";
+import type { PasswordlessHandlerParams } from "../interfaces";
+import EmailPasswordlessHandler from "./EmailPasswordlessHandler";
+import SmsPasswordlessHandler from "./SmsPasswordlessHandler";
+export declare const createPasswordlessHandler: (authConnection: AUTH_CONNECTION_TYPE, params: PasswordlessHandlerParams) => EmailPasswordlessHandler | SmsPasswordlessHandler;

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

@@ -1,6 +1,10 @@
-import type { SafeEventEmitter } from "@web3auth/auth";
-import { type AuthLoginParams, type BaseConnectorConfig, type ChainNamespaceType, type LoginMethodConfig, type UIConfig as CoreUIConfig, type WALLET_CONNECTOR_TYPE, type WalletRegistry, type WalletRegistryItem, type Web3AuthNoModalEvents } from "@web3auth/no-modal";
-export interface UIConfig extends CoreUIConfig {
+import type { AUTH_CONNECTION_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 {
+    /**
+     * ID of the element to embed the widget into
+     */
+    targetId?: string;
     /**
      * order of how login methods are shown
      *
@@ -40,12 +44,26 @@ export type ModalLoginParams = Pick<AuthLoginParams, "authConnection" | "authCon
 export interface LoginModalProps extends UIConfig {
     chainNamespaces: ChainNamespaceType[];
     walletRegistry: WalletRegistry;
+    web3authClientId: string;
+    web3authNetwork: WEB3AUTH_NETWORK_TYPE;
+}
+export interface LoginModalCallbacks {
+    onInitExternalWallets: (params: {
+        externalWalletsInitialized: boolean;
+    }) => Promise<void>;
+    onSocialLogin: (params: {
+        connector: WALLET_CONNECTOR_TYPE;
+        loginParams: ModalLoginParams;
+    }) => Promise<void>;
+    onExternalWalletLogin: (params: {
+        connector: WALLET_CONNECTOR_TYPE;
+        loginParams: {
+            chainNamespace: ChainNamespaceType;
+        };
+    }) => Promise<void>;
+    onModalVisibility: (visibility: boolean) => Promise<void>;
 }
 export declare const LOGIN_MODAL_EVENTS: {
-    readonly INIT_EXTERNAL_WALLETS: "INIT_EXTERNAL_WALLETS";
-    readonly EXTERNAL_WALLET_LOGIN: "EXTERNAL_WALLET_LOGIN";
-    readonly SOCIAL_LOGIN: "SOCIAL_LOGIN";
-    readonly DISCONNECT: "DISCONNECT";
     readonly MODAL_VISIBILITY: "MODAL_VISIBILITY";
 };
 export type SocialLoginsConfig = {
@@ -55,10 +73,10 @@ export type SocialLoginsConfig = {
     uiConfig: Omit<UIConfig, "connectorListener">;
 };
 export declare const MODAL_STATUS: {
-    INITIALIZED: string;
-    CONNECTED: string;
-    CONNECTING: string;
-    ERRORED: string;
+    readonly INITIALIZED: "initialized";
+    readonly CONNECTED: "connected";
+    readonly CONNECTING: "connecting";
+    readonly ERRORED: "errored";
 };
 export type ModalStatusType = (typeof MODAL_STATUS)[keyof typeof MODAL_STATUS];
 export interface ModalState {
@@ -75,6 +93,9 @@ export interface ModalState {
     detailedLoaderConnector: string;
     detailedLoaderConnectorName: string;
     showExternalWalletsOnly: boolean;
+    currentPage?: string;
+    web3authClientId: string;
+    web3authNetwork: WEB3AUTH_NETWORK_TYPE;
 }
 export type SocialLoginEventType = {
     connector: string;
@@ -84,9 +105,6 @@ export type ExternalWalletEventType = {
     connector: string;
     chainNamespace?: ChainNamespaceType;
 };
-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 type StateEmitterEvents = {
     STATE_UPDATED: (state: Partial<ModalState>) => void;
     MOUNTED: () => void;
@@ -95,6 +113,7 @@ export type ExternalButton = {
     name: string;
     displayName?: string;
     href?: string;
+    icon?: string;
     hasInjectedWallet: boolean;
     hasWalletConnect: boolean;
     hasInstallLinks: boolean;
@@ -102,3 +121,85 @@ export type ExternalButton = {
     imgExtension?: string;
     chainNamespaces?: ChainNamespaceType[];
 };
+export type os = "iOS" | "Android";
+export type platform = "mobile" | "desktop" | "tablet";
+export type browser = "chrome" | "firefox" | "edge" | "safari" | "brave";
+export type mobileOs = "ios" | "android";
+export type rowType = {
+    method: string;
+    isDark: boolean;
+    isPrimaryBtn: boolean;
+    name: string;
+    connector: SocialLoginsConfig["connector"];
+    loginParams: {
+        authConnection: AUTH_CONNECTION_TYPE;
+        name: string;
+        login_hint: string;
+        authConnectionId?: string;
+        groupedAuthConnectionId?: string;
+        extraLoginOptions?: ExtraLoginOptions;
+    };
+    order: number;
+    isMainOption: boolean;
+};
+export type PasswordlessHandlerParams = {
+    authConnection: AUTH_CONNECTION_TYPE;
+    web3authClientId: string;
+    loginHint: string;
+    network: string;
+    uiConfig?: Omit<UIConfig, "connectorListener">;
+};
+export interface WhiteLabelParams {
+    name?: string;
+    url?: string;
+    language?: keyof typeof LANGUAGES;
+    theme?: Record<string, string>;
+    logo?: string;
+    mode?: THEME_MODE_TYPE;
+}
+export interface CodeInitiateRequestBodyParams {
+    client_id: string;
+    connection: "email" | "sms";
+    login_hint: string;
+    web3auth_client_id: string;
+    tracking_id?: string;
+    whitelabel?: WhiteLabelParams;
+    version?: string;
+    network?: string;
+    flow_type?: EMAIL_FLOW_TYPE;
+    captcha_token?: string;
+}
+export interface CodeVerifyRequestBodyParams {
+    client_id: string;
+    login_hint: string;
+    code: string;
+    connection: "email" | "sms";
+    tracking_id: string;
+    version?: string;
+    network?: string;
+    flow_type?: EMAIL_FLOW_TYPE;
+}
+export type IStartResponse = {
+    success?: boolean;
+    error?: string;
+    data?: {
+        trackingId: string;
+    };
+};
+export type IVerifyResponse = {
+    success?: boolean;
+    error?: string;
+    data?: {
+        id_token: string;
+    };
+};
+export type LogoAlignmentType = UIConfig["logoAlignment"];
+export type BorderRadiusType = UIConfig["borderRadiusType"];
+export type ButtonRadiusType = UIConfig["buttonRadiusType"];
+export declare enum TOAST_TYPE {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    INFO = "info"
+}
+export type ToastType = (typeof TOAST_TYPE)[keyof typeof TOAST_TYPE];