mailsentry-auth 0.2.3 → 0.2.4

package/dist/index.d.mts

@@ -555,6 +555,14 @@ declare class AuthService extends BaseService implements IAuthService {
      * Logout user
      */
     logout(): Promise<void>;
+    /**
+     * Send forgot password email
+     */
+    forgotPassword(email: string): Promise<void>;
+    /**
+     * Resend verification code
+     */
+    resendVerification(email: string): Promise<void>;
 }
 
 /**
@@ -568,6 +576,8 @@ declare const AUTH_ENDPOINTS: {
     readonly GET_USER_PROFILE: "/auth/user/profile";
     readonly GET_ME: "/auth/user/me";
     readonly LOGOUT: "/auth/logout";
+    readonly FORGOT_PASSWORD: "/auth/user/forget-password";
+    readonly RESEND_VERIFICATION: "/auth/user/generate-verification";
 };
 /**
  * Endpoint builder utility
@@ -581,6 +591,8 @@ declare class EndpointBuilder {
         readonly GET_USER_PROFILE: "/auth/user/profile";
         readonly GET_ME: "/auth/user/me";
         readonly LOGOUT: "/auth/logout";
+        readonly FORGOT_PASSWORD: "/auth/user/forget-password";
+        readonly RESEND_VERIFICATION: "/auth/user/generate-verification";
     };
 }
 
@@ -830,6 +842,14 @@ declare class AuthOrchestrator implements IAuthOrchestrator {
      * Get detailed token information
      */
     getTokenInfo(): Promise<AuthActionResult>;
+    /**
+     * Handle forgot password flow
+     */
+    handleForgotPassword(email: string): Promise<AuthActionResult>;
+    /**
+     * Handle resend verification code
+     */
+    handleResendVerification(email: string): Promise<AuthActionResult>;
 }
 /**
  * Authentication Orchestrator Factory
@@ -987,9 +1007,8 @@ interface PasswordStepProps extends BaseStepProps {
 interface VerificationStepProps extends BaseStepProps {
     email: string;
     onSubmit: (verificationCode: string) => void | Promise<void>;
-    onResendCode?: () => void;
+    onResendCode?: () => void | Promise<void>;
     codeLength?: number;
-    showResendButton?: boolean;
 }
 
 interface ForgotPasswordStepProps extends BaseStepProps {

package/dist/index.d.ts

@@ -555,6 +555,14 @@ declare class AuthService extends BaseService implements IAuthService {
      * Logout user
      */
     logout(): Promise<void>;
+    /**
+     * Send forgot password email
+     */
+    forgotPassword(email: string): Promise<void>;
+    /**
+     * Resend verification code
+     */
+    resendVerification(email: string): Promise<void>;
 }
 
 /**
@@ -568,6 +576,8 @@ declare const AUTH_ENDPOINTS: {
     readonly GET_USER_PROFILE: "/auth/user/profile";
     readonly GET_ME: "/auth/user/me";
     readonly LOGOUT: "/auth/logout";
+    readonly FORGOT_PASSWORD: "/auth/user/forget-password";
+    readonly RESEND_VERIFICATION: "/auth/user/generate-verification";
 };
 /**
  * Endpoint builder utility
@@ -581,6 +591,8 @@ declare class EndpointBuilder {
         readonly GET_USER_PROFILE: "/auth/user/profile";
         readonly GET_ME: "/auth/user/me";
         readonly LOGOUT: "/auth/logout";
+        readonly FORGOT_PASSWORD: "/auth/user/forget-password";
+        readonly RESEND_VERIFICATION: "/auth/user/generate-verification";
     };
 }
 
@@ -830,6 +842,14 @@ declare class AuthOrchestrator implements IAuthOrchestrator {
      * Get detailed token information
      */
     getTokenInfo(): Promise<AuthActionResult>;
