@riverbankcms/sdk 0.152.0 → 0.154.0

package/dist/client/mediaContext-CwbbimYB.mjs

@@ -0,0 +1,135 @@
+import { t as buildRenderableMediaAssetIndex } from "./renderableMediaAssetAdmission-CHkXYDC_.mjs";
+//#region ../blocks/src/system/runtime/nodes/mediaContext.ts
+function buildMediaAssetIndex(assets) {
+	return buildRenderableMediaAssetIndex(assets);
+}
+function normalizeSupabaseUrl(value) {
+	return value?.replace(/\/$/, "");
+}
+function buildResolveImageUrlContext(input) {
+	return {
+		supabaseUrl: normalizeSupabaseUrl(input?.supabaseUrl),
+		siteId: input?.siteId,
+		mediaAssetIndex: input?.mediaAssetIndex ?? buildMediaAssetIndex(input?.mediaAssets)
+	};
+}
+/**
+* Server-side: AsyncLocalStorage for request isolation.
+* Prevents race conditions when multiple requests are processed concurrently.
+*
+* Lazy initialization to avoid issues in environments that don't support async_hooks.
+*/
+const serverStorageState = {
+	storage: null,
+	checked: false
+};
+function getServerStorage() {
+	if (typeof window !== "undefined") return null;
+	if (serverStorageState.checked) return serverStorageState.storage;
+	serverStorageState.checked = true;
+	try {
+		const globalWithNonWebpackRequire = globalThis;
+		const AsyncLocalStorage = (typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : new Function("id", "return require(id)"))("async_hooks").AsyncLocalStorage;
+		if (AsyncLocalStorage) {
+			serverStorageState.storage = new AsyncLocalStorage();
+			return serverStorageState.storage;
+		}
+		return null;
+	} catch {
+		console.warn("[blocks] AsyncLocalStorage not available - using module-level state");
+		return null;
+	}
+}
+/**
+* Client-side context storage.
+* Safe because browsers are single-threaded per tab.
+*
+* IMPORTANT: This must be shared across bundles.
+* SDK preview mode can load multiple independently-bundled entrypoints
+* (e.g. `@riverbankcms/sdk/rendering` + `@riverbankcms/sdk/preview-next/client`),
+* which can otherwise each get their own module-scoped singleton.
+*/
+const RB_MEDIA_CONTEXT_KEY = Symbol.for("riverbankcms.blocks.mediaContext");
+function getClientContextStore() {
+	const g = globalThis;
+	const existing = g[RB_MEDIA_CONTEXT_KEY];
+	if (existing && typeof existing === "object") return existing;
+	const next = {};
+	g[RB_MEDIA_CONTEXT_KEY] = next;
+	return next;
+}
+/**
+* Get the current media context.
+* Server-side: Uses AsyncLocalStorage for request isolation.
+* Client-side: Uses module-level state (safe in single-threaded browser).
+*/
+function getMediaContext() {
+	const storage = getServerStorage();
+	if (storage) return storage.getStore() ?? {};
+	return getClientContextStore();
+}
+/**
+* Set the Supabase URL in the current context.
+* @deprecated Use runWithMediaContext instead for request isolation.
+*/
+function updateMediaContext(patch) {
+	const storage = getServerStorage();
+	const current = storage?.getStore();
+	if (current) Object.assign(current, patch);
+	else if (storage?.enterWith) storage.enterWith(patch);
+	else Object.assign(getClientContextStore(), patch);
+}
+function setContextSupabaseUrl(url) {
+	updateMediaContext({ supabaseUrl: normalizeSupabaseUrl(url) });
+}
+/** @deprecated Use runWithMediaContext for request isolation. */
+function setContextSiteId(siteId) {
+	updateMediaContext({ siteId });
+}
+function setContextMediaAssetIndex(index) {
+	updateMediaContext({ mediaAssetIndex: index });
+}
+function setContextResolveImageUrlContext(context) {
+	setContextSupabaseUrl(context?.supabaseUrl);
+	setContextSiteId(context?.siteId);
+	setContextMediaAssetIndex(context?.mediaAssetIndex);
+}
+function getCurrentResolveImageUrlContext() {
+	const context = getMediaContext();
+	if (!context.supabaseUrl && !context.siteId && !context.mediaAssetIndex) return;
+	return {
+		supabaseUrl: context.supabaseUrl,
+		siteId: context.siteId,
+		mediaAssetIndex: context.mediaAssetIndex
+	};
+}
+/**
+* Get the Supabase URL for constructing direct storage URLs.
+* Used for serving images directly from Supabase storage CDN.
+*
+* Resolution order:
+* 1. Context URL (set via runWithMediaContext or setContextSupabaseUrl)
+* 2. Environment variable NEXT_PUBLIC_SUPABASE_URL
+*
+* SDK sites receive the URL from the API, so they don't need the env var.
+* Dashboard and frontend apps use the env var.
+*/
+function getSupabaseUrl() {
+	const context = getMediaContext();
+	if (context.supabaseUrl) return context.supabaseUrl;
+	const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
+	if (!url) throw new Error("NEXT_PUBLIC_SUPABASE_URL is not configured. Set it to your Supabase project URL (e.g., https://xxx.supabase.co)");
+	return url.replace(/\/$/, "");
+}
+/**
+* Get the site ID for constructing storage paths.
+* Required for relative path resolution.
+*/
+function getSiteId() {
+	return getMediaContext().siteId;
+}
+function getMediaAssetIndex(context) {
+	return context?.mediaAssetIndex ?? getMediaContext().mediaAssetIndex;
+}
+//#endregion
+export { getSupabaseUrl as a, getSiteId as i, getCurrentResolveImageUrlContext as n, setContextResolveImageUrlContext as o, getMediaAssetIndex as r, buildResolveImageUrlContext as t };

