@burdenoff/microfe-auth 2026.510.127

package/dist/auth/pages/MfaVerifyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MfaVerifyPage.js","names":[],"sources":["../../../src/auth/pages/MfaVerifyPage.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useMfaOperations } from \"../hooks\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { AlertIcon, SpinnerIcon } from \"../components/AuthIcons\";\nimport {\n  MFA_CHALLENGE_ID,\n  MFA_PENDING_TOKEN,\n  MFA_PENDING_REFRESH,\n  MFA_REDIRECT,\n} from \"../constants/sessionKeys\";\n\n/**\n * MFA verification page with professional design\n * Shown when user needs to verify MFA code during login\n * Handles both regular login MFA and SSO MFA flows\n */\nexport function MfaVerifyPage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const navigate = useNavigate();\n  const {\n    verifyMFA,\n    mfaChallengeId: storeChallengeId,\n    isLoading,\n  } = useMfaOperations();\n  const [code, setCode] = useState([\"\", \"\", \"\", \"\", \"\", \"\"]);\n  const [error, setError] = useState<string | null>(null);\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n\n  // Get challenge ID from store or sessionStorage (SSO flow)\n  const sessionChallengeId =\n    typeof window !== \"undefined\"\n      ? sessionStorage.getItem(MFA_CHALLENGE_ID)\n      : null;\n  const mfaChallengeId = storeChallengeId || sessionChallengeId;\n\n  // Focus first input on mount and detect SSO flow\n  useEffect(() => {\n    inputRefs.current[0]?.focus();\n\n    // Check if this is an SSO flow (has pending tokens in sessionStorage)\n    const hasPendingToken = sessionStorage.getItem(MFA_PENDING_TOKEN);\n    const hasRedirect = sessionStorage.getItem(MFA_REDIRECT);\n    if (hasPendingToken || hasRedirect || sessionChallengeId) {\n    }\n  }, [sessionChallengeId]);\n\n  const handleChange = (index: number, value: string) => {\n    // Only allow digits\n    const digit = value.replace(/\\D/g, \"\").slice(-1);\n\n    const newCode = [...code];\n    newCode[index] = digit;\n    setCode(newCode);\n\n    // Auto-focus next input\n    if (digit && index < 5) {\n      inputRefs.current[index + 1]?.focus();\n    }\n\n    // Auto-submit when all digits are entered\n    if (digit && index === 5) {\n      const fullCode = newCode.join(\"\");\n      if (fullCode.length === 6) {\n        handleSubmit(fullCode);\n      }\n    }\n  };\n\n  const handleKeyDown = (index: number, e: React.KeyboardEvent) => {\n    if (e.key === \"Backspace\" && !code[index] && index > 0) {\n      inputRefs.current[index - 1]?.focus();\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData\n      .getData(\"text\")\n      .replace(/\\D/g, \"\")\n      .slice(0, 6);\n    const newCode = [...code];\n    pastedData.split(\"\").forEach((char, i) => {\n      if (i < 6) newCode[i] = char;\n    });\n    setCode(newCode);\n\n    // Focus last filled input or first empty\n    const lastIndex = Math.min(pastedData.length - 1, 5);\n    inputRefs.current[lastIndex]?.focus();\n\n    // Auto-submit if full code pasted\n    if (pastedData.length === 6) {\n      handleSubmit(pastedData);\n    }\n  };\n\n  const handleSubmit = async (fullCode?: string) => {\n    const codeToSubmit = fullCode || code.join(\"\");\n    if (codeToSubmit.length !== 6) return;\n\n    setError(null);\n\n    if (!mfaChallengeId) {\n      setError(\n        tr(\n          \"auth.mfaVerify.sessionExpired\",\n          \"MFA session expired. Please log in again.\",\n        ),\n      );\n      return;\n    }\n\n    try {\n      const result = await verifyMFA({\n        challengeId: mfaChallengeId,\n        code: codeToSubmit,\n        method: \"TOTP\",\n      });\n\n      if (result.success) {\n        // Clean up SSO session data\n        const ssoRedirect = sessionStorage.getItem(MFA_REDIRECT);\n        sessionStorage.removeItem(MFA_CHALLENGE_ID);\n        sessionStorage.removeItem(MFA_PENDING_TOKEN);\n        sessionStorage.removeItem(MFA_PENDING_REFRESH);\n        sessionStorage.removeItem(MFA_REDIRECT);\n\n        // Redirect to SSO redirect URL or default to dashboard\n        const redirectUrl = ssoRedirect || \"/\";\n        navigate(redirectUrl, { replace: true });\n      } else {\n        // Handle expired challenge - redirect to login\n        if (result.error === \"mfa_challenge_expired\") {\n          // Clear all MFA state\n          sessionStorage.removeItem(MFA_CHALLENGE_ID);\n          sessionStorage.removeItem(MFA_PENDING_TOKEN);\n          sessionStorage.removeItem(MFA_PENDING_REFRESH);\n          sessionStorage.removeItem(MFA_REDIRECT);\n          useAuthStore.getState().setMfaRequired(false);\n\n          // Redirect to login with message\n          navigate(\"/auth/login\", {\n            replace: true,\n            state: {\n              message:\n                \"Your verification session expired. Please sign in again.\",\n            },\n          });\n          return;\n        }\n\n        setError(\n          result.error ||\n            tr(\"auth.mfaVerify.invalidCode\", \"Invalid verification code\"),\n        );\n        setCode([\"\", \"\", \"\", \"\", \"\", \"\"]);\n        inputRefs.current[0]?.focus();\n      }\n    } catch (err) {\n      console.error(\"MFA verification failed:\", err);\n\n      // Check if the error is about expired challenge\n      const errorMessage = err instanceof Error ? err.message : String(err);\n      if (errorMessage.includes(\"mfa_challenge_expired\")) {\n        // Clear all MFA state\n        sessionStorage.removeItem(MFA_CHALLENGE_ID);\n        sessionStorage.removeItem(MFA_PENDING_TOKEN);\n        sessionStorage.removeItem(MFA_PENDING_REFRESH);\n        sessionStorage.removeItem(MFA_REDIRECT);\n        useAuthStore.getState().setMfaRequired(false);\n\n        // Redirect to login with message\n        navigate(\"/auth/login\", {\n          replace: true,\n          state: {\n            message: \"Your verification session expired. Please sign in again.\",\n          },\n        });\n        return;\n      }\n\n      setError(\n        tr(\n          \"auth.mfaVerify.verificationFailed\",\n          \"Verification failed. Please try again.\",\n        ),\n      );\n      setCode([\"\", \"\", \"\", \"\", \"\", \"\"]);\n      inputRefs.current[0]?.focus();\n    }\n  };\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.mfaVerify.title\", \"Two-factor authentication\")}\n      subtitle={tr(\n        \"auth.mfaVerify.subtitle\",\n        \"Enter the 6-digit code from your authenticator app\",\n      )}\n    >\n      {/* Shield Icon */}\n      <div className=\"flex justify-center mb-6\">\n        <div className=\"w-16 h-16 rounded-full bg-[var(--color-bg-accent)] flex items-center justify-center\">\n          <svg\n            className=\"w-8 h-8 text-[var(--color-text-link)]\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\n            />\n          </svg>\n        </div>\n      </div>\n\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          handleSubmit();\n        }}\n        className=\"space-y-6\"\n      >\n        {/* Error Alert */}\n        {error && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n            <AlertIcon className=\"w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\" />\n            <p className=\"text-sm text-[var(--color-status-error-text)]\">\n              {error}\n            </p>\n          </div>\n        )}\n\n        {/* Code Input */}\n        <div className=\"space-y-2\">\n          <label className=\"block text-sm font-medium text-[var(--color-text-primary)] text-center\">\n            {tr(\"auth.mfaVerify.verificationCode\", \"Verification Code\")}\n          </label>\n          <div className=\"flex justify-center gap-2 sm:gap-3\">\n            {code.map((digit, index) => (\n              <input\n                key={index}\n                ref={(el) => {\n                  inputRefs.current[index] = el;\n                }}\n                type=\"text\"\n                inputMode=\"numeric\"\n                autoComplete=\"one-time-code\"\n                maxLength={1}\n                value={digit}\n                onChange={(e) => handleChange(index, e.target.value)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n                onPaste={handlePaste}\n                className=\"w-10 h-12 sm:w-12 sm:h-14 text-center text-xl sm:text-2xl font-semibold rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              />\n            ))}\n          </div>\n        </div>\n\n        {/* Submit Button */}\n        <button\n          type=\"submit\"\n          disabled={isLoading || code.join(\"\").length !== 6}\n          className=\"auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold\"\n        >\n          {isLoading ? (\n            <>\n              <SpinnerIcon className=\"w-5 h-5 animate-spin\" />\n              <span>Verifying...</span>\n            </>\n          ) : (\n            tr(\"auth.mfaVerify.verify\", \"Verify\")\n          )}\n        </button>\n\n        {/* Recovery Options */}\n        <div className=\"text-center space-y-3\">\n          <p className=\"text-sm text-[var(--color-text-secondary)]\">\n            {tr(\n              \"auth.mfaVerify.cantAccess\",\n              \"Can't access your authenticator app?\",\n            )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/mfa-recovery\")}\n            className=\"text-sm font-medium text-text-link hover:text-text-linkHover transition-colors\"\n          >\n            {tr(\"auth.mfaVerify.useRecoveryCode\", \"Use a recovery code\")}\n          </button>\n        </div>\n      </form>\n\n      {/* Back to Login */}\n      <p className=\"mt-8 text-center text-sm text-[var(--color-text-secondary)]\">\n        <button\n          onClick={() => {\n            // Clear MFA state so LoginPage doesn't immediately redirect back here\n            sessionStorage.removeItem(MFA_CHALLENGE_ID);\n            sessionStorage.removeItem(MFA_PENDING_TOKEN);\n            sessionStorage.removeItem(MFA_PENDING_REFRESH);\n            sessionStorage.removeItem(MFA_REDIRECT);\n            useAuthStore.getState().setMfaRequired(false);\n            navigate(\"/auth/login\");\n          }}\n          className=\"font-semibold text-text-link hover:text-text-linkHover transition-colors\"\n        >\n          {tr(\"auth.mfaVerify.backToSignIn\", \"Back to sign in\")}\n        </button>\n      </p>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/OAuthCallbackPage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * OAuth Callback Page
+ * Handles the redirect from OAuth providers (Google, GitHub, Microsoft)
+ * Extracts the authorization code and completes the authentication flow
+ */
+export declare function OAuthCallbackPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OAuthCallbackPage.d.ts.map