+    /**
+     * Handle forgot password flow
+     */
+    handleForgotPassword(email: string): Promise<AuthActionResult>;
+    /**
+     * Handle resend verification code
+     */
+    handleResendVerification(email: string): Promise<AuthActionResult>;
 }
 /**
  * Authentication Orchestrator Factory
@@ -987,9 +1007,8 @@ interface PasswordStepProps extends BaseStepProps {
 interface VerificationStepProps extends BaseStepProps {
     email: string;
     onSubmit: (verificationCode: string) => void | Promise<void>;
-    onResendCode?: () => void;
+    onResendCode?: () => void | Promise<void>;
     codeLength?: number;
-    showResendButton?: boolean;
 }
 
 interface ForgotPasswordStepProps extends BaseStepProps {

package/dist/index.js

@@ -566,6 +566,9 @@ var PasswordStep = ({
 // src/components/auth/verification-step.tsx
 
 
+
+var RESEND_COUNTDOWN_SECONDS = 60;
+var COUNTDOWN_INTERVAL_MS = 1e3;
 var VerificationStep = ({
   title,
   description,
@@ -574,27 +577,48 @@ var VerificationStep = ({
   submitButtonText,
   isLoading = false,
   codeLength = 5,
-  showResendButton = true,
   initialValues,
   email
 }) => {
-  const handleSubmit = async (values) => {
-    await onSubmit(values.verificationCode);
-  };
-  const fields = [
-    getVerificationField(codeLength, { disabled: isLoading }, email)
-  ];
-  const additionalActions = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: showResendButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const [countdown, setCountdown] = _react.useState.call(void 0, RESEND_COUNTDOWN_SECONDS);
+  const canResend = _react.useMemo.call(void 0, () => countdown === 0, [countdown]);
+  _react.useEffect.call(void 0, () => {
+    if (countdown === 0) return;
+    const timer = setTimeout(() => {
+      setCountdown((prev) => prev - 1);
+    }, COUNTDOWN_INTERVAL_MS);
+    return () => clearTimeout(timer);
+  }, [countdown]);
+  const handleSubmit = _react.useCallback.call(void 0, 
+    async (values) => {
+      await onSubmit(values.verificationCode);
+    },
+    [onSubmit]
+  );
+  const handleResendClick = _react.useCallback.call(void 0, async () => {
+    if (!canResend || !onResendCode) return;
+    setCountdown(RESEND_COUNTDOWN_SECONDS);
+    await onResendCode();
+  }, [canResend, onResendCode]);
+  const fields = _react.useMemo.call(void 0, 
+    () => [getVerificationField(codeLength, { disabled: isLoading }, email)],
+    [codeLength, isLoading, email]
+  );
+  const resendButtonText = _react.useMemo.call(void 0, 
+    () => canResend ? "Resend verification code" : `Resend verification code (${countdown}s)`,
+    [canResend, countdown]
+  );
+  const additionalActions = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _antd.Button,
     {
       type: "link",
-      onClick: onResendCode,
-      disabled: isLoading,
+      onClick: handleResendClick,
+      disabled: isLoading || !canResend,
       block: true,
       className: "mb-2",
-      children: "Resend verification code"
+      children: resendButtonText
     }
-  ) });
+  );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     BaseForm,
     {
@@ -631,6 +655,9 @@ var FinishStep = () => {
 
 // src/components/auth/forgot-password-step.tsx
 
+
+
+var { Title: Title2 } = _antd.Typography;
 var ForgotPasswordStep = ({
   title,
   description,
@@ -640,13 +667,23 @@ var ForgotPasswordStep = ({
   submitButtonText,
   initialValues
 }) => {
+  const [showSuccess, setShowSuccess] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (showSuccess) {
+      const timer = setTimeout(() => {
+        setShowSuccess(false);
+      }, 5e3);
+      return () => clearTimeout(timer);
+    }
+  }, [showSuccess]);
   const handleSubmit = async (values) => {
     await onSubmit(values.email);
+    setShowSuccess(true);
   };
   const fields = [
     getEmailField({ disabled: isLoading, value: email })
   ];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: showSuccess ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title2, { level: 3, className: "block mb-6", children: "We've sent an email with instructions to reset your password. Please check your inbox." }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     BaseForm,
     {
       title,
@@ -657,7 +694,7 @@ var ForgotPasswordStep = ({
       isLoading,
       initialValues: initialValues || { email }
     }
-  );
+  ) });
 };
 
 // src/components/auth/step-renderer.tsx
@@ -702,10 +739,10 @@ var createPropsFactoryRegistry = ({
     description: `Please enter the verification code sent to ${state.email}`,
     submitButtonText: "Verify Email",
     email: state.email,
-    onSubmit: handlers.handleVerificationSubmit,
+    onSubmit: handlers.handleVerificationSubmit || (async () => {
+    }),
     onResendCode: handlers.handleResendCode,
-    codeLength: configs.verificationStepConfig.codeLength,
-    showResendButton: configs.verificationStepConfig.showResendButton
+    codeLength: configs.verificationStepConfig.codeLength
   }),
   ["finish" /* FINISH */]: () => __spreadProps(__spreadValues({}, baseProps), {
     title: "Success",
@@ -1969,7 +2006,11 @@ var AUTH_ENDPOINTS = {
   GET_USER_PROFILE: "/auth/user/profile",
   GET_ME: "/auth/user/me",
   // User logout
-  LOGOUT: "/auth/logout"
+  LOGOUT: "/auth/logout",
+  // Password reset
+  FORGOT_PASSWORD: "/auth/user/forget-password",
+  // Verification
+  RESEND_VERIFICATION: "/auth/user/generate-verification"
 };
 var EndpointBuilder = class {
 };
@@ -2028,6 +2069,20 @@ var AuthService = class extends BaseService {
     const endpoint = AUTH_ENDPOINTS.LOGOUT;
     return this.post(endpoint);
   }
+  /**
+   * Send forgot password email
+   */
+  async forgotPassword(email) {
+    const endpoint = AUTH_ENDPOINTS.FORGOT_PASSWORD;
+    return this.post(endpoint, { email });
+  }
+  /**
+   * Resend verification code
+   */
+  async resendVerification(email) {
+    const endpoint = AUTH_ENDPOINTS.RESEND_VERIFICATION;
+    return this.post(endpoint, { email });
+  }
 };
 
 // src/services/auth/manager/user-storage-manager.ts
@@ -2613,6 +2668,32 @@ var AuthOrchestrator = class {
       return this.errorHandler.handle(error, "Get token info");
     }
   }