package/dist/client/{newsletterForm-B7IxSPuz.mjs → newsletterForm-DnGyR0x7.mjs}

@@ -1,9 +1,8 @@
 "use client";
-import { F as clsx } from "./colorStyles-ECDNPE_P.mjs";
-import { Lr as assertNever, g as newsletterBlockSubmissionMessage, h as NEWSLETTER_SIGNUPS_PAUSED_MESSAGE, t as defineIslandPropsDecoder, ti as parseMailingListVisitorSelection, yi as assertNever$1 } from "./propsDecoder-Bf1jucUp.mjs";
-import { t as ThemedButton } from "./ThemedButton-Ciltp0IK.mjs";
+import { Mi as assertNever$1, Rr as assertNever, g as newsletterBlockSubmissionMessage, h as NEWSLETTER_SIGNUPS_PAUSED_MESSAGE, mi as parseMailingListVisitorSelection, pr as listLookSlot, ri as clsx, t as defineIslandPropsDecoder } from "./propsDecoder-B1OeWavE.mjs";
+import { t as ThemedButton } from "./ThemedButton-wl3Z3wkH.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
-import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-BI77UFAn.mjs";
+import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-Dg4ZrxDD.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
 import { i as getFieldValidationControlProps, r as FieldValidationMessage, t as MAILING_LIST_CONFIRMATION_MESSAGE } from "./mailingListSignupCopy-DZSHZrm6.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
@@ -14,9 +13,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * Newsletter form pieces shared by the SSR render and the hydrated island, so
 * both produce the same markup.
 *
-* Labels are visually hidden: every field has a placeholder, and a visible
-* "Email *" label over a single field reads like a generic form. Screen
-* readers still get the label.
+* Legacy layouts keep visually hidden labels and the joined email/button.
+* Compiler-owned Look hooks expose labelled controls and a separate action.
 */
 const TOPIC_CHOICE_FIELD_ID = "mailingListChoice";
 const inputIdFor = (field) => `newsletter_${field.id}`;