package/dist/auth/pages/OAuthCallbackPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthCallbackPage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/OAuthCallbackPage.tsx"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,wBAAgB,iBAAiB,4CAsLhC"}

package/dist/auth/pages/OAuthCallbackPage.js

@@ -0,0 +1,100 @@
+import { useOAuthOperations as e } from "../hooks/useOAuthOperations.js";
+import { AuthLayout as t } from "../components/AuthLayout.js";
+import { AlertIcon as n, CheckIcon as r, SpinnerIcon as i } from "../components/AuthIcons.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { useNavigate as c, useSearchParams as l } from "react-router-dom";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/auth/pages/OAuthCallbackPage.tsx
+function m() {
+	let { t: m } = u(), h = (e, t) => {
+		let n = m(e);
+		return n === e ? t : n;
+	}, g = c(), [_] = l(), { completeOAuth: v } = e(), [y, b] = s("loading"), [x, S] = s(""), C = o(!1);
+	return a(() => {
+		if (C.current) return;
+		C.current = !0;
+		let e = setTimeout(() => {
+			y === "loading" && (b("error"), S("Request timed out. Please check if the backend is running and try again."));
+		}, 3e4);
+		return (async () => {
+			let e = _.get("code"), t = _.get("state"), n = _.get("error"), r = _.get("error_description");
+			if (n) {
+				b("error"), S(r || `OAuth error: ${n}`);
+				return;
+			}
+			if (!e || !t) {
+				b("error"), S("Missing authorization code or state parameter.");
+				return;
+			}
+			try {
+				let n = await v(e, t);
+				n.success ? (b("success"), setTimeout(() => {
+					g("/auth/security", { replace: !0 });
+				}, 1500)) : n.requiresMFA ? g("/auth/mfa-verify", { replace: !0 }) : (b("error"), S(n.error || "Authentication failed"));
+			} catch (e) {
+				b("error"), S(e instanceof Error ? e.message : "Authentication failed. Please try again.");
+			}
+		})().finally(() => {
+			clearTimeout(e);
+		}), () => {
+			clearTimeout(e);
+		};
+	}, []), /* @__PURE__ */ f(t, {
+		title: y === "loading" ? h("auth.oauthCallback.completing", "Completing Sign In") : y === "success" ? h("auth.oauthCallback.welcome", "Welcome!") : h("auth.oauthCallback.failed", "Authentication Failed"),
+		subtitle: y === "loading" ? h("auth.oauthCallback.pleaseWait", "Please wait while we complete your authentication...") : y === "success" ? h("auth.oauthCallback.successMsg", "You have been successfully signed in.") : h("auth.oauthCallback.problemMsg", "There was a problem signing you in."),
+		children: /* @__PURE__ */ p("div", {
+			className: "flex flex-col items-center justify-center py-8 space-y-6",
+			children: [
+				y === "loading" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+					className: "relative",
+					children: /* @__PURE__ */ f("div", {
+						className: "w-16 h-16 rounded-full bg-status-info-bg-subtle flex items-center justify-center",
+						children: /* @__PURE__ */ f(i, { className: "w-8 h-8 text-text-link animate-spin" })
+					})
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-[var(--color-text-secondary)]",
+					children: h("auth.oauthCallback.verifying", "Verifying your credentials...")
+				})] }),
+				y === "success" && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+					className: "relative",
+					children: /* @__PURE__ */ f("div", {
+						className: "w-16 h-16 rounded-full bg-status-success-bg-subtle flex items-center justify-center",
+						children: /* @__PURE__ */ f(r, { className: "w-8 h-8 text-status-success-text" })
+					})
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-[var(--color-text-secondary)]",
+					children: h("auth.oauthCallback.redirecting", "Redirecting to your dashboard...")
+				})] }),
+				y === "error" && /* @__PURE__ */ p(d, { children: [
+					/* @__PURE__ */ f("div", {
+						className: "relative",
+						children: /* @__PURE__ */ f("div", {
+							className: "w-16 h-16 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+							children: /* @__PURE__ */ f(n, { className: "w-8 h-8 text-status-error-text" })
+						})
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "text-center space-y-2",
+						children: [/* @__PURE__ */ f("p", {
+							className: "text-sm text-status-error-text font-medium",
+							children: x
+						}), /* @__PURE__ */ f("p", {
+							className: "text-sm text-[var(--color-text-tertiary)]",
+							children: h("auth.oauthCallback.tryAgainHint", "Please try again or use a different sign-in method.")
+						})]
+					}),
+					/* @__PURE__ */ f("button", {
+						onClick: () => g("/auth/login", { replace: !0 }),
+						className: "px-6 py-2.5 rounded-xl bg-[var(--color-action-primary-bg)] text-white font-medium hover:bg-[var(--color-action-primary-bgHover)] transition-colors",
+						children: h("auth.oauthCallback.backToLogin", "Back to Login")
+					})
+				] })
+			]
+		})
+	});
+}
+//#endregion
+export { m as OAuthCallbackPage };
+
+//# sourceMappingURL=OAuthCallbackPage.js.map

