hazo_auth 1.2.0 → 1.4.0

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ui/index";
+export * from "./layouts/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC;AAG3B,cAAc,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,5 @@
+// file_description: barrel export for all components (UI and layouts)
+// section: ui_exports
+export * from "./ui/index";
+// section: layout_exports
+export * from "./layouts/index";

package/dist/components/layouts/email_verification/config/email_verification_field_config.d.ts

@@ -0,0 +1,23 @@
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
+import { type ButtonPaletteDefaults, type ButtonPaletteOverrides, type LayoutLabelDefaults, type LayoutLabelOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
+export declare const EMAIL_VERIFICATION_FIELD_IDS: {
+    readonly EMAIL: "email_address";
+};
+export type EmailVerificationFieldId = (typeof EMAIL_VERIFICATION_FIELD_IDS)[keyof typeof EMAIL_VERIFICATION_FIELD_IDS];
+export declare const createEmailVerificationFieldDefinitions: (overrides?: LayoutFieldMapOverrides) => LayoutFieldMap;
+export declare const resolveEmailVerificationLabels: (overrides?: LayoutLabelOverrides) => LayoutLabelDefaults;
+export declare const resolveEmailVerificationButtonPalette: (overrides?: ButtonPaletteOverrides) => ButtonPaletteDefaults;
+export type EmailVerificationSuccessLabels = {
+    heading: string;
+    message: string;
+    redirectMessage: string;
+    goToLoginButton: string;
+};
+export declare const EMAIL_VERIFICATION_SUCCESS_LABEL_DEFAULTS: EmailVerificationSuccessLabels;
+export type EmailVerificationErrorLabels = {
+    heading: string;
+    message: string;
+    resendFormHeading: string;
+};
+export declare const EMAIL_VERIFICATION_ERROR_LABEL_DEFAULTS: EmailVerificationErrorLabels;
+//# sourceMappingURL=email_verification_field_config.d.ts.map

package/dist/components/layouts/email_verification/config/email_verification_field_config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email_verification_field_config.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/email_verification/config/email_verification_field_config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,iEAAiE,CAAC;AAC/H,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAGzE,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAcxH,eAAO,MAAM,uCAAuC,GAClD,YAAY,uBAAuB,mBACwC,CAAC;AAU9E,eAAO,MAAM,8BAA8B,GAAI,YAAY,oBAAoB,wBAClB,CAAC;AAU9D,eAAO,MAAM,qCAAqC,GAAI,YAAY,sBAAsB,0BACX,CAAC;AAG9E,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,yCAAyC,EAAE,8BAKvD,CAAC;AAGF,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,uCAAuC,EAAE,4BAIrD,CAAC"}

package/dist/components/layouts/email_verification/config/email_verification_field_config.js

@@ -0,0 +1,44 @@
+import { resolveButtonPalette, resolveFieldDefinitions, resolveLabels, } from "hazo_auth/components/layouts/shared/config/layout_customization";
+// section: field_identifiers
+export const EMAIL_VERIFICATION_FIELD_IDS = {
+    EMAIL: "email_address",
+};
+// section: field_definitions
+const EMAIL_VERIFICATION_FIELD_DEFINITIONS = {
+    [EMAIL_VERIFICATION_FIELD_IDS.EMAIL]: {
+        id: EMAIL_VERIFICATION_FIELD_IDS.EMAIL,
+        label: "Email address",
+        type: "email",
+        autoComplete: "email",
+        placeholder: "Enter your email address",
+        ariaLabel: "Email address input field",
+    },
+};
+export const createEmailVerificationFieldDefinitions = (overrides) => resolveFieldDefinitions(EMAIL_VERIFICATION_FIELD_DEFINITIONS, overrides);
+// section: label_defaults
+const EMAIL_VERIFICATION_LABEL_DEFAULTS = {
+    heading: "Email verification",
+    subHeading: "Verifying your email address...",
+    submitButton: "Resend verification email",
+    cancelButton: "Cancel",
+};
+export const resolveEmailVerificationLabels = (overrides) => resolveLabels(EMAIL_VERIFICATION_LABEL_DEFAULTS, overrides);
+// section: button_palette_defaults
+const EMAIL_VERIFICATION_BUTTON_PALETTE_DEFAULTS = {
+    submitBackground: "#0f172a",
+    submitText: "#ffffff",
+    cancelBorder: "#cbd5f5",
+    cancelText: "#0f172a",
+};
+export const resolveEmailVerificationButtonPalette = (overrides) => resolveButtonPalette(EMAIL_VERIFICATION_BUTTON_PALETTE_DEFAULTS, overrides);
+export const EMAIL_VERIFICATION_SUCCESS_LABEL_DEFAULTS = {
+    heading: "Email verified successfully",
+    message: "Your email address has been verified. You can now log in to your account.",
+    redirectMessage: "Redirecting to login page in",
+    goToLoginButton: "Go to login",
+};
+export const EMAIL_VERIFICATION_ERROR_LABEL_DEFAULTS = {
+    heading: "Verification failed",
+    message: "The verification link is invalid or has expired.",
+    resendFormHeading: "Resend verification email",
+};

package/dist/components/layouts/email_verification/hooks/use_email_verification.d.ts

@@ -0,0 +1,31 @@
+import type { LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+import { type EmailVerificationFieldId } from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
+export type EmailVerificationFormValues = Record<EmailVerificationFieldId, string>;
+export type EmailVerificationFormErrors = Partial<Record<EmailVerificationFieldId, string>> & {
+    submit?: string;
+};
+export type UseEmailVerificationParams<TClient = unknown> = {
+    dataClient: LayoutDataClient<TClient>;
+    redirectDelay?: number;
+    loginPath?: string;
+};
+export type UseEmailVerificationResult = {
+    isVerifying: boolean;
+    isVerified: boolean;
+    isError: boolean;
+    errorMessage?: string;
+    email?: string;
+    values: EmailVerificationFormValues;
+    errors: EmailVerificationFormErrors;
+    isSubmitDisabled: boolean;
+    isSubmitting: boolean;
+    emailTouched: boolean;
+    redirectCountdown: number;
+    handleFieldChange: (fieldId: EmailVerificationFieldId, value: string) => void;
+    handleEmailBlur: () => void;
+    handleResendSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
+    handleCancel: () => void;
+    handleGoToLogin: () => void;
+};
+export declare const use_email_verification: <TClient>({ dataClient, redirectDelay, loginPath, }: UseEmailVerificationParams<TClient>) => UseEmailVerificationResult;
+//# sourceMappingURL=use_email_verification.d.ts.map

package/dist/components/layouts/email_verification/hooks/use_email_verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_email_verification.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/email_verification/hooks/use_email_verification.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EAAgC,KAAK,wBAAwB,EAAE,MAAM,wFAAwF,CAAC;AAIrK,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;AACnF,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC,GAAG;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,OAAO,GAAG,OAAO,IAAI;IAC1D,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,EAAE,2BAA2B,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,CAAC,OAAO,EAAE,wBAAwB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAQF,eAAO,MAAM,sBAAsB,GAAI,OAAO,EAAG,2CAI9C,0BAA0B,CAAC,OAAO,CAAC,KAAG,0BAqPxC,CAAC"}

package/dist/components/layouts/email_verification/hooks/use_email_verification.js

@@ -0,0 +1,222 @@
+// file_description: encapsulate email verification state, validation, and data interactions
+// section: imports
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { toast } from "sonner";
+import { EMAIL_VERIFICATION_FIELD_IDS } from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
+import { validateEmail } from "hazo_auth/components/layouts/shared/utils/validation";
+// section: helpers
+const buildInitialValues = (initialEmail) => ({
+    [EMAIL_VERIFICATION_FIELD_IDS.EMAIL]: initialEmail || "",
+});
+// section: hook
+export const use_email_verification = ({ dataClient, redirectDelay = 5, loginPath = "/hazo_auth/login", }) => {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const token = searchParams.get("token");
+    const emailParam = searchParams.get("email");
+    const messageParam = searchParams.get("message");
+    const [isVerifying, setIsVerifying] = useState(false);
+    const [isVerified, setIsVerified] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(messageParam || undefined);
+    const [email, setEmail] = useState(emailParam || undefined);
+    const [values, setValues] = useState(buildInitialValues(emailParam || undefined));
+    const [errors, setErrors] = useState({});
+    const [emailTouched, setEmailTouched] = useState(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [redirectCountdown, setRedirectCountdown] = useState(redirectDelay);
+    // Verify token on mount if token exists, or show error if message is provided
+    useEffect(() => {
+        // If message is provided (from login redirect), show error state immediately
+        if (messageParam && !token) {
+            setIsError(true);
+            setErrorMessage(messageParam);
+            if (emailParam) {
+                setEmail(emailParam);
+                setValues(buildInitialValues(emailParam));
+            }
+            return;
+        }
+        if (!token) {
+            setIsError(true);
+            setErrorMessage("No verification token provided");
+            return;
+        }
+        const verifyToken = async () => {
+            setIsVerifying(true);
+            setIsError(false);
+            setErrorMessage(undefined);
+            try {
+                const response = await fetch(`/api/hazo_auth/verify_email?token=${encodeURIComponent(token)}`, {
+                    method: "GET",
+                });
+                const data = await response.json();
+                if (!response.ok) {
+                    throw new Error(data.error || "Email verification failed");
+                }
+                // Success
+                setIsVerified(true);
+                setEmail(data.email);
+                setValues(buildInitialValues(data.email));
+                // Start countdown for redirect
+                let countdown = redirectDelay;
+                setRedirectCountdown(countdown);
+                const countdownInterval = setInterval(() => {
+                    countdown -= 1;
+                    setRedirectCountdown(countdown);
+                    if (countdown <= 0) {
+                        clearInterval(countdownInterval);
+                        router.push(loginPath);
+                    }
+                }, 1000);
+                // Cleanup interval on unmount
+                return () => clearInterval(countdownInterval);
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : "Email verification failed. Please try again.";
+                setIsError(true);
+                setErrorMessage(errorMessage);
+                // Try to extract email from error response if available
+                try {
+                    const response = await fetch(`/api/hazo_auth/verify_email?token=${encodeURIComponent(token)}`, {
+                        method: "GET",
+                    });
+                    const data = await response.json();
+                    if (data.email) {
+                        setEmail(data.email);
+                        setValues(buildInitialValues(data.email));
+                    }
+                }
+                catch (_a) {
+                    // Ignore errors when trying to get email
+                }
+            }
+            finally {
+                setIsVerifying(false);
+            }
+        };
+        void verifyToken();
+    }, [token, redirectDelay, loginPath, router]);
+    const isSubmitDisabled = useMemo(() => {
+        if (isSubmitting) {
+            return true;
+        }
+        // Only disable if there are active errors
+        const hasErrors = !!errors[EMAIL_VERIFICATION_FIELD_IDS.EMAIL];
+        return hasErrors;
+    }, [errors, isSubmitting]);
+    const handleFieldChange = useCallback((fieldId, value) => {
+        setValues((previousValues) => {
+            const nextValues = Object.assign(Object.assign({}, previousValues), { [fieldId]: value });
+            setErrors((previousErrors) => {
+                const updatedErrors = Object.assign({}, previousErrors);
+                // Only validate email on change if it has been touched (blurred)
+                if (fieldId === EMAIL_VERIFICATION_FIELD_IDS.EMAIL && emailTouched) {
+                    const emailError = validateEmail(value);
+                    if (emailError) {
+                        updatedErrors[EMAIL_VERIFICATION_FIELD_IDS.EMAIL] = emailError;
+                    }
+                    else {
+                        delete updatedErrors[EMAIL_VERIFICATION_FIELD_IDS.EMAIL];
+                    }
+                }
+                return updatedErrors;
+            });
+            return nextValues;
+        });
+    }, [emailTouched]);
+    const handleEmailBlur = useCallback(() => {
+        setEmailTouched(true);
+        // Validate email on blur
+        setErrors((previousErrors) => {
+            const updatedErrors = Object.assign({}, previousErrors);
+            const emailValue = values[EMAIL_VERIFICATION_FIELD_IDS.EMAIL];
+            const emailError = validateEmail(emailValue);
+            if (emailError) {
+                updatedErrors[EMAIL_VERIFICATION_FIELD_IDS.EMAIL] = emailError;
+            }
+            else {
+                delete updatedErrors[EMAIL_VERIFICATION_FIELD_IDS.EMAIL];
+            }
+            return updatedErrors;
+        });
+    }, [values]);
+    const handleResendSubmit = useCallback(async (event) => {
+        event.preventDefault();
+        // Final validation
+        const emailError = validateEmail(values[EMAIL_VERIFICATION_FIELD_IDS.EMAIL]);
+        if (emailError) {
+            setErrors({
+                [EMAIL_VERIFICATION_FIELD_IDS.EMAIL]: emailError,
+            });
+            return;
+        }
+        setIsSubmitting(true);
+        setErrors({});
+        try {
+            const response = await fetch("/api/hazo_auth/resend_verification", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    email: values[EMAIL_VERIFICATION_FIELD_IDS.EMAIL],
+                }),
+            });
+            let data;
+            try {
+                data = await response.json();
+            }
+            catch (jsonError) {
+                // If JSON parsing fails, the response is likely HTML (e.g., error page)
+                throw new Error("Server returned an invalid response. Please try again later.");
+            }
+            if (!response.ok) {
+                throw new Error(data.error || "Failed to resend verification email");
+            }
+            // Show success notification
+            toast.success("Verification email sent", {
+                description: data.message || "If an account with that email exists and is not verified, a verification link has been sent.",
+            });
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "Failed to resend verification email. Please try again.";
+            // Show error notification
+            toast.error("Failed to resend verification email", {
+                description: errorMessage,
+            });
+            // Set error state
+            setErrors({
+                submit: errorMessage,
+            });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [values, dataClient]);
+    const handleCancel = useCallback(() => {
+        router.push(loginPath);
+    }, [router, loginPath]);
+    const handleGoToLogin = useCallback(() => {
+        router.push(loginPath);
+    }, [router, loginPath]);
+    return {
+        isVerifying,
+        isVerified,
+        isError,
+        errorMessage,
+        email,
+        values,
+        errors,
+        isSubmitDisabled,
+        isSubmitting,
+        emailTouched,
+        redirectCountdown,
+        handleFieldChange,
+        handleEmailBlur,
+        handleResendSubmit,
+        handleCancel,
+        handleGoToLogin,
+    };
+};

package/dist/components/layouts/email_verification/index.d.ts

@@ -0,0 +1,23 @@
+import { type ButtonPaletteOverrides, type LayoutFieldMapOverrides, type LayoutLabelOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
+import { type EmailVerificationSuccessLabels, type EmailVerificationErrorLabels } from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
+import { type LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+export type EmailVerificationLayoutProps<TClient = unknown> = {
+    image_src: string;
+    image_alt: string;
+    image_background_color?: string;
+    field_overrides?: LayoutFieldMapOverrides;
+    labels?: LayoutLabelOverrides;
+    button_colors?: ButtonPaletteOverrides;
+    success_labels?: Partial<EmailVerificationSuccessLabels>;
+    error_labels?: Partial<EmailVerificationErrorLabels>;
+    redirect_delay?: number;
+    login_path?: string;
+    already_logged_in_message?: string;
+    showLogoutButton?: boolean;
+    showReturnHomeButton?: boolean;
+    returnHomeButtonLabel?: string;
+    returnHomePath?: string;
+    data_client: LayoutDataClient<TClient>;
+};
+export default function email_verification_layout<TClient>({ image_src, image_alt, image_background_color, field_overrides, labels, button_colors, success_labels, error_labels, redirect_delay, login_path, data_client, already_logged_in_message, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, }: EmailVerificationLayoutProps<TClient>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layouts/email_verification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/email_verification/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAOL,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,EAClC,MAAM,wFAAwF,CAAC;AAKhG,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AAKpG,MAAM,MAAM,4BAA4B,CAAC,OAAO,GAAG,OAAO,IAAI;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACxC,CAAC;AASF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,OAAO,EAAE,EACzD,SAAS,EACT,SAAS,EACT,sBAAkC,EAClC,eAAe,EACf,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAkB,EAClB,UAA+B,EAC/B,WAAW,EACX,yBAAyB,EACzB,gBAAuB,EACvB,oBAA4B,EAC5B,qBAAqC,EACrC,cAAoB,GACrB,EAAE,4BAA4B,CAAC,OAAO,CAAC,2CAyNvC"}

package/dist/components/layouts/email_verification/index.js

@@ -0,0 +1,61 @@
+// file_description: email verification layout component built atop shared layout utilities
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// section: imports
+import { Input } from "hazo_auth/components/ui/input";
+import { Button } from "hazo_auth/components/ui/button";
+import { FormFieldWrapper } from "hazo_auth/components/layouts/shared/components/form_field_wrapper";
+import { FormHeader } from "hazo_auth/components/layouts/shared/components/form_header";
+import { FormActionButtons } from "hazo_auth/components/layouts/shared/components/form_action_buttons";
+import { TwoColumnAuthLayout } from "hazo_auth/components/layouts/shared/components/two_column_auth_layout";
+import { EMAIL_VERIFICATION_FIELD_IDS, createEmailVerificationFieldDefinitions, resolveEmailVerificationButtonPalette, resolveEmailVerificationLabels, EMAIL_VERIFICATION_SUCCESS_LABEL_DEFAULTS, EMAIL_VERIFICATION_ERROR_LABEL_DEFAULTS, } from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
+import { use_email_verification, } from "hazo_auth/components/layouts/email_verification/hooks/use_email_verification";
+import { CheckCircle, XCircle, Loader2 } from "lucide-react";
+import { AlreadyLoggedInGuard } from "hazo_auth/components/layouts/shared/components/already_logged_in_guard";
+const ORDERED_FIELDS = [
+    EMAIL_VERIFICATION_FIELD_IDS.EMAIL,
+];
+// section: component
+export default function email_verification_layout({ image_src, image_alt, image_background_color = "#f1f5f9", field_overrides, labels, button_colors, success_labels, error_labels, redirect_delay = 5, login_path = "/hazo_auth/login", data_client, already_logged_in_message, showLogoutButton = true, showReturnHomeButton = false, returnHomeButtonLabel = "Return home", returnHomePath = "/", }) {
+    const fieldDefinitions = createEmailVerificationFieldDefinitions(field_overrides);
+    const resolvedLabels = resolveEmailVerificationLabels(labels);
+    const resolvedButtonPalette = resolveEmailVerificationButtonPalette(button_colors);
+    const resolvedSuccessLabels = Object.assign(Object.assign({}, EMAIL_VERIFICATION_SUCCESS_LABEL_DEFAULTS), (success_labels !== null && success_labels !== void 0 ? success_labels : {}));
+    const resolvedErrorLabels = Object.assign(Object.assign({}, EMAIL_VERIFICATION_ERROR_LABEL_DEFAULTS), (error_labels !== null && error_labels !== void 0 ? error_labels : {}));
+    const verification = use_email_verification({
+        dataClient: data_client,
+        redirectDelay: redirect_delay,
+        loginPath: login_path,
+    });
+    const renderFields = (formState) => {
+        return ORDERED_FIELDS.map((fieldId) => {
+            const fieldDefinition = fieldDefinitions[fieldId];
+            const fieldValue = formState.values[fieldId];
+            const fieldError = formState.errors[fieldId];
+            const inputElement = (_jsx(Input, { id: fieldDefinition.id, type: fieldDefinition.type, value: fieldValue, onChange: (event) => formState.handleFieldChange(fieldId, event.target.value), onBlur: fieldId === EMAIL_VERIFICATION_FIELD_IDS.EMAIL
+                    ? formState.handleEmailBlur
+                    : undefined, autoComplete: fieldDefinition.autoComplete, placeholder: fieldDefinition.placeholder, "aria-label": fieldDefinition.ariaLabel, className: "cls_email_verification_layout_field_input" }));
+            // Only show email error if field has been touched (blurred)
+            const shouldShowError = fieldId === EMAIL_VERIFICATION_FIELD_IDS.EMAIL
+                ? formState.emailTouched && fieldError
+                    ? fieldError
+                    : undefined
+                : fieldError;
+            return (_jsx(FormFieldWrapper, { fieldId: fieldDefinition.id, label: fieldDefinition.label, input: inputElement, errorMessage: shouldShowError }, fieldId));
+        });
+    };
+    // Verifying state
+    if (verification.isVerifying) {
+        return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: already_logged_in_message, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, requireEmailVerified: false, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs("div", { className: "cls_email_verification_verifying flex flex-col items-center justify-center gap-4 py-8", children: [_jsx(Loader2, { className: "h-12 w-12 animate-spin text-slate-600", "aria-hidden": "true" }), _jsxs("div", { className: "cls_email_verification_verifying_text text-center", children: [_jsx("h1", { className: "cls_email_verification_verifying_heading text-2xl font-semibold text-slate-900", children: resolvedLabels.heading }), _jsx("p", { className: "cls_email_verification_verifying_subheading mt-2 text-sm text-slate-600", children: resolvedLabels.subHeading })] })] }) }) }));
+    }
+    // Success state
+    if (verification.isVerified) {
+        return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: already_logged_in_message, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, requireEmailVerified: false, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs("div", { className: "cls_email_verification_success flex flex-col gap-6", children: [_jsxs("div", { className: "cls_email_verification_success_content flex flex-col items-center gap-4 text-center", children: [_jsx(CheckCircle, { className: "h-16 w-16 text-green-600", "aria-hidden": "true" }), _jsxs("div", { className: "cls_email_verification_success_text", children: [_jsx("h1", { className: "cls_email_verification_success_heading text-2xl font-semibold text-slate-900", children: resolvedSuccessLabels.heading }), _jsx("p", { className: "cls_email_verification_success_message mt-2 text-sm text-slate-600", children: resolvedSuccessLabels.message })] }), _jsxs("div", { className: "cls_email_verification_redirect_info mt-2 text-sm text-slate-500", children: [resolvedSuccessLabels.redirectMessage, " ", verification.redirectCountdown, " seconds..."] })] }), _jsx("div", { className: "cls_email_verification_success_actions flex justify-center", children: _jsx(Button, { type: "button", onClick: verification.handleGoToLogin, className: "cls_email_verification_go_to_login_button", style: {
+                                    backgroundColor: resolvedButtonPalette.submitBackground,
+                                    color: resolvedButtonPalette.submitText,
+                                }, children: resolvedSuccessLabels.goToLoginButton }) })] }) }) }));
+    }
+    // Error state with resend form
+    return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: already_logged_in_message, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, requireEmailVerified: false, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs(_Fragment, { children: [_jsxs("div", { className: "cls_email_verification_error_header flex flex-col items-center gap-4 text-center", children: [_jsx(XCircle, { className: "h-12 w-12 text-red-600", "aria-hidden": "true" }), _jsxs("div", { className: "cls_email_verification_error_text", children: [_jsx("h1", { className: "cls_email_verification_error_heading text-2xl font-semibold text-slate-900", children: resolvedErrorLabels.heading }), _jsx("p", { className: "cls_email_verification_error_message mt-2 text-sm text-slate-600", children: verification.errorMessage || resolvedErrorLabels.message })] })] }), _jsxs("div", { className: "cls_email_verification_resend_form", children: [_jsx(FormHeader, { heading: resolvedErrorLabels.resendFormHeading, subHeading: "Enter your email address to receive a new verification link." }), _jsxs("form", { className: "cls_email_verification_layout_form_fields flex flex-col gap-5", onSubmit: verification.handleResendSubmit, "aria-label": "Resend verification email form", children: [renderFields(verification), _jsx(FormActionButtons, { submitLabel: resolvedLabels.submitButton, cancelLabel: resolvedLabels.cancelButton, buttonPalette: resolvedButtonPalette, isSubmitDisabled: verification.isSubmitDisabled, onCancel: verification.handleCancel, submitAriaLabel: "Submit resend verification email form", cancelAriaLabel: "Cancel resend verification email form" }), verification.isSubmitting && (_jsx("div", { className: "cls_email_verification_submitting_indicator text-sm text-slate-600 text-center", children: "Sending verification email..." }))] })] })] }) }) }));
+}