@@ -28,15 +26,17 @@ function partitionNewsletterFields(fields) {
 		extra: fields.filter((field) => field !== email)
 	};
 }
-function NewsletterExtraField({ field, disabled, error }) {
+function NewsletterExtraField({ field, disabled, error, lookSlots }) {
 	const inputId = inputIdFor(field);
 	const errorId = `${inputId}-error`;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "fb-field newsletter-field",
+		...listLookSlot({ lookSlots }, field.type === "email" ? "row" : "item"),
 		children: [
 			/* @__PURE__ */ jsx("label", {
 				htmlFor: inputId,
-				className: "rb-sr-only",
+				className: lookSlots ? void 0 : "rb-sr-only",
+				...listLookSlot({ lookSlots }, "fact-label"),
 				children: field.label
 			}),
 			/* @__PURE__ */ jsx("input", {
@@ -46,6 +46,8 @@ function NewsletterExtraField({ field, disabled, error }) {
 				required: field.required,
 				placeholder: field.placeholder ?? field.label,
 				className: "form-input",
+				autoComplete: lookSlots ? field.type === "email" ? "email" : field.id === "firstName" ? "given-name" : void 0 : void 0,
+				...listLookSlot({ lookSlots }, "control"),
 				disabled,
 				...getFieldValidationControlProps({
 					message: error,
@@ -107,7 +109,23 @@ function NewsletterEmailEntry({ field, buttonVariant, buttonLabel, disabled, err
 * The submit action: joined to the email field when the preset has one
 * (every current preset does), otherwise a plain themed button.
 */
-function NewsletterSubmitRow({ emailField, buttonVariant, buttonLabel, disabled, error }) {
+function NewsletterSubmitRow({ emailField, lookSlots, buttonVariant, buttonLabel, disabled, error }) {
+	if (lookSlots) return /* @__PURE__ */ jsxs(Fragment, { children: [emailField && /* @__PURE__ */ jsx(NewsletterExtraField, {
+		field: emailField,
+		lookSlots,
+		disabled,
+		error
+	}), /* @__PURE__ */ jsx("div", {
+		...listLookSlot({ lookSlots }, "actions"),
+		children: /* @__PURE__ */ jsx(ThemedButton, {
+			...listLookSlot({ lookSlots }, "action"),
+			type: "submit",
+			variant: buttonVariant,
+			size: "md",
+			disabled,
+			label: buttonLabel
+		})
+	})] });
 	if (emailField) return /* @__PURE__ */ jsx(NewsletterEmailEntry, {
 		field: emailField,
 		buttonVariant,
@@ -372,18 +390,18 @@ function NewsletterFormClient({ render }) {
 	const submitting = isNewsletterFormSubmitting(submissionState);
 	const formError = getNewsletterSubmissionFormError(submissionState);
 	if (succeeded) return /* @__PURE__ */ jsx("div", {
+		...listLookSlot(render.display, "outcome"),
 		ref: successRef,
 		tabIndex: -1,
 		className: clsx("newsletter-form", "newsletter-success", render.display.className ?? void 0),
-		children: /* @__PURE__ */ jsx(FeedbackMessage, {
-			tone: "success",
-			className: "fb-success",
-			role: "status",
-			children: getNewsletterSuccessOutcome(submissionState) === "confirmation_required" ? MAILING_LIST_CONFIRMATION_MESSAGE : render.display.successMessage
+		children: /* @__PURE__ */ jsx(NewsletterSuccessMessage, {
+			lookSlots: render.display.lookSlots,
+			message: getNewsletterSuccessOutcome(submissionState) === "confirmation_required" ? MAILING_LIST_CONFIRMATION_MESSAGE : render.display.successMessage
 		})
 	});
 	if (render.display.availability === "unavailable") return /* @__PURE__ */ jsx(UnavailableNewsletterForm, { className: render.display.className });
 	return /* @__PURE__ */ jsx("div", {
+		...listLookSlot(render.display, "panel"),
 		className: clsx("newsletter-form", render.display.className ?? void 0),
 		children: /* @__PURE__ */ jsxs("form", {
 			onSubmit: handleSubmit,
@@ -408,17 +426,31 @@ function NewsletterFormClient({ render }) {
 				}),
 				render.display.privacyNote && /* @__PURE__ */ jsx("p", {
 					className: "newsletter-privacy-note",
+					...listLookSlot(render.display, "caption"),
 					children: render.display.privacyNote
 				})
 			]
 		})
 	});
 }
+function NewsletterSuccessMessage({ lookSlots, message }) {
+	return lookSlots ? /* @__PURE__ */ jsx("p", {
+		role: "status",
+		"aria-live": "polite",
+		children: message
+	}) : /* @__PURE__ */ jsx(FeedbackMessage, {
+		tone: "success",
+		className: "fb-success",
+		role: "status",
+		children: message
+	});
+}
 function NewsletterFormFields({ render, submissionState, submitting, submissionMessage, formError, showSpamProtection, onAltchaSolution }) {
 	const { email: emailField, extra: extraFields } = partitionNewsletterFields(render.display.fields);
 	const fieldError = (id) => getNewsletterSubmissionFieldError(submissionState, id);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "newsletter-form-fields",
+		...listLookSlot(render.display, "grid"),
 		children: [
 			render.hydration.choicePresentation === "visitor_choice" ? /* @__PURE__ */ jsx(NewsletterTopicChips, {
 				choices: render.display.choices,
@@ -427,7 +459,9 @@ function NewsletterFormFields({ render, submissionState, submitting, submissionM
 			}) : null,
 			extraFields.length > 0 ? /* @__PURE__ */ jsx("div", {
 				className: "newsletter-extra-fields",
+				...listLookSlot(render.display, "items"),
 				children: extraFields.map((field) => /* @__PURE__ */ jsx(NewsletterExtraField, {
+					lookSlots: render.display.lookSlots,
 					field,
 					disabled: submitting,
 					error: fieldError(field.id)
@@ -447,6 +481,7 @@ function NewsletterFormFields({ render, submissionState, submitting, submissionM
 				children: formError
 			}),
 			/* @__PURE__ */ jsx(NewsletterSubmitRow, {
+				lookSlots: render.display.lookSlots,
 				emailField,
 				buttonVariant: render.display.buttonVariant,
 				buttonLabel: submitting ? "Subscribing..." : render.display.buttonLabel,
@@ -520,6 +555,7 @@ function publicSignupError(outcome) {
 	switch (outcome.tag) {
 		case "invalid_input": return "Please check your details and try again.";
 		case "unavailable": switch (outcome.reason) {
+			case "confirmation_email_failed": return "We couldn’t send your confirmation email. Please try again later.";
 			case "configuration_unavailable":
 			case "authentication_failed":
 			case "target_unavailable": return NEWSLETTER_SIGNUPS_PAUSED_MESSAGE;

package/dist/client/{productDetail-Bqxpwy5N.mjs → productDetail-BVgTqvkb.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-Bf1jucUp.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-BVJOiUiJ.mjs";
-import { r as ProductDetailController } from "./shop-commerce-CT0APkFV.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-B1OeWavE.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-Db-cRGu3.mjs";
+import { r as ProductDetailController } from "./shop-commerce-Bt7uraDx.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/product-detail.client.tsx

package/dist/client/{productList-u9Lz8V15.mjs → productList-CcO7kUQw.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-Bf1jucUp.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-BVJOiUiJ.mjs";
-import { i as ProductListController } from "./shop-commerce-CT0APkFV.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-B1OeWavE.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-Db-cRGu3.mjs";
+import { i as ProductListController } from "./shop-commerce-Bt7uraDx.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/product-list.client.tsx