hazo_auth 7.0.1 → 8.0.1

package/dist/server_pages/forgot_password.js

@@ -5,9 +5,9 @@ import "server-only";
 // section: imports
 import { get_forgot_password_config } from "../lib/forgot_password_config.server.js";
 import { ForgotPasswordClientWrapper } from "./forgot_password_client_wrapper.js";
+import { readStrings } from "../strings.js";
 import { AuthPageShell } from "../components/layouts/shared/components/auth_page_shell.js";
 import { DEFAULT_FORGOT_PASSWORD } from "../lib/config/default_config.js";
-import { DEFAULT_STRINGS, readStrings } from "../strings.js";
 // section: component
 /**
  * Zero-config ForgotPasswordPage server component
@@ -29,22 +29,24 @@ import { DEFAULT_STRINGS, readStrings } from "../strings.js";
  *
  * Zero configuration required - works out of the box!
  *
- * @param props - Optional navigation customization props
+ * @param props - Optional visual and navigation customization props
  * @returns Server-rendered forgot password page
  */
-export default function ForgotPasswordPage(props) {
-    var _a, _b, _c;
-    const { sign_in_path = DEFAULT_FORGOT_PASSWORD.loginPath, sign_in_label = DEFAULT_FORGOT_PASSWORD.loginLabel, theme, title, subtitle, ctaText, } = props !== null && props !== void 0 ? props : {};
-    // Resolve strings: prop > HazoAuthStringsProvider > DEFAULT_STRINGS
+export default function ForgotPasswordPage({ image_src, image_alt, image_background_color, sign_in_path = DEFAULT_FORGOT_PASSWORD.loginPath, sign_in_label = DEFAULT_FORGOT_PASSWORD.loginLabel, } = {}) {
+    // Load configuration from INI file (with defaults including asset images)
+    const config = get_forgot_password_config();
     const strings = readStrings();
     const fp_strings = strings.forgot_password;
-    const resolved_title = (_a = title !== null && title !== void 0 ? title : fp_strings.title) !== null && _a !== void 0 ? _a : DEFAULT_STRINGS.forgot_password.title;
-    const resolved_subtitle = (_b = subtitle !== null && subtitle !== void 0 ? subtitle : fp_strings.subtitle) !== null && _b !== void 0 ? _b : DEFAULT_STRINGS.forgot_password.subtitle;
-    const resolved_cta = (_c = ctaText !== null && ctaText !== void 0 ? ctaText : fp_strings.ctaText) !== null && _c !== void 0 ? _c : DEFAULT_STRINGS.forgot_password.ctaText;
-    // Load configuration from INI file (with defaults)
-    const config = get_forgot_password_config();
+    // Use props if provided, otherwise fall back to config (which includes default asset image)
+    const finalImageSrc = image_src || config.imageSrc;
+    const finalImageAlt = image_alt || config.imageAlt;
+    const finalImageBackgroundColor = image_background_color || config.imageBackgroundColor;
     // Pass serializable config to client wrapper, wrapped in AuthPageShell for navbar support
-    return (_jsx(AuthPageShell, { children: _jsx(ForgotPasswordClientWrapper, { sign_in_path: sign_in_path, sign_in_label: sign_in_label, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, theme: theme, labels: { heading: resolved_title, subHeading: resolved_subtitle, submitButton: resolved_cta } }) }));
+    return (_jsx(AuthPageShell, { children: _jsx(ForgotPasswordClientWrapper, { image_src: finalImageSrc, image_alt: finalImageAlt, image_background_color: finalImageBackgroundColor, sign_in_path: sign_in_path, sign_in_label: sign_in_label, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, labels: {
+                heading: fp_strings.title,
+                subHeading: fp_strings.subtitle,
+                submitButton: fp_strings.ctaText,
+            } }) }));
 }
 // Named export for direct imports
 export { ForgotPasswordPage };

package/dist/server_pages/forgot_password_client_wrapper.d.ts

@@ -1,16 +1,17 @@
 import type { ForgotPasswordConfig } from "../lib/forgot_password_config.server";
-import type { HazoAuthTheme } from "../theme/theme_types";
-export type ForgotPasswordClientWrapperProps = ForgotPasswordConfig & {
+import type { LayoutLabelOverrides } from "../components/layouts/shared/config/layout_customization";
+import type { StaticImageData } from "next/image";
+export type ForgotPasswordClientWrapperProps = Omit<ForgotPasswordConfig, 'imageSrc' | 'imageAlt' | 'imageBackgroundColor'> & {
+    image_src: string | StaticImageData;
+    image_alt: string;
+    image_background_color: string;
     sign_in_path: string;
     sign_in_label: string;
-    /** Optional theme passed through to ForgotPasswordLayout → TwoColumnAuthLayout. */
-    theme?: HazoAuthTheme;
-    /** Optional label overrides (heading, subHeading, submitButton) */
-    labels?: import("../components/layouts/shared/config/layout_customization").LayoutLabelOverrides;
+    labels?: LayoutLabelOverrides;
 };
 /**
  * Client wrapper for ForgotPasswordLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export declare function ForgotPasswordClientWrapper({ sign_in_path, sign_in_label, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, theme, labels, }: ForgotPasswordClientWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function ForgotPasswordClientWrapper({ image_src, image_alt, image_background_color, sign_in_path, sign_in_label, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, labels, }: ForgotPasswordClientWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=forgot_password_client_wrapper.d.ts.map

package/dist/server_pages/forgot_password_client_wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forgot_password_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/forgot_password_client_wrapper.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,gCAAgC,GAAG,oBAAoB,GAAG;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,0DAA0D,EAAE,oBAAoB,CAAC;CAClG,CAAC;AAGF;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,YAAY,EACZ,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,KAAK,EACL,MAAM,GACP,EAAE,gCAAgC,2CAkClC"}
+{"version":3,"file":"forgot_password_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/forgot_password_client_wrapper.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAGrG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,gCAAgC,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,UAAU,GAAG,sBAAsB,CAAC,GAAG;IAC5H,SAAS,EAAE,MAAM,GAAG,eAAe,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,MAAM,GACP,EAAE,gCAAgC,2CAoClC"}

package/dist/server_pages/forgot_password_client_wrapper.js

@@ -11,7 +11,7 @@ import { create_sqlite_hazo_connect } from "../lib/hazo_connect_setup.js";
  * Client wrapper for ForgotPasswordLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export function ForgotPasswordClientWrapper({ sign_in_path, sign_in_label, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, theme, labels, }) {
+export function ForgotPasswordClientWrapper({ image_src, image_alt, image_background_color, sign_in_path, sign_in_label, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, labels, }) {
     const [dataClient, setDataClient] = useState(null);
     useEffect(() => {
         // Initialize hazo_connect on client side
@@ -23,5 +23,5 @@ export function ForgotPasswordClientWrapper({ sign_in_path, sign_in_label, alrea
     if (!dataClient) {
         return (_jsx("div", { className: "cls_forgot_password_page_loading flex items-center justify-center min-h-screen", children: _jsx("div", { className: "text-slate-600 animate-pulse", children: "Loading..." }) }));
     }
-    return (_jsx(ForgotPasswordLayout, { data_client: dataClient, sign_in_path: sign_in_path, sign_in_label: sign_in_label, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, theme: theme, labels: labels }));
+    return (_jsx(ForgotPasswordLayout, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, data_client: dataClient, sign_in_path: sign_in_path, sign_in_label: sign_in_label, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, labels: labels }));
 }

package/dist/server_pages/index.d.ts

@@ -10,4 +10,6 @@ export type { ForgotPasswordPageProps } from "./forgot_password";
 export type { ResetPasswordPageProps } from "./reset_password";
 export type { VerifyEmailPageProps } from "./verify_email";
 export type { MySettingsPageProps } from "./my_settings";
+export { default as OTPPage } from "./otp.js";
+export type { OTPPageProps } from "./otp";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server_pages/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG1D,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server_pages/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG1D,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC"}

package/dist/server_pages/index.js

@@ -5,3 +5,4 @@ export { default as ForgotPasswordPage } from "./forgot_password.js";
 export { default as ResetPasswordPage } from "./reset_password.js";
 export { default as VerifyEmailPage } from "./verify_email.js";
 export { default as MySettingsPage } from "./my_settings.js";
+export { default as OTPPage } from "./otp.js";

package/dist/server_pages/login.d.ts

@@ -1,34 +1,33 @@
 import "server-only";
-import type React from "react";
+import type { StaticImageData } from "next/image";
 export type LoginPageProps = {
+    /**
+     * Optional image source for the visual panel
+     * Defaults from hazo_auth_config.ini or package default image
+     */
+    image_src?: string | StaticImageData;
+    /**
+     * Optional image alt text
+     * Defaults to "Secure login illustration"
+     */
+    image_alt?: string;
+    /**
+     * Optional image background color
+     * Defaults to "#f1f5f9"
+     */
+    image_background_color?: string;
     /**
      * Layout mode (default: `"two_column"`).
      * - `"two_column"` — full server-rendered page with the package's
-     *   TwoColumnAuthLayout wrapped in the standalone AuthPageShell.
-     *   Layout appearance is now controlled by the theme (split or centered).
+     *   TwoColumnAuthLayout (image on the left, form on the right) wrapped in
+     *   the standalone AuthPageShell. Backwards-compatible.
      * - `"form_only"` — emits just the form content (no AuthPageShell, no
      *   TwoColumnAuthLayout). Use when wrapping the form in your own brand
-     *   chrome.
+     *   chrome (e.g. a custom split-panel layout or an existing app shell).
+     *   `image_src` / `image_alt` / `image_background_color` are ignored in
+     *   this mode.
      */
     layout?: "two_column" | "form_only";
-    /**
-     * Optional theme that controls visual appearance and layout mode.
-     * When `theme.layout` is `"split"`, activates the two-column split layout
-     * with the brand panel on the left.
-     */
-    theme?: import("../theme/theme_types").HazoAuthTheme;
-    /** Override the page heading. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    title?: string;
-    /** Override the page subtitle. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    subtitle?: string;
-    /** Override the submit button label. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    ctaText?: string;
-    /**
-     * Optional legal text rendered below the form.
-     * Accepts a string or JSX (e.g. `<a href="/tos">Terms of Service</a>`).
-     * Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS.
-     */
-    legalText?: React.ReactNode;
 };
 /**
  * Zero-config LoginPage server component
@@ -53,6 +52,6 @@ export type LoginPageProps = {
  * @param props - Optional visual customization props
  * @returns Server-rendered login page
  */
-export default function LoginPage(props: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+export default function LoginPage({ image_src, image_alt, image_background_color, layout, }?: LoginPageProps): import("react/jsx-runtime").JSX.Element;
 export { LoginPage };
 //# sourceMappingURL=login.d.ts.map

package/dist/server_pages/login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/server_pages/login.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,sBAAsB,EAAE,aAAa,CAAC;IACrD,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CAkEtD;AAGD,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/server_pages/login.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAUrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAErC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrC,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,MAAqB,GACtB,GAAE,cAAmB,2CAsErB;AAGD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/server_pages/login.js

@@ -2,12 +2,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // file_description: Zero-config LoginPage server component - drop in and use with no configuration required
 // section: server-only-guard
 import "server-only";
+// section: imports
 import { get_login_config } from "../lib/login_config.server.js";
 import { get_navbar_config } from "../lib/navbar_config.server.js";
 import { LoginClientWrapper } from "./login_client_wrapper.js";
+import { readStrings } from "../strings.js";
 import { AuthPageShell } from "../components/layouts/shared/components/auth_page_shell.js";
 import { FloatingHomeLink } from "../components/layouts/shared/components/floating_home_link.js";
-import { DEFAULT_STRINGS, readStrings } from "../strings.js";
 // section: component
 /**
  * Zero-config LoginPage server component
@@ -32,26 +33,38 @@ import { DEFAULT_STRINGS, readStrings } from "../strings.js";
  * @param props - Optional visual customization props
  * @returns Server-rendered login page
  */
-export default function LoginPage(props) {
-    var _a, _b, _c;
-    const { layout = "two_column", theme, title, subtitle, ctaText, legalText, } = props !== null && props !== void 0 ? props : {};
-    // Resolve strings: prop > HazoAuthStringsProvider > DEFAULT_STRINGS
+export default function LoginPage({ image_src, image_alt, image_background_color, layout = "two_column", } = {}) {
+    // Load configuration from INI file (with defaults including asset images)
+    const config = get_login_config();
+    // Resolve strings for heading/subheading/ctaText
     const strings = readStrings();
     const login_strings = strings.login;
-    const resolved_title = (_a = title !== null && title !== void 0 ? title : login_strings.title) !== null && _a !== void 0 ? _a : DEFAULT_STRINGS.login.title;
-    const resolved_subtitle = (_b = subtitle !== null && subtitle !== void 0 ? subtitle : login_strings.subtitle) !== null && _b !== void 0 ? _b : DEFAULT_STRINGS.login.subtitle;
-    const resolved_cta = (_c = ctaText !== null && ctaText !== void 0 ? ctaText : login_strings.ctaText) !== null && _c !== void 0 ? _c : DEFAULT_STRINGS.login.ctaText;
-    const resolved_legal = legalText !== undefined ? legalText : (login_strings.legalText || undefined);
-    // Load configuration from INI file (with defaults)
-    const config = get_login_config();
-    const wrapper = (_jsx(LoginClientWrapper, { redirectRoute: config.redirectRoute, successMessage: config.successMessage, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, forgotPasswordPath: config.forgotPasswordPath, forgotPasswordLabel: config.forgotPasswordLabel, createAccountPath: config.createAccountPath, createAccountLabel: config.createAccountLabel, showCreateAccountLink: config.showCreateAccountLink, oauth: {
+    // Use props if provided, otherwise fall back to config (which includes default asset image)
+    const finalImageSrc = image_src || config.imageSrc;
+    const finalImageAlt = image_alt || config.imageAlt;
+    const finalImageBackgroundColor = image_background_color || config.imageBackgroundColor;
+    const wrapper = (_jsx(LoginClientWrapper, { image_src: finalImageSrc, image_alt: finalImageAlt, image_background_color: finalImageBackgroundColor, redirectRoute: config.redirectRoute, successMessage: config.successMessage, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, forgotPasswordPath: config.forgotPasswordPath, forgotPasswordLabel: config.forgotPasswordLabel, createAccountPath: config.createAccountPath, createAccountLabel: config.createAccountLabel, showCreateAccountLink: config.showCreateAccountLink, oauth: {
             enable_google: config.oauth.enable_google,
             enable_email_password: config.oauth.enable_email_password,
             google_button_text: config.oauth.google_button_text,
             oauth_divider_text: config.oauth.oauth_divider_text,
-            enable_facebook: config.oauth.enable_facebook,
+            enable_facebook_oauth: config.oauth.enable_facebook_oauth,
             facebook_button_text: config.oauth.facebook_button_text,
-        }, otpSigninEnabled: config.otpSigninEnabled, otpSigninLabel: config.otpSigninLabel, otpSigninHref: config.otpSigninHref, layout: layout, theme: theme, labels: { heading: resolved_title, subHeading: resolved_subtitle, submitButton: resolved_cta }, legalText: resolved_legal }));
+        }, layout: layout, labels: {
+            heading: login_strings.title,
+            subHeading: login_strings.subtitle,
+            submitButton: login_strings.ctaText,
+        } }));
+    // form_only mode: skip AuthPageShell so the consumer's own page chrome
+    // (e.g. a split-panel AuthLayout) hosts the form without our standalone
+    // wrapper interfering. Two-column mode keeps the existing AuthPageShell
+    // wrap for navbar/centering support.
+    //
+    // The navbar config's home_link is also surfaced here in form_only mode
+    // so users mid-auth-flow always have a way out — without this, the only
+    // exit is the browser back button. Rendered as a fixed-position "Back to
+    // home" pill (top-left). Disabled by setting `[hazo_auth__navbar]
+    // show_home_link = false` or by hiding it CSS-side at the consumer.
     if (layout === "form_only") {
         const navbar = get_navbar_config();
         return (_jsxs(_Fragment, { children: [navbar.show_home_link && (_jsx(FloatingHomeLink, { path: navbar.home_path, label: navbar.home_label })), wrapper] }));

package/dist/server_pages/login_client_wrapper.d.ts

@@ -1,24 +1,23 @@
-import React from "react";
 import type { LoginConfig } from "../lib/login_config.server";
 import type { OAuthLayoutConfig } from "../components/layouts/login/index";
-import type { HazoAuthTheme } from "../theme/theme_types";
-export type LoginClientWrapperProps = Omit<LoginConfig, 'oauth' | 'showCreateAccountLink'> & {
+import type { LayoutLabelOverrides } from "../components/layouts/shared/config/layout_customization";
+import type { StaticImageData } from "next/image";
+export type LoginClientWrapperProps = Omit<LoginConfig, 'imageSrc' | 'imageAlt' | 'imageBackgroundColor' | 'oauth' | 'showCreateAccountLink'> & {
+    image_src?: string | StaticImageData;
+    image_alt?: string;
+    image_background_color?: string;
     /** Show/hide "Create account" link (default: true) */
     showCreateAccountLink?: boolean;
     /** OAuth configuration */
     oauth?: OAuthLayoutConfig;
     /** Layout mode — see LoginLayoutProps.layout. Default `"two_column"`. */
     layout?: "two_column" | "form_only";
-    /** Optional theme passed through to LoginLayout → TwoColumnAuthLayout. */
-    theme?: HazoAuthTheme;
-    /** Optional label overrides (heading, subHeading, submitButton) */
-    labels?: import("../components/layouts/shared/config/layout_customization").LayoutLabelOverrides;
-    /** Optional legal text rendered below the form (accepts ReactNode for links/JSX) */
-    legalText?: React.ReactNode;
+    /** String overrides for page heading, subheading, and submit button. */
+    labels?: LayoutLabelOverrides;
 };
 /**
  * Client wrapper for LoginLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export declare function LoginClientWrapper({ redirectRoute, successMessage, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, forgotPasswordPath, forgotPasswordLabel, createAccountPath, createAccountLabel, showCreateAccountLink, oauth, otpSigninEnabled, otpSigninLabel, otpSigninHref, layout, theme, labels, legalText, }: LoginClientWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginClientWrapper({ image_src, image_alt, image_background_color, redirectRoute, successMessage, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, forgotPasswordPath, forgotPasswordLabel, createAccountPath, createAccountLabel, showCreateAccountLink, oauth, layout, labels, }: LoginClientWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=login_client_wrapper.d.ts.map

package/dist/server_pages/login_client_wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/login_client_wrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,uBAAuB,CAAC,GAAG;IAC3F,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yEAAyE;IACzE,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,0DAA0D,EAAE,oBAAoB,CAAC;IACjG,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,qBAA4B,EAC5B,KAAK,EACL,gBAAwB,EACxB,cAA0C,EAC1C,aAAgC,EAChC,MAAqB,EACrB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CA6CzB"}
+{"version":3,"file":"login_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/login_client_wrapper.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAGrG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,GAAG,sBAAsB,GAAG,OAAO,GAAG,uBAAuB,CAAC,GAAG;IAC9I,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yEAAyE;IACzE,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC,wEAAwE;IACxE,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,qBAA4B,EAC5B,KAAK,EACL,MAAqB,EACrB,MAAM,GACP,EAAE,uBAAuB,2CA2CzB"}

package/dist/server_pages/login_client_wrapper.js

@@ -11,7 +11,7 @@ import { create_sqlite_hazo_connect } from "../lib/hazo_connect_setup.js";
  * Client wrapper for LoginLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export function LoginClientWrapper({ redirectRoute, successMessage, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, forgotPasswordPath, forgotPasswordLabel, createAccountPath, createAccountLabel, showCreateAccountLink = true, oauth, otpSigninEnabled = false, otpSigninLabel = "Sign in with email code", otpSigninHref = "/hazo_auth/otp", layout = "two_column", theme, labels, legalText, }) {
+export function LoginClientWrapper({ image_src, image_alt, image_background_color, redirectRoute, successMessage, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, forgotPasswordPath, forgotPasswordLabel, createAccountPath, createAccountLabel, showCreateAccountLink = true, oauth, layout = "two_column", labels, }) {
     const [dataClient, setDataClient] = useState(null);
     useEffect(() => {
         // Initialize hazo_connect on client side
@@ -23,5 +23,5 @@ export function LoginClientWrapper({ redirectRoute, successMessage, alreadyLogge
     if (!dataClient) {
         return (_jsx("div", { className: "cls_login_page_loading flex items-center justify-center min-h-screen", children: _jsx("div", { className: "text-slate-600 animate-pulse", children: "Loading..." }) }));
     }
-    return (_jsx(LoginLayout, { data_client: dataClient, redirectRoute: redirectRoute, successMessage: successMessage, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, forgot_password_path: forgotPasswordPath, forgot_password_label: forgotPasswordLabel, create_account_path: createAccountPath, create_account_label: createAccountLabel, show_create_account_link: showCreateAccountLink, oauth: oauth, otp_signin_enabled: otpSigninEnabled, otp_signin_label: otpSigninLabel, otp_signin_href: otpSigninHref, layout: layout, theme: theme, labels: labels, legalText: legalText }));
+    return (_jsx(LoginLayout, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, data_client: dataClient, redirectRoute: redirectRoute, successMessage: successMessage, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, forgot_password_path: forgotPasswordPath, forgot_password_label: forgotPasswordLabel, create_account_path: createAccountPath, create_account_label: createAccountLabel, show_create_account_link: showCreateAccountLink, oauth: oauth, layout: layout, labels: labels }));
 }

package/dist/server_pages/my_settings.d.ts

@@ -4,8 +4,6 @@ export type MySettingsPageProps = {
      * Optional className for custom styling
      */
     className?: string;
-    /** Override the page heading. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    title?: string;
 };
 /**
  * Zero-config MySettingsPage server component
@@ -52,6 +50,6 @@ export type MySettingsPageProps = {
  * @param props - Optional className for custom styling
  * @returns Server-rendered my settings component
  */
-export default function MySettingsPage(props: MySettingsPageProps): import("react/jsx-runtime").JSX.Element;
+export default function MySettingsPage({ className, }?: MySettingsPageProps): import("react/jsx-runtime").JSX.Element;
 export { MySettingsPage };
 //# sourceMappingURL=my_settings.d.ts.map

package/dist/server_pages/my_settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"my_settings.d.ts","sourceRoot":"","sources":["../../src/server_pages/my_settings.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AASrB,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuChE;AAGD,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"my_settings.d.ts","sourceRoot":"","sources":["../../src/server_pages/my_settings.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAQrB,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,GACV,GAAE,mBAAwB,2CAgC1B;AAGD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/server_pages/my_settings.js

@@ -6,7 +6,6 @@ import "server-only";
 import { get_my_settings_config } from "../lib/my_settings_config.server.js";
 import MySettingsLayout from "../components/layouts/my_settings/index.js";
 import { AuthPageShell } from "../components/layouts/shared/components/auth_page_shell.js";
-import { DEFAULT_STRINGS, readStrings } from "../strings.js";
 // section: component
 /**
  * Zero-config MySettingsPage server component
@@ -53,17 +52,11 @@ import { DEFAULT_STRINGS, readStrings } from "../strings.js";
  * @param props - Optional className for custom styling
  * @returns Server-rendered my settings component
  */
-export default function MySettingsPage(props) {
-    var _a;
-    const { className, title } = props !== null && props !== void 0 ? props : {};
-    // Resolve strings: prop > HazoAuthStringsProvider > DEFAULT_STRINGS
-    const strings = readStrings();
-    const ms_strings = strings.my_settings;
-    const resolved_title = (_a = title !== null && title !== void 0 ? title : ms_strings.title) !== null && _a !== void 0 ? _a : DEFAULT_STRINGS.my_settings.title;
+export default function MySettingsPage({ className, } = {}) {
     // Load configuration from INI file (with defaults)
     const config = get_my_settings_config();
     // Render layout with all server-initialized configuration, wrapped in AuthPageShell for navbar support
-    return (_jsx(AuthPageShell, { children: _jsx(MySettingsLayout, { className: className, password_requirements: config.passwordRequirements, profilePicture: config.profilePicture, userFields: config.userFields, unauthorizedMessage: config.unauthorizedMessage, loginButtonLabel: config.loginButtonLabel, loginPath: config.loginPath, heading: resolved_title, subHeading: config.subHeading, profilePhotoLabel: config.profilePhotoLabel, profilePhotoRecommendation: config.profilePhotoRecommendation, uploadPhotoButtonLabel: config.uploadPhotoButtonLabel, removePhotoButtonLabel: config.removePhotoButtonLabel, profileInformationLabel: config.profileInformationLabel, passwordLabel: config.passwordLabel, currentPasswordLabel: config.currentPasswordLabel, newPasswordLabel: config.newPasswordLabel, confirmPasswordLabel: config.confirmPasswordLabel, messages: config.messages, uiSizes: config.uiSizes, fileTypes: config.fileTypes }) }));
+    return (_jsx(AuthPageShell, { children: _jsx(MySettingsLayout, { className: className, password_requirements: config.passwordRequirements, profilePicture: config.profilePicture, userFields: config.userFields, unauthorizedMessage: config.unauthorizedMessage, loginButtonLabel: config.loginButtonLabel, loginPath: config.loginPath, heading: config.heading, subHeading: config.subHeading, profilePhotoLabel: config.profilePhotoLabel, profilePhotoRecommendation: config.profilePhotoRecommendation, uploadPhotoButtonLabel: config.uploadPhotoButtonLabel, removePhotoButtonLabel: config.removePhotoButtonLabel, profileInformationLabel: config.profileInformationLabel, passwordLabel: config.passwordLabel, currentPasswordLabel: config.currentPasswordLabel, newPasswordLabel: config.newPasswordLabel, confirmPasswordLabel: config.confirmPasswordLabel, messages: config.messages, uiSizes: config.uiSizes, fileTypes: config.fileTypes }) }));
 }
 // Named export for direct imports
 export { MySettingsPage };

package/dist/server_pages/register.d.ts

@@ -1,30 +1,27 @@
 import "server-only";
-import type React from "react";
+import type { StaticImageData } from "next/image";
 export type RegisterPageProps = {
     /**
-     * Layout mode (default: `"two_column"`). See `LoginPageProps.layout` for the
-     * full description. `"form_only"` skips both AuthPageShell and
-     * TwoColumnAuthLayout so the consumer's brand chrome can wrap the form.
+     * Optional image source for the visual panel
+     * Defaults from hazo_auth_config.ini or package default image
      */
-    layout?: "two_column" | "form_only";
+    image_src?: string | StaticImageData;
+    /**
+     * Optional image alt text
+     * Defaults from hazo_auth_config.ini or "Modern building representing user registration"
+     */
+    image_alt?: string;
     /**
-     * Optional theme that controls visual appearance and layout mode.
-     * When `theme.layout` is `"split"`, activates the two-column split layout
-     * with the brand panel on the left.
+     * Optional image background color
+     * Defaults from hazo_auth_config.ini or "#e2e8f0"
      */
-    theme?: import("../theme/theme_types").HazoAuthTheme;
-    /** Override the page heading. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    title?: string;
-    /** Override the page subtitle. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    subtitle?: string;
-    /** Override the submit button label. Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS. */
-    ctaText?: string;
+    image_background_color?: string;
     /**
-     * Optional legal text rendered below the form.
-     * Accepts a string or JSX (e.g. `<a href="/tos">Terms of Service</a>`).
-     * Falls back to HazoAuthStringsProvider → DEFAULT_STRINGS.
+     * Layout mode (default: `"two_column"`). See `LoginPageProps.layout` for the
+     * full description. `"form_only"` skips both AuthPageShell and
+     * TwoColumnAuthLayout so the consumer's brand chrome can wrap the form.
      */
-    legalText?: React.ReactNode;
+    layout?: "two_column" | "form_only";
 };
 /**
  * Zero-config RegisterPage server component
@@ -51,6 +48,6 @@ export type RegisterPageProps = {
  * @param props - Optional visual customization props
  * @returns Server-rendered register page
  */
-export default function RegisterPage(props: RegisterPageProps): import("react/jsx-runtime").JSX.Element;
+export default function RegisterPage({ image_src, image_alt, image_background_color, layout, }?: RegisterPageProps): import("react/jsx-runtime").JSX.Element;
 export { RegisterPage };
 //# sourceMappingURL=register.d.ts.map

package/dist/server_pages/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/server_pages/register.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,sBAAsB,EAAE,aAAa,CAAC;IACrD,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4D5D;AAGD,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/server_pages/register.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAUrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAErC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,MAAqB,GACtB,GAAE,iBAAsB,2CA2DxB;AAGD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/server_pages/register.js

@@ -2,12 +2,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // file_description: Zero-config RegisterPage server component - drop in and use with no configuration required
 // section: server-only-guard
 import "server-only";
+// section: imports
 import { get_register_config } from "../lib/register_config.server.js";
 import { get_navbar_config } from "../lib/navbar_config.server.js";
 import { RegisterClientWrapper } from "./register_client_wrapper.js";
+import { readStrings } from "../strings.js";
 import { AuthPageShell } from "../components/layouts/shared/components/auth_page_shell.js";
 import { FloatingHomeLink } from "../components/layouts/shared/components/floating_home_link.js";
-import { DEFAULT_STRINGS, readStrings } from "../strings.js";
 // section: component
 /**
  * Zero-config RegisterPage server component
@@ -34,26 +35,30 @@ import { DEFAULT_STRINGS, readStrings } from "../strings.js";
  * @param props - Optional visual customization props
  * @returns Server-rendered register page
  */
-export default function RegisterPage(props) {
-    var _a, _b, _c;
-    const { layout = "two_column", theme, title, subtitle, ctaText, legalText, } = props !== null && props !== void 0 ? props : {};
-    // Resolve strings: prop > HazoAuthStringsProvider > DEFAULT_STRINGS
-    const strings = readStrings();
-    const register_strings = strings.register;
-    const resolved_title = (_a = title !== null && title !== void 0 ? title : register_strings.title) !== null && _a !== void 0 ? _a : DEFAULT_STRINGS.register.title;
-    const resolved_subtitle = (_b = subtitle !== null && subtitle !== void 0 ? subtitle : register_strings.subtitle) !== null && _b !== void 0 ? _b : DEFAULT_STRINGS.register.subtitle;
-    const resolved_cta = (_c = ctaText !== null && ctaText !== void 0 ? ctaText : register_strings.ctaText) !== null && _c !== void 0 ? _c : DEFAULT_STRINGS.register.ctaText;
-    const resolved_legal = legalText !== undefined ? legalText : (register_strings.legalText || undefined);
-    // Load configuration from INI file (with defaults)
+export default function RegisterPage({ image_src, image_alt, image_background_color, layout = "two_column", } = {}) {
+    // Load configuration from INI file (with defaults including asset images)
     const config = get_register_config();
-    const wrapper = (_jsx(RegisterClientWrapper, { showNameField: config.showNameField, passwordRequirements: config.passwordRequirements, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, signInPath: config.signInPath, signInLabel: config.signInLabel, oauth: {
+    const strings = readStrings();
+    const reg_strings = strings.register;
+    // Use props if provided, otherwise fall back to config (which includes default asset image)
+    const finalImageSrc = image_src || config.imageSrc;
+    const finalImageAlt = image_alt || config.imageAlt;
+    const finalImageBackgroundColor = image_background_color || config.imageBackgroundColor;
+    const wrapper = (_jsx(RegisterClientWrapper, { image_src: finalImageSrc, image_alt: finalImageAlt, image_background_color: finalImageBackgroundColor, showNameField: config.showNameField, passwordRequirements: config.passwordRequirements, alreadyLoggedInMessage: config.alreadyLoggedInMessage, showLogoutButton: config.showLogoutButton, showReturnHomeButton: config.showReturnHomeButton, returnHomeButtonLabel: config.returnHomeButtonLabel, returnHomePath: config.returnHomePath, signInPath: config.signInPath, signInLabel: config.signInLabel, oauth: {
             enable_google: config.oauth.enable_google,
             enable_email_password: config.oauth.enable_email_password,
             google_button_text: config.oauth.google_button_text,
             oauth_divider_text: config.oauth.oauth_divider_text,
-            enable_facebook: config.oauth.enable_facebook,
+            enable_facebook_oauth: config.oauth.enable_facebook_oauth,
             facebook_button_text: config.oauth.facebook_button_text,
-        }, layout: layout, theme: theme, labels: { heading: resolved_title, subHeading: resolved_subtitle, submitButton: resolved_cta }, legalText: resolved_legal }));
+        }, layout: layout, labels: {
+            heading: reg_strings.title,
+            subHeading: reg_strings.subtitle,
+            submitButton: reg_strings.ctaText,
+        } }));
+    // form_only mode: skip AuthPageShell so the consumer's own page chrome
+    // hosts the form. See LoginPage for the full rationale, including the
+    // FloatingHomeLink rendering rule below.
     if (layout === "form_only") {
         const navbar = get_navbar_config();
         return (_jsxs(_Fragment, { children: [navbar.show_home_link && (_jsx(FloatingHomeLink, { path: navbar.home_path, label: navbar.home_label })), wrapper] }));

package/dist/server_pages/register_client_wrapper.d.ts

@@ -1,22 +1,20 @@
-import React from "react";
 import type { RegisterConfig } from "../lib/register_config.server";
 import type { OAuthLayoutConfig } from "../components/layouts/register/index";
-import type { HazoAuthTheme } from "../theme/theme_types";
-export type RegisterClientWrapperProps = Omit<RegisterConfig, 'oauth'> & {
+import type { LayoutLabelOverrides } from "../components/layouts/shared/config/layout_customization";
+import type { StaticImageData } from "next/image";
+export type RegisterClientWrapperProps = Omit<RegisterConfig, 'imageSrc' | 'imageAlt' | 'imageBackgroundColor' | 'oauth'> & {
+    image_src?: string | StaticImageData;
+    image_alt?: string;
+    image_background_color?: string;
     /** OAuth configuration */
     oauth?: OAuthLayoutConfig;
     /** Layout mode — see RegisterLayoutProps.layout. Default `"two_column"`. */
     layout?: "two_column" | "form_only";
-    /** Optional theme passed through to RegisterLayout → TwoColumnAuthLayout. */
-    theme?: HazoAuthTheme;
-    /** Optional label overrides (heading, subHeading, submitButton) */
-    labels?: import("../components/layouts/shared/config/layout_customization").LayoutLabelOverrides;
-    /** Optional legal text rendered below the form (accepts ReactNode for links/JSX) */
-    legalText?: React.ReactNode;
+    labels?: LayoutLabelOverrides;
 };
 /**
  * Client wrapper for RegisterLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export declare function RegisterClientWrapper({ showNameField, passwordRequirements, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, signInPath, signInLabel, oauth, layout, theme, labels, legalText, }: RegisterClientWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function RegisterClientWrapper({ image_src, image_alt, image_background_color, showNameField, passwordRequirements, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, signInPath, signInLabel, oauth, layout, labels, }: RegisterClientWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=register_client_wrapper.d.ts.map

package/dist/server_pages/register_client_wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/register_client_wrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACvE,0BAA0B;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,0DAA0D,EAAE,oBAAoB,CAAC;IACjG,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAqB,EACrB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,0BAA0B,2CAuC5B"}
+{"version":3,"file":"register_client_wrapper.d.ts","sourceRoot":"","sources":["../../src/server_pages/register_client_wrapper.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAGrG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,sBAAsB,GAAG,OAAO,CAAC,GAAG;IAC1H,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACpC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,aAAa,EACb,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAqB,EACrB,MAAM,GACP,EAAE,0BAA0B,2CAwC5B"}

package/dist/server_pages/register_client_wrapper.js

@@ -11,7 +11,7 @@ import { create_sqlite_hazo_connect } from "../lib/hazo_connect_setup.js";
  * Client wrapper for RegisterLayout
  * Initializes hazo_connect data client on client side and passes config from server
  */
-export function RegisterClientWrapper({ showNameField, passwordRequirements, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, signInPath, signInLabel, oauth, layout = "two_column", theme, labels, legalText, }) {
+export function RegisterClientWrapper({ image_src, image_alt, image_background_color, showNameField, passwordRequirements, alreadyLoggedInMessage, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, signInPath, signInLabel, oauth, layout = "two_column", labels, }) {
     const [dataClient, setDataClient] = useState(null);
     useEffect(() => {
         // Initialize hazo_connect on client side
@@ -23,5 +23,5 @@ export function RegisterClientWrapper({ showNameField, passwordRequirements, alr
     if (!dataClient) {
         return (_jsx("div", { className: "cls_register_page_loading flex items-center justify-center min-h-screen", children: _jsx("div", { className: "text-slate-600 animate-pulse", children: "Loading..." }) }));
     }
-    return (_jsx(RegisterLayout, { data_client: dataClient, show_name_field: showNameField, password_requirements: passwordRequirements, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, signInPath: signInPath, signInLabel: signInLabel, oauth: oauth, layout: layout, theme: theme, labels: labels, legalText: legalText }));
+    return (_jsx(RegisterLayout, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, data_client: dataClient, show_name_field: showNameField, password_requirements: passwordRequirements, alreadyLoggedInMessage: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, signInPath: signInPath, signInLabel: signInLabel, oauth: oauth, layout: layout, labels: labels }));
 }