+  /**
+   * Handle forgot password flow
+   */
+  async handleForgotPassword(email) {
+    try {
+      await this.authService.forgotPassword(email);
+      return AuthResultFactory.createSuccess({
+        message: "We've sent an email with instructions to reset your password. Please check your inbox."
+      });
+    } catch (error) {
+      return this.errorHandler.handle(error, "Forgot password");
+    }
+  }
+  /**
+   * Handle resend verification code
+   */
+  async handleResendVerification(email) {
+    try {
+      await this.authService.resendVerification(email);
+      return AuthResultFactory.createSuccess({
+        message: "Verification code sent successfully."
+      });
+    } catch (error) {
+      return this.errorHandler.handle(error, "Resend verification");
+    }
+  }
 };
 var AuthOrchestratorFactory = class {
   /**
@@ -3085,8 +3166,7 @@ function AuthFlowContainer({
       showEmailField: true
     },
     verificationStepConfig: {
-      codeLength: 5,
-      showResendButton: false
+      codeLength: 5
     }
   };
   const stepperConfig = {
@@ -3154,9 +3234,9 @@ function AuthFlowContainer({
         return await authOrchestrator.handleEmailVerification(email, code);
       },
       {
-        onSuccess: (data) => {
+        onSuccess: async (data) => {
           setAuthData(data);
-          handlePasswordSubmitAfterVerification(password);
+          await handlePasswordSubmitAfterVerification(password);
           setPassword("");
         },
         onError: (error) => {
@@ -3198,6 +3278,20 @@ function AuthFlowContainer({
       }
     );
   };
+  const handleResendCode = async () => {
+    await executeAction(
+      async () => {
+        return await authOrchestrator.handleResendVerification(email);
+      },
+      {
+        onSuccess: () => {
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
+  };
   const handleSuccess = () => {
     stepperActions.goToStep("finish" /* FINISH */);
     setTimeout(() => {
@@ -3217,7 +3311,18 @@ function AuthFlowContainer({
     clearAll();
   };
   const handleForgotPassword = async (emailValue) => {
-    console.log("Sending forgot password link to:", emailValue);
+    await executeAction(
+      async () => {
+        return await authOrchestrator.handleForgotPassword(emailValue);
+      },
+      {
+        onSuccess: () => {
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
   };
   const onForgotPasswordClick = () => {
     stepperActions.goToStep("forgot-password" /* FORGOT_PASSWORD */);
@@ -3228,8 +3333,7 @@ function AuthFlowContainer({
       handleEmailSubmit,
       handlePasswordSubmit,
       handleVerificationSubmit,
-      handleResendCode: () => {
-      },
+      handleResendCode,
       goBackToEmail,
       goBackToPassword,
       onGoogleSignIn: handleGoogleSignIn,
@@ -3477,7 +3581,7 @@ var ProfileStateRenderer = () => {
 // src/components/demo/cross-tab-demo.tsx
 
 
-var { Title: Title2, Text: Text2, Paragraph: Paragraph2 } = _antd.Typography;
+var { Title: Title3, Text: Text2, Paragraph: Paragraph2 } = _antd.Typography;
 var CrossTabDemo = () => {
   var _a;
   const { isAuthenticated, user } = useAuth();
@@ -3490,7 +3594,7 @@ var CrossTabDemo = () => {
       style: { marginTop: "2rem" },
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _antd.Space, { direction: "vertical", size: "middle", className: "w-full", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title2, { level: 4, children: "Current Status" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title3, { level: 4, children: "Current Status" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _antd.Space, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text2, { strong: true, children: "Authentication:" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _antd.Tag, { color: isAuthenticated ? "green" : "red", children: isAuthenticated ? "Authenticated" : "Not Authenticated" })
@@ -3509,7 +3613,7 @@ var CrossTabDemo = () => {
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title2, { level: 4, children: "How It Works" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title3, { level: 4, children: "How It Works" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Paragraph2, { children: "This application now supports enhanced cross-tab authentication handling:" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { marginLeft: "1rem" }, children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Paragraph2, { children: [
@@ -3531,7 +3635,7 @@ var CrossTabDemo = () => {
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title2, { level: 4, children: "Test Instructions" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title3, { level: 4, children: "Test Instructions" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Paragraph2, { children: [
             "1. Open this page in multiple browser tabs",
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),

package/dist/index.mjs

@@ -564,8 +564,11 @@ var PasswordStep = ({
 };
 
 // src/components/auth/verification-step.tsx
+import { useState as useState2, useEffect as useEffect2, useCallback, useMemo as useMemo2 } from "react";
 import { Button as Button4 } from "antd";
-import { Fragment as Fragment3, jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var RESEND_COUNTDOWN_SECONDS = 60;
+var COUNTDOWN_INTERVAL_MS = 1e3;
 var VerificationStep = ({
   title,
   description,
@@ -574,27 +577,48 @@ var VerificationStep = ({
   submitButtonText,
   isLoading = false,
   codeLength = 5,
-  showResendButton = true,
   initialValues,
   email
 }) => {
-  const handleSubmit = async (values) => {
-    await onSubmit(values.verificationCode);
-  };
-  const fields = [
-    getVerificationField(codeLength, { disabled: isLoading }, email)
-  ];
-  const additionalActions = /* @__PURE__ */ jsx9(Fragment3, { children: showResendButton && /* @__PURE__ */ jsx9(
+  const [countdown, setCountdown] = useState2(RESEND_COUNTDOWN_SECONDS);
+  const canResend = useMemo2(() => countdown === 0, [countdown]);
+  useEffect2(() => {
+    if (countdown === 0) return;
+    const timer = setTimeout(() => {
+      setCountdown((prev) => prev - 1);
+    }, COUNTDOWN_INTERVAL_MS);
+    return () => clearTimeout(timer);
+  }, [countdown]);
+  const handleSubmit = useCallback(
+    async (values) => {
+      await onSubmit(values.verificationCode);
+    },
+    [onSubmit]
+  );
+  const handleResendClick = useCallback(async () => {
+    if (!canResend || !onResendCode) return;
+    setCountdown(RESEND_COUNTDOWN_SECONDS);
+    await onResendCode();
+  }, [canResend, onResendCode]);
+  const fields = useMemo2(
+    () => [getVerificationField(codeLength, { disabled: isLoading }, email)],
+    [codeLength, isLoading, email]
+  );
+  const resendButtonText = useMemo2(
+    () => canResend ? "Resend verification code" : `Resend verification code (${countdown}s)`,
+    [canResend, countdown]
+  );
+  const additionalActions = /* @__PURE__ */ jsx9(
     Button4,
     {
       type: "link",
-      onClick: onResendCode,
-      disabled: isLoading,
+      onClick: handleResendClick,
+      disabled: isLoading || !canResend,
       block: true,
       className: "mb-2",
-      children: "Resend verification code"
+      children: resendButtonText
     }
-  ) });
+  );
   return /* @__PURE__ */ jsx9(
     BaseForm,
     {
@@ -611,7 +635,7 @@ var VerificationStep = ({
 };
 
 // src/components/auth/step-renderer.tsx
-import React2 from "react";
+import React4 from "react";
 
 // src/components/auth/finish-step.tsx
 import { Flex as Flex2, Result } from "antd";
@@ -630,7 +654,10 @@ var FinishStep = () => {
 };
 
 // src/components/auth/forgot-password-step.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import { Typography as Typography3 } from "antd";
+import { Fragment as Fragment3, jsx as jsx11 } from "react/jsx-runtime";
+var { Title: Title2 } = Typography3;
 var ForgotPasswordStep = ({
   title,
   description,
@@ -640,13 +667,23 @@ var ForgotPasswordStep = ({
   submitButtonText,
   initialValues
 }) => {
+  const [showSuccess, setShowSuccess] = useState3(false);
+  useEffect3(() => {
+    if (showSuccess) {
+      const timer = setTimeout(() => {
+        setShowSuccess(false);
+      }, 5e3);
+      return () => clearTimeout(timer);
+    }
+  }, [showSuccess]);
   const handleSubmit = async (values) => {
     await onSubmit(values.email);
+    setShowSuccess(true);
   };
   const fields = [
     getEmailField({ disabled: isLoading, value: email })
   ];
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx11(Fragment3, { children: showSuccess ? /* @__PURE__ */ jsx11(Title2, { level: 3, className: "block mb-6", children: "We've sent an email with instructions to reset your password. Please check your inbox." }) : /* @__PURE__ */ jsx11(
     BaseForm,
     {
       title,
@@ -657,7 +694,7 @@ var ForgotPasswordStep = ({
       isLoading,
       initialValues: initialValues || { email }
     }
-  );
+  ) });
 };
 
 // src/components/auth/step-renderer.tsx
@@ -702,10 +739,10 @@ var createPropsFactoryRegistry = ({
     description: `Please enter the verification code sent to ${state.email}`,
     submitButtonText: "Verify Email",
     email: state.email,
-    onSubmit: handlers.handleVerificationSubmit,
+    onSubmit: handlers.handleVerificationSubmit || (async () => {
+    }),
     onResendCode: handlers.handleResendCode,
-    codeLength: configs.verificationStepConfig.codeLength,
-    showResendButton: configs.verificationStepConfig.showResendButton
+    codeLength: configs.verificationStepConfig.codeLength
   }),
   ["finish" /* FINISH */]: () => __spreadProps(__spreadValues({}, baseProps), {
     title: "Success",
@@ -725,29 +762,29 @@ var createPropsFactoryRegistry = ({
   })
 });
 var useStepRenderer = () => {
-  const registry = React2.useMemo(() => createStepRegistry(), []);
-  const getStepComponent = React2.useCallback((step) => {
+  const registry = React4.useMemo(() => createStepRegistry(), []);
+  const getStepComponent = React4.useCallback((step) => {
     return registry[step] || null;
   }, [registry]);
   return { getStepComponent };
 };
 
 // src/components/auth/auth-flow-container.tsx
-import React3, { useState as useState5 } from "react";
+import React5, { useState as useState7 } from "react";
 import { Steps, Col, Button as Button5, Flex as Flex3, Row, Space as Space4 } from "antd";
 import { ArrowLeftOutlined as ArrowLeftOutlined2 } from "@ant-design/icons";
 import Image from "next/image";
 import { cva } from "class-variance-authority";
 
 // src/hooks/useAuthActionHandler.ts
-import { useState as useState2, useCallback } from "react";
+import { useState as useState4, useCallback as useCallback2 } from "react";
 var useAuthActionHandler = () => {
-  const [state, setState] = useState2({
+  const [state, setState] = useState4({
     isLoading: false,
     error: null,
     success: null
   });
-  const transformError = useCallback((error) => {
+  const transformError = useCallback2((error) => {
     if (error instanceof Error) {
       return error.message;
     }
@@ -756,22 +793,22 @@ var useAuthActionHandler = () => {
     }
     return "An unexpected error occurred";
   }, []);
-  const clearError = useCallback(() => {
+  const clearError = useCallback2(() => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), { error: null }));
   }, []);
-  const clearSuccess = useCallback(() => {
+  const clearSuccess = useCallback2(() => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), { success: null }));
   }, []);
-  const clearAll = useCallback(() => {
+  const clearAll = useCallback2(() => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), { error: null, success: null }));
   }, []);
-  const setSuccess = useCallback((message) => {
+  const setSuccess = useCallback2((message) => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), { success: message, error: null }));
   }, []);
-  const setError = useCallback((error) => {
+  const setError = useCallback2((error) => {
     setState((prev) => __spreadProps(__spreadValues({}, prev), { error, success: null }));
   }, []);
-  const executeAction = useCallback(async (action, options = {}) => {
+  const executeAction = useCallback2(async (action, options = {}) => {
     const {
       clearStatesBeforeAction = true,
       preserveSuccessOnError = false,
@@ -831,38 +868,38 @@ var useAuthActionHandler = () => {
 };
 
 // src/hooks/useStepper.ts
-import { useState as useState3, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { useState as useState5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
 var useStepper = (config2) => {
   const { steps, initialStep } = config2;
   if (!steps || steps.length === 0) {
     throw new Error("useStepper: steps array cannot be empty");
   }
   const firstStepId = initialStep || steps[0].id;
-  const [currentStep, setCurrentStep] = useState3(firstStepId);
-  const currentStepIndex = useMemo2(() => {
+  const [currentStep, setCurrentStep] = useState5(firstStepId);
+  const currentStepIndex = useMemo3(() => {
     return steps.findIndex((step) => step.id === currentStep);
   }, [steps, currentStep]);
-  const isFirstStep = useMemo2(() => currentStepIndex === 0, [currentStepIndex]);
-  const isLastStep = useMemo2(() => currentStepIndex === steps.length - 1, [currentStepIndex, steps.length]);
-  const progress = useMemo2(() => {
+  const isFirstStep = useMemo3(() => currentStepIndex === 0, [currentStepIndex]);
+  const isLastStep = useMemo3(() => currentStepIndex === steps.length - 1, [currentStepIndex, steps.length]);
+  const progress = useMemo3(() => {
     return steps.length > 0 ? (currentStepIndex + 1) / steps.length : 0;
   }, [currentStepIndex, steps.length]);
-  const getStepIndex = useCallback2((step) => {
+  const getStepIndex = useCallback3((step) => {
     return steps.findIndex((s) => s.id === step);
   }, [steps]);
-  const getStepByIndex = useCallback2((index) => {
+  const getStepByIndex = useCallback3((index) => {
     return steps[index];
   }, [steps]);
-  const isStepValid = useCallback2((step) => {
+  const isStepValid = useCallback3((step) => {
     const stepIndex = getStepIndex(step);
     if (stepIndex === -1) return false;
     const stepConfig = steps[stepIndex];
     return !stepConfig.disabled;
   }, [steps, getStepIndex]);
-  const getProgressPercentage = useCallback2(() => {
+  const getProgressPercentage = useCallback3(() => {
     return Math.round(progress * 100);
   }, [progress]);
-  const goToStep = useCallback2((step) => {
+  const goToStep = useCallback3((step) => {
     const stepIndex = getStepIndex(step);
     if (stepIndex === -1) {
       console.warn(`useStepper: Step not found: ${step}`);
@@ -870,7 +907,7 @@ var useStepper = (config2) => {
     }
     setCurrentStep(step);
   }, [getStepIndex]);
-  const goToNext = useCallback2(() => {
+  const goToNext = useCallback3(() => {
     if (isLastStep) {
       console.warn("useStepper: Already at the last step");
       return;
@@ -881,7 +918,7 @@ var useStepper = (config2) => {
       setCurrentStep(nextStep.id);
     }
   }, [isLastStep, currentStepIndex, getStepByIndex]);
-  const goToPrevious = useCallback2(() => {
+  const goToPrevious = useCallback3(() => {
     if (isFirstStep) {
       console.warn("useStepper: Already at the first step");
       return;
@@ -892,7 +929,7 @@ var useStepper = (config2) => {
       setCurrentStep(prevStep.id);
     }
   }, [isFirstStep, currentStepIndex, getStepByIndex]);
-  const goToIndex = useCallback2((index) => {
+  const goToIndex = useCallback3((index) => {
     const step = getStepByIndex(index);
     if (step) {
       goToStep(step.id);
@@ -900,7 +937,7 @@ var useStepper = (config2) => {
       console.warn(`useStepper: Invalid step index: ${index}`);
     }
   }, [getStepByIndex, goToStep]);
-  const reset = useCallback2(() => {
+  const reset = useCallback3(() => {
     setCurrentStep(firstStepId);
   }, [firstStepId]);
   return {
@@ -929,7 +966,7 @@ var useStepper = (config2) => {
 };
 
 // src/hooks/useStepRegistry.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 function useStepRegistry({
   baseProps: actionState,
   handlers,
@@ -938,23 +975,23 @@ function useStepRegistry({
   getStepComponent,
   stepperState
 }) {
-  const baseProps = useMemo3(
+  const baseProps = useMemo4(
     () => ({
       isLoading: actionState.isLoading
     }),
     [actionState.isLoading]
   );
-  const registryParams = useMemo3(
+  const registryParams = useMemo4(
     () => ({ baseProps, handlers, state, configs }),
     [baseProps, handlers, state, configs]
   );
-  const propsFactoryRegistry = useMemo3(
+  const propsFactoryRegistry = useMemo4(
     () => createPropsFactoryRegistry(registryParams),
     [registryParams]
   );
   const currentStep = stepperState.currentStep;
   const SelectedComponent = getStepComponent(currentStep);
-  const stepProps = useMemo3(() => {
+  const stepProps = useMemo4(() => {
     const factory = propsFactoryRegistry[currentStep];
     if (!factory) {
       console.warn(`No props factory found for step: ${currentStep}`);
@@ -966,7 +1003,7 @@ function useStepRegistry({
 }
 
 // src/hooks/useAuthEventBus.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect4 } from "react";
 
 // src/config/middleware.ts
 var _MiddlewareConfig = class _MiddlewareConfig {
@@ -1116,7 +1153,7 @@ var CrossTabBehaviorHandler = class {
 };
 
 // src/hooks/useSharedEventBus.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 
 // src/services/utils/event-bus.ts
 var REGISTRY_KEY = "__bc_event_buses__";
@@ -1178,13 +1215,13 @@ var BroadcastChannelEventBus = class _BroadcastChannelEventBus {
 
 // src/hooks/useSharedEventBus.ts
 function useSharedEventBus() {
-  return useMemo4(() => BroadcastChannelEventBus.getInstance("auth-event-channel" /* AUTH */), []);
+  return useMemo5(() => BroadcastChannelEventBus.getInstance("auth-event-channel" /* AUTH */), []);
 }
 
 // src/hooks/useAuthEventBus.ts
 var useAuthEventBus = ({ onLoggedOut, onLoggedIn } = {}) => {
   const eventBus = useSharedEventBus();
-  useEffect2(() => {
+  useEffect4(() => {
     const handleEvent = (e) => {
       var _a;
       const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
@@ -1214,7 +1251,7 @@ var useAuthEventBus = ({ onLoggedOut, onLoggedIn } = {}) => {
 };
 
 // src/hooks/useSignInRequiredParams.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect5 } from "react";
 import { useSearchParams } from "next/navigation";
 
 // node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.mjs
@@ -1969,7 +2006,11 @@ var AUTH_ENDPOINTS = {
   GET_USER_PROFILE: "/auth/user/profile",
   GET_ME: "/auth/user/me",
   // User logout
-  LOGOUT: "/auth/logout"
+  LOGOUT: "/auth/logout",
+  // Password reset
+  FORGOT_PASSWORD: "/auth/user/forget-password",
+  // Verification
+  RESEND_VERIFICATION: "/auth/user/generate-verification"
 };
 var EndpointBuilder = class {
 };
@@ -2028,6 +2069,20 @@ var AuthService = class extends BaseService {
     const endpoint = AUTH_ENDPOINTS.LOGOUT;
     return this.post(endpoint);
   }
+  /**
+   * Send forgot password email
+   */
+  async forgotPassword(email) {
+    const endpoint = AUTH_ENDPOINTS.FORGOT_PASSWORD;
+    return this.post(endpoint, { email });
+  }
+  /**
+   * Resend verification code
+   */
+  async resendVerification(email) {
+    const endpoint = AUTH_ENDPOINTS.RESEND_VERIFICATION;
+    return this.post(endpoint, { email });
+  }
 };
 
 // src/services/auth/manager/user-storage-manager.ts
@@ -2613,6 +2668,32 @@ var AuthOrchestrator = class {
       return this.errorHandler.handle(error, "Get token info");
     }
   }
+  /**
+   * Handle forgot password flow
+   */
+  async handleForgotPassword(email) {
+    try {
+      await this.authService.forgotPassword(email);
+      return AuthResultFactory.createSuccess({
+        message: "We've sent an email with instructions to reset your password. Please check your inbox."
+      });
+    } catch (error) {
+      return this.errorHandler.handle(error, "Forgot password");
+    }
+  }
+  /**
+   * Handle resend verification code
+   */
+  async handleResendVerification(email) {
+    try {
+      await this.authService.resendVerification(email);
+      return AuthResultFactory.createSuccess({
+        message: "Verification code sent successfully."
+      });
+    } catch (error) {
+      return this.errorHandler.handle(error, "Resend verification");
+    }
+  }
 };
 var AuthOrchestratorFactory = class {
   /**
@@ -2635,7 +2716,7 @@ var AuthOrchestratorFactory = class {
 function useSignInRequiredParams() {
   const searchParams = useSearchParams();
   const eventBus = useSharedEventBus();
-  useEffect3(() => {
+  useEffect5(() => {
     const signInRequired = searchParams.get(MiddlewareConfig.QUERY_PARAMS.LOGIN_REQUIRED);
     const authChecked = searchParams.get(MiddlewareConfig.QUERY_PARAMS.AUTH_CHECKED);
     if (signInRequired === MiddlewareConfig.QUERY_VALUES.LOGIN_REQUIRED && authChecked === MiddlewareConfig.QUERY_VALUES.AUTH_CHECKED) {
@@ -2649,7 +2730,7 @@ function useSignInRequiredParams() {
 }
 
 // src/hooks/use-user.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/store/user-store.ts
 import { create } from "zustand";
@@ -2904,7 +2985,7 @@ var useAuth = () => {
 var useAuthInitializer = () => {
   const { refreshUser } = useUserActions();
   const { isLoading } = useUserData();
-  useEffect4(() => {
+  useEffect6(() => {
     const initializeUser = async () => {
       if (!isLoading) {
         try {
@@ -2994,13 +3075,13 @@ var isPublicUser = (user) => {
 };
 
 // src/hooks/useAuthFlowModal.ts
-import { useState as useState4, useEffect as useEffect5 } from "react";
+import { useState as useState6, useEffect as useEffect7 } from "react";
 var useAuthFlowModal = () => {
-  const [isModalOpen, setIsModalOpen] = useState4(false);
-  const [isInitialLoading, setIsInitialLoading] = useState4(true);
+  const [isModalOpen, setIsModalOpen] = useState6(false);
+  const [isInitialLoading, setIsInitialLoading] = useState6(true);
   const eventBus = useSharedEventBus();
   const { isLoading: userLoading } = useUserData();
-  useEffect5(() => {
+  useEffect7(() => {
     const handleAuthEvent = (event) => {
       if (event.type === "auth.signin_required_modal" /* SignInRequiredModal */) {
         setIsModalOpen(true);
@@ -3012,7 +3093,7 @@ var useAuthFlowModal = () => {
       subscription.unsubscribe();
     };
   }, [eventBus]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!userLoading) {
       const timer = setTimeout(() => {
         setIsInitialLoading(false);
@@ -3072,10 +3153,10 @@ function AuthFlowContainer({
   const authOrchestrator = AuthOrchestratorFactory.create();
   const { state: actionState, executeAction, clearAll } = useAuthActionHandler();
   const { getStepComponent } = useStepRenderer();
-  const [email, setEmail] = useState5("");
-  const [password, setPassword] = useState5("");
-  const [authIntent, setAuthIntent] = useState5("login" /* LOGIN */);
-  const [authData, setAuthData] = useState5(null);
+  const [email, setEmail] = useState7("");
+  const [password, setPassword] = useState7("");
+  const [authIntent, setAuthIntent] = useState7("login" /* LOGIN */);
+  const [authData, setAuthData] = useState7(null);
   const config2 = {
     showSteps: true,
     showBackToHome: true,
@@ -3085,8 +3166,7 @@ function AuthFlowContainer({
       showEmailField: true
     },
     verificationStepConfig: {
-      codeLength: 5,
-      showResendButton: false
+      codeLength: 5
     }
   };
   const stepperConfig = {
@@ -3154,9 +3234,9 @@ function AuthFlowContainer({
         return await authOrchestrator.handleEmailVerification(email, code);
       },
       {
-        onSuccess: (data) => {
+        onSuccess: async (data) => {
           setAuthData(data);
-          handlePasswordSubmitAfterVerification(password);
+          await handlePasswordSubmitAfterVerification(password);
           setPassword("");
         },
         onError: (error) => {
@@ -3198,6 +3278,20 @@ function AuthFlowContainer({
       }
     );
   };
+  const handleResendCode = async () => {
+    await executeAction(
+      async () => {
+        return await authOrchestrator.handleResendVerification(email);
+      },
+      {
+        onSuccess: () => {
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
+  };
   const handleSuccess = () => {
     stepperActions.goToStep("finish" /* FINISH */);
     setTimeout(() => {
@@ -3209,7 +3303,7 @@ function AuthFlowContainer({
     setEmail("");
     clearAll();
   };
-  const goBackToHome = React3.useCallback(() => {
+  const goBackToHome = React5.useCallback(() => {
     window.location.href = "/";
   }, []);
   const goBackToPassword = () => {
@@ -3217,7 +3311,18 @@ function AuthFlowContainer({
     clearAll();
   };
   const handleForgotPassword = async (emailValue) => {
-    console.log("Sending forgot password link to:", emailValue);
+    await executeAction(
+      async () => {
+        return await authOrchestrator.handleForgotPassword(emailValue);
+      },
+      {
+        onSuccess: () => {
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
   };
   const onForgotPasswordClick = () => {
     stepperActions.goToStep("forgot-password" /* FORGOT_PASSWORD */);
@@ -3228,8 +3333,7 @@ function AuthFlowContainer({
       handleEmailSubmit,
       handlePasswordSubmit,
       handleVerificationSubmit,
-      handleResendCode: () => {
-      },
+      handleResendCode,
       goBackToEmail,
       goBackToPassword,
       onGoogleSignIn: handleGoogleSignIn,
@@ -3245,7 +3349,7 @@ function AuthFlowContainer({
     getStepComponent,
     stepperState
   });
-  const hiddenSteps = React3.useMemo(
+  const hiddenSteps = React5.useMemo(
     () => /* @__PURE__ */ new Set(["forgot-password" /* FORGOT_PASSWORD */]),
     []
   );
@@ -3253,7 +3357,7 @@ function AuthFlowContainer({
   const currentVisibleStepIndex = visibleSteps.findIndex(
     (step) => step.id === stepperState.currentStep
   );
-  const backActionMap = React3.useMemo(
+  const backActionMap = React5.useMemo(
     () => ({
       ["forgot-password" /* FORGOT_PASSWORD */]: () => {
         stepperActions.goToStep("email" /* EMAIL */);
@@ -3271,7 +3375,7 @@ function AuthFlowContainer({
     stepperActions.goToPrevious();
     clearAll();
   };
-  const topButton = React3.useMemo(() => {
+  const topButton = React5.useMemo(() => {
     const buttonMap = {
       ["forgot-password" /* FORGOT_PASSWORD */]: {
         label: "Go to Login",
@@ -3376,7 +3480,7 @@ var AuthInitializer = ({ children }) => {
 };
 
 // src/components/profile/profile-state-renderer.tsx
-import { useState as useState6, useEffect as useEffect6 } from "react";
+import { useState as useState8, useEffect as useEffect8 } from "react";
 import { Dropdown, Button as Button6 } from "antd";
 import { MailOutlined, CrownOutlined, LogoutOutlined, UserOutlined } from "@ant-design/icons";
 import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -3392,8 +3496,8 @@ var UNAUTHENTICATED_COMPONENT_MAP = {
   ["/" /* HOME */]: DefaultUnauthenticated
 };
 var useUnauthenticatedStrategy = () => {
-  const [pageType, setPageType] = useState6("/" /* HOME */);
-  useEffect6(() => {
+  const [pageType, setPageType] = useState8("/" /* HOME */);
+  useEffect8(() => {
     const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
     setPageType(currentPageType);
   }, []);
@@ -3475,9 +3579,9 @@ var ProfileStateRenderer = () => {
 };
 
 // src/components/demo/cross-tab-demo.tsx
-import { Card, Typography as Typography3, Tag, Space as Space5 } from "antd";
+import { Card, Typography as Typography4, Tag, Space as Space5 } from "antd";
 import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-var { Title: Title2, Text: Text2, Paragraph: Paragraph2 } = Typography3;
+var { Title: Title3, Text: Text2, Paragraph: Paragraph2 } = Typography4;
 var CrossTabDemo = () => {
   var _a;
   const { isAuthenticated, user } = useAuth();
@@ -3490,7 +3594,7 @@ var CrossTabDemo = () => {
       style: { marginTop: "2rem" },
       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__ */ jsx16(Title3, { level: 4, children: "Current Status" }),
           /* @__PURE__ */ jsxs9(Space5, { children: [
             /* @__PURE__ */ jsx16(Text2, { strong: true, children: "Authentication:" }),
             /* @__PURE__ */ jsx16(Tag, { color: isAuthenticated ? "green" : "red", children: isAuthenticated ? "Authenticated" : "Not Authenticated" })
@@ -3509,7 +3613,7 @@ var CrossTabDemo = () => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs9("div", { children: [
-          /* @__PURE__ */ jsx16(Title2, { level: 4, children: "How It Works" }),
+          /* @__PURE__ */ jsx16(Title3, { level: 4, children: "How It Works" }),
           /* @__PURE__ */ jsx16(Paragraph2, { children: "This application now supports enhanced cross-tab authentication handling:" }),
           /* @__PURE__ */ jsxs9("div", { style: { marginLeft: "1rem" }, children: [
             /* @__PURE__ */ jsxs9(Paragraph2, { children: [
@@ -3531,7 +3635,7 @@ var CrossTabDemo = () => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs9("div", { children: [
-          /* @__PURE__ */ jsx16(Title2, { level: 4, children: "Test Instructions" }),
+          /* @__PURE__ */ jsx16(Title3, { level: 4, children: "Test Instructions" }),
           /* @__PURE__ */ jsxs9(Paragraph2, { children: [
             "1. Open this page in multiple browser tabs",
             /* @__PURE__ */ jsx16("br", {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mailsentry-auth",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "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",