package/dist/auth/pages/OAuthCallbackPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthCallbackPage.js","names":[],"sources":["../../../src/auth/pages/OAuthCallbackPage.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\nimport { useOAuthOperations } from \"../hooks/useOAuthOperations\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { SpinnerIcon, AlertIcon, CheckIcon } from \"../components/AuthIcons\";\n\n/**\n * OAuth Callback Page\n * Handles the redirect from OAuth providers (Google, GitHub, Microsoft)\n * Extracts the authorization code and completes the authentication flow\n */\nexport function OAuthCallbackPage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { completeOAuth } = useOAuthOperations();\n\n  const [status, setStatus] = useState<\"loading\" | \"success\" | \"error\">(\n    \"loading\",\n  );\n  const [errorMessage, setErrorMessage] = useState<string>(\"\");\n\n  // Ref to prevent double execution in React Strict Mode\n  const hasAttemptedRef = useRef(false);\n\n  useEffect(() => {\n    // Prevent double execution in React Strict Mode\n    if (hasAttemptedRef.current) {\n      return;\n    }\n    hasAttemptedRef.current = true;\n\n    // Timeout after 30 seconds\n    const timeoutId = setTimeout(() => {\n      if (status === \"loading\") {\n        setStatus(\"error\");\n        setErrorMessage(\n          \"Request timed out. Please check if the backend is running and try again.\",\n        );\n      }\n    }, 30000);\n\n    const handleCallback = async () => {\n      // Extract parameters from URL\n      const code = searchParams.get(\"code\");\n      const state = searchParams.get(\"state\");\n      const error = searchParams.get(\"error\");\n      const errorDescription = searchParams.get(\"error_description\");\n\n      // Check for OAuth error response\n      if (error) {\n        setStatus(\"error\");\n        setErrorMessage(errorDescription || `OAuth error: ${error}`);\n        return;\n      }\n\n      // Validate required parameters\n      if (!code || !state) {\n        setStatus(\"error\");\n        setErrorMessage(\"Missing authorization code or state parameter.\");\n        return;\n      }\n\n      try {\n        // Complete OAuth flow\n        const result = await completeOAuth(code, state);\n\n        if (result.success) {\n          setStatus(\"success\");\n          // Redirect to security dashboard after short delay\n          setTimeout(() => {\n            navigate(\"/auth/security\", { replace: true });\n          }, 1500);\n        } else if (result.requiresMFA) {\n          // Redirect to MFA verification\n          navigate(\"/auth/mfa-verify\", { replace: true });\n        } else {\n          setStatus(\"error\");\n          setErrorMessage(result.error || \"Authentication failed\");\n        }\n      } catch (err) {\n        setStatus(\"error\");\n        setErrorMessage(\n          err instanceof Error\n            ? err.message\n            : \"Authentication failed. Please try again.\",\n        );\n      }\n    };\n\n    handleCallback().finally(() => {\n      clearTimeout(timeoutId);\n    });\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <AuthLayout\n      title={\n        status === \"loading\"\n          ? tr(\"auth.oauthCallback.completing\", \"Completing Sign In\")\n          : status === \"success\"\n            ? tr(\"auth.oauthCallback.welcome\", \"Welcome!\")\n            : tr(\"auth.oauthCallback.failed\", \"Authentication Failed\")\n      }\n      subtitle={\n        status === \"loading\"\n          ? tr(\n              \"auth.oauthCallback.pleaseWait\",\n              \"Please wait while we complete your authentication...\",\n            )\n          : status === \"success\"\n            ? tr(\n                \"auth.oauthCallback.successMsg\",\n                \"You have been successfully signed in.\",\n              )\n            : tr(\n                \"auth.oauthCallback.problemMsg\",\n                \"There was a problem signing you in.\",\n              )\n      }\n    >\n      <div className=\"flex flex-col items-center justify-center py-8 space-y-6\">\n        {status === \"loading\" && (\n          <>\n            <div className=\"relative\">\n              <div className=\"w-16 h-16 rounded-full bg-status-info-bg-subtle flex items-center justify-center\">\n                <SpinnerIcon className=\"w-8 h-8 text-text-link animate-spin\" />\n              </div>\n            </div>\n            <p className=\"text-sm text-[var(--color-text-secondary)]\">\n              {tr(\n                \"auth.oauthCallback.verifying\",\n                \"Verifying your credentials...\",\n              )}\n            </p>\n          </>\n        )}\n\n        {status === \"success\" && (\n          <>\n            <div className=\"relative\">\n              <div className=\"w-16 h-16 rounded-full bg-status-success-bg-subtle flex items-center justify-center\">\n                <CheckIcon className=\"w-8 h-8 text-status-success-text\" />\n              </div>\n            </div>\n            <p className=\"text-sm text-[var(--color-text-secondary)]\">\n              {tr(\n                \"auth.oauthCallback.redirecting\",\n                \"Redirecting to your dashboard...\",\n              )}\n            </p>\n          </>\n        )}\n\n        {status === \"error\" && (\n          <>\n            <div className=\"relative\">\n              <div className=\"w-16 h-16 rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n                <AlertIcon className=\"w-8 h-8 text-status-error-text\" />\n              </div>\n            </div>\n            <div className=\"text-center space-y-2\">\n              <p className=\"text-sm text-status-error-text font-medium\">\n                {errorMessage}\n              </p>\n              <p className=\"text-sm text-[var(--color-text-tertiary)]\">\n                {tr(\n                  \"auth.oauthCallback.tryAgainHint\",\n                  \"Please try again or use a different sign-in method.\",\n                )}\n              </p>\n            </div>\n            <button\n              onClick={() => navigate(\"/auth/login\", { replace: true })}\n              className=\"px-6 py-2.5 rounded-xl bg-[var(--color-action-primary-bg)] text-white font-medium hover:bg-[var(--color-action-primary-bgHover)] transition-colors\"\n            >\n              {tr(\"auth.oauthCallback.backToLogin\", \"Back to Login\")}\n            </button>\n          </>\n        )}\n      </div>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/PasswordResetPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Password reset page with professional design
+ * Handles both requesting reset and completing reset with token
+ */
+export declare function PasswordResetPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasswordResetPage.d.ts.map

