@riverbankcms/sdk 0.138.0 → 0.140.0

package/dist/client/newsletterForm-IbrHjMxy.mjs

@@ -1,322 +0,0 @@
-"use client";
-import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
-import { Nt as assertNever, dn as assertNever$1, t as defineIslandPropsDecoder, ut as themeButtonClassName } from "./propsDecoder-CY9gGEF7.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-DBzX85Xc.mjs";
-import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
-import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
-import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { useReducer, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region ../blocks/src/system/runtime/nodes/newsletter-form.client.state.ts
-const initialNewsletterFormSubmissionState = { tag: "idle" };
-function newsletterFormSubmissionReducer(state, action) {
-	switch (action.type) {
-		case "submitted":
-			if (state.tag === "success") return state;
-			return { tag: "submitting" };
-		case "failed":
-			if (state.tag === "success") return state;
-			return {
-				tag: "error",
-				error: action.error
-			};
-		case "succeeded": return { tag: "success" };
-		default: return assertNever(action);
-	}
-}
-function newsletterFieldError(fieldId, message) {
-	return {
-		kind: "field",
-		fieldId,
-		message
-	};
-}
-function newsletterFormError(message) {
-	return {
-		kind: "form",
-		message
-	};
-}
-function getNewsletterFieldError(error, fieldId) {
-	return error?.kind === "field" && error.fieldId === fieldId ? error.message : null;
-}
-function getNewsletterFormError(error) {
-	return error?.kind === "form" ? error.message : null;
-}
-function isNewsletterFormSubmitting(state) {
-	return state.tag === "submitting";
-}
-function isNewsletterFormSuccess(state) {
-	return state.tag === "success";
-}
-function getNewsletterSubmissionFieldError(state, fieldId) {
-	return state.tag === "error" ? getNewsletterFieldError(state.error, fieldId) : null;
-}
-function getNewsletterSubmissionFormError(state) {
-	return state.tag === "error" ? getNewsletterFormError(state.error) : null;
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/newsletter-form.submission.ts
-function mapNewsletterFormFieldsToSubscriberInput(fields) {
-	return {
-		email: readSubmittedText(fields.email),
-		firstName: readOptionalSubmittedText(fields.firstName),
-		lastName: readOptionalSubmittedText(fields.lastName),
-		name: readOptionalSubmittedText(fields.name),
-		company: readOptionalSubmittedText(fields.company),
-		phone: readOptionalSubmittedText(fields.phone),
-		honeypot: readSubmittedText(fields.website)
-	};
-}
-function resolveNewsletterSubmitTarget(input) {
-	switch (input.tag) {
-		case "block-source": return input.destinationRef ? publishedDestinationTarget(input.destinationRef) : {
-			tag: "unavailable",
-			reason: "missing_block_source"
-		};
-		case "signed-footer-source": return publishedDestinationTarget(input.destinationRef);
-		case "legacy-direct-list": {
-			const listId = input.listId?.trim();
-			return listId ? {
-				tag: "ready",
-				target: {
-					tag: "legacy_riverbank_list",
-					listId
-				}
-			} : {
-				tag: "unavailable",
-				reason: "missing_legacy_list"
-			};
-		}
-		default: return assertNever$1(input);
-	}
-}
-function publishedDestinationTarget(destinationRef) {
-	return {
-		tag: "ready",
-		target: {
-			tag: "published_block_ref",
-			destinationRef
-		}
-	};
-}
-function readOptionalSubmittedText(value) {
-	const text = readSubmittedText(value);
-	return text.length > 0 ? text : void 0;
-}
-function readSubmittedText(value) {
-	return typeof value === "string" ? value.trim() : "";
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/newsletter-form.client.tsx
-function NewsletterFormClient({ render }) {
-	const api = useBlockApi();
-	const [submissionState, dispatchSubmission] = useReducer(newsletterFormSubmissionReducer, initialNewsletterFormSubmissionState);
-	const [altchaSolution, setAltchaSolution] = useState(null);
-	const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
-	const fields = render.display.fields;
-	const parsedTags = typeof render.hydration.tags === "string" ? render.hydration.tags.split(/[;,]/g).map((t) => t.trim()).filter(Boolean) : [];
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		const formData = new FormData(e.currentTarget);
-		const submittedFields = mapNewsletterFormFieldsToSubscriberInput({
-			email: formData.get("email"),
-			firstName: formData.get("firstName"),
-			lastName: formData.get("lastName"),
-			name: formData.get("name"),
-			company: formData.get("company"),
-			phone: formData.get("phone"),
-			website: formData.get("website")
-		});
-		if (submittedFields.honeypot) {
-			dispatchSubmission({ type: "succeeded" });
-			return;
-		}
-		if (!submittedFields.email) {
-			dispatchSubmission({
-				type: "failed",
-				error: newsletterFieldError("email", "Email is required")
-			});
-			return;
-		}
-		const submitTarget = resolveNewsletterSubmitTarget(render.hydration.target);
-		if (submitTarget.tag === "unavailable") {
-			dispatchSubmission({
-				type: "failed",
-				error: newsletterFormError("Newsletter list is not configured")
-			});
-			return;
-		}
-		dispatchSubmission({ type: "submitted" });
-		try {
-			await api.subscribeNewsletter({
-				email: submittedFields.email,
-				firstName: submittedFields.firstName,
-				lastName: submittedFields.lastName,
-				name: submittedFields.name,
-				company: submittedFields.company,
-				phone: submittedFields.phone,
-				target: submitTarget.target,
-				tags: parsedTags.length > 0 ? parsedTags : void 0,
-				meta: {
-					honeypot: submittedFields.honeypot,
-					altchaSolution
-				}
-			});
-			dispatchSubmission({ type: "succeeded" });
-		} catch (err) {
-			dispatchSubmission({
-				type: "failed",
-				error: newsletterFormError(err instanceof Error ? err.message : "Subscription failed. Please try again.")
-			});
-		}
-	};
-	const renderField = (field) => {
-		const inputId = `newsletter_${field.id}`;
-		const fieldError = getNewsletterSubmissionFieldError(submissionState, field.id);
-		const fieldErrorId = `${inputId}-error`;
-		const validationProps = getFieldValidationControlProps({
-			message: fieldError,
-			messageId: fieldErrorId
-		});
-		return /* @__PURE__ */ jsxs("div", {
-			className: "fb-field newsletter-field",
-			children: [
-				/* @__PURE__ */ jsxs("label", {
-					htmlFor: inputId,
-					className: "form-label",
-					children: [field.label, field.required && /* @__PURE__ */ jsx("span", {
-						className: "newsletter-required",
-						"aria-hidden": "true",
-						children: "*"
-					})]
-				}),
-				/* @__PURE__ */ jsx("input", {
-					id: inputId,
-					name: field.id,
-					type: field.type,
-					required: field.required,
-					placeholder: field.placeholder,
-					className: "form-input",
-					autoComplete: field.type === "email" ? "email" : void 0,
-					disabled: isNewsletterFormSubmitting(submissionState),
-					...validationProps
-				}),
-				fieldError && /* @__PURE__ */ jsx(FieldValidationMessage, {
-					id: fieldErrorId,
-					className: "fb-error",
-					children: fieldError
-				})
-			]
-		}, field.id);
-	};
-	const formError = getNewsletterSubmissionFormError(submissionState);
-	if (isNewsletterFormSuccess(submissionState)) return /* @__PURE__ */ jsx("div", {
-		className: clsx("newsletter-form", "newsletter-success", render.display.className ?? void 0),
-		children: /* @__PURE__ */ jsx(FeedbackMessage, {
-			tone: "success",
-			className: "fb-success",
-			role: "status",
-			children: render.display.successMessage?.trim() || "Thanks for subscribing!"
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("newsletter-form", render.display.className ?? void 0),
-		children: [formError && /* @__PURE__ */ jsx(FeedbackMessage, {
-			tone: "error",
-			className: "fb-error",
-			role: "alert",
-			children: formError
-		}), /* @__PURE__ */ jsxs("form", {
-			onSubmit: handleSubmit,
-			className: "fb-form",
-			children: [
-				/* @__PURE__ */ jsx("input", {
-					type: "text",
-					name: "website",
-					className: "hidden",
-					tabIndex: -1,
-					autoComplete: "off",
-					"aria-hidden": "true"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "newsletter-form-fields",
-					children: [
-						fields.map(renderField),
-						showSpamProtection && /* @__PURE__ */ jsx("div", {
-							className: "newsletter-altcha",
-							children: /* @__PURE__ */ jsx(AltchaWidget, {
-								challengeUrl: getChallengeUrl(),
-								onSolutionChange: setAltchaSolution
-							})
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "newsletter-submit",
-							children: /* @__PURE__ */ jsx("button", {
-								type: "submit",
-								className: themeButtonClassName({
-									variant: render.display.buttonVariant,
-									size: "md"
-								}),
-								disabled: isNewsletterFormSubmitting(submissionState),
-								children: isNewsletterFormSubmitting(submissionState) ? "Subscribing..." : render.display.buttonLabel
-							})
-						})
-					]
-				}),
-				render.display.privacyNote && /* @__PURE__ */ jsx("p", {
-					className: "newsletter-privacy-note",
-					children: render.display.privacyNote
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/rendering/islands/enhancers/newsletterForm.tsx
-const decode = defineIslandPropsDecoder("newsletter-form");
-function snapshotFormValues(form) {
-	if (!form) return [];
-	const snapshots = [];
-	const elements = Array.from(form.elements);
-	for (const el of elements) {
-		if (!(el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement)) continue;
-		const name = el.name;
-		if (!name) continue;
-		snapshots.push({
-			name,
-			value: el.value
-		});
-	}
-	return snapshots;
-}
-function applySnapshots(form, snapshots) {
-	if (!form) return;
-	for (const snapshot of snapshots) {
-		const el = form.elements.namedItem(snapshot.name);
-		if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) el.value = snapshot.value;
-	}
-}
-const enhance = (root, props) => {
-	const { siteId, apiBaseUrl, render } = props;
-	if (!siteId) throw new Error("[sdk:islands] newsletter-form requires siteId");
-	if (!apiBaseUrl) throw new Error("[sdk:islands] newsletter-form requires apiBaseUrl");
-	const apiConfig = {
-		baseUrl: apiBaseUrl,
-		auth: { type: "none" },
-		siteId
-	};
-	const snapshots = snapshotFormValues(root.querySelector("form"));
-	return mountReactIsland(root, ({ root: reactRoot }) => {
-		reactRoot.render(/* @__PURE__ */ jsx(BlockApiProvider, {
-			config: apiConfig,
-			children: /* @__PURE__ */ jsx(NewsletterFormClient, { ...props })
-		}));
-		requestAnimationFrame(() => {
-			applySnapshots(root.querySelector("form"), snapshots);
-		});
-	});
-};
-//#endregion
-export { decode, enhance };