package/dist/components/layouts/forgot_password/config/forgot_password_field_config.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
+import { type ButtonPaletteDefaults, type ButtonPaletteOverrides, type LayoutLabelDefaults, type LayoutLabelOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
+export declare const FORGOT_PASSWORD_FIELD_IDS: {
+    readonly EMAIL: "email_address";
+};
+export type ForgotPasswordFieldId = (typeof FORGOT_PASSWORD_FIELD_IDS)[keyof typeof FORGOT_PASSWORD_FIELD_IDS];
+export declare const createForgotPasswordFieldDefinitions: (overrides?: LayoutFieldMapOverrides) => LayoutFieldMap;
+export declare const resolveForgotPasswordLabels: (overrides?: LayoutLabelOverrides) => LayoutLabelDefaults;
+export declare const resolveForgotPasswordButtonPalette: (overrides?: ButtonPaletteOverrides) => ButtonPaletteDefaults;
+//# sourceMappingURL=forgot_password_field_config.d.ts.map

package/dist/components/layouts/forgot_password/config/forgot_password_field_config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot_password_field_config.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/forgot_password/config/forgot_password_field_config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,iEAAiE,CAAC;AAC/H,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAGzE,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAc/G,eAAO,MAAM,oCAAoC,GAC/C,YAAY,uBAAuB,mBACqC,CAAC;AAU3E,eAAO,MAAM,2BAA2B,GAAI,YAAY,oBAAoB,wBAClB,CAAC;AAU3D,eAAO,MAAM,kCAAkC,GAAI,YAAY,sBAAsB,0BACX,CAAC"}

package/dist/components/layouts/forgot_password/config/forgot_password_field_config.js

@@ -0,0 +1,33 @@
+import { resolveButtonPalette, resolveFieldDefinitions, resolveLabels, } from "hazo_auth/components/layouts/shared/config/layout_customization";
+// section: field_identifiers
+export const FORGOT_PASSWORD_FIELD_IDS = {
+    EMAIL: "email_address",
+};
+// section: field_definitions
+const FORGOT_PASSWORD_FIELD_DEFINITIONS = {
+    [FORGOT_PASSWORD_FIELD_IDS.EMAIL]: {
+        id: FORGOT_PASSWORD_FIELD_IDS.EMAIL,
+        label: "Email address",
+        type: "email",
+        autoComplete: "email",
+        placeholder: "Enter your email address",
+        ariaLabel: "Email address input field",
+    },
+};
+export const createForgotPasswordFieldDefinitions = (overrides) => resolveFieldDefinitions(FORGOT_PASSWORD_FIELD_DEFINITIONS, overrides);
+// section: label_defaults
+const FORGOT_PASSWORD_LABEL_DEFAULTS = {
+    heading: "Forgot your password?",
+    subHeading: "Enter your email address and we'll send you a link to reset your password.",
+    submitButton: "Send reset link",
+    cancelButton: "Cancel",
+};
+export const resolveForgotPasswordLabels = (overrides) => resolveLabels(FORGOT_PASSWORD_LABEL_DEFAULTS, overrides);
+// section: button_palette_defaults
+const FORGOT_PASSWORD_BUTTON_PALETTE_DEFAULTS = {
+    submitBackground: "#0f172a",
+    submitText: "#ffffff",
+    cancelBorder: "#cbd5f5",
+    cancelText: "#0f172a",
+};
+export const resolveForgotPasswordButtonPalette = (overrides) => resolveButtonPalette(FORGOT_PASSWORD_BUTTON_PALETTE_DEFAULTS, overrides);

package/dist/components/layouts/forgot_password/hooks/use_forgot_password_form.d.ts

@@ -0,0 +1,22 @@
+import type { LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+import { type ForgotPasswordFieldId } from "hazo_auth/components/layouts/forgot_password/config/forgot_password_field_config";
+export type ForgotPasswordFormValues = Record<ForgotPasswordFieldId, string>;
+export type ForgotPasswordFormErrors = Partial<Record<ForgotPasswordFieldId, string>> & {
+    submit?: string;
+};
+export type UseForgotPasswordFormParams<TClient = unknown> = {
+    dataClient: LayoutDataClient<TClient>;
+};
+export type UseForgotPasswordFormResult = {
+    values: ForgotPasswordFormValues;
+    errors: ForgotPasswordFormErrors;
+    isSubmitDisabled: boolean;
+    isSubmitting: boolean;
+    emailTouched: boolean;
+    handleFieldChange: (fieldId: ForgotPasswordFieldId, value: string) => void;
+    handleEmailBlur: () => void;
+    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
+    handleCancel: () => void;
+};
+export declare const use_forgot_password_form: <TClient>({ dataClient, }: UseForgotPasswordFormParams<TClient>) => UseForgotPasswordFormResult;
+//# sourceMappingURL=use_forgot_password_form.d.ts.map

package/dist/components/layouts/forgot_password/hooks/use_forgot_password_form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_forgot_password_form.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/forgot_password/hooks/use_forgot_password_form.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EAA6B,KAAK,qBAAqB,EAAE,MAAM,kFAAkF,CAAC;AAIzJ,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;AAC7E,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,GAAG;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,OAAO,GAAG,OAAO,IAAI;IAC3D,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,wBAAwB,CAAC;IACjC,MAAM,EAAE,wBAAwB,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAQF,eAAO,MAAM,wBAAwB,GAAI,OAAO,EAAG,iBAEhD,2BAA2B,CAAC,OAAO,CAAC,KAAG,2BA2IzC,CAAC"}