mailsentry-auth 0.2.1 → 0.2.3

package/dist/index.mjs

@@ -191,7 +191,7 @@ var getAuthPageStepMessage = (step) => {
 
 // src/config/step-navigation.ts
 var EMAIL_SUBMISSION_NAVIGATION = {
-  ["login-verification" /* LOGIN_VERIFICATION */]: "verification" /* VERIFICATION */,
+  ["login-verification" /* LOGIN_VERIFICATION */]: "password" /* PASSWORD */,
   ["login" /* LOGIN */]: "password" /* PASSWORD */,
   ["signup" /* SIGNUP */]: "password" /* PASSWORD */
 };
@@ -216,6 +216,7 @@ var getStepForVerificationSubmission = (success) => {
 
 // src/config/form-fields.tsx
 import { Input as Input2, Checkbox, Button as Button7 } from "antd";
+import { MailOutlined as MailOutlined2 } from "@ant-design/icons";
 
 // src/components/auth/password-input-with-strength.tsx
 import { useState, useEffect, useMemo } from "react";
@@ -564,51 +565,36 @@ var PasswordStep = ({
 
 // src/components/auth/verification-step.tsx
 import { Button as Button4 } from "antd";
-import { ArrowLeftOutlined as ArrowLeftOutlined2 } from "@ant-design/icons";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9 } from "react/jsx-runtime";
 var VerificationStep = ({
   title,
   description,
   onSubmit,
-  onBack,
   onResendCode,
   submitButtonText,
   isLoading = false,
   codeLength = 5,
-  showBackButton = true,
   showResendButton = true,
-  initialValues
+  initialValues,
+  email
 }) => {
   const handleSubmit = async (values) => {
     await onSubmit(values.verificationCode);
   };
   const fields = [
-    getVerificationField(codeLength, { disabled: isLoading })
+    getVerificationField(codeLength, { disabled: isLoading }, email)
   ];
-  const additionalActions = /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    showResendButton && /* @__PURE__ */ jsx9(
-      Button4,
-      {
-        type: "link",
-        onClick: onResendCode,
-        disabled: isLoading,
-        block: true,
-        className: "mb-2",
-        children: "Resend verification code"
-      }
-    ),
-    showBackButton && /* @__PURE__ */ jsx9(
-      Button4,
-      {
-        icon: /* @__PURE__ */ jsx9(ArrowLeftOutlined2, {}),
-        onClick: onBack,
-        type: "link",
-        block: true,
-        disabled: isLoading,
-        children: "Back to password"
-      }
-    )
-  ] });
+  const additionalActions = /* @__PURE__ */ jsx9(Fragment3, { children: showResendButton && /* @__PURE__ */ jsx9(
+    Button4,
+    {
+      type: "link",
+      onClick: onResendCode,
+      disabled: isLoading,
+      block: true,
+      className: "mb-2",
+      children: "Resend verification code"
+    }
+  ) });
   return /* @__PURE__ */ jsx9(
     BaseForm,
     {
@@ -696,24 +682,27 @@ var createPropsFactoryRegistry = ({
     onGoogleSignIn: handlers.onGoogleSignIn,
     onForgotPassword: handlers.onForgotPasswordClick
   }),
-  ["password" /* PASSWORD */]: () => __spreadProps(__spreadValues({}, baseProps), {
-    title: state.authIntent === "login" /* LOGIN */ ? "Welcome Back" : "Create Account",
-    description: state.authIntent === "login" /* LOGIN */ ? "Please enter your password to sign in" : "Please create a password for your account",
-    submitButtonText: state.authIntent === "login" /* LOGIN */ ? "Sign In" : "Next",
-    mode: state.authIntent,
-    email: state.email,
-    onSubmit: handlers.handlePasswordSubmit,
-    onBack: handlers.goBackToEmail,
-    showEmailField: configs.passwordStepConfig.showEmailField,
-    initialValues: { email: state.email }
-  }),
+  ["password" /* PASSWORD */]: () => {
+    const LOGIN_FLOW_ACTIONS = /* @__PURE__ */ new Set(["login" /* LOGIN */, "login-verification" /* LOGIN_VERIFICATION */]);
+    const isLoginFlow = LOGIN_FLOW_ACTIONS.has(state.authIntent);
+    return __spreadProps(__spreadValues({}, baseProps), {
+      title: isLoginFlow ? "Welcome Back" : "Create Account",
+      description: isLoginFlow ? "Please enter your password to sign in" : "Please create a password for your account",
+      submitButtonText: isLoginFlow ? "Sign In" : "Next",
+      mode: isLoginFlow ? "login" /* LOGIN */ : state.authIntent,
+      email: state.email,
+      onSubmit: handlers.handlePasswordSubmit,
+      onBack: handlers.goBackToEmail,
+      showEmailField: configs.passwordStepConfig.showEmailField,
+      initialValues: { email: state.email }
+    });
+  },
   ["verification" /* VERIFICATION */]: () => __spreadProps(__spreadValues({}, baseProps), {
     title: "Email Verification",
     description: `Please enter the verification code sent to ${state.email}`,
     submitButtonText: "Verify Email",
     email: state.email,
     onSubmit: handlers.handleVerificationSubmit,
-    onBack: handlers.goBackToPassword,
     onResendCode: handlers.handleResendCode,
     codeLength: configs.verificationStepConfig.codeLength,
     showResendButton: configs.verificationStepConfig.showResendButton
@@ -746,7 +735,7 @@ var useStepRenderer = () => {
 // src/components/auth/auth-flow-container.tsx
 import React3, { useState as useState5 } from "react";
 import { Steps, Col, Button as Button5, Flex as Flex3, Row, Space as Space4 } from "antd";
-import { ArrowLeftOutlined as ArrowLeftOutlined3 } from "@ant-design/icons";
+import { ArrowLeftOutlined as ArrowLeftOutlined2 } from "@ant-design/icons";
 import Image from "next/image";
 import { cva } from "class-variance-authority";
 
@@ -1632,6 +1621,83 @@ LocalStorageUtils.USER_PROFILE_STORAGE_KEY = "user_profile_data";
 LocalStorageUtils.USER_PROFILE_TIMESTAMP_KEY = "user_profile_timestamp";
 LocalStorageUtils.DEFAULT_CACHE_DURATION = 5 * 60 * 1e3;
 
+// src/services/utils/email-provider-utils.ts
+var EMAIL_PROVIDERS = [
+  {
+    name: "Gmail",
+    pattern: /@gmail\.com$/i,
+    getUrl: (email, subject) => {
+      const searchQuery = subject ? `subject:${encodeURIComponent(subject)}+in:all` : "in:inbox";
+      return `https://mail.google.com/mail/u/${email}/#search/${searchQuery}`;
+    }
+  },
+  {
+    name: "Outlook",
+    pattern: /@(outlook|hotmail|live)\.com$/i,
+    getUrl: (email, subject) => {
+      if (subject) {
+        return `https://outlook.live.com/mail/0/?search=subject%3A${encodeURIComponent(subject)}`;
+      }
+      return "https://outlook.live.com/mail/0/inbox";
+    }
+  },
+  {
+    name: "Yahoo",
+    pattern: /@yahoo\.(com|co\.uk|ca|fr|de|it|es)$/i,
+    getUrl: (email, subject) => {
+      if (subject) {
+        return `https://mail.yahoo.com/d/search/keyword=${encodeURIComponent(subject)}`;
+      }
+      return "https://mail.yahoo.com/d/folders/1";
+    }
+  },
+  {
+    name: "iCloud",
+    pattern: /@(icloud|me)\.com$/i,
+    getUrl: () => "https://www.icloud.com/mail/"
+  },
+  {
+    name: "ProtonMail",
+    pattern: /@(protonmail|proton\.me)$/i,
+    getUrl: () => "https://mail.proton.me/u/0/inbox"
+  },
+  {
+    name: "Zoho",
+    pattern: /@zoho(mail)?\.com$/i,
+    getUrl: () => "https://mail.zoho.com/zm/"
+  },
+  {
+    name: "AOL",
+    pattern: /@aol\.com$/i,
+    getUrl: () => "https://mail.aol.com/webmail-std/en-us/suite"
+  }
+];
+var EmailProviderUtils = class {
+  /**
+   * Detects email provider from email address
+   */
+  static detectProvider(email) {
+    if (!email) return null;
+    const provider = EMAIL_PROVIDERS.find((p) => p.pattern.test(email));
+    return provider || null;
+  }
+  /**
+   * Generates inbox URL for the given email
+   */
+  static getInboxUrl(email, subject) {
+    const provider = this.detectProvider(email);
+    if (!provider) return null;
+    return provider.getUrl(email, subject);
+  }
+  /**
+   * Gets provider name from email
+   */
+  static getProviderName(email) {
+    const provider = this.detectProvider(email);
+    return (provider == null ? void 0 : provider.name) || null;
+  }
+};
+
 // src/services/auth/manager/token-manager.ts
 var TokenManager = class {
   constructor(cookieUtils) {
@@ -2134,6 +2200,21 @@ var ExistingUserLoginStrategy = class {
   }
 };
 
+// src/services/auth/patterns/strategy/login-verification-strategy.ts
+var LoginVerificationStrategy = class {
+  constructor(authService, tokenManager) {
+    this.authService = authService;
+    this.tokenManager = tokenManager;
+  }
+  async execute(credentials) {
+    const loginResult = await this.authService.login(credentials);
+    return AuthResultFactory.createSuccess(__spreadProps(__spreadValues({}, loginResult.data), {
+      verification_required: true,
+      message: "Please verify your email to continue"
+    }));
+  }
+};
+
 // src/services/auth/patterns/strategy/login-flow-strategy-factory.ts
 var LoginFlowStrategyFactory = class {
   static createStrategy(action, authService, tokenManager) {
@@ -2146,9 +2227,53 @@ var LoginFlowStrategyFactory = class {
 };
 LoginFlowStrategyFactory.strategies = /* @__PURE__ */ new Map([
   ["signup" /* SIGNUP */, (authService, tokenManager) => new SignupFlowStrategy(authService, tokenManager)],
-  ["login" /* LOGIN */, (authService, tokenManager) => new ExistingUserLoginStrategy(authService, tokenManager)]
+  ["login" /* LOGIN */, (authService, tokenManager) => new ExistingUserLoginStrategy(authService, tokenManager)],
+  ["login-verification" /* LOGIN_VERIFICATION */, (authService, tokenManager) => new LoginVerificationStrategy(authService, tokenManager)]
 ]);
 
+// src/services/auth/patterns/strategy/login-strategy-resolver.ts
+var StrategyResolutionMode = /* @__PURE__ */ ((StrategyResolutionMode2) => {
+  StrategyResolutionMode2["SKIP_EMAIL_CHECK"] = "SKIP_EMAIL_CHECK";
+  StrategyResolutionMode2["CHECK_EMAIL_EXISTS"] = "CHECK_EMAIL_EXISTS";
+  return StrategyResolutionMode2;
+})(StrategyResolutionMode || {});
+var SkipEmailCheckCommand = class {
+  async execute(_email) {
+    return "login" /* LOGIN */;
+  }
+};
+var CheckEmailExistsCommand = class {
+  constructor(authService) {
+    this.authService = authService;
+  }
+  async execute(email) {
+    const emailCheck = await this.authService.checkEmailExists(email);
+    return emailCheck.next_action;
+  }
+};
+var LoginStrategyResolver = class {
+  constructor(authService) {
+    this.strategies = /* @__PURE__ */ new Map([
+      ["SKIP_EMAIL_CHECK" /* SKIP_EMAIL_CHECK */, new SkipEmailCheckCommand()],
+      ["CHECK_EMAIL_EXISTS" /* CHECK_EMAIL_EXISTS */, new CheckEmailExistsCommand(authService)]
+    ]);
+  }
+  async resolve(email, mode) {
+    const command = this.strategies.get(mode);
+    if (!command) {
+      throw new Error(`No strategy found for mode: ${mode}`);
+    }
+    return await command.execute(email);
+  }
+  /**
+   * Extend resolver with new strategies at runtime
+   * Example: resolver.registerStrategy(StrategyResolutionMode.CUSTOM, customCommand)
+   */
+  registerStrategy(mode, command) {
+    this.strategies.set(mode, command);
+  }
+};
+
 // src/services/auth/patterns/state/authenticated-state.ts
 var AuthenticatedState = class {
   async getStatus(tokenManager) {
@@ -2288,14 +2413,50 @@ var AuthOrchestrator = class {
       return this.errorHandler.handle(error, "Email check");
     }
   }
+  /**
+   * Handle login strategy based on the result of an email check.
+   * This method implements a strategy pattern to decide which login flow to execute.
+   */
+  async handleLoginStrategy(loginRequest) {
+    try {
+      const { next_action } = await this.authService.checkEmailExists(loginRequest.email);
+      const loginStrategies = {
+        ["login" /* LOGIN */]: () => this.handleLoginFlow(loginRequest),
+        ["signup" /* SIGNUP */]: () => this.handleLoginFlow(loginRequest),
+        ["login-verification" /* LOGIN_VERIFICATION */]: async () => {
+          await this.handleLoginFlow(loginRequest);
+          return AuthResultFactory.createSuccess({
+            roleType: "",
+            accessToken: "",
+            refreshToken: "",
+            isVerifiedEmail: false,
+            profile: {},
+            tokenInfo: { domain: "" },
+            next_action: "login-verification" /* LOGIN_VERIFICATION */,
+            loginRequest
+          });
+        }
+      };
+      const strategy = loginStrategies[next_action];
+      if (strategy) {
+        return await strategy();
+      }
+      throw new Error(`Unknown next action: ${next_action}`);
+    } catch (error) {
+      return this.errorHandler.handle(error, "Login strategy");
+    }
+  }
   /**
    * Handle complete login flow with proper error handling and token management
+   * @param credentials - Login credentials (email and password)
+   * @param mode - Strategy resolution mode (defaults to CHECK_EMAIL_EXISTS)
    */
-  async handleLoginFlow(credentials) {
+  async handleLoginFlow(credentials, mode = "CHECK_EMAIL_EXISTS" /* CHECK_EMAIL_EXISTS */) {
     try {
-      const emailCheck = await this.authService.checkEmailExists(credentials.email);
+      const strategyResolver = new LoginStrategyResolver(this.authService);
+      const nextAction = await strategyResolver.resolve(credentials.email, mode);
       const strategy = LoginFlowStrategyFactory.createStrategy(
-        emailCheck.next_action,
+        nextAction,
         this.authService,
         this.tokenManager
       );
@@ -2871,7 +3032,7 @@ var useAuthFlowModal = () => {
 };
 
 // src/components/auth/auth-flow-container.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var containerVariants = cva("w-full h-screen p-6 overflow-hidden", {
   variants: {
     layout: {
@@ -2956,17 +3117,30 @@ function AuthFlowContainer({
     await executeAction(
       async () => {
         const loginRequest = { email, password: passwordValue };
-        return await authOrchestrator.handleLoginFlow(loginRequest);
+        return await authOrchestrator.handleLoginStrategy(loginRequest);
       },
       {
         onSuccess: (data) => {
+          var _a;
           setAuthData(data);
-          if (!data.isVerifiedEmail) {
-            const nextStep = getStepForPasswordSubmission(data.isVerifiedEmail);
-            stepperActions.goToStep(nextStep);
-            return;
-          }
-          handleSuccess();
+          const actionPipeline = [
+            {
+              condition: () => data.next_action === "login-verification" /* LOGIN_VERIFICATION */,
+              execute: () => stepperActions.goToStep("verification" /* VERIFICATION */)
+            },
+            {
+              condition: () => !data.isVerifiedEmail,
+              execute: () => {
+                const nextStep = getStepForPasswordSubmission(data.isVerifiedEmail);
+                stepperActions.goToStep(nextStep);
+              }
+            },
+            {
+              condition: () => true,
+              execute: () => handleSuccess()
+            }
+          ];
+          (_a = actionPipeline.find((action) => action.condition())) == null ? void 0 : _a.execute();
         },
         onError: (error) => {
           console.error(error);
@@ -2982,7 +3156,7 @@ function AuthFlowContainer({
       {
         onSuccess: (data) => {
           setAuthData(data);
-          handlePasswordSubmit(password);
+          handlePasswordSubmitAfterVerification(password);
           setPassword("");
         },
         onError: (error) => {
@@ -2991,6 +3165,23 @@ function AuthFlowContainer({
       }
     );
   };
+  const handlePasswordSubmitAfterVerification = async (passwordValue) => {
+    await executeAction(
+      async () => {
+        const loginRequest = { email, password: passwordValue };
+        return await authOrchestrator.handleLoginFlow(loginRequest, "SKIP_EMAIL_CHECK" /* SKIP_EMAIL_CHECK */);
+      },
+      {
+        onSuccess: (data) => {
+          setAuthData(data);
+          handleSuccess();
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
+  };
   const handleGoogleSignIn = async (token) => {
     await executeAction(
       async () => {
@@ -3095,8 +3286,8 @@ function AuthFlowContainer({
       onClick: goBackToHome
     };
   }, [stepperState.currentStep, stepperActions, clearAll, goBackToHome]);
-  return /* @__PURE__ */ jsxs7(Row, { className: "m-0 h-screen", children: [
-    /* @__PURE__ */ jsx12(Col, { xs: 24, lg: showRightSideImage ? 10 : 24, className: "flex flex-col", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(Row, { className: "m-0 h-screen", children: [
+    /* @__PURE__ */ jsx12(Col, { xs: 24, lg: showRightSideImage ? 10 : 24, className: "flex flex-col", children: /* @__PURE__ */ jsxs6(
       Flex3,
       {
         vertical: true,
@@ -3107,12 +3298,12 @@ function AuthFlowContainer({
         children: [
           config2.showBackToHome && /* @__PURE__ */ jsx12(Flex3, { justify: "flex-start", children: /* @__PURE__ */ jsx12(Button5, { onClick: topButton.onClick, shape: "round", size: "large", type: "primary", ghost: true, children: topButton.label }) }),
           /* @__PURE__ */ jsx12(Flex3, { flex: 1, justify: "center", align: "center", className: formContentVariants(), children: /* @__PURE__ */ jsx12(Space4, { direction: "vertical", className: "w-full max-w-[480px]", children: /* @__PURE__ */ jsx12(SelectedComponent, __spreadValues({}, stepProps)) }) }),
-          /* @__PURE__ */ jsxs7(Flex3, { align: "center", gap: "small", className: "mt-4", children: [
+          /* @__PURE__ */ jsxs6(Flex3, { align: "center", gap: "small", className: "mt-4", children: [
             /* @__PURE__ */ jsx12(
               Button5,
               {
                 type: "text",
-                icon: /* @__PURE__ */ jsx12(ArrowLeftOutlined3, {}),
+                icon: /* @__PURE__ */ jsx12(ArrowLeftOutlined2, {}),
                 onClick: handleBack,
                 disabled: stepperState.isFirstStep
               }
@@ -3148,7 +3339,7 @@ function AuthFlowContainer({
 
 // src/components/auth/auth-flow-modal.tsx
 import { Modal, Spin as Spin2 } from "antd";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function AuthFlowModal({
   children,
   variant = "default" /* DEFAULT */,
@@ -3158,7 +3349,7 @@ function AuthFlowModal({
   if (isInitialLoading) {
     return /* @__PURE__ */ jsx13("div", { className: "min-h-screen flex items-center justify-center bg-gray-50", children: /* @__PURE__ */ jsx13(Spin2, { size: "large" }) });
   }
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
     isModalOpen ? /* @__PURE__ */ jsx13("div", { className: "min-h-screen flex items-center justify-center bg-gray-50", children: /* @__PURE__ */ jsx13(Spin2, { size: "large" }) }) : children,
     /* @__PURE__ */ jsx13(
       Modal,
@@ -3188,7 +3379,7 @@ var AuthInitializer = ({ children }) => {
 import { useState as useState6, useEffect as useEffect6 } from "react";
 import { Dropdown, Button as Button6 } from "antd";
 import { MailOutlined, CrownOutlined, LogoutOutlined, UserOutlined } from "@ant-design/icons";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var DefaultUnauthenticated = () => {
   const rootDomain = UrlUtils.getRootDomain(window.location.hostname);
   const baseDomain = rootDomain == null ? void 0 : rootDomain.replace(/^\./, "");
@@ -3220,7 +3411,7 @@ var AuthenticatedState2 = ({ user, onLogout }) => {
     email: {
       key: "email",
       icon: /* @__PURE__ */ jsx15(MailOutlined, {}),
-      label: /* @__PURE__ */ jsxs9("div", { children: [
+      label: /* @__PURE__ */ jsxs8("div", { children: [
         /* @__PURE__ */ jsx15("div", { className: "text-xs text-gray-500", children: "Email" }),
         /* @__PURE__ */ jsx15("div", { className: "font-medium", children: ((_a = user.user) == null ? void 0 : _a.email) || "N/A" })
       ] })
@@ -3228,7 +3419,7 @@ var AuthenticatedState2 = ({ user, onLogout }) => {
     role: {
       key: "role",
       icon: /* @__PURE__ */ jsx15(CrownOutlined, {}),
-      label: /* @__PURE__ */ jsxs9("div", { children: [
+      label: /* @__PURE__ */ jsxs8("div", { children: [
         /* @__PURE__ */ jsx15("div", { className: "text-xs text-gray-500", children: "Role" }),
         /* @__PURE__ */ jsx15("div", { className: "font-medium", children: ((_c = (_b = user.user) == null ? void 0 : _b.role) == null ? void 0 : _c.name) || "N/A" })
       ] })
@@ -3285,7 +3476,7 @@ var ProfileStateRenderer = () => {
 
 // src/components/demo/cross-tab-demo.tsx
 import { Card, Typography as Typography3, Tag, Space as Space5 } from "antd";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var { Title: Title2, Text: Text2, Paragraph: Paragraph2 } = Typography3;
 var CrossTabDemo = () => {
   var _a;
@@ -3297,31 +3488,31 @@ var CrossTabDemo = () => {
       title: "Cross-Tab Authentication Demo",
       className: "w-full max-w-2xl",
       style: { marginTop: "2rem" },
-      children: /* @__PURE__ */ jsxs10(Space5, { direction: "vertical", size: "middle", className: "w-full", children: [
-        /* @__PURE__ */ jsxs10("div", { children: [
+      children: /* @__PURE__ */ jsxs9(Space5, { direction: "vertical", size: "middle", className: "w-full", children: [
+        /* @__PURE__ */ jsxs9("div", { children: [
           /* @__PURE__ */ jsx16(Title2, { level: 4, children: "Current Status" }),
-          /* @__PURE__ */ jsxs10(Space5, { children: [
+          /* @__PURE__ */ jsxs9(Space5, { children: [
             /* @__PURE__ */ jsx16(Text2, { strong: true, children: "Authentication:" }),
             /* @__PURE__ */ jsx16(Tag, { color: isAuthenticated ? "green" : "red", children: isAuthenticated ? "Authenticated" : "Not Authenticated" })
           ] }),
           /* @__PURE__ */ jsx16("br", {}),
-          /* @__PURE__ */ jsxs10(Space5, { style: { marginTop: "0.5rem" }, children: [
+          /* @__PURE__ */ jsxs9(Space5, { style: { marginTop: "0.5rem" }, children: [
             /* @__PURE__ */ jsx16(Text2, { strong: true, children: "Current Page:" }),
             /* @__PURE__ */ jsx16(Tag, { color: "blue", children: currentPageType })
           ] }),
-          user && /* @__PURE__ */ jsxs10(Fragment6, { children: [
+          user && /* @__PURE__ */ jsxs9(Fragment6, { children: [
             /* @__PURE__ */ jsx16("br", {}),
-            /* @__PURE__ */ jsxs10(Space5, { style: { marginTop: "0.5rem" }, children: [
+            /* @__PURE__ */ jsxs9(Space5, { style: { marginTop: "0.5rem" }, children: [
               /* @__PURE__ */ jsx16(Text2, { strong: true, children: "User:" }),
               /* @__PURE__ */ jsx16(Text2, { children: (_a = user.user) == null ? void 0 : _a.email })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsxs9("div", { children: [
           /* @__PURE__ */ jsx16(Title2, { level: 4, children: "How It Works" }),
           /* @__PURE__ */ jsx16(Paragraph2, { children: "This application now supports enhanced cross-tab authentication handling:" }),
-          /* @__PURE__ */ jsxs10("div", { style: { marginLeft: "1rem" }, children: [
-            /* @__PURE__ */ jsxs10(Paragraph2, { children: [
+          /* @__PURE__ */ jsxs9("div", { style: { marginLeft: "1rem" }, children: [
+            /* @__PURE__ */ jsxs9(Paragraph2, { children: [
               /* @__PURE__ */ jsx16(Text2, { strong: true, children: "Login Scenario:" }),
               /* @__PURE__ */ jsx16("br", {}),
               "\u2022 Open multiple tabs with some on the login page and others on different pages",
@@ -3330,7 +3521,7 @@ var CrossTabDemo = () => {
               /* @__PURE__ */ jsx16("br", {}),
               "\u2022 Non-login pages will receive the login event but won't redirect (they'll just update their state)"
             ] }),
-            /* @__PURE__ */ jsxs10(Paragraph2, { children: [
+            /* @__PURE__ */ jsxs9(Paragraph2, { children: [
               /* @__PURE__ */ jsx16(Text2, { strong: true, children: "Logout Scenario:" }),
               /* @__PURE__ */ jsx16("br", {}),
               "\u2022 When you log out from the dashboard, other dashboard tabs will redirect to the login page",
@@ -3339,9 +3530,9 @@ var CrossTabDemo = () => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsxs9("div", { children: [
           /* @__PURE__ */ jsx16(Title2, { level: 4, children: "Test Instructions" }),
-          /* @__PURE__ */ jsxs10(Paragraph2, { children: [
+          /* @__PURE__ */ jsxs9(Paragraph2, { children: [
             "1. Open this page in multiple browser tabs",
             /* @__PURE__ */ jsx16("br", {}),
             "2. Navigate to ",
@@ -3396,21 +3587,39 @@ var getPasswordField = (isLogin, disabled = false, options = {}) => ({
     ] : []
   ]
 });
-var getVerificationField = (codeLength = 5, options = {}) => ({
-  name: "verificationCode",
-  component: /* @__PURE__ */ jsx17(
-    Input2,
-    __spreadProps(__spreadValues({}, options), {
-      placeholder: "Enter verification code",
-      maxLength: codeLength,
-      size: "large"
-    })
-  ),
-  rules: [
-    { required: true, message: "Please enter the verification code!" },
-    { len: codeLength, message: `Verification code must be ${codeLength} characters!` }
-  ]
-});
+var getVerificationField = (codeLength = 5, options = {}, email) => {
+  const inboxUrl = EmailProviderUtils.getInboxUrl(email != null ? email : "", "Confirm Your MailSentry Account Registration");
+  const providerName = EmailProviderUtils.getProviderName(email != null ? email : "");
+  const suffix = inboxUrl ? /* @__PURE__ */ jsx17(
+    Button7,
+    {
+      type: "link",
+      icon: /* @__PURE__ */ jsx17(MailOutlined2, {}),
+      href: inboxUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "!p-0 !h-auto",
+      title: `Open ${providerName || "email"}`,
+      children: "Check Email"
+    }
+  ) : void 0;
+  return {
+    name: "verificationCode",
+    component: /* @__PURE__ */ jsx17(
+      Input2,
+      __spreadProps(__spreadValues({}, options), {
+        placeholder: "Enter verification code",
+        maxLength: codeLength,
+        size: "large",
+        suffix
+      })
+    ),
+    rules: [
+      { required: true, message: "Please enter the verification code!" },
+      { len: codeLength, message: `Verification code must be ${codeLength} characters!` }
+    ]
+  };
+};
 var getTermsCheckboxField = (options = {}) => ({
   name: "acceptTerms",
   component: /* @__PURE__ */ jsx17(Checkbox, __spreadProps(__spreadValues({}, options), { children: "I Accept Terms and Conditions" })),
@@ -3456,6 +3665,7 @@ export {
   CrossTabDemo,
   DevelopmentLogger,
   EMAIL_SUBMISSION_NAVIGATION,
+  EmailProviderUtils,
   EmailStep,
   EndpointBuilder,
   ExistingUserLoginStrategy,
@@ -3467,6 +3677,8 @@ export {
   LocalStorageUtils,
   LoggerFactory,
   LoginFlowStrategyFactory,
+  LoginStrategyResolver,
+  LoginVerificationStrategy,
   MiddlewareConfig,
   NavigationAction,
   NetworkErrorHandler,
@@ -3481,6 +3693,7 @@ export {
   ProfileUIState,
   RoleType,
   SignupFlowStrategy,
+  StrategyResolutionMode,
   TokenManager,
   UnauthenticatedState,
   UrlUtils,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mailsentry-auth",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Next.js 15 authentication package with multi-step auth flow, cross-tab sync, and Zustand state management",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",