package/dist/auth/pages/PasswordResetPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetPage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/PasswordResetPage.tsx"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,wBAAgB,iBAAiB,4CA4fhC"}

package/dist/auth/pages/PasswordResetPage.js

@@ -0,0 +1,352 @@
+import { usePasswordOperations as e } from "../hooks/usePasswordOperations.js";
+import "../hooks/index.js";
+import { AuthLayout as t } from "../components/AuthLayout.js";
+import { CheckIcon as n, EmailIcon as r, EyeIcon as i, EyeOffIcon as a, LockIcon as o, SpinnerIcon as s, XIcon as c } from "../components/AuthIcons.js";
+import { useCaptchaV3 as l } from "../hooks/useCaptchaV3.js";
+import { useEffect as u, useState as d } from "react";
+import { useNavigate as f, useSearchParams as p } from "react-router-dom";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/auth/pages/PasswordResetPage.tsx
+var v = 5;
+function y() {
+	let y = f(), { t: b } = m(), x = (e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, [S] = p(), C = S.get("token"), { requestPasswordReset: w, resetPassword: T, isLoading: E } = e(), { executeRecaptcha: D } = l(), [O, k] = d(""), [A, j] = d(""), [M, N] = d(""), [P, F] = d(!1), [I, L] = d(!1), [R, z] = d(!1), [B, V] = d(""), [H, U] = d(v);
+	u(() => {
+		if (!R || !C) return;
+		let e = setInterval(() => {
+			U((t) => t <= 1 ? (clearInterval(e), y("/auth/login"), 0) : t - 1);
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [
+		R,
+		C,
+		y
+	]);
+	let W = (() => {
+		let e = A;
+		return [
+			{
+				label: x("auth.passwordReset.pwMin8", "At least 8 characters"),
+				met: e.length >= 8
+			},
+			{
+				label: x("auth.passwordReset.pwUppercase", "One uppercase letter"),
+				met: /[A-Z]/.test(e)
+			},
+			{
+				label: x("auth.passwordReset.pwLowercase", "One lowercase letter"),
+				met: /[a-z]/.test(e)
+			},
+			{
+				label: x("auth.passwordReset.pwNumber", "One number"),
+				met: /\d/.test(e)
+			},
+			{
+				label: x("auth.passwordReset.pwSpecial", "One special character"),
+				met: /[!@#$%^&*(),.?":{}|<>]/.test(e)
+			}
+		];
+	})(), G = (() => {
+		let e = W.filter((e) => e.met).length;
+		return e <= 2 ? {
+			level: x("auth.passwordReset.passwordStrengthWeak", "weak"),
+			color: "bg-status-error-bg-subtle0",
+			width: "w-1/4"
+		} : e <= 3 ? {
+			level: x("auth.passwordReset.passwordStrengthFair", "fair"),
+			color: "bg-orange-500",
+			width: "w-2/4"
+		} : e <= 4 ? {
+			level: x("auth.passwordReset.passwordStrengthGood", "good"),
+			color: "bg-status-warning-bg-subtle0",
+			width: "w-3/4"
+		} : {
+			level: x("auth.passwordReset.passwordStrengthStrong", "strong"),
+			color: "bg-status-success-bg-subtle0",
+			width: "w-full"
+		};
+	})();
+	return R ? /* @__PURE__ */ _(t, {
+		title: C ? x("auth.passwordReset.passwordUpdated", "Password updated") : x("auth.passwordReset.checkEmail", "Check your email"),
+		subtitle: C ? x("auth.passwordReset.successSubtitle", "Your password has been successfully reset") : x("auth.passwordReset.sentInstructions", "We sent you instructions to reset your password"),
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex justify-center mb-6",
+				children: /* @__PURE__ */ g("div", {
+					className: "w-16 h-16 rounded-full bg-[var(--color-status-success-bg-subtle)] flex items-center justify-center",
+					children: /* @__PURE__ */ g("svg", {
+						className: "w-8 h-8 text-[var(--color-status-success-text)]",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ g("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M5 13l4 4L19 7"
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ g("p", {
+				className: "text-center text-[var(--color-text-secondary)] mb-8",
+				children: C ? x("auth.passwordReset.canNowSignIn", "You can now use your new password to sign in to your account.") : x("auth.passwordReset.emailSentTo", "We sent an email to {{email}}. Click the link in the email to reset your password.").replace("{{email}}", O)
+			}),
+			C ? /* @__PURE__ */ _("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ _("p", {
+					className: "text-center text-sm text-[var(--color-text-tertiary)]",
+					children: [
+						x("auth.passwordReset.redirectingIn", "Redirecting to sign in in"),
+						" ",
+						/* @__PURE__ */ g("span", {
+							className: "font-semibold text-[var(--color-text-primary)]",
+							children: H
+						}),
+						" ",
+						x("auth.passwordReset.seconds", "seconds...")
+					]
+				}), /* @__PURE__ */ g("button", {
+					onClick: () => y("/auth/login"),
+					className: "auth-primary-button w-full px-4 py-3 font-semibold",
+					children: x("auth.passwordReset.signInNow", "Sign in now")
+				})]
+			}) : /* @__PURE__ */ _("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ g("button", {
+					onClick: () => z(!1),
+					className: "w-full py-3 px-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] font-medium hover:bg-[var(--color-bg-sunken)] transition-all",
+					children: x("auth.passwordReset.didntReceive", "Didn't receive the email? Try again")
+				}), /* @__PURE__ */ g("button", {
+					onClick: () => y("/auth/login"),
+					className: "w-full py-3 px-4 rounded-xl text-[var(--color-text-secondary)] font-medium hover:text-[var(--color-text-primary)] transition-colors",
+					children: x("auth.passwordReset.backToSignIn", "Back to sign in")
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ _(t, {
+		title: C ? x("auth.passwordReset.createNewPassword", "Create new password") : x("auth.passwordReset.resetTitle", "Reset your password"),
+		subtitle: C ? x("auth.passwordReset.enterNewPassword", "Enter a new password for your account") : x("auth.passwordReset.enterEmail", "Enter your email and we'll send you a reset link"),
+		children: [C ? /* @__PURE__ */ _("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), V(""), C) {
+					if (A !== M) {
+						V(x("auth.passwordReset.passwordsNoMatch", "Passwords do not match"));
+						return;
+					}
+					try {
+						await T(C, A), z(!0);
+					} catch (e) {
+						V(x("auth.passwordReset.resetFailed", "Failed to reset password. The link may have expired.")), console.error("Failed to reset password:", e);
+					}
+				}
+			},
+			className: "space-y-5",
+			children: [
+				B && /* @__PURE__ */ _("div", {
+					className: "flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]",
+					children: [/* @__PURE__ */ g("svg", {
+						className: "w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ g("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})
+					}), /* @__PURE__ */ g("p", {
+						className: "text-sm text-[var(--color-status-error-text)]",
+						children: B
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ g("label", {
+							htmlFor: "newPassword",
+							className: "block text-sm font-medium text-[var(--color-text-primary)]",
+							children: x("auth.passwordReset.newPasswordLabel", "New Password")
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "relative",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ g(o, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+								}),
+								/* @__PURE__ */ g("input", {
+									id: "newPassword",
+									type: P ? "text" : "password",
+									required: !0,
+									value: A,
+									onChange: (e) => j(e.target.value),
+									className: "block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+									placeholder: x("auth.passwordReset.newPasswordPlaceholder", "Enter new password")
+								}),
+								/* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => F(!P),
+									"aria-label": P ? "Hide password" : "Show password",
+									className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors",
+									children: g(P ? a : i, { className: "w-5 h-5" })
+								})
+							]
+						}),
+						A && /* @__PURE__ */ _("div", {
+							className: "space-y-3 pt-2",
+							children: [/* @__PURE__ */ _("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ g("div", {
+									className: "h-1.5 bg-[var(--color-bg-sunken)] rounded-full overflow-hidden",
+									children: /* @__PURE__ */ g("div", { className: `h-full ${G.color} ${G.width} transition-all duration-300` })
+								}), /* @__PURE__ */ _("p", {
+									className: "text-xs text-[var(--color-text-tertiary)] capitalize",
+									children: [
+										x("auth.passwordReset.passwordStrength", "Password strength:"),
+										" ",
+										/* @__PURE__ */ g("span", {
+											className: "font-medium",
+											children: G.level
+										})
+									]
+								})]
+							}), /* @__PURE__ */ g("div", {
+								className: "grid grid-cols-2 gap-2",
+								children: W.map((e, t) => /* @__PURE__ */ _("div", {
+									className: "flex items-center gap-2",
+									children: [e.met ? /* @__PURE__ */ g(n, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ g(c, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }), /* @__PURE__ */ g("span", {
+										className: `text-xs ${e.met ? "text-[var(--color-status-success-text)]" : "text-[var(--color-text-tertiary)]"}`,
+										children: e.label
+									})]
+								}, t))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ g("label", {
+							htmlFor: "confirmPassword",
+							className: "block text-sm font-medium text-[var(--color-text-primary)]",
+							children: x("auth.passwordReset.confirmPasswordLabel", "Confirm Password")
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "relative",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+									children: /* @__PURE__ */ g(o, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+								}),
+								/* @__PURE__ */ g("input", {
+									id: "confirmPassword",
+									type: I ? "text" : "password",
+									required: !0,
+									value: M,
+									onChange: (e) => N(e.target.value),
+									className: "block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+									placeholder: x("auth.passwordReset.confirmPasswordPlaceholder", "Confirm new password")
+								}),
+								/* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => L(!I),
+									"aria-label": I ? "Hide password" : "Show password",
+									className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors",
+									children: g(I ? a : i, { className: "w-5 h-5" })
+								})
+							]
+						}),
+						M && A !== M && /* @__PURE__ */ g("p", {
+							className: "text-xs text-[var(--color-status-error-text)]",
+							children: x("auth.passwordReset.passwordsMismatch", "Passwords do not match")
+						})
+					]
+				}),
+				/* @__PURE__ */ g("button", {
+					type: "submit",
+					disabled: E,
+					className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
+					children: E ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, { className: "w-5 h-5 animate-spin" }), /* @__PURE__ */ g("span", { children: x("auth.passwordReset.resetting", "Resetting password...") })] }) : x("auth.passwordReset.resetButton", "Reset password")
+				})
+			]
+		}) : /* @__PURE__ */ _("form", {
+			onSubmit: async (e) => {
+				e.preventDefault(), V("");
+				try {
+					await w(O, await D("password_reset")), z(!0);
+				} catch (e) {
+					V(x("auth.passwordReset.sendFailed", "Failed to send reset email. Please try again.")), console.error("Failed to request password reset:", e);
+				}
+			},
+			className: "space-y-5",
+			children: [
+				B && /* @__PURE__ */ _("div", {
+					className: "flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]",
+					children: [/* @__PURE__ */ g("svg", {
+						className: "w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ g("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})
+					}), /* @__PURE__ */ g("p", {
+						className: "text-sm text-[var(--color-status-error-text)]",
+						children: B
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ g("label", {
+						htmlFor: "email",
+						className: "block text-sm font-medium text-[var(--color-text-primary)]",
+						children: x("auth.passwordReset.emailLabel", "Email address")
+					}), /* @__PURE__ */ _("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ g("div", {
+							className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+							children: /* @__PURE__ */ g(r, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+						}), /* @__PURE__ */ g("input", {
+							id: "email",
+							type: "email",
+							required: !0,
+							value: O,
+							onChange: (e) => k(e.target.value),
+							className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+							placeholder: x("auth.passwordReset.emailPlaceholder", "you@example.com")
+						})]
+					})]
+				}),
+				/* @__PURE__ */ g("button", {
+					type: "submit",
+					disabled: E,
+					className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
+					children: E ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, { className: "w-5 h-5 animate-spin" }), /* @__PURE__ */ g("span", { children: x("auth.passwordReset.sending", "Sending...") })] }) : x("auth.passwordReset.sendResetLink", "Send reset link")
+				})
+			]
+		}), /* @__PURE__ */ _("p", {
+			className: "mt-8 text-center text-sm text-[var(--color-text-secondary)]",
+			children: [
+				x("auth.passwordReset.rememberPassword", "Remember your password?"),
+				" ",
+				/* @__PURE__ */ g("button", {
+					onClick: () => y("/auth/login"),
+					className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
+					children: x("auth.passwordReset.signIn", "Sign in")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { y as PasswordResetPage };
+
+//# sourceMappingURL=PasswordResetPage.js.map

package/dist/auth/pages/PasswordResetPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetPage.js","names":[],"sources":["../../../src/auth/pages/PasswordResetPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useSearchParams, useNavigate } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { usePasswordOperations } from \"../hooks\";\nimport { useCaptchaV3 } from \"../hooks/useCaptchaV3\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport {\n  EmailIcon,\n  LockIcon,\n  EyeIcon,\n  EyeOffIcon,\n  CheckIcon,\n  XIcon,\n  SpinnerIcon,\n} from \"../components/AuthIcons\";\n\nconst REDIRECT_DELAY = 5; // seconds\n\n/**\n * Password reset page with professional design\n * Handles both requesting reset and completing reset with token\n */\nexport function PasswordResetPage() {\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const [searchParams] = useSearchParams();\n  const token = searchParams.get(\"token\");\n  const { requestPasswordReset, resetPassword, isLoading } =\n    usePasswordOperations();\n  const { executeRecaptcha: executeCaptchaV3 } = useCaptchaV3();\n  const [email, setEmail] = useState(\"\");\n  const [newPassword, setNewPassword] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n  const [success, setSuccess] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [countdown, setCountdown] = useState(REDIRECT_DELAY);\n\n  // Auto-redirect countdown after successful password reset (only for token flow)\n  useEffect(() => {\n    if (!success || !token) return;\n\n    const timer = setInterval(() => {\n      setCountdown((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer);\n          navigate(\"/auth/login\");\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [success, token, navigate]);\n\n  // Password strength indicators\n  const passwordChecks = (() => {\n    const password = newPassword;\n    return [\n      {\n        label: tr(\"auth.passwordReset.pwMin8\", \"At least 8 characters\"),\n        met: password.length >= 8,\n      },\n      {\n        label: tr(\"auth.passwordReset.pwUppercase\", \"One uppercase letter\"),\n        met: /[A-Z]/.test(password),\n      },\n      {\n        label: tr(\"auth.passwordReset.pwLowercase\", \"One lowercase letter\"),\n        met: /[a-z]/.test(password),\n      },\n      {\n        label: tr(\"auth.passwordReset.pwNumber\", \"One number\"),\n        met: /\\d/.test(password),\n      },\n      {\n        label: tr(\"auth.passwordReset.pwSpecial\", \"One special character\"),\n        met: /[!@#$%^&*(),.?\":{}|<>]/.test(password),\n      },\n    ];\n  })();\n\n  const passwordStrength = (() => {\n    const metCount = passwordChecks.filter((c) => c.met).length;\n    if (metCount <= 2)\n      return {\n        level: tr(\"auth.passwordReset.passwordStrengthWeak\", \"weak\"),\n        color: \"bg-status-error-bg-subtle0\",\n        width: \"w-1/4\",\n      };\n    if (metCount <= 3)\n      return {\n        level: tr(\"auth.passwordReset.passwordStrengthFair\", \"fair\"),\n        color: \"bg-orange-500\",\n        width: \"w-2/4\",\n      };\n    if (metCount <= 4)\n      return {\n        level: tr(\"auth.passwordReset.passwordStrengthGood\", \"good\"),\n        color: \"bg-status-warning-bg-subtle0\",\n        width: \"w-3/4\",\n      };\n    return {\n      level: tr(\"auth.passwordReset.passwordStrengthStrong\", \"strong\"),\n      color: \"bg-status-success-bg-subtle0\",\n      width: \"w-full\",\n    };\n  })();\n\n  const handleRequestReset = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(\"\");\n    try {\n      // Get reCAPTCHA v3 token (no-op when captcha is disabled)\n      const recaptchaToken = await executeCaptchaV3(\"password_reset\");\n      await requestPasswordReset(email, recaptchaToken);\n      setSuccess(true);\n    } catch (err) {\n      setError(\n        tr(\n          \"auth.passwordReset.sendFailed\",\n          \"Failed to send reset email. Please try again.\",\n        ),\n      );\n      console.error(\"Failed to request password reset:\", err);\n    }\n  };\n\n  const handleResetPassword = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(\"\");\n\n    if (!token) return;\n\n    if (newPassword !== confirmPassword) {\n      setError(\n        tr(\"auth.passwordReset.passwordsNoMatch\", \"Passwords do not match\"),\n      );\n      return;\n    }\n\n    try {\n      await resetPassword(token, newPassword);\n      setSuccess(true);\n    } catch (err) {\n      setError(\n        tr(\n          \"auth.passwordReset.resetFailed\",\n          \"Failed to reset password. The link may have expired.\",\n        ),\n      );\n      console.error(\"Failed to reset password:\", err);\n    }\n  };\n\n  if (success) {\n    return (\n      <AuthLayout\n        title={\n          token\n            ? tr(\"auth.passwordReset.passwordUpdated\", \"Password updated\")\n            : tr(\"auth.passwordReset.checkEmail\", \"Check your email\")\n        }\n        subtitle={\n          token\n            ? tr(\n                \"auth.passwordReset.successSubtitle\",\n                \"Your password has been successfully reset\",\n              )\n            : tr(\n                \"auth.passwordReset.sentInstructions\",\n                \"We sent you instructions to reset your password\",\n              )\n        }\n      >\n        {/* Success Icon */}\n        <div className=\"flex justify-center mb-6\">\n          <div className=\"w-16 h-16 rounded-full bg-[var(--color-status-success-bg-subtle)] flex items-center justify-center\">\n            <svg\n              className=\"w-8 h-8 text-[var(--color-status-success-text)]\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M5 13l4 4L19 7\"\n              />\n            </svg>\n          </div>\n        </div>\n\n        <p className=\"text-center text-[var(--color-text-secondary)] mb-8\">\n          {token\n            ? tr(\n                \"auth.passwordReset.canNowSignIn\",\n                \"You can now use your new password to sign in to your account.\",\n              )\n            : tr(\n                \"auth.passwordReset.emailSentTo\",\n                \"We sent an email to {{email}}. Click the link in the email to reset your password.\",\n              ).replace(\"{{email}}\", email)}\n        </p>\n\n        {token ? (\n          <div className=\"space-y-4\">\n            <p className=\"text-center text-sm text-[var(--color-text-tertiary)]\">\n              {tr(\n                \"auth.passwordReset.redirectingIn\",\n                \"Redirecting to sign in in\",\n              )}{\" \"}\n              <span className=\"font-semibold text-[var(--color-text-primary)]\">\n                {countdown}\n              </span>{\" \"}\n              {tr(\"auth.passwordReset.seconds\", \"seconds...\")}\n            </p>\n            <button\n              onClick={() => navigate(\"/auth/login\")}\n              className=\"auth-primary-button w-full px-4 py-3 font-semibold\"\n            >\n              {tr(\"auth.passwordReset.signInNow\", \"Sign in now\")}\n            </button>\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            <button\n              onClick={() => setSuccess(false)}\n              className=\"w-full py-3 px-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] font-medium hover:bg-[var(--color-bg-sunken)] transition-all\"\n            >\n              {tr(\n                \"auth.passwordReset.didntReceive\",\n                \"Didn't receive the email? Try again\",\n              )}\n            </button>\n            <button\n              onClick={() => navigate(\"/auth/login\")}\n              className=\"w-full py-3 px-4 rounded-xl text-[var(--color-text-secondary)] font-medium hover:text-[var(--color-text-primary)] transition-colors\"\n            >\n              {tr(\"auth.passwordReset.backToSignIn\", \"Back to sign in\")}\n            </button>\n          </div>\n        )}\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={\n        token\n          ? tr(\"auth.passwordReset.createNewPassword\", \"Create new password\")\n          : tr(\"auth.passwordReset.resetTitle\", \"Reset your password\")\n      }\n      subtitle={\n        token\n          ? tr(\n              \"auth.passwordReset.enterNewPassword\",\n              \"Enter a new password for your account\",\n            )\n          : tr(\n              \"auth.passwordReset.enterEmail\",\n              \"Enter your email and we'll send you a reset link\",\n            )\n      }\n    >\n      {token ? (\n        <form onSubmit={handleResetPassword} className=\"space-y-5\">\n          {/* Error Alert */}\n          {error && (\n            <div className=\"flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n              <svg\n                className=\"w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error}\n              </p>\n            </div>\n          )}\n\n          {/* New Password Input */}\n          <div className=\"space-y-2\">\n            <label\n              htmlFor=\"newPassword\"\n              className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr(\"auth.passwordReset.newPasswordLabel\", \"New Password\")}\n            </label>\n            <div className=\"relative\">\n              <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n                <LockIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n              </div>\n              <input\n                id=\"newPassword\"\n                type={showPassword ? \"text\" : \"password\"}\n                required\n                value={newPassword}\n                onChange={(e) => setNewPassword(e.target.value)}\n                className=\"block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n                placeholder={tr(\n                  \"auth.passwordReset.newPasswordPlaceholder\",\n                  \"Enter new password\",\n                )}\n              />\n              <button\n                type=\"button\"\n                onClick={() => setShowPassword(!showPassword)}\n                aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n                className=\"absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors\"\n              >\n                {showPassword ? (\n                  <EyeOffIcon className=\"w-5 h-5\" />\n                ) : (\n                  <EyeIcon className=\"w-5 h-5\" />\n                )}\n              </button>\n            </div>\n\n            {/* Password Strength Indicator */}\n            {newPassword && (\n              <div className=\"space-y-3 pt-2\">\n                <div className=\"space-y-1\">\n                  <div className=\"h-1.5 bg-[var(--color-bg-sunken)] rounded-full overflow-hidden\">\n                    <div\n                      className={`h-full ${passwordStrength.color} ${passwordStrength.width} transition-all duration-300`}\n                    />\n                  </div>\n                  <p className=\"text-xs text-[var(--color-text-tertiary)] capitalize\">\n                    {tr(\n                      \"auth.passwordReset.passwordStrength\",\n                      \"Password strength:\",\n                    )}{\" \"}\n                    <span className=\"font-medium\">\n                      {passwordStrength.level}\n                    </span>\n                  </p>\n                </div>\n\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {passwordChecks.map((check, i) => (\n                    <div key={i} className=\"flex items-center gap-2\">\n                      {check.met ? (\n                        <CheckIcon className=\"w-4 h-4 text-status-success-text\" />\n                      ) : (\n                        <XIcon className=\"w-4 h-4 text-[var(--color-text-tertiary)]\" />\n                      )}\n                      <span\n                        className={`text-xs ${\n                          check.met\n                            ? \"text-[var(--color-status-success-text)]\"\n                            : \"text-[var(--color-text-tertiary)]\"\n                        }`}\n                      >\n                        {check.label}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Confirm Password Input */}\n          <div className=\"space-y-2\">\n            <label\n              htmlFor=\"confirmPassword\"\n              className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr(\n                \"auth.passwordReset.confirmPasswordLabel\",\n                \"Confirm Password\",\n              )}\n            </label>\n            <div className=\"relative\">\n              <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n                <LockIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n              </div>\n              <input\n                id=\"confirmPassword\"\n                type={showConfirmPassword ? \"text\" : \"password\"}\n                required\n                value={confirmPassword}\n                onChange={(e) => setConfirmPassword(e.target.value)}\n                className=\"block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n                placeholder={tr(\n                  \"auth.passwordReset.confirmPasswordPlaceholder\",\n                  \"Confirm new password\",\n                )}\n              />\n              <button\n                type=\"button\"\n                onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                aria-label={\n                  showConfirmPassword ? \"Hide password\" : \"Show password\"\n                }\n                className=\"absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors\"\n              >\n                {showConfirmPassword ? (\n                  <EyeOffIcon className=\"w-5 h-5\" />\n                ) : (\n                  <EyeIcon className=\"w-5 h-5\" />\n                )}\n              </button>\n            </div>\n            {confirmPassword && newPassword !== confirmPassword && (\n              <p className=\"text-xs text-[var(--color-status-error-text)]\">\n                {tr(\n                  \"auth.passwordReset.passwordsMismatch\",\n                  \"Passwords do not match\",\n                )}\n              </p>\n            )}\n          </div>\n\n          {/* Submit Button */}\n          <button\n            type=\"submit\"\n            disabled={isLoading}\n            className=\"auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold\"\n          >\n            {isLoading ? (\n              <>\n                <SpinnerIcon className=\"w-5 h-5 animate-spin\" />\n                <span>\n                  {tr(\"auth.passwordReset.resetting\", \"Resetting password...\")}\n                </span>\n              </>\n            ) : (\n              tr(\"auth.passwordReset.resetButton\", \"Reset password\")\n            )}\n          </button>\n        </form>\n      ) : (\n        <form onSubmit={handleRequestReset} className=\"space-y-5\">\n          {/* Error Alert */}\n          {error && (\n            <div className=\"flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n              <svg\n                className=\"w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error}\n              </p>\n            </div>\n          )}\n\n          {/* Email Input */}\n          <div className=\"space-y-2\">\n            <label\n              htmlFor=\"email\"\n              className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr(\"auth.passwordReset.emailLabel\", \"Email address\")}\n            </label>\n            <div className=\"relative\">\n              <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n                <EmailIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n              </div>\n              <input\n                id=\"email\"\n                type=\"email\"\n                required\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n                placeholder={tr(\n                  \"auth.passwordReset.emailPlaceholder\",\n                  \"you@example.com\",\n                )}\n              />\n            </div>\n          </div>\n\n          {/* Submit Button */}\n          <button\n            type=\"submit\"\n            disabled={isLoading}\n            className=\"auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold\"\n          >\n            {isLoading ? (\n              <>\n                <SpinnerIcon className=\"w-5 h-5 animate-spin\" />\n                <span>{tr(\"auth.passwordReset.sending\", \"Sending...\")}</span>\n              </>\n            ) : (\n              tr(\"auth.passwordReset.sendResetLink\", \"Send reset link\")\n            )}\n          </button>\n        </form>\n      )}\n\n      {/* Back to Sign In */}\n      <p className=\"mt-8 text-center text-sm text-[var(--color-text-secondary)]\">\n        {tr(\"auth.passwordReset.rememberPassword\", \"Remember your password?\")}{\" \"}\n        <button\n          onClick={() => navigate(\"/auth/login\")}\n          className=\"font-semibold text-text-link hover:text-text-linkHover transition-colors\"\n        >\n          {tr(\"auth.passwordReset.signIn\", \"Sign in\")}\n        </button>\n      </p>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/ReactivatePage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Account Reactivation Page
+ * Allows users to reactivate their deactivated accounts
+ */
+export declare function ReactivatePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReactivatePage.d.ts.map

package/dist/auth/pages/ReactivatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactivatePage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/ReactivatePage.tsx"],"names":[],"mappings":"AAYA;;;GAGG;AACH,wBAAgB,cAAc,4CAyR7B"}