@riverbankcms/sdk 0.127.0 → 0.129.0

package/dist/client/MagicLinkForm-b5E_HoG9.mjs

@@ -1,327 +0,0 @@
-"use client";
-import { X as themeButtonClassName, yt as assertNever } from "./propsDecoder-BF7i6Ijg.mjs";
-import { n as useBlockApi } from "./context-CJz1Vlsz.mjs";
-import { useEffect, useReducer, useState, useSyncExternalStore } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region ../blocks/src/system/runtime/shared/components/ClockIcon.tsx
-function ClockIcon({ className, strokeWidth = 2 }) {
-	return /* @__PURE__ */ jsx("svg", {
-		fill: "none",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth,
-		viewBox: "0 0 24 24",
-		stroke: "currentColor",
-		className,
-		width: "1em",
-		height: "1em",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ jsx("path", { d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/components/LoggedInAsUser.tsx
-/**
-* Displays the logged-in user's email with an optional logout link.
-*
-* Used in registration forms when the email field is locked due to portal authentication.
-* Shows: "Logged in as {email} — Not you? Log out"
-*/
-function LoggedInAsUser({ email, onLogout, classPrefix }) {
-	return /* @__PURE__ */ jsxs("p", {
-		className: `${classPrefix}-logged-in-hint`,
-		children: [
-			"Logged in as ",
-			email,
-			onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [" — ", /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: `${classPrefix}-link`,
-				onClick: onLogout,
-				children: "Not you? Log out"
-			})] })
-		]
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/useWaitlistClaim.state.ts
-const DEFAULT_WAITLIST_CLAIM_ERROR = "Failed to resolve waitlist claim";
-function createInitialWaitlistClaimState(hasToken) {
-	return hasToken ? { kind: "resolving" } : { kind: "idle" };
-}
-function waitlistClaimReducer(_state, action) {
-	switch (action.type) {
-		case "cleared": return { kind: "idle" };
-		case "started": return { kind: "resolving" };
-		case "resolved": return {
-			kind: "resolved",
-			claim: action.claim
-		};
-		case "failed": return action.failure;
-	}
-}
-function toWaitlistClaimResolveFailure(error) {
-	const message = error instanceof Error ? error.message : DEFAULT_WAITLIST_CLAIM_ERROR;
-	if (isUnauthorizedBlockApiError(error)) return {
-		kind: "portal-login-required",
-		message
-	};
-	return {
-		kind: "error",
-		message
-	};
-}
-function isUnauthorizedBlockApiError(error) {
-	return error instanceof Error && error.name === "BlockApiError" && hasStatus(error) && error.status === 401;
-}
-function hasStatus(value) {
-	return typeof value === "object" && value !== null && "status" in value;
-}
-function getWaitlistClaim(state) {
-	return state.kind === "resolved" ? state.claim : null;
-}
-function getWaitlistClaimError(state) {
-	return state.kind === "error" ? state.message : null;
-}
-function getWaitlistClaimLoginMessage(state) {
-	return state.kind === "portal-login-required" ? state.message : null;
-}
-function requiresWaitlistClaimPortalLogin(state) {
-	return state.kind === "portal-login-required";
-}
-function isWaitlistClaimLoading(state) {
-	return state.kind === "resolving";
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/useWaitlistClaim.ts
-const WAITLIST_CLAIM_LOCATION_EVENT = "riverbank:waitlist-claim-location-change";
-let historyPatched = false;
-function emitWaitlistClaimLocationChange() {
-	if (typeof window === "undefined") return;
-	window.dispatchEvent(new Event(WAITLIST_CLAIM_LOCATION_EVENT));
-}
-function ensureWaitlistClaimLocationTracking() {
-	if (typeof window === "undefined" || historyPatched) return;
-	historyPatched = true;
-	const history = window.history;
-	if (history.__riverbankWaitlistClaimPatched__) return;
-	const wrapHistoryMethod = (method) => {
-		return function patched(...args) {
-			method.apply(this, args);
-			emitWaitlistClaimLocationChange();
-		};
-	};
-	try {
-		history.pushState = wrapHistoryMethod(history.pushState);
-		history.replaceState = wrapHistoryMethod(history.replaceState);
-		history.__riverbankWaitlistClaimPatched__ = true;
-	} catch {}
-	window.addEventListener("popstate", emitWaitlistClaimLocationChange);
-}
-function getWaitlistClaimTokenFromUrl() {
-	if (typeof window === "undefined") return null;
-	const token = new URLSearchParams(window.location.search).get("waitlist_claim")?.trim() ?? "";
-	return token.length > 0 ? token : null;
-}
-const useWaitlistClaimDeps = { useBlockApi };
-function subscribeToWaitlistClaimToken(callback) {
-	if (typeof window === "undefined") return () => {};
-	ensureWaitlistClaimLocationTracking();
-	window.addEventListener(WAITLIST_CLAIM_LOCATION_EVENT, callback);
-	return () => {
-		window.removeEventListener(WAITLIST_CLAIM_LOCATION_EVENT, callback);
-	};
-}
-function getWaitlistClaimTokenSnapshot() {
-	return getWaitlistClaimTokenFromUrl();
-}
-function useWaitlistClaim() {
-	return useWaitlistClaimWithDeps(useWaitlistClaimDeps);
-}
-function useWaitlistClaimWithDeps(deps) {
-	const api = deps.useBlockApi();
-	const token = useSyncExternalStore(subscribeToWaitlistClaimToken, getWaitlistClaimTokenSnapshot, () => null);
-	const [state, dispatch] = useReducer(waitlistClaimReducer, Boolean(token), createInitialWaitlistClaimState);
-	useEffect(() => {
-		let cancelled = false;
-		async function resolveClaim() {
-			if (!token) {
-				dispatch({ type: "cleared" });
-				return;
-			}
-			dispatch({ type: "started" });
-			try {
-				const result = await api.resolveWaitlistClaim({ claimToken: token });
-				if (cancelled) return;
-				dispatch({
-					type: "resolved",
-					claim: result
-				});
-			} catch (claimError) {
-				if (cancelled) return;
-				dispatch({
-					type: "failed",
-					failure: toWaitlistClaimResolveFailure(claimError)
-				});
-			}
-		}
-		resolveClaim();
-		return () => {
-			cancelled = true;
-		};
-	}, [api, token]);
-	return {
-		token,
-		claim: getWaitlistClaim(state),
-		error: getWaitlistClaimError(state),
-		loginMessage: getWaitlistClaimLoginMessage(state),
-		requiresPortalLogin: requiresWaitlistClaimPortalLogin(state),
-		isLoading: isWaitlistClaimLoading(state)
-	};
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/utils/portalLogout.ts
-/**
-* Portal Logout Utility
-*
-* Logout from the customer portal by POSTing to the logout endpoint.
-* Uses a hidden form because the httpOnly cookie can only be cleared server-side.
-*/
-/**
-* Logout from the customer portal.
-*
-* @param anchorId - The anchor ID to redirect back to after logout
-*/
-function logoutPortal(anchorId) {
-	const form = document.createElement("form");
-	form.method = "POST";
-	form.action = "/api/portal/logout";
-	const redirectInput = document.createElement("input");
-	redirectInput.type = "hidden";
-	redirectInput.name = "redirect_to";
-	redirectInput.value = `${window.location.pathname}#${anchorId}`;
-	form.appendChild(redirectInput);
-	document.body.appendChild(form);
-	form.submit();
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.state.ts
-const initialMagicLinkSubmissionState = Object.freeze({ tag: "idle" });
-function magicLinkSubmissionReducer(state, action) {
-	switch (action.type) {
-		case "submit-started":
-			if (state.tag === "submitting") return state;
-			return { tag: "submitting" };
-		case "submit-succeeded":
-			if (state.tag !== "submitting") return state;
-			return { tag: "success" };
-		case "submit-failed":
-			if (state.tag !== "submitting") return state;
-			return {
-				tag: "error",
-				message: action.message
-			};
-		case "reset": return initialMagicLinkSubmissionState;
-		default: return assertNever(action);
-	}
-}
-function isMagicLinkSubmitting(state) {
-	return state.tag === "submitting";
-}
-function getMagicLinkError(state) {
-	return state.tag === "error" ? state.message : null;
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.tsx
-/**
-* Reusable magic link login form.
-* Used by Customer Portal and Event Registration blocks.
-*/
-function MagicLinkForm({ initialEmail = "", title, subtitle, buttonText = "Send login link", successMessage = "Check your email for a login link to sign in.", onSuccess, classPrefix = "er", compact = false }) {
-	const api = useBlockApi();
-	const [email, setEmail] = useState(initialEmail);
-	const [submissionState, dispatchSubmission] = useReducer(magicLinkSubmissionReducer, initialMagicLinkSubmissionState);
-	const loading = isMagicLinkSubmitting(submissionState);
-	const error = getMagicLinkError(submissionState);
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		const normalizedEmail = email.trim().toLowerCase();
-		if (!normalizedEmail || loading) return;
-		dispatchSubmission({ type: "submit-started" });
-		try {
-			const redirectTo = `${window.location.pathname}${window.location.search}${window.location.hash}`;
-			await api.sendMagicLink({
-				email: normalizedEmail,
-				redirectUrl: `${window.location.origin}/api/portal/callback?redirect_to=${encodeURIComponent(redirectTo)}`
-			});
-			dispatchSubmission({ type: "submit-succeeded" });
-			onSuccess?.();
-		} catch (err) {
-			console.error("Magic link error:", err);
-			dispatchSubmission({
-				type: "submit-failed",
-				message: getMagicLinkErrorMessage(err)
-			});
-		}
-	};
-	const handleReset = () => {
-		setEmail("");
-		dispatchSubmission({ type: "reset" });
-	};
-	if (submissionState.tag === "success") return /* @__PURE__ */ jsxs("div", {
-		className: `${classPrefix}-magic-link-success`,
-		children: [/* @__PURE__ */ jsx("p", {
-			className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--success`,
-			children: successMessage
-		}), !compact && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: classPrefix === "cp" ? themeButtonClassName({
-				variant: "secondary",
-				size: "md"
-			}) : `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
-			onClick: handleReset,
-			children: "Try a different email"
-		})]
-	});
-	return /* @__PURE__ */ jsxs("form", {
-		onSubmit: handleSubmit,
-		className: `${classPrefix}-magic-link-form`,
-		children: [
-			title && /* @__PURE__ */ jsx("h3", {
-				className: `${classPrefix}-magic-link-title`,
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ jsx("p", {
-				className: `${classPrefix}-portal-auth-text`,
-				children: subtitle
-			}),
-			/* @__PURE__ */ jsx("input", {
-				type: "email",
-				className: classPrefix === "cp" ? "cp-input" : `${classPrefix}-form__input`,
-				placeholder: "your@email.com",
-				value: email,
-				onChange: (e) => setEmail(e.target.value),
-				autoFocus: !compact,
-				required: true,
-				disabled: loading
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--error`,
-				children: error
-			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "submit",
-				className: classPrefix === "cp" ? themeButtonClassName({
-					variant: "primary",
-					size: "md"
-				}) : `${classPrefix}-modal-btn`,
-				disabled: !email.trim() || loading,
-				children: loading ? "Sending..." : buttonText
-			})
-		]
-	});
-}
-function getMagicLinkErrorMessage(error) {
-	return error instanceof Error ? error.message : "Failed to send. Please try again.";
-}
-//#endregion
-export { ClockIcon as a, LoggedInAsUser as i, logoutPortal as n, useWaitlistClaim as r, MagicLinkForm as t };