@burdenoff/microfe-auth 2026.510.127

package/dist/auth/pages/RegisterPage.js

@@ -0,0 +1,439 @@
+import { useAuth as e } from "../providers/AuthProvider.js";
+import { useAuthOperations as t } from "../hooks/useAuthOperations.js";
+import { useOAuthOperations as n } from "../hooks/useOAuthOperations.js";
+import { AuthLayout as r } from "../components/AuthLayout.js";
+import { AlertIcon as i, CheckIcon as a, EmailIcon as o, EyeIcon as ee, EyeOffIcon as s, GitHubIcon as c, GoogleIcon as l, LockIcon as u, MicrosoftIcon as d, SpinnerIcon as f, UserIcon as p, XIcon as m } from "../components/AuthIcons.js";
+import { validateEmail as h, validatePassword as g } from "../utils/validation.js";
+import { CaptchaV2 as _, isCaptchaEnabled as v } from "../components/CaptchaV2.js";
+import { useState as y } from "react";
+import { useNavigate as b } from "react-router-dom";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/auth/pages/RegisterPage.tsx
+function T() {
+	let { productName: T } = e(), E = b(), { t: te } = x(), D = (e, t) => {
+		let n = te(e);
+		return n === e ? t : n;
+	}, { signUp: O, isLoading: k } = t(), { initiateGoogleOAuth: A, initiateMicrosoftOAuth: j, isProviderConfigured: M } = n(), [N, P] = y(!1), [F, I] = y({
+		email: "",
+		username: "",
+		password: "",
+		firstName: "",
+		lastName: ""
+	}), [L, R] = y([]), [z, B] = y(!1), [V, H] = y(null), [U, W] = y(null), [G, K] = y(null), q = (() => {
+		let e = F.password;
+		return [
+			{
+				label: D("auth.register.pwMin8", "At least 8 characters"),
+				met: e.length >= 8
+			},
+			{
+				label: D("auth.register.pwUppercase", "One uppercase letter"),
+				met: /[A-Z]/.test(e)
+			},
+			{
+				label: D("auth.register.pwLowercase", "One lowercase letter"),
+				met: /[a-z]/.test(e)
+			},
+			{
+				label: D("auth.register.pwNumber", "One number"),
+				met: /\d/.test(e)
+			},
+			{
+				label: D("auth.register.pwSpecial", "One special character"),
+				met: /[!@#$%^&*(),.?":{}|<>]/.test(e)
+			}
+		];
+	})(), J = (() => {
+		let e = q.filter((e) => e.met).length;
+		return e <= 2 ? {
+			level: D("auth.register.passwordStrengthWeak", "weak"),
+			color: "bg-status-error-bg-subtle0",
+			width: "w-1/4"
+		} : e <= 3 ? {
+			level: D("auth.register.passwordStrengthFair", "fair"),
+			color: "bg-orange-500",
+			width: "w-2/4"
+		} : e <= 4 ? {
+			level: D("auth.register.passwordStrengthGood", "good"),
+			color: "bg-status-warning-bg-subtle0",
+			width: "w-3/4"
+		} : {
+			level: D("auth.register.passwordStrengthStrong", "strong"),
+			color: "bg-status-success-text",
+			width: "w-full"
+		};
+	})(), Y = async (e) => {
+		e.preventDefault();
+		let t = [];
+		h(F.email) || t.push(D("auth.register.invalidEmail", "Please enter a valid email address")), (!F.username || F.username.length < 3) && t.push(D("auth.register.usernameMin3", "Username must be at least 3 characters")), /^[a-zA-Z0-9_-]+$/.test(F.username) || t.push(D("auth.register.usernameChars", "Username can only contain letters, numbers, underscores, and hyphens"));
+		let n = g(F.password);
+		if (n.valid || t.push(...n.errors), v() && !G && t.push(D("auth.register.completeCaptcha", "Please complete the reCAPTCHA verification")), t.length > 0) {
+			R(t);
+			return;
+		}
+		R([]), H(null);
+		try {
+			await O({
+				...F,
+				...G ? { recaptchaToken: G } : {}
+			}), B(!0);
+		} catch (e) {
+			H(e instanceof Error ? e.message : D("auth.register.signUpFailed", "Sign up failed")), console.error("Sign up failed:", e);
+		}
+	}, X = () => {
+		W(null);
+		try {
+			A();
+		} catch (e) {
+			W(e instanceof Error ? e.message : D("auth.register.googleSignUpFailed", "Failed to initiate Google sign up"));
+		}
+	}, Z = () => {
+		W(null);
+		try {
+			j();
+		} catch (e) {
+			W(e instanceof Error ? e.message : D("auth.register.microsoftSignUpFailed", "Failed to initiate Microsoft sign up"));
+		}
+	}, Q = M("google"), $ = M("microsoft"), ne = [
+		{
+			name: "Google",
+			icon: l,
+			onClick: X,
+			disabled: !Q,
+			tooltip: Q ? void 0 : D("auth.register.googleNotConfigured", "Google sign up is not configured")
+		},
+		{
+			name: "GitHub",
+			icon: c,
+			onClick: () => {},
+			disabled: !0,
+			tooltip: D("auth.register.githubNotConfigured", "GitHub sign up is not configured")
+		},
+		{
+			name: "Microsoft",
+			icon: d,
+			onClick: Z,
+			disabled: !$,
+			tooltip: $ ? void 0 : D("auth.register.microsoftNotConfigured", "Microsoft sign up is not configured")
+		}
+	], [re, ie = ""] = D("auth.register.verificationEmailSentTo", "We've sent a verification email to {{email}}. Please check your inbox and click the verification link to activate your account.").split("{{email}}");
+	return z ? /* @__PURE__ */ C(r, {
+		title: D("auth.register.checkEmail", "Check your email"),
+		subtitle: D("auth.register.verificationLinkSent", "We've sent you a verification link"),
+		children: /* @__PURE__ */ w("div", {
+			className: "flex flex-col items-center justify-center py-6",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "w-20 h-20 rounded-full bg-status-success-bg-subtle flex items-center justify-center mb-6",
+					children: /* @__PURE__ */ C("svg", {
+						className: "w-10 h-10 text-status-success-text",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ C("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+						})
+					})
+				}),
+				/* @__PURE__ */ C("h3", {
+					className: "text-lg font-semibold text-[var(--color-text-primary)] mb-2",
+					children: D("auth.register.accountCreated", "Account created successfully!")
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "text-center text-[var(--color-text-secondary)] mb-8 max-w-sm",
+					children: [
+						re,
+						/* @__PURE__ */ C("span", {
+							className: "font-medium text-[var(--color-text-primary)]",
+							children: F.email
+						}),
+						ie
+					]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "space-y-3 w-full",
+					children: [/* @__PURE__ */ C("button", {
+						onClick: () => E("/auth/login"),
+						className: "auth-primary-button w-full px-4 py-3 font-semibold",
+						children: D("auth.register.continueToSignIn", "Continue to sign in")
+					}), /* @__PURE__ */ w("p", {
+						className: "text-center text-sm text-[var(--color-text-tertiary)]",
+						children: [
+							D("auth.register.didntReceiveEmail", "Didn't receive the email? Check your spam folder or"),
+							" ",
+							/* @__PURE__ */ C("button", {
+								onClick: () => B(!1),
+								className: "text-text-link hover:text-text-linkHover font-medium",
+								children: D("auth.register.tryAgain", "try again")
+							})
+						]
+					})]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ w(r, {
+		title: D("auth.register.createAccount", "Create your account"),
+		subtitle: D("auth.register.startJourney", "Start your journey with {{productName}}").replace("{{productName}}", T || "Burdenoff Workspaces"),
+		productName: T,
+		children: [
+			/* @__PURE__ */ w("form", {
+				onSubmit: Y,
+				className: "space-y-5",
+				children: [
+					(V || L.length > 0) && /* @__PURE__ */ w("div", {
+						className: "flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
+						children: [/* @__PURE__ */ C(i, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ w("div", {
+							className: "space-y-1",
+							children: [V && /* @__PURE__ */ C("p", {
+								className: "text-sm text-status-error-text",
+								children: V
+							}), L.map((e, t) => /* @__PURE__ */ C("p", {
+								className: "text-sm text-status-error-text",
+								children: e
+							}, t))]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ C("label", {
+								htmlFor: "firstName",
+								className: "block text-sm font-medium text-[var(--color-text-primary)]",
+								children: D("auth.register.firstName", "First Name")
+							}), /* @__PURE__ */ C("input", {
+								id: "firstName",
+								type: "text",
+								required: !0,
+								value: F.firstName,
+								onChange: (e) => I({
+									...F,
+									firstName: e.target.value
+								}),
+								className: "block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+								placeholder: D("auth.register.firstNamePlaceholder", "Enter first name")
+							})]
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ C("label", {
+								htmlFor: "lastName",
+								className: "block text-sm font-medium text-[var(--color-text-primary)]",
+								children: D("auth.register.lastName", "Last Name")
+							}), /* @__PURE__ */ C("input", {
+								id: "lastName",
+								type: "text",
+								required: !0,
+								value: F.lastName,
+								onChange: (e) => I({
+									...F,
+									lastName: e.target.value
+								}),
+								className: "block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+								placeholder: D("auth.register.lastNamePlaceholder", "Enter last name")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ C("label", {
+							htmlFor: "username",
+							className: "block text-sm font-medium text-[var(--color-text-primary)]",
+							children: D("auth.register.username", "Username")
+						}), /* @__PURE__ */ w("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ C("div", {
+								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+								children: /* @__PURE__ */ C(p, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ C("input", {
+								id: "username",
+								type: "text",
+								required: !0,
+								value: F.username,
+								onChange: (e) => I({
+									...F,
+									username: e.target.value
+								}),
+								className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+								placeholder: D("auth.register.usernamePlaceholder", "Choose a username")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ C("label", {
+							htmlFor: "email",
+							className: "block text-sm font-medium text-[var(--color-text-primary)]",
+							children: D("auth.register.email", "Email")
+						}), /* @__PURE__ */ w("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ C("div", {
+								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+								children: /* @__PURE__ */ C(o, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ C("input", {
+								id: "email",
+								type: "email",
+								required: !0,
+								value: F.email,
+								onChange: (e) => I({
+									...F,
+									email: e.target.value
+								}),
+								className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+								placeholder: D("auth.register.emailPlaceholder", "you@example.com")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ C("label", {
+								htmlFor: "password",
+								className: "block text-sm font-medium text-[var(--color-text-primary)]",
+								children: D("auth.register.password", "Password")
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "relative",
+								children: [
+									/* @__PURE__ */ C("div", {
+										className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+										children: /* @__PURE__ */ C(u, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+									}),
+									/* @__PURE__ */ C("input", {
+										id: "password",
+										type: N ? "text" : "password",
+										required: !0,
+										value: F.password,
+										onChange: (e) => I({
+											...F,
+											password: e.target.value
+										}),
+										className: "block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
+										placeholder: D("auth.register.passwordPlaceholder", "Create a strong password")
+									}),
+									/* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => P(!N),
+										"aria-label": N ? "Hide password" : "Show password",
+										className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors",
+										children: C(N ? s : ee, { className: "w-5 h-5" })
+									})
+								]
+							}),
+							F.password && /* @__PURE__ */ w("div", {
+								className: "space-y-3 pt-2",
+								children: [/* @__PURE__ */ w("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ C("div", {
+										className: "h-1.5 bg-[var(--color-bg-sunken)] rounded-full overflow-hidden",
+										children: /* @__PURE__ */ C("div", { className: `h-full ${J.color} ${J.width} transition-all duration-300` })
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-[var(--color-text-tertiary)] capitalize",
+										children: [
+											D("auth.register.passwordStrength", "Password strength:"),
+											" ",
+											/* @__PURE__ */ C("span", {
+												className: "font-medium",
+												children: J.level
+											})
+										]
+									})]
+								}), /* @__PURE__ */ C("div", {
+									className: "grid grid-cols-2 gap-2",
+									children: q.map((e, t) => /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-2",
+										children: [e.met ? /* @__PURE__ */ C(a, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(m, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }), /* @__PURE__ */ C("span", {
+											className: `text-xs ${e.met ? "text-status-success-text" : "text-[var(--color-text-tertiary)]"}`,
+											children: e.label
+										})]
+									}, t))
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ w("p", {
+						className: "text-xs text-[var(--color-text-tertiary)] leading-relaxed",
+						children: [
+							D("auth.register.agreeToTerms", "By creating an account, you agree to our"),
+							" ",
+							/* @__PURE__ */ C("a", {
+								href: "/legal/terms",
+								className: "text-text-link hover:underline",
+								children: D("auth.register.termsOfService", "Terms of Service")
+							}),
+							" ",
+							D("auth.register.and", "and"),
+							" ",
+							/* @__PURE__ */ C("a", {
+								href: "/legal/privacy",
+								className: "text-text-link hover:underline",
+								children: D("auth.register.privacyPolicy", "Privacy Policy")
+							}),
+							"."
+						]
+					}),
+					/* @__PURE__ */ C(_, { onVerify: K }),
+					/* @__PURE__ */ C("button", {
+						type: "submit",
+						disabled: k,
+						className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
+						children: k ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(f, { className: "w-5 h-5 animate-spin" }), /* @__PURE__ */ C("span", { children: D("auth.register.creatingAccount", "Creating account...") })] }) : D("auth.register.createAccountBtn", "Create account")
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "relative my-8",
+				children: [/* @__PURE__ */ C("div", {
+					className: "absolute inset-0 flex items-center",
+					children: /* @__PURE__ */ C("div", { className: "w-full border-t border-[var(--color-border-default)]" })
+				}), /* @__PURE__ */ C("div", {
+					className: "relative flex justify-center",
+					children: /* @__PURE__ */ C("span", {
+						className: "px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]",
+						children: D("auth.register.orSignUpWith", "or sign up with")
+					})
+				})]
+			}),
+			U && /* @__PURE__ */ w("div", {
+				className: "flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border",
+				children: [/* @__PURE__ */ C(i, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-status-error-text",
+					children: U
+				})]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid grid-cols-3 gap-3",
+				children: ne.map((e) => /* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: e.onClick,
+					disabled: e.disabled,
+					title: e.tooltip,
+					className: `flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${e.disabled ? "border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50" : "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]"}`,
+					children: [/* @__PURE__ */ C(e.icon, { className: `w-5 h-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ C("span", {
+						className: `sr-only sm:not-sr-only text-sm font-medium transition-colors hidden sm:inline ${e.disabled ? "text-[var(--color-text-disabled)]" : "text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]"}`,
+						children: e.name
+					})]
+				}, e.name))
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "mt-8 text-center text-sm text-[var(--color-text-secondary)]",
+				children: [
+					D("auth.register.alreadyHaveAccount", "Already have an account?"),
+					" ",
+					/* @__PURE__ */ C("button", {
+						onClick: () => E("/auth/login"),
+						className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
+						children: D("auth.register.signIn", "Sign in")
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { T as RegisterPage };
+
+//# sourceMappingURL=RegisterPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterPage.js","names":[],"sources":["../../../src/auth/pages/RegisterPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { validateEmail, validatePassword } from \"../utils\";\nimport { useAuthOperations } from \"../hooks/useAuthOperations\";\nimport { useOAuthOperations } from \"../hooks/useOAuthOperations\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport {\n  EmailIcon,\n  LockIcon,\n  UserIcon,\n  EyeIcon,\n  EyeOffIcon,\n  AlertIcon,\n  CheckIcon,\n  XIcon,\n  SpinnerIcon,\n  GoogleIcon,\n  GitHubIcon,\n  MicrosoftIcon,\n} from \"../components/AuthIcons\";\nimport { useAuth } from \"../providers/AuthProvider\";\nimport { CaptchaV2, isCaptchaEnabled } from \"../components/CaptchaV2\";\nimport type { SignUpInput } from \"../types\";\n\n/**\n * Registration page with professional design\n */\nexport function RegisterPage() {\n  const { productName } = useAuth();\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const { signUp, isLoading } = useAuthOperations();\n  const { initiateGoogleOAuth, initiateMicrosoftOAuth, isProviderConfigured } =\n    useOAuthOperations();\n  const [showPassword, setShowPassword] = useState(false);\n  const [formData, setFormData] = useState<SignUpInput>({\n    email: \"\",\n    username: \"\",\n    password: \"\",\n    firstName: \"\",\n    lastName: \"\",\n  });\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n  const [signupSuccess, setSignupSuccess] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [oauthError, setOauthError] = useState<string | null>(null);\n  const [captchaToken, setCaptchaToken] = useState<string | null>(null);\n\n  // Password strength indicators\n  const passwordChecks = (() => {\n    const password = formData.password;\n    return [\n      {\n        label: tr(\"auth.register.pwMin8\", \"At least 8 characters\"),\n        met: password.length >= 8,\n      },\n      {\n        label: tr(\"auth.register.pwUppercase\", \"One uppercase letter\"),\n        met: /[A-Z]/.test(password),\n      },\n      {\n        label: tr(\"auth.register.pwLowercase\", \"One lowercase letter\"),\n        met: /[a-z]/.test(password),\n      },\n      {\n        label: tr(\"auth.register.pwNumber\", \"One number\"),\n        met: /\\d/.test(password),\n      },\n      {\n        label: tr(\"auth.register.pwSpecial\", \"One special character\"),\n        met: /[!@#$%^&*(),.?\":{}|<>]/.test(password),\n      },\n    ];\n  })();\n\n  const passwordStrength = (() => {\n    const metCount = passwordChecks.filter((c) => c.met).length;\n    if (metCount <= 2)\n      return {\n        level: tr(\"auth.register.passwordStrengthWeak\", \"weak\"),\n        color: \"bg-status-error-bg-subtle0\",\n        width: \"w-1/4\",\n      };\n    if (metCount <= 3)\n      return {\n        level: tr(\"auth.register.passwordStrengthFair\", \"fair\"),\n        color: \"bg-orange-500\",\n        width: \"w-2/4\",\n      };\n    if (metCount <= 4)\n      return {\n        level: tr(\"auth.register.passwordStrengthGood\", \"good\"),\n        color: \"bg-status-warning-bg-subtle0\",\n        width: \"w-3/4\",\n      };\n    return {\n      level: tr(\"auth.register.passwordStrengthStrong\", \"strong\"),\n      color: \"bg-status-success-text\",\n      width: \"w-full\",\n    };\n  })();\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    const errors: string[] = [];\n    if (!validateEmail(formData.email)) {\n      errors.push(\n        tr(\"auth.register.invalidEmail\", \"Please enter a valid email address\"),\n      );\n    }\n    if (!formData.username || formData.username.length < 3) {\n      errors.push(\n        tr(\n          \"auth.register.usernameMin3\",\n          \"Username must be at least 3 characters\",\n        ),\n      );\n    }\n    if (!/^[a-zA-Z0-9_-]+$/.test(formData.username)) {\n      errors.push(\n        tr(\n          \"auth.register.usernameChars\",\n          \"Username can only contain letters, numbers, underscores, and hyphens\",\n        ),\n      );\n    }\n    const passwordValidation = validatePassword(formData.password);\n    if (!passwordValidation.valid) {\n      errors.push(...passwordValidation.errors);\n    }\n\n    if (isCaptchaEnabled() && !captchaToken) {\n      errors.push(\n        tr(\n          \"auth.register.completeCaptcha\",\n          \"Please complete the reCAPTCHA verification\",\n        ),\n      );\n    }\n\n    if (errors.length > 0) {\n      setValidationErrors(errors);\n      return;\n    }\n\n    setValidationErrors([]);\n    setError(null);\n    try {\n      await signUp({\n        ...formData,\n        ...(captchaToken ? { recaptchaToken: captchaToken } : {}),\n      });\n      // Sign up successful - check if email verification is required\n      // (Backend returns empty tokens when email verification is needed)\n      setSignupSuccess(true);\n    } catch (err) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.register.signUpFailed\", \"Sign up failed\");\n      setError(message);\n      console.error(\"Sign up failed:\", err);\n    }\n  };\n\n  /**\n   * Handle Google OAuth signup\n   */\n  const handleGoogleSignup = () => {\n    setOauthError(null);\n    try {\n      initiateGoogleOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.register.googleSignUpFailed\",\n              \"Failed to initiate Google sign up\",\n            ),\n      );\n    }\n  };\n\n  /**\n   * Handle Microsoft OAuth signup\n   */\n  const handleMicrosoftSignup = () => {\n    setOauthError(null);\n    try {\n      initiateMicrosoftOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.register.microsoftSignUpFailed\",\n              \"Failed to initiate Microsoft sign up\",\n            ),\n      );\n    }\n  };\n\n  // Check if OAuth providers are configured\n  const isGoogleConfigured = isProviderConfigured(\"google\");\n  const isMicrosoftConfigured = isProviderConfigured(\"microsoft\");\n\n  const oauthProviders = [\n    {\n      name: \"Google\",\n      icon: GoogleIcon,\n      onClick: handleGoogleSignup,\n      disabled: !isGoogleConfigured,\n      tooltip: isGoogleConfigured\n        ? undefined\n        : tr(\n            \"auth.register.googleNotConfigured\",\n            \"Google sign up is not configured\",\n          ),\n    },\n    {\n      name: \"GitHub\",\n      icon: GitHubIcon,\n      onClick: () => {},\n      disabled: true,\n      tooltip: tr(\n        \"auth.register.githubNotConfigured\",\n        \"GitHub sign up is not configured\",\n      ),\n    },\n    {\n      name: \"Microsoft\",\n      icon: MicrosoftIcon,\n      onClick: handleMicrosoftSignup,\n      disabled: !isMicrosoftConfigured,\n      tooltip: isMicrosoftConfigured\n        ? undefined\n        : tr(\n            \"auth.register.microsoftNotConfigured\",\n            \"Microsoft sign up is not configured\",\n          ),\n    },\n  ];\n\n  const verificationEmailMessage = tr(\n    \"auth.register.verificationEmailSentTo\",\n    \"We've sent a verification email to {{email}}. Please check your inbox and click the verification link to activate your account.\",\n  );\n  const [verificationEmailPrefix, verificationEmailSuffix = \"\"] =\n    verificationEmailMessage.split(\"{{email}}\");\n\n  // Show success state after signup\n  if (signupSuccess) {\n    return (\n      <AuthLayout\n        title={tr(\"auth.register.checkEmail\", \"Check your email\")}\n        subtitle={tr(\n          \"auth.register.verificationLinkSent\",\n          \"We've sent you a verification link\",\n        )}\n      >\n        <div className=\"flex flex-col items-center justify-center py-6\">\n          {/* Success Icon */}\n          <div className=\"w-20 h-20 rounded-full bg-status-success-bg-subtle flex items-center justify-center mb-6\">\n            <svg\n              className=\"w-10 h-10 text-status-success-text\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n              />\n            </svg>\n          </div>\n\n          <h3 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-2\">\n            {tr(\n              \"auth.register.accountCreated\",\n              \"Account created successfully!\",\n            )}\n          </h3>\n\n          <p className=\"text-center text-[var(--color-text-secondary)] mb-8 max-w-sm\">\n            {verificationEmailPrefix}\n            <span className=\"font-medium text-[var(--color-text-primary)]\">\n              {formData.email}\n            </span>\n            {verificationEmailSuffix}\n          </p>\n\n          <div className=\"space-y-3 w-full\">\n            <button\n              onClick={() => navigate(\"/auth/login\")}\n              className=\"auth-primary-button w-full px-4 py-3 font-semibold\"\n            >\n              {tr(\"auth.register.continueToSignIn\", \"Continue to sign in\")}\n            </button>\n\n            <p className=\"text-center text-sm text-[var(--color-text-tertiary)]\">\n              {tr(\n                \"auth.register.didntReceiveEmail\",\n                \"Didn't receive the email? Check your spam folder or\",\n              )}{\" \"}\n              <button\n                onClick={() => setSignupSuccess(false)}\n                className=\"text-text-link hover:text-text-linkHover font-medium\"\n              >\n                {tr(\"auth.register.tryAgain\", \"try again\")}\n              </button>\n            </p>\n          </div>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.register.createAccount\", \"Create your account\")}\n      subtitle={tr(\n        \"auth.register.startJourney\",\n        \"Start your journey with {{productName}}\",\n      ).replace(\"{{productName}}\", productName || \"Burdenoff Workspaces\")}\n      productName={productName}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-5\">\n        {/* Error Alert */}\n        {(error || validationErrors.length > 0) && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border\">\n            <AlertIcon className=\"w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5\" />\n            <div className=\"space-y-1\">\n              {error && (\n                <p className=\"text-sm text-status-error-text\">{error}</p>\n              )}\n              {validationErrors.map((err, i) => (\n                <p key={i} className=\"text-sm text-status-error-text\">\n                  {err}\n                </p>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Name Fields */}\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div className=\"space-y-2\">\n            <label\n              htmlFor=\"firstName\"\n              className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr(\"auth.register.firstName\", \"First Name\")}\n            </label>\n            <input\n              id=\"firstName\"\n              type=\"text\"\n              required\n              value={formData.firstName}\n              onChange={(e) =>\n                setFormData({ ...formData, firstName: e.target.value })\n              }\n              className=\"block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              placeholder={tr(\n                \"auth.register.firstNamePlaceholder\",\n                \"Enter first name\",\n              )}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label\n              htmlFor=\"lastName\"\n              className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr(\"auth.register.lastName\", \"Last Name\")}\n            </label>\n            <input\n              id=\"lastName\"\n              type=\"text\"\n              required\n              value={formData.lastName}\n              onChange={(e) =>\n                setFormData({ ...formData, lastName: e.target.value })\n              }\n              className=\"block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              placeholder={tr(\n                \"auth.register.lastNamePlaceholder\",\n                \"Enter last name\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Username Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"username\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.register.username\", \"Username\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <UserIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"username\"\n              type=\"text\"\n              required\n              value={formData.username}\n              onChange={(e) =>\n                setFormData({ ...formData, username: e.target.value })\n              }\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              placeholder={tr(\n                \"auth.register.usernamePlaceholder\",\n                \"Choose a username\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Email Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.register.email\", \"Email\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <EmailIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              required\n              value={formData.email}\n              onChange={(e) =>\n                setFormData({ ...formData, email: e.target.value })\n              }\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              placeholder={tr(\n                \"auth.register.emailPlaceholder\",\n                \"you@example.com\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Password Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"password\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.register.password\", \"Password\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <LockIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"password\"\n              type={showPassword ? \"text\" : \"password\"}\n              required\n              value={formData.password}\n              onChange={(e) =>\n                setFormData({ ...formData, password: e.target.value })\n              }\n              className=\"block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all\"\n              placeholder={tr(\n                \"auth.register.passwordPlaceholder\",\n                \"Create a strong password\",\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => setShowPassword(!showPassword)}\n              aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n              className=\"absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors\"\n            >\n              {showPassword ? (\n                <EyeOffIcon className=\"w-5 h-5\" />\n              ) : (\n                <EyeIcon className=\"w-5 h-5\" />\n              )}\n            </button>\n          </div>\n\n          {/* Password Strength Indicator */}\n          {formData.password && (\n            <div className=\"space-y-3 pt-2\">\n              {/* Strength Bar */}\n              <div className=\"space-y-1\">\n                <div className=\"h-1.5 bg-[var(--color-bg-sunken)] rounded-full overflow-hidden\">\n                  <div\n                    className={`h-full ${passwordStrength.color} ${passwordStrength.width} transition-all duration-300`}\n                  />\n                </div>\n                <p className=\"text-xs text-[var(--color-text-tertiary)] capitalize\">\n                  {tr(\"auth.register.passwordStrength\", \"Password strength:\")}{\" \"}\n                  <span className=\"font-medium\">{passwordStrength.level}</span>\n                </p>\n              </div>\n\n              {/* Requirements Checklist */}\n              <div className=\"grid grid-cols-2 gap-2\">\n                {passwordChecks.map((check, i) => (\n                  <div key={i} className=\"flex items-center gap-2\">\n                    {check.met ? (\n                      <CheckIcon className=\"w-4 h-4 text-status-success-text\" />\n                    ) : (\n                      <XIcon className=\"w-4 h-4 text-[var(--color-text-tertiary)]\" />\n                    )}\n                    <span\n                      className={`text-xs ${\n                        check.met\n                          ? \"text-status-success-text\"\n                          : \"text-[var(--color-text-tertiary)]\"\n                      }`}\n                    >\n                      {check.label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Terms Agreement */}\n        <p className=\"text-xs text-[var(--color-text-tertiary)] leading-relaxed\">\n          {tr(\n            \"auth.register.agreeToTerms\",\n            \"By creating an account, you agree to our\",\n          )}{\" \"}\n          <a href=\"/legal/terms\" className=\"text-text-link hover:underline\">\n            {tr(\"auth.register.termsOfService\", \"Terms of Service\")}\n          </a>{\" \"}\n          {tr(\"auth.register.and\", \"and\")}{\" \"}\n          <a href=\"/legal/privacy\" className=\"text-text-link hover:underline\">\n            {tr(\"auth.register.privacyPolicy\", \"Privacy Policy\")}\n          </a>\n          .\n        </p>\n\n        {/* reCAPTCHA v2 Checkbox */}\n        <CaptchaV2 onVerify={setCaptchaToken} />\n\n        {/* Submit Button */}\n        <button\n          type=\"submit\"\n          disabled={isLoading}\n          className=\"auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold\"\n        >\n          {isLoading ? (\n            <>\n              <SpinnerIcon className=\"w-5 h-5 animate-spin\" />\n              <span>\n                {tr(\"auth.register.creatingAccount\", \"Creating account...\")}\n              </span>\n            </>\n          ) : (\n            tr(\"auth.register.createAccountBtn\", \"Create account\")\n          )}\n        </button>\n      </form>\n\n      {/* Divider */}\n      <div className=\"relative my-8\">\n        <div className=\"absolute inset-0 flex items-center\">\n          <div className=\"w-full border-t border-[var(--color-border-default)]\" />\n        </div>\n        <div className=\"relative flex justify-center\">\n          <span className=\"px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]\">\n            {tr(\"auth.register.orSignUpWith\", \"or sign up with\")}\n          </span>\n        </div>\n      </div>\n\n      {/* OAuth Error */}\n      {oauthError && (\n        <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border\">\n          <AlertIcon className=\"w-5 h-5 flex-shrink-0 mt-0.5 text-status-error-text\" />\n          <p className=\"text-sm text-status-error-text\">{oauthError}</p>\n        </div>\n      )}\n\n      {/* OAuth Buttons */}\n      <div className=\"grid grid-cols-3 gap-3\">\n        {oauthProviders.map((provider) => (\n          <button\n            key={provider.name}\n            type=\"button\"\n            onClick={provider.onClick}\n            disabled={provider.disabled}\n            title={provider.tooltip}\n            className={`flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${\n              provider.disabled\n                ? \"border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50\"\n                : \"border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]\"\n            }`}\n          >\n            <provider.icon\n              className={`w-5 h-5 ${provider.disabled ? \"opacity-50\" : \"\"}`}\n            />\n            <span\n              className={`sr-only sm:not-sr-only text-sm font-medium transition-colors hidden sm:inline ${\n                provider.disabled\n                  ? \"text-[var(--color-text-disabled)]\"\n                  : \"text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]\"\n              }`}\n            >\n              {provider.name}\n            </span>\n          </button>\n        ))}\n      </div>\n\n      {/* Sign In Link */}\n      <p className=\"mt-8 text-center text-sm text-[var(--color-text-secondary)]\">\n        {tr(\"auth.register.alreadyHaveAccount\", \"Already have an account?\")}{\" \"}\n        <button\n          onClick={() => navigate(\"/auth/login\")}\n          className=\"font-semibold text-text-link hover:text-text-linkHover transition-colors\"\n        >\n          {tr(\"auth.register.signIn\", \"Sign in\")}\n        </button>\n      </p>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/**
+ * SSORelayCallbackPage — Receives tokens from the SSO relay and stores them locally.
+ *
+ * Tokens arrive in the URL fragment (#sso=<base64>) which is never sent to servers.
+ * After storing in localStorage, redirects to the returnTo path.
+ */
+export declare function SSORelayCallbackPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SSORelayCallbackPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSORelayCallbackPage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/SSORelayCallbackPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAoBH,wBAAgB,oBAAoB,4CA0DnC"}

package/dist/auth/pages/SSORelayCallbackPage.js

@@ -0,0 +1,48 @@
+import { useAuthStore as e } from "../store/authStore.js";
+import { useEffect as t } from "react";
+import { useSearchParams as n } from "react-router-dom";
+import { jsx as r } from "react/jsx-runtime";
+import { setSSoCookie as i } from "@burdenoff/fe-libs/shared/utils";
+import { getAuthBridge as a } from "@burdenoff/fe-libs/shared/providers/shell/AuthBridgeClient";
+//#region src/auth/pages/SSORelayCallbackPage.tsx
+function o(e) {
+	if (!e) return "/dashboard";
+	try {
+		let t = new URL(e, window.location.origin);
+		return t.origin === window.location.origin ? `${t.pathname}${t.search}${t.hash}` : "/dashboard";
+	} catch {
+		return "/dashboard";
+	}
+}
+function s() {
+	let [s] = n();
+	return t(() => {
+		let t = o(s.get("returnTo")), n = window.location.hash;
+		if (!n.startsWith("#sso=")) {
+			window.location.replace("/auth/login");
+			return;
+		}
+		try {
+			let r = n.slice(5), { profileId: o, tokens: s, user: c, profiles: l } = JSON.parse(atob(r));
+			if (!o || !s) {
+				window.location.replace("/auth/login");
+				return;
+			}
+			localStorage.setItem(`bf-p-${o}-tokens`, s), c && localStorage.setItem(`bf-p-${o}-user`, c), l && localStorage.setItem("bf-profiles", l), sessionStorage.setItem("bf-active-profile", o), i(o), e.getState().loadFromProfile(o), window.dispatchEvent(new Event("bf-profile-storage-change")), a()?.notifyLogin({
+				user: c ? JSON.parse(c) : null,
+				tokens: s ? JSON.parse(s) : null,
+				activeProfileId: o,
+				profiles: l ? JSON.parse(l) : []
+			}), window.location.replace(t);
+		} catch {
+			window.location.replace("/auth/login");
+		}
+	}, [s]), /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-center min-h-screen bg-bg-canvas",
+		children: /* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-action-primary-bg border-t-transparent" })
+	});
+}
+//#endregion
+export { s as SSORelayCallbackPage };
+
+//# sourceMappingURL=SSORelayCallbackPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSORelayCallbackPage.js","names":[],"sources":["../../../src/auth/pages/SSORelayCallbackPage.tsx"],"sourcesContent":["/**\n * SSORelayCallbackPage — Receives tokens from the SSO relay and stores them locally.\n *\n * Tokens arrive in the URL fragment (#sso=<base64>) which is never sent to servers.\n * After storing in localStorage, redirects to the returnTo path.\n */\n\nimport { useEffect } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { getAuthBridge } from \"@burdenoff/fe-libs/shared/providers/shell/AuthBridgeClient\";\nimport { setSSoCookie } from \"@burdenoff/fe-libs/shared/utils\";\nimport { useAuthStore } from \"../store/authStore\";\n\nfunction getSafeReturnTo(returnTo: string | null): string {\n  if (!returnTo) return \"/dashboard\";\n\n  try {\n    const url = new URL(returnTo, window.location.origin);\n    if (url.origin !== window.location.origin) return \"/dashboard\";\n    return `${url.pathname}${url.search}${url.hash}`;\n  } catch {\n    return \"/dashboard\";\n  }\n}\n\nexport function SSORelayCallbackPage() {\n  const [searchParams] = useSearchParams();\n\n  useEffect(() => {\n    const returnTo = getSafeReturnTo(searchParams.get(\"returnTo\"));\n    const hash = window.location.hash;\n\n    if (!hash.startsWith(\"#sso=\")) {\n      // No SSO data — redirect to login\n      window.location.replace(\"/auth/login\");\n      return;\n    }\n\n    try {\n      const encoded = hash.slice(5); // Remove \"#sso=\"\n      const payload = JSON.parse(atob(encoded));\n      const { profileId, tokens, user, profiles } = payload;\n\n      if (!profileId || !tokens) {\n        window.location.replace(\"/auth/login\");\n        return;\n      }\n\n      // Store tokens in localStorage\n      localStorage.setItem(`bf-p-${profileId}-tokens`, tokens);\n      if (user) {\n        localStorage.setItem(`bf-p-${profileId}-user`, user);\n      }\n      if (profiles) {\n        localStorage.setItem(\"bf-profiles\", profiles);\n      }\n      sessionStorage.setItem(\"bf-active-profile\", profileId);\n      setSSoCookie(profileId);\n      useAuthStore.getState().loadFromProfile(profileId);\n\n      // Dispatch event so AuthProvider picks up the new state\n      window.dispatchEvent(new Event(\"bf-profile-storage-change\"));\n\n      // Notify the auth bridge so other open shells can pick up the new session\n      getAuthBridge()?.notifyLogin({\n        user: user ? JSON.parse(user) : null,\n        tokens: tokens ? JSON.parse(tokens) : null,\n        activeProfileId: profileId,\n        profiles: profiles ? JSON.parse(profiles) : [],\n      });\n\n      // Clear the hash and redirect\n      window.location.replace(returnTo);\n    } catch {\n      window.location.replace(\"/auth/login\");\n    }\n  }, [searchParams]);\n\n  return (\n    <div className=\"flex items-center justify-center min-h-screen bg-bg-canvas\">\n      <div className=\"animate-spin rounded-full h-8 w-8 border-2 border-action-primary-bg border-t-transparent\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAS,EAAgB,GAAiC;AACxD,KAAI,CAAC,EAAU,QAAO;AAEtB,KAAI;EACF,IAAM,IAAM,IAAI,IAAI,GAAU,OAAO,SAAS,OAAO;AAErD,SADI,EAAI,WAAW,OAAO,SAAS,SAC5B,GAAG,EAAI,WAAW,EAAI,SAAS,EAAI,SADQ;SAE5C;AACN,SAAO;;;AAIX,SAAgB,IAAuB;CACrC,IAAM,CAAC,KAAgB,GAAiB;AAoDxC,QAlDA,QAAgB;EACd,IAAM,IAAW,EAAgB,EAAa,IAAI,WAAW,CAAC,EACxD,IAAO,OAAO,SAAS;AAE7B,MAAI,CAAC,EAAK,WAAW,QAAQ,EAAE;AAE7B,UAAO,SAAS,QAAQ,cAAc;AACtC;;AAGF,MAAI;GACF,IAAM,IAAU,EAAK,MAAM,EAAE,EAEvB,EAAE,cAAW,WAAQ,SAAM,gBADjB,KAAK,MAAM,KAAK,EAAQ,CAAC;AAGzC,OAAI,CAAC,KAAa,CAAC,GAAQ;AACzB,WAAO,SAAS,QAAQ,cAAc;AACtC;;AA2BF,GAvBA,aAAa,QAAQ,QAAQ,EAAU,UAAU,EAAO,EACpD,KACF,aAAa,QAAQ,QAAQ,EAAU,QAAQ,EAAK,EAElD,KACF,aAAa,QAAQ,eAAe,EAAS,EAE/C,eAAe,QAAQ,qBAAqB,EAAU,EACtD,EAAa,EAAU,EACvB,EAAa,UAAU,CAAC,gBAAgB,EAAU,EAGlD,OAAO,cAAc,IAAI,MAAM,4BAA4B,CAAC,EAG5D,GAAe,EAAE,YAAY;IAC3B,MAAM,IAAO,KAAK,MAAM,EAAK,GAAG;IAChC,QAAQ,IAAS,KAAK,MAAM,EAAO,GAAG;IACtC,iBAAiB;IACjB,UAAU,IAAW,KAAK,MAAM,EAAS,GAAG,EAAE;IAC/C,CAAC,EAGF,OAAO,SAAS,QAAQ,EAAS;UAC3B;AACN,UAAO,SAAS,QAAQ,cAAc;;IAEvC,CAAC,EAAa,CAAC,EAGhB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,4FAA6F,CAAA;EACxG,CAAA"}

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

@@ -0,0 +1,18 @@
+/**
+ * SSORelayPage — Cross-domain SSO token relay.
+ *
+ * This page is loaded on the ORIGIN where the user is logged in.
+ * It reads tokens from localStorage and redirects to the TARGET domain's
+ * /auth/sso-callback with the tokens in a URL fragment (not query param
+ * for security — fragments are not sent to servers).
+ *
+ * Flow:
+ * 1. User visits productA.com → not logged in → detects SSO cookie
+ * 2. Redirect to productB.com/auth/sso-relay?returnTo=productA.com/dashboard
+ *    (productB is where the user IS logged in — identified by cookie)
+ * 3. This page reads tokens from productB's localStorage
+ * 4. Redirects to productA.com/auth/sso-callback#token=<base64-encoded-tokens>
+ * 5. SSORelayCallbackPage on productA decodes and stores tokens, redirects to /dashboard
+ */
+export declare function SSORelayPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SSORelayPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSORelayPage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/SSORelayPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAgNH,wBAAgB,YAAY,4CAoE3B"}