@burdenoff/microfe-auth 2026.828.2 → 2026.830.2

package/dist/auth/AuthRoot.js

@@ -1,83 +1,85 @@
 import { AuthProvider as e } from "./providers/AuthProvider.js";
 import { CaptchaProvider as t } from "./providers/CaptchaProvider.js";
-import { AuthRoutes as n } from "./AuthRoutes.js";
-import { useEffect as r, useMemo as i } from "react";
-import { ErrorBoundary as a } from "@burdenoff/fe-libs/shared/components";
-import { useLocation as o } from "react-router";
-import { Building as s, Key as c, Laptop as l, ShieldCheck as u } from "lucide-react";
-import { jsx as d } from "react/jsx-runtime";
-import { FeatureFlagProvider as f } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useTr as n } from "../shared/hooks/useTr.js";
+import { AuthRoutes as r } from "./AuthRoutes.js";
+import { useEffect as i, useMemo as a } from "react";
+import { ErrorBoundary as o } from "@burdenoff/fe-libs/shared/components";
+import { useLocation as s } from "react-router";
+import { Building as c, Key as l, Laptop as u, ShieldCheck as d } from "lucide-react";
+import { jsx as f } from "react/jsx-runtime";
+import { FeatureFlagProvider as p } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/auth/AuthRoot.tsx
-var p = (p) => {
-	let { registerNavItems: m, registerFooterItems: h, basePath: g = "/", enableAdminRoutes: _ = !1, bypassEnterprisePlanGate: v = !1 } = p, y = o(), b = i(() => g && g !== "/" ? g.endsWith("/") ? g.slice(0, -1) : g : "", [g]), x = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-	return r(() => {
-		if (m) return m([
+var m = (m) => {
+	let { registerNavItems: h, registerFooterItems: g, basePath: _ = "/", enableAdminRoutes: v = !1, bypassEnterprisePlanGate: y = !1 } = m, b = n(), x = s(), S = a(() => _ && _ !== "/" ? _.endsWith("/") ? _.slice(0, -1) : _ : "", [_]), C = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	return i(() => {
+		if (h) return h([
 			{
 				id: "auth-security",
-				label: "Security Settings",
-				path: x(g, "security"),
-				icon: /* @__PURE__ */ d(u, { size: 20 }),
+				label: b("auth.root.navSecurity", "Security Settings"),
+				path: C(_, "security"),
+				icon: /* @__PURE__ */ f(d, { size: 20 }),
 				order: 10,
 				group: "auth"
 			},
 			{
 				id: "auth-sessions",
-				label: "Active Sessions",
-				path: x(g, "sessions"),
-				icon: /* @__PURE__ */ d(l, { size: 20 }),
+				label: b("auth.root.navSessions", "Active Sessions"),
+				path: C(_, "sessions"),
+				icon: /* @__PURE__ */ f(u, { size: 20 }),
 				order: 20,
 				group: "auth"
 			},
 			{
 				id: "auth-mfa",
-				label: "Multi-Factor Auth",
-				path: x(g, "mfa"),
-				icon: /* @__PURE__ */ d(c, { size: 20 }),
+				label: b("auth.root.navMfa", "Multi-Factor Auth"),
+				path: C(_, "mfa"),
+				icon: /* @__PURE__ */ f(l, { size: 20 }),
 				order: 30,
 				group: "auth"
 			},
-			..._ ? [{
+			...v ? [{
 				id: "auth-sso",
-				label: "SSO Configuration",
-				path: x(g, "sso"),
-				icon: /* @__PURE__ */ d(s, { size: 20 }),
+				label: b("auth.root.navSso", "SSO Configuration"),
+				path: C(_, "sso"),
+				icon: /* @__PURE__ */ f(c, { size: 20 }),
 				order: 50,
 				group: "auth"
 			}] : []
 		]);
 	}, [
-		m,
-		g,
-		_
-	]), r(() => {
-		if (h) return h([{
+		h,
+		_,
+		v,
+		b
+	]), i(() => {
+		if (g) return g([{
 			id: "auth-status",
-			label: "Auth Ready",
+			label: b("auth.root.footerReady", "Auth Ready"),
 			type: "status",
 			order: 10,
 			section: "left"
 		}]);
-	}, [h]), i(() => b ? y.pathname === b || y.pathname.startsWith(b + "/") : !0, [b, y.pathname]) ? /* @__PURE__ */ d(a, {
-		fallback: /* @__PURE__ */ d("div", {
+	}, [g, b]), a(() => S ? x.pathname === S || x.pathname.startsWith(S + "/") : !0, [S, x.pathname]) ? /* @__PURE__ */ f(o, {
+		fallback: /* @__PURE__ */ f("div", {
 			className: "p-6 text-center text-text-secondary",
-			children: "Something went wrong loading this module. Please refresh the page."
+			children: b("auth.root.loadError", "Something went wrong loading this module. Please refresh the page.")
 		}),
-		children: /* @__PURE__ */ d(f, {
+		children: /* @__PURE__ */ f(p, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ d(e, {
-				...p,
-				children: /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(n, {
-					basePath: b,
-					enableAdminRoutes: _,
-					bypassEnterprisePlanGate: v
+			children: /* @__PURE__ */ f(e, {
+				...m,
+				children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(r, {
+					basePath: S,
+					enableAdminRoutes: v,
+					bypassEnterprisePlanGate: y
 				}) })
 			})
 		})
 	}) : null;
 };
 //#endregion
-export { p as AuthRoot };
+export { m as AuthRoot };
 
 //# sourceMappingURL=AuthRoot.js.map

package/dist/auth/AuthRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthRoot.js","names":[],"sources":["../../src/auth/AuthRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { useLocation } from \"react-router\";\nimport { ShieldCheck, Laptop, Key, /* Code, */ Building } from \"lucide-react\";\nimport { AuthProvider } from \"./providers/AuthProvider\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { CaptchaProvider } from \"./providers/CaptchaProvider\";\nimport type { NavItem, AuthRootProps } from \"./types\";\nimport { AuthRoutes } from \"./AuthRoutes\";\n\n/**\n * Root component for the Auth microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { AuthRoot, type AuthRootProps } from '@burdenoff/microfe-auth';\n *\n * function App() {\n *   const props: AuthRootProps = {\n *     basePath: '/auth',\n *     navigate: (path) => router.push(path),\n *     apiGatewayUrl: 'http://localhost:4002',\n *     authToken: 'token',\n *     onAuthSuccess: (user) => shellLogin(user),\n *     onLogout: () => shellLogout(),\n *   };\n *\n *   return <AuthRoot {...props} />;\n * }\n * ```\n */\nexport const AuthRoot: FC<AuthRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    // Admin routes (`/auth/users`, `/auth/users/:id`, `/auth/sso`,\n    // `/auth/audit-log`) are opt-in: only the admin app shell should pass\n    // `enableAdminRoutes={true}`. User-facing product hosts (vibecontrols,\n    // workspaces, botlit, healthybowl, etc.) intentionally do not expose\n    // these surfaces — gateway RBAC still gates the underlying\n    // queries/mutations, but hiding the routes prevents accidental UI\n    // discoverability. Must match the corresponding default in\n    // `AuthRoutes.tsx`.\n    enableAdminRoutes = false,\n    bypassEnterprisePlanGate = false,\n  } = props;\n  const location = useLocation();\n\n  // Normalize basePath (remove trailing slash)\n  const normalizedBasePath = useMemo(\n    () =>\n      basePath && basePath !== \"/\"\n        ? basePath.endsWith(\"/\")\n          ? basePath.slice(0, -1)\n          : basePath\n        : \"\",\n    [basePath],\n  );\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: \"auth-security\",\n        label: \"Security Settings\",\n        path: joinPath(basePath, \"security\"),\n        icon: <ShieldCheck size={20} />,\n        order: 10,\n        group: \"auth\",\n      },\n      {\n        id: \"auth-sessions\",\n        label: \"Active Sessions\",\n        path: joinPath(basePath, \"sessions\"),\n        icon: <Laptop size={20} />,\n        order: 20,\n        group: \"auth\",\n      },\n      {\n        id: \"auth-mfa\",\n        label: \"Multi-Factor Auth\",\n        path: joinPath(basePath, \"mfa\"),\n        icon: <Key size={20} />,\n        order: 30,\n        group: \"auth\",\n      },\n      // Hidden — moved to Developer Portal\n      // {\n      //   id: \"auth-api-keys\",\n      //   label: \"API Keys\",\n      //   path: joinPath(basePath, \"api-keys\"),\n      //   icon: <Code size={20} />,\n      //   order: 40,\n      //   group: \"auth\",\n      // },\n      ...(enableAdminRoutes\n        ? [\n            {\n              id: \"auth-sso\",\n              label: \"SSO Configuration\",\n              path: joinPath(basePath, \"sso\"),\n              icon: <Building size={20} />,\n              order: 50,\n              group: \"auth\",\n            },\n          ]\n        : []),\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath, enableAdminRoutes]);\n\n  // Register footer items (example: auth status indicator)\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"auth-status\",\n        label: \"Auth Ready\",\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  // Check if path matches - must be after all hooks\n  const pathMatches = useMemo(() => {\n    if (!normalizedBasePath) return true;\n    return (\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + \"/\")\n    );\n  }, [normalizedBasePath, location.pathname]);\n\n  // Early return after all hooks are called\n  if (!pathMatches) {\n    return null;\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading this module. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider\n        workspaceId={null}\n        gateway=\"global\"\n        defaultEnabled={true}\n      >\n        <AuthProvider {...props}>\n          <CaptchaProvider>\n            <AuthRoutes\n              basePath={normalizedBasePath}\n              enableAdminRoutes={enableAdminRoutes}\n              bypassEnterprisePlanGate={bypassEnterprisePlanGate}\n            />\n          </CaptchaProvider>\n        </AuthProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;AAoCA,IAAa,KAA+B,MAAU;CACpD,IAAM,EACJ,qBACA,wBACA,cAAW,KASX,uBAAoB,IACpB,8BAA2B,OACzB,GACE,IAAW,GAAa,EAGxB,IAAqB,QAEvB,KAAY,MAAa,MACrB,EAAS,SAAS,IAAI,GACpB,EAAS,MAAM,GAAG,GAAG,GACrB,IACF,IACN,CAAC,EAAS,CACX,EAGK,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA+FtD,QA1FA,QAAgB;AACT,QAsDL,QAHgB,EAjDY;GAC1B;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IAC/B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;IACvB,OAAO;IACP,OAAO;IACR;GAUD,GAAI,IACA,CACE;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR,CACF,GACD,EAAE;GACP,CAGyC;IAIzC;EAAC;EAAkB;EAAU;EAAkB,CAAC,EAGnD,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGL,QACb,IAEH,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,IAAI,GAHxB,IAK/B,CAAC,GAAoB,EAAS,SAAS,CAAC,GAQzC,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GACE,aAAa;GACb,SAAQ;GACR,gBAAgB;aAEhB,kBAAC,GAAD;IAAc,GAAI;cAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,UAAU;KACS;KACO;KAC1B,CAAA,EACc,CAAA;IACL,CAAA;GACK,CAAA;EACR,CAAA,GA1BT"}
+{"version":3,"file":"AuthRoot.js","names":[],"sources":["../../src/auth/AuthRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { useLocation } from \"react-router\";\nimport { ShieldCheck, Laptop, Key, /* Code, */ Building } from \"lucide-react\";\nimport { AuthProvider } from \"./providers/AuthProvider\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { CaptchaProvider } from \"./providers/CaptchaProvider\";\nimport type { NavItem, AuthRootProps } from \"./types\";\nimport { AuthRoutes } from \"./AuthRoutes\";\nimport { useTr } from \"../shared/hooks/useTr\";\n\n/**\n * Root component for the Auth microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { AuthRoot, type AuthRootProps } from '@burdenoff/microfe-auth';\n *\n * function App() {\n *   const props: AuthRootProps = {\n *     basePath: '/auth',\n *     navigate: (path) => router.push(path),\n *     apiGatewayUrl: 'http://localhost:4002',\n *     authToken: 'token',\n *     onAuthSuccess: (user) => shellLogin(user),\n *     onLogout: () => shellLogout(),\n *   };\n *\n *   return <AuthRoot {...props} />;\n * }\n * ```\n */\nexport const AuthRoot: FC<AuthRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    // Admin routes (`/auth/users`, `/auth/users/:id`, `/auth/sso`,\n    // `/auth/audit-log`) are opt-in: only the admin app shell should pass\n    // `enableAdminRoutes={true}`. User-facing product hosts (vibecontrols,\n    // workspaces, botlit, healthybowl, etc.) intentionally do not expose\n    // these surfaces — gateway RBAC still gates the underlying\n    // queries/mutations, but hiding the routes prevents accidental UI\n    // discoverability. Must match the corresponding default in\n    // `AuthRoutes.tsx`.\n    enableAdminRoutes = false,\n    bypassEnterprisePlanGate = false,\n  } = props;\n  const tr = useTr();\n  const location = useLocation();\n\n  // Normalize basePath (remove trailing slash)\n  const normalizedBasePath = useMemo(\n    () =>\n      basePath && basePath !== \"/\"\n        ? basePath.endsWith(\"/\")\n          ? basePath.slice(0, -1)\n          : basePath\n        : \"\",\n    [basePath],\n  );\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: \"auth-security\",\n        label: tr(\"auth.root.navSecurity\", \"Security Settings\"),\n        path: joinPath(basePath, \"security\"),\n        icon: <ShieldCheck size={20} />,\n        order: 10,\n        group: \"auth\",\n      },\n      {\n        id: \"auth-sessions\",\n        label: tr(\"auth.root.navSessions\", \"Active Sessions\"),\n        path: joinPath(basePath, \"sessions\"),\n        icon: <Laptop size={20} />,\n        order: 20,\n        group: \"auth\",\n      },\n      {\n        id: \"auth-mfa\",\n        label: tr(\"auth.root.navMfa\", \"Multi-Factor Auth\"),\n        path: joinPath(basePath, \"mfa\"),\n        icon: <Key size={20} />,\n        order: 30,\n        group: \"auth\",\n      },\n      // Hidden — moved to Developer Portal\n      // {\n      //   id: \"auth-api-keys\",\n      //   label: \"API Keys\",\n      //   path: joinPath(basePath, \"api-keys\"),\n      //   icon: <Code size={20} />,\n      //   order: 40,\n      //   group: \"auth\",\n      // },\n      ...(enableAdminRoutes\n        ? [\n            {\n              id: \"auth-sso\",\n              label: tr(\"auth.root.navSso\", \"SSO Configuration\"),\n              path: joinPath(basePath, \"sso\"),\n              icon: <Building size={20} />,\n              order: 50,\n              group: \"auth\",\n            },\n          ]\n        : []),\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath, enableAdminRoutes, tr]);\n\n  // Register footer items (example: auth status indicator)\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"auth-status\",\n        label: tr(\"auth.root.footerReady\", \"Auth Ready\"),\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, tr]);\n\n  // Check if path matches - must be after all hooks\n  const pathMatches = useMemo(() => {\n    if (!normalizedBasePath) return true;\n    return (\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + \"/\")\n    );\n  }, [normalizedBasePath, location.pathname]);\n\n  // Early return after all hooks are called\n  if (!pathMatches) {\n    return null;\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          {tr(\n            \"auth.root.loadError\",\n            \"Something went wrong loading this module. Please refresh the page.\",\n          )}\n        </div>\n      }\n    >\n      <FeatureFlagProvider\n        workspaceId={null}\n        gateway=\"global\"\n        defaultEnabled={true}\n      >\n        <AuthProvider {...props}>\n          <CaptchaProvider>\n            <AuthRoutes\n              basePath={normalizedBasePath}\n              enableAdminRoutes={enableAdminRoutes}\n              bypassEnterprisePlanGate={bypassEnterprisePlanGate}\n            />\n          </CaptchaProvider>\n        </AuthProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAqCA,IAAa,KAA+B,MAAU;CACpD,IAAM,EACJ,qBACA,wBACA,cAAW,KASX,uBAAoB,IACpB,8BAA2B,OACzB,GACE,IAAK,GAAO,EACZ,IAAW,GAAa,EAGxB,IAAqB,QAEvB,KAAY,MAAa,MACrB,EAAS,SAAS,IAAI,GACpB,EAAS,MAAM,GAAG,GAAG,GACrB,IACF,IACN,CAAC,EAAS,CACX,EAGK,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA+FtD,QA1FA,QAAgB;AACT,QAsDL,QAHgB,EAjDY;GAC1B;IACE,IAAI;IACJ,OAAO,EAAG,yBAAyB,oBAAoB;IACvD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IAC/B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAG,yBAAyB,kBAAkB;IACrD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAG,oBAAoB,oBAAoB;IAClD,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;IACvB,OAAO;IACP,OAAO;IACR;GAUD,GAAI,IACA,CACE;IACE,IAAI;IACJ,OAAO,EAAG,oBAAoB,oBAAoB;IAClD,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR,CACF,GACD,EAAE;GACP,CAGyC;IAIzC;EAAC;EAAkB;EAAU;EAAmB;EAAG,CAAC,EAGvD,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO,EAAG,yBAAyB,aAAa;GAChD,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,GAAqB,EAAG,CAAC,EAGT,QACb,IAEH,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,IAAI,GAHxB,IAK/B,CAAC,GAAoB,EAAS,SAAS,CAAC,GAQzC,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,uBACA,qEACD;GACG,CAAA;YAGR,kBAAC,GAAD;GACE,aAAa;GACb,SAAQ;GACR,gBAAgB;aAEhB,kBAAC,GAAD;IAAc,GAAI;cAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,UAAU;KACS;KACO;KAC1B,CAAA,EACc,CAAA;IACL,CAAA;GACK,CAAA;EACR,CAAA,GA7BT"}

package/dist/auth/components/AuthLayout.js

@@ -1,9 +1,10 @@
-import { useState as e } from "react";
-import { useAppShell as t, useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { LanguageSwitcher as a } from "@burdenoff/fe-libs/chrome";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { useAppShell as n, useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { LanguageSwitcher as o } from "@burdenoff/fe-libs/chrome";
 //#region src/auth/components/AuthLayout.tsx
-var o = [
+var s = [
 	{
 		code: "en",
 		name: "English",
@@ -41,129 +42,126 @@ var o = [
 		flag: "🇸🇦"
 	}
 ];
-function s({ brandInitial: t }) {
-	let [n, i] = e(!1);
-	return n ? /* @__PURE__ */ r("div", {
+function c({ brandInitial: e }) {
+	let [n, r] = t(!1);
+	return n ? /* @__PURE__ */ i("div", {
 		className: "auth-brand-badge flex size-10 items-center justify-center rounded-xl",
-		children: /* @__PURE__ */ r("span", {
+		children: /* @__PURE__ */ i("span", {
 			className: "text-lg font-bold leading-none text-white",
-			children: t
+			children: e
 		})
-	}) : /* @__PURE__ */ r("img", {
+	}) : /* @__PURE__ */ i("img", {
 		src: "/icons/icon.svg",
 		alt: "",
 		"aria-hidden": "true",
 		className: "size-10 rounded-xl object-contain",
-		onError: () => i(!0)
+		onError: () => r(!0)
 	});
 }
-function c({ children: e, title: c, subtitle: l, productName: u, tagline: d }) {
-	let f = t(), p = u || f.productName || "Burdenoff", m = f.brandInitial || "B", h = d || f.tagline || "Enterprise platform", { t: g, locale: _, setLocale: v } = n(), y = (e, t) => {
-		let n = g(e);
-		return n === e ? t : n;
-	};
-	return /* @__PURE__ */ i("div", {
+function l({ children: t, title: l, subtitle: u, productName: d, tagline: f }) {
+	let p = e(), m = n(), h = d || m.productName || "Burdenoff", g = m.brandInitial || "B", _ = f || m.tagline || "Enterprise platform", { locale: v, setLocale: y } = r();
+	return /* @__PURE__ */ a("div", {
 		className: "min-h-screen flex relative",
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "absolute inset-0 overflow-hidden",
 				children: [
-					/* @__PURE__ */ r("div", { className: "absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl" }),
-					/* @__PURE__ */ r("div", { className: "absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl" }),
-					/* @__PURE__ */ r("div", { className: "absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl" }),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", { className: "absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl" }),
+					/* @__PURE__ */ i("div", { className: "absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl" }),
+					/* @__PURE__ */ i("div", { className: "absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl" }),
+					/* @__PURE__ */ i("div", {
 						className: "absolute inset-0 opacity-5",
 						style: { backgroundImage: "url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")" }
 					})
 				]
-			}), /* @__PURE__ */ i("div", {
+			}), /* @__PURE__ */ a("div", {
 				className: "relative z-10 flex flex-col justify-between p-12 w-full",
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r(s, { brandInitial: m }), /* @__PURE__ */ r("span", {
+						children: [/* @__PURE__ */ i(c, { brandInitial: g }), /* @__PURE__ */ i("span", {
 							className: "text-xl font-bold text-[var(--color-text-primary)]",
-							children: p
+							children: h
 						})]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "max-w-md",
 						children: [
-							/* @__PURE__ */ r("h1", {
+							/* @__PURE__ */ i("h1", {
 								className: "mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]",
-								children: h
+								children: _
 							}),
-							/* @__PURE__ */ r("p", {
+							/* @__PURE__ */ i("p", {
 								className: "auth-brand-copy text-lg leading-relaxed",
-								children: y("auth.layout.taglineDescription", "Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.")
+								children: p("auth.layout.taglineDescription", "Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.")
 							}),
-							/* @__PURE__ */ r("div", {
+							/* @__PURE__ */ i("div", {
 								className: "mt-10 space-y-4",
 								children: [
 									{
 										icon: "workspace",
-										text: y("auth.layout.featureWorkspace", "Modular workspace architecture")
+										text: p("auth.layout.featureWorkspace", "Modular workspace architecture")
 									},
 									{
 										icon: "realtime",
-										text: y("auth.layout.featureRealtime", "Real-time collaboration & sync")
+										text: p("auth.layout.featureRealtime", "Real-time collaboration & sync")
 									},
 									{
 										icon: "security",
-										text: y("auth.layout.featureSecurity", "Enterprise-grade security & SSO")
+										text: p("auth.layout.featureSecurity", "Enterprise-grade security & SSO")
 									},
 									{
 										icon: "scale",
-										text: y("auth.layout.featureScale", "Unlimited scalability & performance")
+										text: p("auth.layout.featureScale", "Unlimited scalability & performance")
 									}
-								].map((e) => /* @__PURE__ */ i("div", {
+								].map((e) => /* @__PURE__ */ a("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ i("div", {
+									children: [/* @__PURE__ */ a("div", {
 										className: "auth-highlight-chip flex size-8 items-center justify-center rounded-lg",
 										children: [
-											e.icon === "workspace" && /* @__PURE__ */ r("svg", {
+											e.icon === "workspace" && /* @__PURE__ */ i("svg", {
 												className: "size-4 text-accent-blue",
 												fill: "none",
 												viewBox: "0 0 24 24",
 												stroke: "currentColor",
-												children: /* @__PURE__ */ r("path", {
+												children: /* @__PURE__ */ i("path", {
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													strokeWidth: 2,
 													d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
 												})
 											}),
-											e.icon === "realtime" && /* @__PURE__ */ r("svg", {
+											e.icon === "realtime" && /* @__PURE__ */ i("svg", {
 												className: "size-4 text-accent-blue",
 												fill: "none",
 												viewBox: "0 0 24 24",
 												stroke: "currentColor",
-												children: /* @__PURE__ */ r("path", {
+												children: /* @__PURE__ */ i("path", {
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													strokeWidth: 2,
 													d: "M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"
 												})
 											}),
-											e.icon === "security" && /* @__PURE__ */ r("svg", {
+											e.icon === "security" && /* @__PURE__ */ i("svg", {
 												className: "size-4 text-accent-blue",
 												fill: "none",
 												viewBox: "0 0 24 24",
 												stroke: "currentColor",
-												children: /* @__PURE__ */ r("path", {
+												children: /* @__PURE__ */ i("path", {
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													strokeWidth: 2,
 													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"
 												})
 											}),
-											e.icon === "scale" && /* @__PURE__ */ r("svg", {
+											e.icon === "scale" && /* @__PURE__ */ i("svg", {
 												className: "size-4 text-accent-blue",
 												fill: "none",
 												viewBox: "0 0 24 24",
 												stroke: "currentColor",
-												children: /* @__PURE__ */ r("path", {
+												children: /* @__PURE__ */ i("path", {
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													strokeWidth: 2,
@@ -171,7 +169,7 @@ function c({ children: e, title: c, subtitle: l, productName: u, tagline: d }) {
 												})
 											})
 										]
-									}), /* @__PURE__ */ r("span", {
+									}), /* @__PURE__ */ i("span", {
 										className: "auth-brand-copy text-sm font-medium",
 										children: e.text
 									})]
@@ -179,7 +177,7 @@ function c({ children: e, title: c, subtitle: l, productName: u, tagline: d }) {
 							})
 						]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "auth-brand-copy-muted text-sm",
 						children: [
 							"© ",
@@ -189,44 +187,44 @@ function c({ children: e, title: c, subtitle: l, productName: u, tagline: d }) {
 					})
 				]
 			})]
-		}), /* @__PURE__ */ i("main", {
+		}), /* @__PURE__ */ a("main", {
 			className: "auth-shell-gradient relative flex flex-1 items-center justify-center bg-[var(--color-bg-canvas)] p-6 sm:p-12",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				className: "absolute top-4 right-4 sm:top-6 sm:right-6 z-10",
-				children: /* @__PURE__ */ r(a, {
-					languages: o,
-					currentLanguage: _,
+				children: /* @__PURE__ */ i(o, {
+					languages: s,
+					currentLanguage: v,
 					onLanguageChange: (e) => {
-						v(e.code);
+						y(e.code);
 					}
 				})
-			}), /* @__PURE__ */ i("div", {
+			}), /* @__PURE__ */ a("div", {
 				className: "w-full max-w-md",
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "lg:hidden flex items-center justify-center gap-3 mb-8",
-						children: [/* @__PURE__ */ r(s, { brandInitial: m }), /* @__PURE__ */ r("span", {
+						children: [/* @__PURE__ */ i(c, { brandInitial: g }), /* @__PURE__ */ i("span", {
 							className: "text-xl font-bold text-[var(--color-text-primary)]",
-							children: p
+							children: h
 						})]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "text-center lg:text-left mb-8",
-						children: [/* @__PURE__ */ r("h2", {
+						children: [/* @__PURE__ */ i("h2", {
 							className: "text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2",
-							children: c
-						}), /* @__PURE__ */ r("p", {
-							className: "text-[var(--color-text-secondary)]",
 							children: l
+						}), /* @__PURE__ */ i("p", {
+							className: "text-[var(--color-text-secondary)]",
+							children: u
 						})]
 					}),
-					e
+					t
 				]
 			})]
 		})]
 	});
 }
 //#endregion
-export { c as AuthLayout };
+export { l as AuthLayout };
 
 //# sourceMappingURL=AuthLayout.js.map

package/dist/auth/components/AuthLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.js","names":[],"sources":["../../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { LanguageSwitcher } from \"@burdenoff/fe-libs/chrome\";\nimport type { Language } from \"@burdenoff/fe-libs/chrome\";\nimport {\n  useI18n,\n  useAppShell,\n} from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport type { Locale } from \"@burdenoff/fe-libs/shared/providers/shell\";\n\ninterface AuthLayoutProps {\n  children: ReactNode;\n  title: string;\n  subtitle: string;\n  productName?: string;\n  tagline?: string;\n}\n\n/**\n * Supported languages for the auth pages.\n *\n * Must stay in sync with the locales actually seeded in\n * `i18n_translations` for the consumer products that mount microfe-auth.\n * If a locale is listed here but NOT seeded, selecting it sets\n * `setLocale(<code>)` on the I18nProvider, the next `exportTranslations`\n * call returns zero rows, every `tr()` falls back to its English default,\n * and the user gets an English UI under a non-English flag.\n *\n * Audited 2026-05-31 against alpha `i18n_translations`: only `en/ta/hi/\n * zh/es/ar` have actual translations (vibecontrols 40k+ rows each).\n * `fr` was previously listed but no product seeds it — selecting it\n * produced a half-translated UI. Removed for parity with the dashboard\n * `LanguageSwitcherSlot` (which is data-driven from `i18n_languages`).\n *\n * Adding a new locale requires updating BOTH:\n *   - this list\n *   - each consumer product's seed (e.g. vibecontrols-app/scripts/\n *     build-i18n-bundle.ts + the new `<code>.ts` translation source).\n */\nconst AUTH_LANGUAGES: Language[] = [\n  { code: \"en\", name: \"English\", nativeName: \"English\", flag: \"🇺🇸\" },\n  { code: \"ta\", name: \"Tamil\", nativeName: \"தமிழ்\", flag: \"🇮🇳\" },\n  { code: \"hi\", name: \"Hindi\", nativeName: \"हिन्दी\", flag: \"🇮🇳\" },\n  { code: \"zh\", name: \"Chinese\", nativeName: \"中文\", flag: \"🇨🇳\" },\n  { code: \"es\", name: \"Spanish\", nativeName: \"Español\", flag: \"🇪🇸\" },\n  { code: \"ar\", name: \"Arabic\", nativeName: \"العربية\", flag: \"🇸🇦\" },\n];\n\n/**\n * Brand logo for the auth pages.\n *\n * Renders the host app shell's real product logo served at `/icons/icon.svg`\n * (the same asset the marketing landing page uses) so the login screen and the\n * landing page show an identical mark instead of a generic placeholder glyph.\n * Host shells that don't ship that asset (e.g. admin-app) fall back to a\n * branded initial badge rather than a broken image.\n */\nfunction BrandLogo({ brandInitial }: { brandInitial: string }) {\n  const [failed, setFailed] = useState(false);\n\n  if (failed) {\n    return (\n      <div className=\"auth-brand-badge flex size-10 items-center justify-center rounded-xl\">\n        <span className=\"text-lg font-bold leading-none text-white\">\n          {brandInitial}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src=\"/icons/icon.svg\"\n      alt=\"\"\n      aria-hidden=\"true\"\n      className=\"size-10 rounded-xl object-contain\"\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/**\n * Professional auth layout with split-screen design\n * Left side: Branding with gradient background\n * Right side: Auth form\n */\nexport function AuthLayout({\n  children,\n  title,\n  subtitle,\n  productName,\n  tagline,\n}: AuthLayoutProps) {\n  const shell = useAppShell();\n  const displayName = productName || shell.productName || \"Burdenoff\";\n  const brandInitial = shell.brandInitial || \"B\";\n  const displayTagline = tagline || shell.tagline || \"Enterprise platform\";\n  const { t, locale, setLocale } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const handleLanguageChange = (language: Language) => {\n    // AUTH_LANGUAGES intentionally lists locales (e.g. \"ar\") that are seeded\n    // in consumer products but not yet present in the fe-libs Locale union.\n    // The runtime I18nProvider accepts any locale code, so we cast through\n    // unknown to Locale to keep the picker in parity until fe-libs widens the\n    // union. Keep AUTH_LANGUAGES in sync with consumer product seeds.\n    setLocale(language.code as unknown as Locale);\n  };\n\n  return (\n    <div className=\"min-h-screen flex relative\">\n      {/* Left Panel - Branding */}\n      <div className=\"auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative\">\n        {/* Decorative Elements */}\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl\" />\n          <div className=\"absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl\" />\n          <div className=\"absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl\" />\n\n          {/* Grid Pattern */}\n          <div\n            className=\"absolute inset-0 opacity-5\"\n            style={{\n              backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\n            }}\n          />\n        </div>\n\n        {/* Content */}\n        <div className=\"relative z-10 flex flex-col justify-between p-12 w-full\">\n          {/* Logo */}\n          <div className=\"flex items-center gap-3\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Main Content */}\n          <div className=\"max-w-md\">\n            <h1 className=\"mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]\">\n              {displayTagline}\n            </h1>\n            <p className=\"auth-brand-copy text-lg leading-relaxed\">\n              {tr(\n                \"auth.layout.taglineDescription\",\n                \"Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.\",\n              )}\n            </p>\n\n            {/* Features */}\n            <div className=\"mt-10 space-y-4\">\n              {[\n                {\n                  icon: \"workspace\",\n                  text: tr(\n                    \"auth.layout.featureWorkspace\",\n                    \"Modular workspace architecture\",\n                  ),\n                },\n                {\n                  icon: \"realtime\",\n                  text: tr(\n                    \"auth.layout.featureRealtime\",\n                    \"Real-time collaboration & sync\",\n                  ),\n                },\n                {\n                  icon: \"security\",\n                  text: tr(\n                    \"auth.layout.featureSecurity\",\n                    \"Enterprise-grade security & SSO\",\n                  ),\n                },\n                {\n                  icon: \"scale\",\n                  text: tr(\n                    \"auth.layout.featureScale\",\n                    \"Unlimited scalability & performance\",\n                  ),\n                },\n              ].map((feature) => (\n                <div key={feature.icon} className=\"flex items-center gap-3\">\n                  <div className=\"auth-highlight-chip flex size-8 items-center justify-center rounded-lg\">\n                    {feature.icon === \"workspace\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"realtime\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"security\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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                    )}\n                    {feature.icon === \"scale\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n                        />\n                      </svg>\n                    )}\n                  </div>\n                  <span className=\"auth-brand-copy text-sm font-medium\">\n                    {feature.text}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"auth-brand-copy-muted text-sm\">\n            © {new Date().getFullYear()} Burdenoff. All rights reserved.\n          </div>\n        </div>\n      </div>\n\n      {/* Right Panel - Form */}\n      <main className=\"auth-shell-gradient relative flex flex-1 items-center justify-center bg-[var(--color-bg-canvas)] p-6 sm:p-12\">\n        {/* Language Switcher - Top Right */}\n        <div className=\"absolute top-4 right-4 sm:top-6 sm:right-6 z-10\">\n          <LanguageSwitcher\n            languages={AUTH_LANGUAGES}\n            currentLanguage={locale}\n            onLanguageChange={handleLanguageChange}\n          />\n        </div>\n        <div className=\"w-full max-w-md\">\n          {/* Mobile Logo */}\n          <div className=\"lg:hidden flex items-center justify-center gap-3 mb-8\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center lg:text-left mb-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n              {title}\n            </h2>\n            <p className=\"text-[var(--color-text-secondary)]\">{subtitle}</p>\n          </div>\n\n          {/* Form Content */}\n          {children}\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuthLayout.js","names":[],"sources":["../../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { LanguageSwitcher } from \"@burdenoff/fe-libs/chrome\";\nimport type { Language } from \"@burdenoff/fe-libs/chrome\";\nimport {\n  useI18n,\n  useAppShell,\n} from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport type { Locale } from \"@burdenoff/fe-libs/shared/providers/shell\";\n\ninterface AuthLayoutProps {\n  children: ReactNode;\n  title: string;\n  subtitle: string;\n  productName?: string;\n  tagline?: string;\n}\n\n/**\n * Supported languages for the auth pages.\n *\n * Must stay in sync with the locales actually seeded in\n * `i18n_translations` for the consumer products that mount microfe-auth.\n * If a locale is listed here but NOT seeded, selecting it sets\n * `setLocale(<code>)` on the I18nProvider, the next `exportTranslations`\n * call returns zero rows, every `tr()` falls back to its English default,\n * and the user gets an English UI under a non-English flag.\n *\n * Audited 2026-05-31 against alpha `i18n_translations`: only `en/ta/hi/\n * zh/es/ar` have actual translations (vibecontrols 40k+ rows each).\n * `fr` was previously listed but no product seeds it — selecting it\n * produced a half-translated UI. Removed for parity with the dashboard\n * `LanguageSwitcherSlot` (which is data-driven from `i18n_languages`).\n *\n * Adding a new locale requires updating BOTH:\n *   - this list\n *   - each consumer product's seed (e.g. vibecontrols-app/scripts/\n *     build-i18n-bundle.ts + the new `<code>.ts` translation source).\n */\nconst AUTH_LANGUAGES: Language[] = [\n  { code: \"en\", name: \"English\", nativeName: \"English\", flag: \"🇺🇸\" },\n  { code: \"ta\", name: \"Tamil\", nativeName: \"தமிழ்\", flag: \"🇮🇳\" },\n  { code: \"hi\", name: \"Hindi\", nativeName: \"हिन्दी\", flag: \"🇮🇳\" },\n  { code: \"zh\", name: \"Chinese\", nativeName: \"中文\", flag: \"🇨🇳\" },\n  { code: \"es\", name: \"Spanish\", nativeName: \"Español\", flag: \"🇪🇸\" },\n  { code: \"ar\", name: \"Arabic\", nativeName: \"العربية\", flag: \"🇸🇦\" },\n];\n\n/**\n * Brand logo for the auth pages.\n *\n * Renders the host app shell's real product logo served at `/icons/icon.svg`\n * (the same asset the marketing landing page uses) so the login screen and the\n * landing page show an identical mark instead of a generic placeholder glyph.\n * Host shells that don't ship that asset (e.g. admin-app) fall back to a\n * branded initial badge rather than a broken image.\n */\nfunction BrandLogo({ brandInitial }: { brandInitial: string }) {\n  const [failed, setFailed] = useState(false);\n\n  if (failed) {\n    return (\n      <div className=\"auth-brand-badge flex size-10 items-center justify-center rounded-xl\">\n        <span className=\"text-lg font-bold leading-none text-white\">\n          {brandInitial}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src=\"/icons/icon.svg\"\n      alt=\"\"\n      aria-hidden=\"true\"\n      className=\"size-10 rounded-xl object-contain\"\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/**\n * Professional auth layout with split-screen design\n * Left side: Branding with gradient background\n * Right side: Auth form\n */\nexport function AuthLayout({\n  children,\n  title,\n  subtitle,\n  productName,\n  tagline,\n}: AuthLayoutProps) {\n  const tr = useTr();\n  const shell = useAppShell();\n  const displayName = productName || shell.productName || \"Burdenoff\";\n  const brandInitial = shell.brandInitial || \"B\";\n  const displayTagline = tagline || shell.tagline || \"Enterprise platform\";\n  const { locale, setLocale } = useI18n();\n\n  const handleLanguageChange = (language: Language) => {\n    // AUTH_LANGUAGES intentionally lists locales (e.g. \"ar\") that are seeded\n    // in consumer products but not yet present in the fe-libs Locale union.\n    // The runtime I18nProvider accepts any locale code, so we cast through\n    // unknown to Locale to keep the picker in parity until fe-libs widens the\n    // union. Keep AUTH_LANGUAGES in sync with consumer product seeds.\n    setLocale(language.code as unknown as Locale);\n  };\n\n  return (\n    <div className=\"min-h-screen flex relative\">\n      {/* Left Panel - Branding */}\n      <div className=\"auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative\">\n        {/* Decorative Elements */}\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl\" />\n          <div className=\"absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl\" />\n          <div className=\"absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl\" />\n\n          {/* Grid Pattern */}\n          <div\n            className=\"absolute inset-0 opacity-5\"\n            style={{\n              backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\n            }}\n          />\n        </div>\n\n        {/* Content */}\n        <div className=\"relative z-10 flex flex-col justify-between p-12 w-full\">\n          {/* Logo */}\n          <div className=\"flex items-center gap-3\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Main Content */}\n          <div className=\"max-w-md\">\n            <h1 className=\"mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]\">\n              {displayTagline}\n            </h1>\n            <p className=\"auth-brand-copy text-lg leading-relaxed\">\n              {tr(\n                \"auth.layout.taglineDescription\",\n                \"Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.\",\n              )}\n            </p>\n\n            {/* Features */}\n            <div className=\"mt-10 space-y-4\">\n              {[\n                {\n                  icon: \"workspace\",\n                  text: tr(\n                    \"auth.layout.featureWorkspace\",\n                    \"Modular workspace architecture\",\n                  ),\n                },\n                {\n                  icon: \"realtime\",\n                  text: tr(\n                    \"auth.layout.featureRealtime\",\n                    \"Real-time collaboration & sync\",\n                  ),\n                },\n                {\n                  icon: \"security\",\n                  text: tr(\n                    \"auth.layout.featureSecurity\",\n                    \"Enterprise-grade security & SSO\",\n                  ),\n                },\n                {\n                  icon: \"scale\",\n                  text: tr(\n                    \"auth.layout.featureScale\",\n                    \"Unlimited scalability & performance\",\n                  ),\n                },\n              ].map((feature) => (\n                <div key={feature.icon} className=\"flex items-center gap-3\">\n                  <div className=\"auth-highlight-chip flex size-8 items-center justify-center rounded-lg\">\n                    {feature.icon === \"workspace\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"realtime\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"security\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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                    )}\n                    {feature.icon === \"scale\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n                        />\n                      </svg>\n                    )}\n                  </div>\n                  <span className=\"auth-brand-copy text-sm font-medium\">\n                    {feature.text}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"auth-brand-copy-muted text-sm\">\n            © {new Date().getFullYear()} Burdenoff. All rights reserved.\n          </div>\n        </div>\n      </div>\n\n      {/* Right Panel - Form */}\n      <main className=\"auth-shell-gradient relative flex flex-1 items-center justify-center bg-[var(--color-bg-canvas)] p-6 sm:p-12\">\n        {/* Language Switcher - Top Right */}\n        <div className=\"absolute top-4 right-4 sm:top-6 sm:right-6 z-10\">\n          <LanguageSwitcher\n            languages={AUTH_LANGUAGES}\n            currentLanguage={locale}\n            onLanguageChange={handleLanguageChange}\n          />\n        </div>\n        <div className=\"w-full max-w-md\">\n          {/* Mobile Logo */}\n          <div className=\"lg:hidden flex items-center justify-center gap-3 mb-8\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center lg:text-left mb-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n              {title}\n            </h2>\n            <p className=\"text-[var(--color-text-secondary)]\">{subtitle}</p>\n          </div>\n\n          {/* Form Content */}\n          {children}\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/components/CaptchaV2.js

@@ -1,41 +1,38 @@
 import { getRecaptchaSiteKey as e, isCaptchaEnabled as t } from "../utils/captchaConfig.js";
-import { Suspense as n, lazy as r, useCallback as i, useState as a } from "react";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { Suspense as r, lazy as i, useCallback as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/auth/components/CaptchaV2.tsx
-var c = r(() => import("../../node_modules/react-google-recaptcha/lib/esm/index.js").then((t) => ({ default: function({ onVerify: n, onExpired: r, siteKey: o }) {
-	let c = t.default, [, l] = a(null), u = o ?? e(), d = i((e) => {
-		n(e);
-	}, [n]), f = i(() => {
-		n(null), r?.();
-	}, [n, r]);
-	return u ? /* @__PURE__ */ s("div", {
+var c = i(() => import("../../node_modules/react-google-recaptcha/lib/esm/index.js").then((t) => ({ default: function({ onVerify: r, onExpired: i, siteKey: c }) {
+	let l = n(), u = t.default, [, d] = o(null), f = c ?? e(), p = a((e) => {
+		r(e);
+	}, [r]), m = a(() => {
+		r(null), i?.();
+	}, [r, i]);
+	return f ? /* @__PURE__ */ s("div", {
 		className: "flex justify-center",
-		children: /* @__PURE__ */ s(c, {
-			ref: l,
-			sitekey: u,
-			onChange: d,
-			onExpired: f
+		children: /* @__PURE__ */ s(u, {
+			ref: d,
+			sitekey: f,
+			onChange: p,
+			onExpired: m
 		})
 	}) : /* @__PURE__ */ s("div", {
 		className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-		children: "reCAPTCHA site key is not configured."
+		children: l("auth.captcha.siteKeyMissing", "reCAPTCHA site key is not configured.")
 	});
 } })));
-function l({ onVerify: e, onExpired: r, enabled: i, siteKey: a }) {
-	let { t: l } = o();
-	return i ?? t() ? /* @__PURE__ */ s(n, {
+function l({ onVerify: e, onExpired: i, enabled: a, siteKey: o }) {
+	let l = n();
+	return a ?? t() ? /* @__PURE__ */ s(r, {
 		fallback: /* @__PURE__ */ s("div", {
 			className: "flex justify-center py-2",
-			children: ((e, t) => {
-				let n = l(e);
-				return n === e ? t : n;
-			})("auth.captcha.loading", "Loading captcha...")
+			children: l("auth.captcha.loading", "Loading captcha...")
 		}),
 		children: /* @__PURE__ */ s(c, {
 			onVerify: e,
-			onExpired: r,
-			siteKey: a
+			onExpired: i,
+			siteKey: o
 		})
 	}) : null;
 }

package/dist/auth/components/CaptchaV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptchaV2.js","names":[],"sources":["../../../src/auth/components/CaptchaV2.tsx"],"sourcesContent":["import { lazy, Suspense, useState, useCallback } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport {\n  getRecaptchaSiteKey,\n  isCaptchaEnabled as getIsCaptchaEnabled,\n} from \"../utils/captchaConfig\";\n\ninterface CaptchaV2Props {\n  onVerify: (token: string | null) => void;\n  onExpired?: () => void;\n  /**\n   * Host-driven enable flag. When provided it takes precedence over the\n   * build-time env switch (used so a per-product site key can turn the widget\n   * on/off without rebuilding). When omitted, falls back to env.\n   */\n  enabled?: boolean;\n  /**\n   * reCAPTCHA v2 site key to render with. Overrides the build-time env key.\n   * Resolved per-product by the caller (see `useSignupCaptcha`).\n   */\n  siteKey?: string;\n}\n\ninterface CaptchaWidgetProps {\n  onVerify: (token: string | null) => void;\n  onExpired?: () => void;\n  siteKey?: string;\n}\n\n/**\n * Lazily loaded inner component that imports react-google-recaptcha.\n * Only loaded when captcha is enabled, avoiding import resolution\n * errors in dev environments where the package may not be installed.\n */\nconst LazyCaptchaWidget = lazy(() =>\n  import(\"react-google-recaptcha\").then((mod) => ({\n    default: function CaptchaWidget({\n      onVerify,\n      onExpired,\n      siteKey: siteKeyProp,\n    }: CaptchaWidgetProps) {\n      const ReCAPTCHA = mod.default;\n      const [, setRef] = useState<InstanceType<typeof ReCAPTCHA> | null>(null);\n      const siteKey = siteKeyProp ?? getRecaptchaSiteKey();\n\n      const forwardCaptchaToken = useCallback(\n        (token: string | null) => {\n          onVerify(token);\n        },\n        [onVerify],\n      );\n\n      const clearCaptchaToken = useCallback(() => {\n        onVerify(null);\n        onExpired?.();\n      }, [onVerify, onExpired]);\n\n      if (!siteKey) {\n        return (\n          <div className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n            reCAPTCHA site key is not configured.\n          </div>\n        );\n      }\n\n      return (\n        <div className=\"flex justify-center\">\n          <ReCAPTCHA\n            ref={setRef}\n            sitekey={siteKey}\n            onChange={forwardCaptchaToken}\n            onExpired={clearCaptchaToken}\n          />\n        </div>\n      );\n    },\n  })),\n);\n\n/**\n * reCAPTCHA v2 checkbox component.\n *\n * Enablement is host-driven via the `enabled` prop (resolved per-product from\n * the platform catalog). When `enabled` is omitted it falls back to the\n * build-time `VITE_CAPTCHA_ENABLED` env for local source-dev. Renders nothing\n * when disabled and lazily loads the Google reCAPTCHA library only when enabled.\n */\nexport function CaptchaV2({\n  onVerify,\n  onExpired,\n  enabled,\n  siteKey,\n}: CaptchaV2Props) {\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 isEnabled = enabled ?? getIsCaptchaEnabled();\n  if (!isEnabled) {\n    return null;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex justify-center py-2\">\n          {tr(\"auth.captcha.loading\", \"Loading captcha...\")}\n        </div>\n      }\n    >\n      <LazyCaptchaWidget\n        onVerify={onVerify}\n        onExpired={onExpired}\n        siteKey={siteKey}\n      />\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;AAkCA,IAAM,IAAoB,QACxB,OAAO,8DAA0B,MAAM,OAAS,EAC9C,SAAS,SAAuB,EAC9B,aACA,cACA,SAAS,KACY;CACrB,IAAM,IAAY,EAAI,SAChB,GAAG,KAAU,EAAgD,KAAK,EAClE,IAAU,KAAe,GAAqB,EAE9C,IAAsB,GACzB,MAAyB;AACxB,IAAS,EAAM;IAEjB,CAAC,EAAS,CACX,EAEK,IAAoB,QAAkB;AAE1C,EADA,EAAS,KAAK,EACd,KAAa;IACZ,CAAC,GAAU,EAAU,CAAC;AAUzB,QARK,IASH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,KAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW;GACX,CAAA;EACE,CAAA,GAdJ,kBAAC,OAAD;EAAK,WAAU;YAAgF;EAEzF,CAAA;GAeb,EAAE,CACJ;AAUD,SAAgB,EAAU,EACxB,aACA,cACA,YACA,cACiB;CACjB,IAAM,EAAE,SAAM,GAAS;AAWvB,QALkB,KAAW,GAAqB,GAMhD,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;eAbT,GAAa,MAA6B;IACpD,IAAM,IAAa,EAAE,EAAI;AACzB,WAAO,MAAe,IAAM,IAAW;MAY7B,wBAAwB,qBAAqB;GAC7C,CAAA;YAGR,kBAAC,GAAD;GACY;GACC;GACF;GACT,CAAA;EACO,CAAA,GAhBJ"}
+{"version":3,"file":"CaptchaV2.js","names":[],"sources":["../../../src/auth/components/CaptchaV2.tsx"],"sourcesContent":["import { lazy, Suspense, useState, useCallback } from \"react\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport {\n  getRecaptchaSiteKey,\n  isCaptchaEnabled as getIsCaptchaEnabled,\n} from \"../utils/captchaConfig\";\n\ninterface CaptchaV2Props {\n  onVerify: (token: string | null) => void;\n  onExpired?: () => void;\n  /**\n   * Host-driven enable flag. When provided it takes precedence over the\n   * build-time env switch (used so a per-product site key can turn the widget\n   * on/off without rebuilding). When omitted, falls back to env.\n   */\n  enabled?: boolean;\n  /**\n   * reCAPTCHA v2 site key to render with. Overrides the build-time env key.\n   * Resolved per-product by the caller (see `useSignupCaptcha`).\n   */\n  siteKey?: string;\n}\n\ninterface CaptchaWidgetProps {\n  onVerify: (token: string | null) => void;\n  onExpired?: () => void;\n  siteKey?: string;\n}\n\n/**\n * Lazily loaded inner component that imports react-google-recaptcha.\n * Only loaded when captcha is enabled, avoiding import resolution\n * errors in dev environments where the package may not be installed.\n */\nconst LazyCaptchaWidget = lazy(() =>\n  import(\"react-google-recaptcha\").then((mod) => ({\n    default: function CaptchaWidget({\n      onVerify,\n      onExpired,\n      siteKey: siteKeyProp,\n    }: CaptchaWidgetProps) {\n      const tr = useTr();\n      const ReCAPTCHA = mod.default;\n      const [, setRef] = useState<InstanceType<typeof ReCAPTCHA> | null>(null);\n      const siteKey = siteKeyProp ?? getRecaptchaSiteKey();\n\n      const forwardCaptchaToken = useCallback(\n        (token: string | null) => {\n          onVerify(token);\n        },\n        [onVerify],\n      );\n\n      const clearCaptchaToken = useCallback(() => {\n        onVerify(null);\n        onExpired?.();\n      }, [onVerify, onExpired]);\n\n      if (!siteKey) {\n        return (\n          <div className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n            {tr(\n              \"auth.captcha.siteKeyMissing\",\n              \"reCAPTCHA site key is not configured.\",\n            )}\n          </div>\n        );\n      }\n\n      return (\n        <div className=\"flex justify-center\">\n          <ReCAPTCHA\n            ref={setRef}\n            sitekey={siteKey}\n            onChange={forwardCaptchaToken}\n            onExpired={clearCaptchaToken}\n          />\n        </div>\n      );\n    },\n  })),\n);\n\n/**\n * reCAPTCHA v2 checkbox component.\n *\n * Enablement is host-driven via the `enabled` prop (resolved per-product from\n * the platform catalog). When `enabled` is omitted it falls back to the\n * build-time `VITE_CAPTCHA_ENABLED` env for local source-dev. Renders nothing\n * when disabled and lazily loads the Google reCAPTCHA library only when enabled.\n */\nexport function CaptchaV2({\n  onVerify,\n  onExpired,\n  enabled,\n  siteKey,\n}: CaptchaV2Props) {\n  const tr = useTr();\n\n  const isEnabled = enabled ?? getIsCaptchaEnabled();\n  if (!isEnabled) {\n    return null;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex justify-center py-2\">\n          {tr(\"auth.captcha.loading\", \"Loading captcha...\")}\n        </div>\n      }\n    >\n      <LazyCaptchaWidget\n        onVerify={onVerify}\n        onExpired={onExpired}\n        siteKey={siteKey}\n      />\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;AAkCA,IAAM,IAAoB,QACxB,OAAO,8DAA0B,MAAM,OAAS,EAC9C,SAAS,SAAuB,EAC9B,aACA,cACA,SAAS,KACY;CACrB,IAAM,IAAK,GAAO,EACZ,IAAY,EAAI,SAChB,GAAG,KAAU,EAAgD,KAAK,EAClE,IAAU,KAAe,GAAqB,EAE9C,IAAsB,GACzB,MAAyB;AACxB,IAAS,EAAM;IAEjB,CAAC,EAAS,CACX,EAEK,IAAoB,QAAkB;AAE1C,EADA,EAAS,KAAK,EACd,KAAa;IACZ,CAAC,GAAU,EAAU,CAAC;AAazB,QAXK,IAYH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,KAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW;GACX,CAAA;EACE,CAAA,GAjBJ,kBAAC,OAAD;EAAK,WAAU;YACZ,EACC,+BACA,wCACD;EACG,CAAA;GAeb,EAAE,CACJ;AAUD,SAAgB,EAAU,EACxB,aACA,cACA,YACA,cACiB;CACjB,IAAM,IAAK,GAAO;AAOlB,QALkB,KAAW,GAAqB,GAMhD,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,wBAAwB,qBAAqB;GAC7C,CAAA;YAGR,kBAAC,GAAD;GACY;GACC;GACF;GACT,CAAA;EACO,CAAA,GAhBJ"}