mailsentry-auth 0.2.3 → 0.2.5

package/dist/index.js

@@ -91,11 +91,11 @@ var AuthEventType = /* @__PURE__ */ ((AuthEventType3) => {
   AuthEventType3["SignInRequiredModal"] = "auth.signin_required_modal";
   return AuthEventType3;
 })(AuthEventType || {});
-var PageType = /* @__PURE__ */ ((PageType2) => {
-  PageType2["LOGIN"] = "/login";
-  PageType2["DASHBOARD"] = "dashboard";
-  PageType2["HOME"] = "/";
-  return PageType2;
+var PageType = /* @__PURE__ */ ((PageType4) => {
+  PageType4["LOGIN"] = "/login";
+  PageType4["DASHBOARD"] = "dashboard";
+  PageType4["HOME"] = "/";
+  return PageType4;
 })(PageType || {});
 var NavigationAction = /* @__PURE__ */ ((NavigationAction2) => {
   NavigationAction2["NONE"] = "none";
@@ -109,7 +109,7 @@ var PageTypePatterns = {
 };
 var CrossTabBehaviorConfig = {
   ["/login" /* LOGIN */]: {
-    ["auth.logged_in" /* LoggedIn */]: { action: "none" /* NONE */ },
+    ["auth.logged_in" /* LoggedIn */]: { action: "reload" /* RELOAD */ },
     ["auth.logged_out" /* LoggedOut */]: { action: "none" /* NONE */ },
     ["auth.email_verified" /* EmailVerified */]: { action: "none" /* NONE */ },
     ["auth.signin_required_modal" /* SignInRequiredModal */]: { action: "none" /* NONE */ }
@@ -117,7 +117,7 @@ var CrossTabBehaviorConfig = {
   ["dashboard" /* DASHBOARD */]: {
     ["auth.logged_in" /* LoggedIn */]: { action: "reload" /* RELOAD */ },
     ["auth.logged_out" /* LoggedOut */]: { action: "reload" /* RELOAD */ },
-    ["auth.email_verified" /* EmailVerified */]: { action: "reload" /* RELOAD */ },
+    ["auth.email_verified" /* EmailVerified */]: { action: "none" /* NONE */ },
     ["auth.signin_required_modal" /* SignInRequiredModal */]: { action: "none" /* NONE */ }
   },
   ["/" /* HOME */]: {
@@ -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
@@ -2373,9 +2428,8 @@ var GenericErrorHandler = class extends BaseErrorHandler {
 
 // src/services/auth/auth-orchestrator.ts
 var AuthOrchestrator = class {
-  constructor(authService, eventBus, tokenManager) {
+  constructor(authService, tokenManager) {
     this.authService = authService;
-    this.eventBus = eventBus;
     this.tokenManager = tokenManager || new TokenManager(CookieUtils);
     this.userStorageManager = new UserStorageManager(LocalStorageUtils);
     this.logger = LoggerFactory.create();
@@ -2461,14 +2515,6 @@ var AuthOrchestrator = class {
         this.tokenManager
       );
       const result = await strategy.execute(credentials);
-      if (result.success && result.data.isVerifiedEmail) {
-        const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
-        this.eventBus.publish({
-          type: "auth.logged_in" /* LoggedIn */,
-          userId: String(result.data.profile.user._id),
-          sourcePageType: currentPageType
-        });
-      }
       return result;
     } catch (error) {
       return this.errorHandler.handle(error, "Login flow");
@@ -2490,12 +2536,6 @@ var AuthOrchestrator = class {
           domain: this.tokenManager.getDomainInfo().domain
         }
       });
-      const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
-      this.eventBus.publish({
-        type: "auth.logged_in" /* LoggedIn */,
-        userId: String(completeLoginData.profile.user._id),
-        sourcePageType: currentPageType
-      });
       return AuthResultFactory.createSuccess(completeLoginData);
     } catch (error) {
       return this.errorHandler.handle(error, "Google Login");
@@ -2511,7 +2551,6 @@ var AuthOrchestrator = class {
       const verificationResult = await this.authService.verifyEmail(verificationRequest);
       const isVerified = verificationResult === true || ((_a = verificationResult == null ? void 0 : verificationResult.data) == null ? void 0 : _a.isVerified);
       if (isVerified) {
-        this.eventBus.publish({ type: "auth.email_verified" /* EmailVerified */, email });
         return AuthResultFactory.createSuccess({ isVerified: true });
       }
       return AuthResultFactory.createFailure("Email verification failed");
@@ -2535,11 +2574,6 @@ var AuthOrchestrator = class {
     } finally {
       this.tokenManager.clearTokens();
       this.userStorageManager.clearUserProfile();
-      const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
-      this.eventBus.publish({
-        type: "auth.logged_out" /* LoggedOut */,
-        sourcePageType: currentPageType
-      });
       this.logger.log("Logout cleanup completed:", {
         clearedTokens: Object.keys(tokenInfo).filter((key) => tokenInfo[key]),
         domainInfo: this.tokenManager.getDomainInfo()
@@ -2613,6 +2647,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 {
   /**
@@ -2620,14 +2680,13 @@ var AuthOrchestratorFactory = class {
    */
   static create() {
     const authService = new AuthService();
-    const eventBus = BroadcastChannelEventBus.getInstance("auth-event-channel" /* AUTH */);
-    return new AuthOrchestrator(authService, eventBus);
+    return new AuthOrchestrator(authService);
   }
   /**
    * Create AuthOrchestrator with custom dependencies
    */
-  static createWithDependencies(authService, eventBus, tokenManager) {
-    return new AuthOrchestrator(authService, eventBus, tokenManager);
+  static createWithDependencies(authService, tokenManager) {
+    return new AuthOrchestrator(authService, tokenManager);
   }
 };
 
@@ -2706,6 +2765,12 @@ var useUserStore = _zustand.create.call(void 0, )(
             });
             try {
               await _authOrchestrator.handleLogout();
+              const eventBus = BroadcastChannelEventBus.getInstance("auth-event-channel" /* AUTH */);
+              const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
+              eventBus.publish({
+                type: "auth.logged_out" /* LoggedOut */,
+                sourcePageType: currentPageType
+              });
             } catch (error) {
               console.error("Error during logout cleanup:", error);
             } finally {
@@ -3070,6 +3135,7 @@ function AuthFlowContainer({
 }) {
   const showRightSideImage = variant === "with_image" /* WITH_IMAGE */ && !!backgroundImage;
   const authOrchestrator = AuthOrchestratorFactory.create();
+  const eventBus = useSharedEventBus();
   const { state: actionState, executeAction, clearAll } = useAuthActionHandler();
   const { getStepComponent } = useStepRenderer();
   const [email, setEmail] = _react.useState.call(void 0, "");
@@ -3085,8 +3151,7 @@ function AuthFlowContainer({
       showEmailField: true
     },
     verificationStepConfig: {
-      codeLength: 5,
-      showResendButton: false
+      codeLength: 5
     }
   };
   const stepperConfig = {
@@ -3137,7 +3202,10 @@ function AuthFlowContainer({
             },
             {
               condition: () => true,
-              execute: () => handleSuccess()
+              execute: () => {
+                publishLoggedInEvent(String(data.profile.user._id));
+                handleSuccess();
+              }
             }
           ];
           (_a = actionPipeline.find((action) => action.condition())) == null ? void 0 : _a.execute();
@@ -3154,9 +3222,9 @@ function AuthFlowContainer({
         return await authOrchestrator.handleEmailVerification(email, code);
       },
       {
-        onSuccess: (data) => {
+        onSuccess: async (data) => {
           setAuthData(data);
-          handlePasswordSubmitAfterVerification(password);
+          await handlePasswordSubmitAfterVerification(password);
           setPassword("");
         },
         onError: (error) => {
@@ -3174,6 +3242,7 @@ function AuthFlowContainer({
       {
         onSuccess: (data) => {
           setAuthData(data);
+          publishLoggedInEvent(String(data.profile.user._id));
           handleSuccess();
         },
         onError: (error) => {
@@ -3190,6 +3259,7 @@ function AuthFlowContainer({
       {
         onSuccess: (data) => {
           setAuthData(data);
+          publishLoggedInEvent(String(data.profile.user._id));
           handleSuccess();
         },
         onError: (error) => {
@@ -3198,11 +3268,30 @@ function AuthFlowContainer({
       }
     );
   };
+  const handleResendCode = async () => {
+    await executeAction(
+      async () => {
+        return await authOrchestrator.handleResendVerification(email);
+      },
+      {
+        onSuccess: () => {
+        },
+        onError: (error) => {
+          console.error(error);
+        }
+      }
+    );
+  };
+  const publishLoggedInEvent = (userId) => {
+    const currentPageType = CrossTabBehaviorHandler.getCurrentPageType();
+    eventBus.publish({
+      type: "auth.logged_in" /* LoggedIn */,
+      userId,
+      sourcePageType: currentPageType
+    });
+  };
   const handleSuccess = () => {
     stepperActions.goToStep("finish" /* FINISH */);
-    setTimeout(() => {
-      window.location.href = UrlUtils.getDashboardUrl(window.location);
-    }, 1e3);
   };
   const goBackToEmail = () => {
     stepperActions.goToStep("email" /* EMAIL */);
@@ -3217,7 +3306,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 +3328,7 @@ function AuthFlowContainer({
       handleEmailSubmit,
       handlePasswordSubmit,
       handleVerificationSubmit,
-      handleResendCode: () => {
-      },
+      handleResendCode,
       goBackToEmail,
       goBackToPassword,
       onGoogleSignIn: handleGoogleSignIn,
@@ -3477,7 +3576,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 +3589,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 +3608,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 +3630,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", {}),