@riverbankcms/sdk 0.74.0 → 0.75.0

package/dist/client/chunk-NWOUL6JY.mjs

@@ -0,0 +1,1378 @@
+"use client";
+import { addPassToCommerceCart, useCommerceCart } from './chunk-ZLMS67RR.mjs';
+import { CarouselNodeClient } from './chunk-II7O4XN3.mjs';
+import { isRecord } from './chunk-I2MMZO53.mjs';
+import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-2PHQZ666.mjs';
+import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-3PEDD5KJ.mjs';
+import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-M3L3KYYR.mjs';
+import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever } from './chunk-FU2QRZMX.mjs';
+import { getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-PMAIXMAB.mjs';
+import * as React3 from 'react';
+import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { z } from 'zod';
+
+// ../blocks/src/primitives/content/utils/sanitizeHref.ts
+var SAFE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+var CONTROL_CHARS_PATTERN = /[\u0000-\u001F\u007F]+/g;
+function normalizeInput(value) {
+  return value.replace(CONTROL_CHARS_PATTERN, "").trim();
+}
+function decodeForSchemeCheck(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+}
+function sanitizeHref(raw) {
+  if (typeof raw !== "string") return null;
+  const normalized = normalizeInput(raw);
+  if (!normalized) return null;
+  if (normalized.startsWith("//")) return null;
+  if (normalized.startsWith("/")) return normalized;
+  if (normalized.startsWith("#")) return normalized;
+  const decoded = normalizeInput(decodeForSchemeCheck(normalized));
+  const schemeMatch = decoded.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
+  if (!schemeMatch) return null;
+  const rawScheme = schemeMatch[1];
+  if (!rawScheme) return null;
+  const protocol = `${rawScheme.toLowerCase()}:`;
+  if (!SAFE_PROTOCOLS.has(protocol)) return null;
+  try {
+    const parsed = new URL(normalized);
+    if (!SAFE_PROTOCOLS.has(parsed.protocol.toLowerCase())) {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+  return normalized;
+}
+function parseDimension(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+    return Math.round(value);
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed) && parsed > 0) {
+      return Math.round(parsed);
+    }
+  }
+  return void 0;
+}
+function normalizeRel(target, rel) {
+  const normalizedRel = rel?.trim();
+  if (target !== "_blank") {
+    return normalizedRel && normalizedRel.length > 0 ? normalizedRel : void 0;
+  }
+  const tokens = new Set(
+    (normalizedRel ?? "").split(/\s+/).map((token) => token.trim().toLowerCase()).filter(Boolean)
+  );
+  tokens.add("noopener");
+  tokens.add("noreferrer");
+  return Array.from(tokens).join(" ");
+}
+function renderMarks(text, marks, key) {
+  if (!marks || marks.length === 0) return text;
+  return marks.reduce((acc, mark) => {
+    switch (mark.type) {
+      case "bold":
+      case "strong":
+        return /* @__PURE__ */ jsx("strong", { children: acc }, `${key}-b`);
+      case "italic":
+      case "em":
+        return /* @__PURE__ */ jsx("em", { children: acc }, `${key}-i`);
+      case "link": {
+        if (typeof acc === "string" && acc.length === 0) return acc;
+        const attrs = mark.attrs ?? {};
+        const href = sanitizeHref(attrs.href);
+        if (!href) return acc;
+        const target = typeof attrs.target === "string" && attrs.target.trim().length > 0 ? attrs.target.trim() : void 0;
+        const rel = typeof attrs.rel === "string" ? attrs.rel : void 0;
+        return /* @__PURE__ */ jsx("a", { href, target, rel: normalizeRel(target, rel), children: acc }, `${key}-l`);
+      }
+      default:
+        return acc;
+    }
+  }, text);
+}
+function renderDoc(node, key, imageResolveContext) {
+  if (!node || !node.type) return null;
+  const children = node.content?.map((child, index) => renderDoc(child, `${key}-${index}`, imageResolveContext));
+  switch (node.type) {
+    case "doc":
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    case "paragraph":
+      if (!children && !node.text) return /* @__PURE__ */ jsx("p", {}, key);
+      return /* @__PURE__ */ jsx("p", { children: children ?? renderMarks(node.text ?? "", node.marks, key) }, key);
+    case "heading": {
+      const level = Math.min(Math.max(node.attrs?.level ?? 2, 1), 6);
+      const headingTag = `h${level}`;
+      return React3__default.createElement(headingTag, { key }, children);
+    }
+    case "bulletList":
+      return /* @__PURE__ */ jsx("ul", { children }, key);
+    case "orderedList":
+      return /* @__PURE__ */ jsx("ol", { children }, key);
+    case "listItem":
+      return /* @__PURE__ */ jsx("li", { children }, key);
+    case "blockquote":
+      return /* @__PURE__ */ jsx("blockquote", { children }, key);
+    case "horizontalRule":
+      return /* @__PURE__ */ jsx("hr", {}, key);
+    case "image": {
+      const attrs = node.attrs ?? {};
+      const src = typeof attrs.src === "string" ? attrs.src.trim() : "";
+      const identifier = typeof attrs.identifier === "string" ? attrs.identifier.trim() : "";
+      const alt = typeof attrs.alt === "string" ? attrs.alt : "";
+      const title = typeof attrs.title === "string" && attrs.title.trim().length > 0 ? attrs.title : void 0;
+      const width = parseDimension(attrs.width);
+      const height = parseDimension(attrs.height);
+      const resolvedSrc = src || (identifier ? resolveImageUrlWithContext(
+        { type: "image", identifier },
+        width ? { width, resize: "contain", quality: 85 } : height ? { height, resize: "contain", quality: 85 } : ImagePresets.full,
+        imageResolveContext ?? void 0
+      ) ?? "" : "");
+      if (!resolvedSrc) return null;
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: resolvedSrc,
+          alt,
+          title,
+          width,
+          height,
+          loading: "lazy",
+          decoding: "async"
+        },
+        key
+      );
+    }
+    case "text":
+      return renderMarks(node.text ?? "", node.marks, key);
+    default:
+      return null;
+  }
+}
+var DEFAULT_RICH_TEXT_CLASS = "rb-prose rb-max-w-none";
+function RichText({ as: Comp = "div", className, doc, path }) {
+  const imageResolveContext = getCurrentResolveImageUrlContext() ?? null;
+  const content = doc ? renderDoc(doc, "doc", imageResolveContext) : null;
+  const dataAttributes = path ? { "data-builder-richtext": path } : void 0;
+  const resolvedClassName = className?.trim() || DEFAULT_RICH_TEXT_CLASS;
+  return /* @__PURE__ */ jsx(Comp, { className: resolvedClassName, ...dataAttributes, children: content });
+}
+var TipTapMarkSchema = z.object({
+  type: z.string(),
+  attrs: z.record(z.string(), z.unknown()).optional()
+});
+var TipTapNodeSchema = z.lazy(
+  () => z.object({
+    type: z.string(),
+    content: z.array(TipTapNodeSchema).optional(),
+    text: z.string().optional(),
+    attrs: z.record(z.string(), z.unknown()).optional(),
+    marks: z.array(TipTapMarkSchema).optional()
+  })
+);
+z.union([
+  // Canonical: TipTap document directly
+  TipTapNodeSchema,
+  // Legacy (read-tolerance only): wrapped in { doc: {...} }
+  z.object({
+    doc: TipTapNodeSchema
+  })
+]);
+z.object({
+  type: z.literal("doc"),
+  content: z.array(TipTapNodeSchema)
+});
+function unwrapRichTextRoot(value) {
+  if (!isRecord(value)) return value;
+  if (!("doc" in value)) return value;
+  const inner = value.doc;
+  if (isRecord(inner) && inner.type === "doc") return inner;
+  return value;
+}
+
+// ../blocks/src/system/runtime/nodes/richText-coerce.ts
+function parseInlineMarkdown(text) {
+  const out = [];
+  const pushText = (value, marks) => {
+    if (!value) return;
+    out.push(
+      marks && marks.length > 0 ? { type: "text", text: value, marks } : { type: "text", text: value }
+    );
+  };
+  let rest = text;
+  while (rest.length > 0) {
+    const start = rest.indexOf("**");
+    if (start === -1) {
+      pushText(rest);
+      break;
+    }
+    const end = rest.indexOf("**", start + 2);
+    if (end === -1) {
+      pushText(rest);
+      break;
+    }
+    pushText(rest.slice(0, start));
+    pushText(rest.slice(start + 2, end), [{ type: "bold" }]);
+    rest = rest.slice(end + 2);
+  }
+  return out;
+}
+function markdownToTipTapDoc(markdown) {
+  const normalized = markdown.replace(/\r\n/g, "\n").trim();
+  if (!normalized) return { type: "doc", content: [] };
+  const paragraphs = normalized.split(/\n{2,}/).map((p) => p.trim()).filter(Boolean);
+  return {
+    type: "doc",
+    content: paragraphs.map((p) => {
+      const inline = parseInlineMarkdown(p);
+      return inline.length > 0 ? { type: "paragraph", content: inline } : { type: "paragraph" };
+    })
+  };
+}
+function coerceRichTextDoc(value) {
+  const raw = unwrapRichTextRoot(value);
+  if (typeof raw === "string") {
+    return markdownToTipTapDoc(raw);
+  }
+  if (isRecord(raw) && typeof raw.type === "string") {
+    return raw;
+  }
+  return null;
+}
+function ProductBadgesView({ badges }) {
+  if (badges.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rb-flex rb-flex-wrap rb-gap-2", children: badges.map((badge) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "rb-inline-flex rb-items-center rb-rounded-full rb-border rb-px-3 rb-py-1 rb-text-xs",
+      children: badge
+    },
+    badge
+  )) });
+}
+function VariantSelectView(props) {
+  const { options, selectedVariantId, disabled = false, onChange } = props;
+  if (options.length === 0) return null;
+  return /* @__PURE__ */ jsxs("label", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "rb-label", children: "Variant" }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        className: "form-input",
+        value: selectedVariantId ?? "",
+        disabled,
+        onChange: onChange ? (event) => onChange(event.target.value || null) : void 0,
+        children: options.map((variant) => /* @__PURE__ */ jsxs("option", { value: variant.id, children: [
+          variant.label,
+          " ",
+          variant.soldOut ? "(Sold out)" : ""
+        ] }, variant.id))
+      }
+    )
+  ] });
+}
+function ProductCardView(props) {
+  const { display, layout, variantControl, actions, feedback } = props;
+  return /* @__PURE__ */ jsxs("article", { className: `rb-flex rb-gap-4 rb-rounded-2xl rb-border rb-p-4 ${layout === "list" ? "rb-flex-row" : "rb-flex-col"}`, children: [
+    display.image ? /* @__PURE__ */ jsx("a", { href: display.path ?? void 0, className: "rb-block rb-overflow-hidden rb-rounded-xl rb-border", children: /* @__PURE__ */ jsx("img", { src: display.image.url, alt: display.image.alt ?? "", className: "rb-h-48 rb-w-full rb-object-cover" }) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-1 rb-flex-col rb-gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-items-start rb-justify-between rb-gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            display.path ? /* @__PURE__ */ jsx("a", { href: display.path, children: /* @__PURE__ */ jsx("h3", { children: display.title }) }) : /* @__PURE__ */ jsx("h3", { children: display.title }),
+            display.summary ? /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.summary }) : null
+          ] }),
+          display.priceLabel ? /* @__PURE__ */ jsx("div", { className: "rb-text-right", children: /* @__PURE__ */ jsx("strong", { children: display.priceLabel }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx(ProductBadgesView, { badges: display.badges })
+      ] }),
+      variantControl,
+      /* @__PURE__ */ jsx("div", { className: "rb-mt-auto rb-flex rb-items-center rb-gap-3", children: actions }),
+      feedback,
+      /* @__PURE__ */ jsx("span", { className: "rb-caption status-muted", children: display.selectionLabel })
+    ] })
+  ] });
+}
+function ProductListSectionView(props) {
+  const { display, children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: `shop shop--product-list ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
+    display.heading ? /* @__PURE__ */ jsx("h2", { children: display.heading }) : null,
+    display.state === "empty" ? /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.emptyMessage }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `rb-grid rb-gap-4 ${display.layout === "list" ? "rb-grid-cols-1" : ""}`,
+        style: display.layout === "grid" ? { gridTemplateColumns: `repeat(${display.columns}, minmax(0, 1fr))` } : void 0,
+        children
+      }
+    )
+  ] });
+}
+function ProductDetailView(props) {
+  const { display, gallery, variantControl, actions, feedback, body } = props;
+  if (display.state === "empty") {
+    return /* @__PURE__ */ jsx("div", { className: `shop shop--product-detail ${display.className ?? ""}`.trim(), "data-block": "shop", children: /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.emptyMessage }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `shop shop--product-detail rb-grid rb-gap-6 rb-md-grid-cols-2 ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
+    /* @__PURE__ */ jsx("div", { className: "rb-flex rb-flex-col rb-gap-4", children: gallery }),
+    /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+      display.heading ? /* @__PURE__ */ jsx("p", { className: "rb-label", children: display.heading }) : null,
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { children: display.title }),
+        /* @__PURE__ */ jsx("div", { className: "rb-mt-2", children: /* @__PURE__ */ jsx("strong", { children: display.priceLabel }) })
+      ] }),
+      /* @__PURE__ */ jsx(ProductBadgesView, { badges: display.badges }),
+      display.summary ? /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.summary }) : null,
+      variantControl,
+      /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-items-center rb-gap-3", children: [
+        actions,
+        display.categoryLabel ? /* @__PURE__ */ jsx("span", { className: "rb-caption status-muted", children: display.categoryLabel }) : null
+      ] }),
+      feedback,
+      body
+    ] })
+  ] });
+}
+function ProductGalleryFrameView(props) {
+  const { gallery, renderCarousel } = props;
+  if (gallery.length === 0) return null;
+  const slides = gallery.map((image, index) => /* @__PURE__ */ jsx("div", { className: "rb-overflow-hidden rb-rounded-xl rb-border", children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: image.url,
+      alt: image.alt ?? "",
+      className: "rb-h-full rb-w-full rb-object-cover"
+    }
+  ) }, `${image.url}:${index}`));
+  if (slides.length === 1) {
+    return slides[0] ?? null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: renderCarousel(slides) });
+}
+function PassCardView(props) {
+  return /* @__PURE__ */ jsxs("article", { className: "shop__card shop__card--pass", children: [
+    /* @__PURE__ */ jsxs("div", { className: "shop__card-header", children: [
+      /* @__PURE__ */ jsx("h4", { className: "shop__card-name", children: props.display.title }),
+      /* @__PURE__ */ jsx("div", { className: "shop__card-price", children: props.display.priceLabel })
+    ] }),
+    props.display.description ? /* @__PURE__ */ jsx("p", { className: "shop__card-description", children: props.display.description }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "shop__card-details", children: [
+      /* @__PURE__ */ jsx("span", { className: "shop__card-credits", children: props.display.creditsLabel }),
+      props.display.perCreditLabel ? /* @__PURE__ */ jsxs("span", { className: "shop__card-per-credit", children: [
+        "(",
+        props.display.perCreditLabel,
+        ")"
+      ] }) : null,
+      props.display.validityLabel ? /* @__PURE__ */ jsx("span", { className: "shop__card-validity", children: props.display.validityLabel }) : null
+    ] }),
+    props.action,
+    props.feedback
+  ] });
+}
+function MembershipCardView(props) {
+  return /* @__PURE__ */ jsxs("article", { className: "shop__card shop__card--membership", children: [
+    /* @__PURE__ */ jsxs("div", { className: "shop__card-header", children: [
+      /* @__PURE__ */ jsx("h4", { className: "shop__card-name", children: props.display.title }),
+      /* @__PURE__ */ jsxs("div", { className: "shop__card-price", children: [
+        props.display.priceLabel,
+        /* @__PURE__ */ jsx("span", { className: "shop__card-interval", children: props.display.intervalLabel })
+      ] })
+    ] }),
+    props.display.description ? /* @__PURE__ */ jsx("p", { className: "shop__card-description", children: props.display.description }) : null,
+    /* @__PURE__ */ jsx("div", { className: "shop__card-details", children: /* @__PURE__ */ jsx("span", { className: "shop__card-unlimited", children: "Unlimited classes" }) }),
+    props.action
+  ] });
+}
+function PassesMembershipsSectionView(props) {
+  const { display, beforeContent, passCards, membershipCards } = props;
+  const productsClass = `shop__products shop__products--${display.layout}`;
+  const gridStyle = display.state === "ready" ? { "--shop-columns": display.columns } : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `shop ${display.state === "ready" ? `shop--${display.layout}` : "shop--empty"} ${display.className ?? ""}`.trim(),
+      id: "shop",
+      "data-block": "shop",
+      style: gridStyle,
+      children: [
+        beforeContent,
+        display.state === "empty" ? /* @__PURE__ */ jsx("p", { className: "shop__empty-text", children: display.emptyMessage }) : null,
+        display.passes.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "shop__section shop__section--passes", children: [
+          /* @__PURE__ */ jsx("h3", { className: "shop__section-heading", children: display.passesHeading }),
+          /* @__PURE__ */ jsx("div", { className: productsClass, children: passCards })
+        ] }) : null,
+        display.memberships.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "shop__section shop__section--memberships", children: [
+          /* @__PURE__ */ jsx("h3", { className: "shop__section-heading", children: display.membershipsHeading }),
+          /* @__PURE__ */ jsx("div", { className: productsClass, children: membershipCards })
+        ] }) : null
+      ]
+    }
+  );
+}
+function CartShellView(props) {
+  const { display, renderControls, footerActions } = props;
+  return /* @__PURE__ */ jsxs("div", { className: `shop shop--cart ${display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-cart", children: [
+    display.heading ? /* @__PURE__ */ jsx("h2", { children: display.heading }) : null,
+    display.state === "empty" ? /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.emptyMessage }),
+      display.supportText ? /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: display.supportText }) : null
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rb-flex rb-flex-col rb-gap-3", children: display.items.map((item) => /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4 rb-rounded-xl rb-border rb-p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+          /* @__PURE__ */ jsx("strong", { children: item.title }),
+          /* @__PURE__ */ jsx("span", { className: "rb-caption status-muted", children: item.priceLabel })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rb-flex rb-items-center rb-gap-2", children: renderControls ? renderControls(item) : null })
+      ] }, item.key)) }),
+      /* @__PURE__ */ jsxs("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Subtotal" }),
+          /* @__PURE__ */ jsx("div", { children: display.subtotalLabel })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rb-flex rb-gap-2", children: footerActions })
+      ] })
+    ] })
+  ] });
+}
+function CheckoutShellView(props) {
+  return /* @__PURE__ */ jsxs("div", { className: `shop shop--checkout ${props.display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-checkout", children: [
+    props.display.heading ? /* @__PURE__ */ jsx("h2", { children: props.display.heading }) : null,
+    props.notice,
+    props.display.state === "ready" ? props.body : /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: props.display.message })
+  ] });
+}
+var DEFAULT_TIMEOUT_MS = 2500;
+function useTransientShopAddFeedback(timeoutMs = DEFAULT_TIMEOUT_MS) {
+  const [activeKey, setActiveKey] = React3.useState(null);
+  React3.useEffect(() => {
+    if (!activeKey) return;
+    const timeoutId = window.setTimeout(() => {
+      setActiveKey((current) => current === activeKey ? null : current);
+    }, timeoutMs);
+    return () => window.clearTimeout(timeoutId);
+  }, [activeKey, timeoutMs]);
+  return {
+    activeKey,
+    markAdded: setActiveKey,
+    clear: () => setActiveKey(null)
+  };
+}
+function ShopAddFeedback(props) {
+  if (!props.active) return null;
+  return /* @__PURE__ */ jsxs(
+    FeedbackMessage,
+    {
+      tone: "success",
+      className: "rb-caption status-muted",
+      role: "status",
+      live: "polite",
+      children: [
+        "Added ",
+        props.itemLabel,
+        " to cart.",
+        " ",
+        /* @__PURE__ */ jsx("a", { href: "#shop-cart", children: "View cart" }),
+        "."
+      ]
+    }
+  );
+}
+
+// ../blocks/src/system/runtime/nodes/shop-checkout.state.ts
+var initialShopCheckoutState = {
+  form: {
+    name: "",
+    email: ""
+  },
+  submission: "idle",
+  feedback: { tag: "idle" },
+  notice: null
+};
+function shopCheckoutReducer(state, action) {
+  switch (action.type) {
+    case "setField":
+      return {
+        ...state,
+        form: {
+          ...state.form,
+          [action.field]: action.value
+        },
+        feedback: { tag: "idle" }
+      };
+    case "submitStarted":
+      return {
+        ...state,
+        submission: "submitting",
+        feedback: { tag: "idle" }
+      };
+    case "submitFailed":
+      return {
+        ...state,
+        submission: "idle",
+        feedback: { tag: "error", message: action.message }
+      };
+    case "submitCompleted":
+      return {
+        ...state,
+        submission: "idle"
+      };
+    case "setNotice":
+      return {
+        ...state,
+        notice: action.notice
+      };
+    default:
+      return assertNever(action);
+  }
+}
+var CHECKOUT_ANCHOR_ID = "shop-checkout";
+function ProductListController(props) {
+  const api = useBlockApi();
+  const cart = useCommerceCart(api.config.siteId);
+  const addFeedback = useTransientShopAddFeedback();
+  const [variantSelection, setVariantSelection] = React3.useState(
+    () => Object.fromEntries(props.render.display.cards.map((card) => [card.productId, card.selectedVariantId]))
+  );
+  const cards = React3.useMemo(
+    () => props.render.hydration.products.map(
+      (product) => buildProductCardDisplay(
+        product,
+        {
+          showSummary: props.render.hydration.showSummary,
+          showBadges: props.render.hydration.showBadges,
+          showPrices: props.render.hydration.showPrices,
+          addButtonText: props.render.hydration.addButtonText
+        },
+        variantSelection[product.id] ?? null
+      )
+    ),
+    [props.render.hydration, variantSelection]
+  );
+  const display = React3.useMemo(
+    () => ({
+      ...props.render.display,
+      state: cards.length === 0 ? "empty" : "ready",
+      cards
+    }),
+    [cards, props.render.display]
+  );
+  return /* @__PURE__ */ jsx(ProductListSectionView, { display, children: display.cards.map((card) => /* @__PURE__ */ jsx(
+    ProductCardView,
+    {
+      display: card,
+      layout: display.layout,
+      variantControl: /* @__PURE__ */ jsx(
+        VariantSelectView,
+        {
+          options: card.variantOptions,
+          selectedVariantId: card.selectedVariantId,
+          onChange: (variantId) => setVariantSelection((current) => ({
+            ...current,
+            [card.productId]: variantId
+          }))
+        }
+      ),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: themeButtonClassName({ variant: "default", size: "md" }),
+            onClick: () => {
+              const product = props.render.hydration.products.find((candidate) => candidate.id === card.productId);
+              if (!product) return;
+              const cartItem = buildProductCartItem({
+                product,
+                variantId: card.selectedVariantId,
+                quantity: 1
+              });
+              cart.addProduct(cartItem);
+              addFeedback.markAdded(cartItem.key);
+            },
+            disabled: card.soldOut,
+            children: card.soldOut ? "Sold out" : card.actionLabel
+          }
+        ),
+        card.path ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: card.path,
+            className: themeButtonClassName({ variant: "secondary", size: "sm" }),
+            children: "View details"
+          }
+        ) : null
+      ] }),
+      feedback: /* @__PURE__ */ jsx(
+        ShopAddFeedback,
+        {
+          active: addFeedback.activeKey === productItemKey(card.productId, card.selectedVariantId),
+          itemLabel: card.selectionLabel
+        }
+      )
+    },
+    card.productId
+  )) });
+}
+function ProductDetailController(props) {
+  const api = useBlockApi();
+  const cart = useCommerceCart(api.config.siteId);
+  const addFeedback = useTransientShopAddFeedback();
+  const selectedProduct = React3.useMemo(
+    () => props.render.hydration.products.find((product) => product.id === props.render.hydration.productId) ?? null,
+    [props.render.hydration.productId, props.render.hydration.products]
+  );
+  const [variantId, setVariantId] = React3.useState(
+    props.render.display.state === "ready" ? props.render.display.selectedVariantId : null
+  );
+  React3.useEffect(() => {
+    setVariantId(props.render.display.state === "ready" ? props.render.display.selectedVariantId : null);
+  }, [props.render.display]);
+  const display = React3.useMemo(
+    () => buildProductDetailDisplay(
+      selectedProduct,
+      {
+        heading: props.render.display.heading,
+        className: props.render.display.className,
+        emptyMessage: props.render.display.state === "empty" ? props.render.display.emptyMessage : void 0,
+        showSummary: props.render.hydration.showSummary,
+        showBadges: props.render.hydration.showBadges,
+        addButtonText: props.render.hydration.addButtonText
+      },
+      variantId
+    ),
+    [props.render.display, props.render.hydration, selectedProduct, variantId]
+  );
+  const bodyDoc = display.state === "ready" && props.render.hydration.showBody ? coerceRichTextDoc(display.body) : null;
+  return /* @__PURE__ */ jsx(
+    ProductDetailView,
+    {
+      display,
+      gallery: display.state === "ready" ? /* @__PURE__ */ jsx(
+        ProductGalleryFrameView,
+        {
+          gallery: display.gallery,
+          renderCarousel: (slides) => /* @__PURE__ */ jsx(CarouselNodeClient, { slidesToShow: 1, showDots: true, showControls: true, className: "rb-w-full", children: slides })
+        }
+      ) : null,
+      variantControl: display.state === "ready" ? /* @__PURE__ */ jsx(
+        VariantSelectView,
+        {
+          options: display.variantOptions,
+          selectedVariantId: display.selectedVariantId,
+          onChange: setVariantId
+        }
+      ) : null,
+      actions: display.state === "ready" ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: themeButtonClassName({ variant: "default", size: "md" }),
+          disabled: display.soldOut,
+          onClick: () => {
+            if (!selectedProduct) return;
+            const cartItem = buildProductCartItem({
+              product: selectedProduct,
+              variantId: display.selectedVariantId,
+              quantity: 1
+            });
+            cart.addProduct(cartItem);
+            addFeedback.markAdded(cartItem.key);
+          },
+          children: display.soldOut ? "Sold out" : display.actionLabel
+        }
+      ) : null,
+      feedback: display.state === "ready" ? /* @__PURE__ */ jsx(
+        ShopAddFeedback,
+        {
+          active: addFeedback.activeKey === productItemKey(selectedProduct?.id ?? "", display.selectedVariantId),
+          itemLabel: display.selectionLabel
+        }
+      ) : null,
+      body: bodyDoc ? /* @__PURE__ */ jsx("div", { className: "rb-prose rb-max-w-none", children: /* @__PURE__ */ jsx(RichText, { doc: bodyDoc }) }) : null
+    }
+  );
+}
+function CartController(props) {
+  const api = useBlockApi();
+  const cart = useCommerceCart(api.config.siteId);
+  const display = React3.useMemo(
+    () => getShopDisplayForItems(props.render, cart.items),
+    [cart.items, props.render]
+  );
+  return /* @__PURE__ */ jsx(
+    CartShellView,
+    {
+      display,
+      renderControls: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            className: "form-input rb-w-20",
+            value: item.quantity,
+            readOnly: !item.quantityEditable,
+            "aria-label": `Quantity for ${item.title}`,
+            onChange: item.quantityEditable ? (event) => cart.updateQuantity(item.key, Number(event.target.value)) : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: themeButtonClassName({ variant: "secondary", size: "sm" }),
+            onClick: () => cart.removeItem(item.key),
+            children: "Remove"
+          }
+        )
+      ] }),
+      footerActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: themeButtonClassName({ variant: "secondary", size: "sm" }),
+            onClick: () => cart.clear(),
+            children: display.clearButtonText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: themeButtonClassName({ variant: "default", size: "md" }),
+            onClick: () => {
+              window.location.href = resolveDedicatedCheckoutPath(window.location.pathname);
+            },
+            children: display.checkoutButtonText
+          }
+        )
+      ] })
+    }
+  );
+}
+function CheckoutController(props) {
+  const api = useBlockApi();
+  const cart = useCommerceCart(api.config.siteId);
+  const [state, dispatch] = React3.useReducer(
+    shopCheckoutReducer,
+    initialShopCheckoutState
+  );
+  React3.useEffect(() => {
+    const checkout = consumeSearchParam("checkout");
+    if (checkout === "success") {
+      cart.clear();
+      dispatch({ type: "setNotice", notice: "success" });
+    } else if (checkout === "cancelled") {
+      dispatch({ type: "setNotice", notice: "cancelled" });
+    }
+  }, [cart]);
+  const display = React3.useMemo(
+    () => getShopDisplayForItems(props.render, cart.items),
+    [cart.items, props.render]
+  );
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (display.state !== "ready" || state.submission === "submitting") return;
+    dispatch({ type: "submitStarted" });
+    try {
+      const { successUrl, cancelUrl } = buildCheckoutReturnUrls("checkout", CHECKOUT_ANCHOR_ID);
+      const checkoutItems = cart.items.map(
+        (item) => item.kind === "product" ? {
+          type: "product",
+          productId: item.productId,
+          ...item.variantId ? { variantId: item.variantId } : {},
+          quantity: item.quantity
+        } : {
+          type: "pass",
+          passId: item.passId
+        }
+      );
+      const result = await api.createUnifiedCheckout({
+        mode: "one_time",
+        items: checkoutItems,
+        customer: {
+          email: state.form.email.trim().toLowerCase(),
+          name: state.form.name.trim()
+        },
+        successUrl,
+        cancelUrl
+      });
+      if (result.type === "redirect") {
+        window.location.href = result.checkoutUrl;
+        return;
+      }
+      cart.clear();
+      window.location.href = successUrl;
+    } catch (submitError) {
+      dispatch({
+        type: "submitFailed",
+        message: submitError instanceof Error ? submitError.message : "Checkout failed"
+      });
+      return;
+    } finally {
+      dispatch({ type: "submitCompleted" });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    CheckoutShellView,
+    {
+      display,
+      notice: state.notice ? /* @__PURE__ */ jsx(
+        FeedbackMessage,
+        {
+          tone: state.notice === "success" ? "success" : "warning",
+          className: "rb-mb-4 rb-rounded-xl rb-border rb-p-4",
+          role: "status",
+          children: state.notice === "success" ? "Payment successful." : "Checkout cancelled."
+        }
+      ) : null,
+      body: /* @__PURE__ */ jsxs("form", { className: "rb-flex rb-flex-col rb-gap-4", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsxs("label", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "rb-label", children: "Name" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "form-input",
+              value: state.form.name,
+              onChange: (event) => dispatch({ type: "setField", field: "name", value: event.target.value }),
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "rb-label", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "form-input",
+              type: "email",
+              value: state.form.email,
+              onChange: (event) => dispatch({ type: "setField", field: "email", value: event.target.value }),
+              required: true
+            }
+          )
+        ] }),
+        state.feedback.tag === "error" ? /* @__PURE__ */ jsx(
+          FeedbackMessage,
+          {
+            tone: "error",
+            className: "rb-caption status-muted",
+            role: "alert",
+            children: state.feedback.message
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            className: themeButtonClassName({ variant: "default", size: "md" }),
+            disabled: state.submission === "submitting",
+            children: state.submission === "submitting" ? "Loading\u2026" : display.submitButtonText
+          }
+        )
+      ] })
+    }
+  );
+}
+function CartClient(props) {
+  return /* @__PURE__ */ jsx(CartController, { render: props.render });
+}
+function CheckoutClient(props) {
+  return /* @__PURE__ */ jsx(CheckoutController, { render: props.render });
+}
+function ProductDetailClient(props) {
+  return /* @__PURE__ */ jsx(ProductDetailController, { render: props.render });
+}
+function ProductListClient(props) {
+  return /* @__PURE__ */ jsx(ProductListController, { render: props.render });
+}
+
+// ../blocks/src/system/runtime/nodes/shop.state.ts
+var EMPTY_FORM = {
+  email: "",
+  name: ""
+};
+var CLOSED_CHECKOUT = { tag: "closed" };
+var initialShopPassesMembershipsState = {
+  returnNotice: null,
+  checkout: CLOSED_CHECKOUT
+};
+function createOpenCheckoutState(item) {
+  return {
+    tag: "open",
+    item,
+    form: EMPTY_FORM,
+    submitting: false,
+    formError: null,
+    duplicateWarning: null
+  };
+}
+function shopPassesMembershipsReducer(state, action) {
+  switch (action.type) {
+    case "openPassCheckout":
+      return {
+        ...state,
+        checkout: createOpenCheckoutState({
+          productType: "pass",
+          product: action.pass
+        })
+      };
+    case "openMembershipCheckout":
+      return {
+        ...state,
+        checkout: createOpenCheckoutState({
+          productType: "membership",
+          product: action.membership
+        })
+      };
+    case "closeCheckout":
+      return {
+        ...state,
+        checkout: CLOSED_CHECKOUT
+      };
+    case "setCheckoutField":
+      if (state.checkout.tag !== "open") return state;
+      return {
+        ...state,
+        checkout: {
+          ...state.checkout,
+          form: {
+            ...state.checkout.form,
+            [action.field]: action.value
+          },
+          formError: null,
+          duplicateWarning: null
+        }
+      };
+    case "submitStarted":
+      if (state.checkout.tag !== "open") return state;
+      return {
+        ...state,
+        checkout: {
+          ...state.checkout,
+          submitting: true,
+          formError: null,
+          duplicateWarning: null
+        }
+      };
+    case "submitFailed":
+      if (state.checkout.tag !== "open") return state;
+      return {
+        ...state,
+        checkout: {
+          ...state.checkout,
+          submitting: false,
+          formError: action.error
+        }
+      };
+    case "submitDuplicateWarning":
+      if (state.checkout.tag !== "open") return state;
+      return {
+        ...state,
+        checkout: {
+          ...state.checkout,
+          submitting: false,
+          duplicateWarning: action.warning
+        }
+      };
+    case "setReturnNotice":
+      return {
+        ...state,
+        returnNotice: action.notice
+      };
+    case "clearReturnNotice":
+      return {
+        ...state,
+        returnNotice: null
+      };
+    default:
+      return assertNever(action);
+  }
+}
+function getOpenCheckout(state) {
+  return state.checkout.tag === "open" ? state.checkout : null;
+}
+var SHOP_ANCHOR_ID = "shop";
+function ShopClient(props) {
+  return /* @__PURE__ */ jsx(PassesMembershipsController, { render: props.render });
+}
+function getCheckoutModalTitle(checkout) {
+  if (!checkout) return "";
+  if (checkout.item.productType === "membership") return "Subscribe to Membership";
+  return checkout.item.product.productUseCase === "appointment_package" ? "Purchase Package" : "Purchase Pass";
+}
+function PassesMembershipsController({ render }) {
+  const api = useBlockApi();
+  const [state, dispatch] = React3__default.useReducer(
+    shopPassesMembershipsReducer,
+    initialShopPassesMembershipsState
+  );
+  const passAddFeedback = useTransientShopAddFeedback();
+  const [modalPortalRoot, setModalPortalRoot] = useState(null);
+  const shopRootRef = useRef(null);
+  const emailInputRef = useRef(null);
+  const focusedCheckoutKeyRef = useRef(null);
+  const checkout = getOpenCheckout(state);
+  const display = render.display;
+  const hydration = render.hydration;
+  const checkoutTitle = getCheckoutModalTitle(checkout);
+  const handleBuyPass = useCallback((pass) => {
+    if (hydration.passPurchaseMode === "add_to_cart") {
+      addPassToCommerceCart(api.config.siteId, {
+        passId: pass.id,
+        title: pass.name,
+        unitPriceCents: pass.price,
+        currency: pass.currency
+      });
+      passAddFeedback.markAdded(pass.id);
+      return;
+    }
+    dispatch({ type: "openPassCheckout", pass });
+  }, [api.config.siteId, hydration.passPurchaseMode, passAddFeedback]);
+  const handleSubscribe = useCallback((membership) => {
+    dispatch({ type: "openMembershipCheckout", membership });
+  }, []);
+  const closeCheckout = useCallback(() => {
+    dispatch({ type: "closeCheckout" });
+  }, []);
+  useEffect(() => {
+    const checkoutKey = checkout ? `${checkout.item.productType}:${checkout.item.product.id}` : null;
+    if (!checkoutKey) {
+      focusedCheckoutKeyRef.current = null;
+      return;
+    }
+    if (checkoutKey !== focusedCheckoutKeyRef.current && emailInputRef.current) {
+      emailInputRef.current.focus();
+      focusedCheckoutKeyRef.current = checkoutKey;
+    }
+  }, [checkout]);
+  useEffect(() => {
+    const sourceEl = shopRootRef.current;
+    if (!sourceEl) return;
+    const portal = createBodyThemePortalRoot(sourceEl);
+    if (!portal) return;
+    portal.root.style.setProperty("--rb-modal-z-index", "20000");
+    portal.root.style.setProperty("--rb-modal-overlay-bg", "rgb(var(--tb-text, 0 0 0) / 0.6)");
+    setModalPortalRoot(portal.root);
+    return () => {
+      portal.cleanup();
+    };
+  }, []);
+  useEffect(() => {
+    const { checkout: checkoutStatus } = consumeSearchParams(["checkout", "product", "session_id"]);
+    if (!checkoutStatus) return;
+    scrollToBlock(SHOP_ANCHOR_ID);
+    if (checkoutStatus === "success") {
+      dispatch({ type: "setReturnNotice", notice: { kind: "success" } });
+      return;
+    }
+    if (checkoutStatus === "cancelled") {
+      dispatch({ type: "setReturnNotice", notice: { kind: "cancelled" } });
+    }
+  }, []);
+  const submitCheckout = useCallback(async (confirmDuplicate = false) => {
+    if (!checkout) return;
+    const email = checkout.form.email.trim().toLowerCase();
+    const name = checkout.form.name.trim();
+    if (!email || !name) {
+      dispatch({ type: "submitFailed", error: "Please enter your email and name" });
+      return;
+    }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      dispatch({ type: "submitFailed", error: "Please enter a valid email address" });
+      return;
+    }
+    dispatch({ type: "submitStarted" });
+    try {
+      const currentUrl = window.location.href;
+      const successUrl = new URL(currentUrl);
+      successUrl.searchParams.set("checkout", "success");
+      successUrl.searchParams.set("product", checkout.item.product.id);
+      const cancelUrl = new URL(currentUrl);
+      cancelUrl.searchParams.set("checkout", "cancelled");
+      const result = await api.createShopCheckout({
+        productType: checkout.item.productType,
+        productId: checkout.item.product.id,
+        customerEmail: email,
+        customerName: name,
+        successUrl: successUrl.toString(),
+        cancelUrl: cancelUrl.toString(),
+        confirmDuplicate
+      });
+      if ("warning" in result && result.warning === "duplicate_membership") {
+        dispatch({
+          type: "submitDuplicateWarning",
+          warning: result
+        });
+        return;
+      }
+      if ("bypassed" in result && result.bypassed) {
+        window.location.href = successUrl.toString();
+        return;
+      }
+      if ("checkoutUrl" in result && result.checkoutUrl) {
+        window.location.href = result.checkoutUrl;
+        return;
+      }
+      throw new Error("No checkout URL returned");
+    } catch (submitError) {
+      dispatch({
+        type: "submitFailed",
+        error: submitError instanceof Error ? submitError.message : "An error occurred"
+      });
+    }
+  }, [api, checkout]);
+  const handleFormSubmit = useCallback((event) => {
+    event.preventDefault();
+    submitCheckout(false);
+  }, [submitCheckout]);
+  const handleConfirmDuplicate = useCallback(() => {
+    submitCheckout(true);
+  }, [submitCheckout]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ref: shopRootRef, children: /* @__PURE__ */ jsx(
+      PassesMembershipsSectionView,
+      {
+        display,
+        beforeContent: /* @__PURE__ */ jsx(Fragment, { children: state.returnNotice ? /* @__PURE__ */ jsx(
+          TerminalPanel,
+          {
+            tone: state.returnNotice.kind === "success" ? "success" : "warning",
+            className: "shop__return",
+            titleClassName: "shop__return-title",
+            bodyClassName: "shop__return-text",
+            icon: /* @__PURE__ */ jsx(StateIcon, { variant: state.returnNotice.kind === "success" ? "success" : "warning", children: state.returnNotice.kind === "success" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CrossIcon, {}) }),
+            title: state.returnNotice.kind === "success" ? "Payment successful" : "Payment cancelled",
+            body: state.returnNotice.kind === "success" ? "Check your email for confirmation." : "You can try again whenever you\u2019re ready.",
+            actions: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: themeButtonClassName({
+                  variant: "secondary",
+                  size: "sm",
+                  extraClassName: "shop__return-dismiss"
+                }),
+                onClick: () => dispatch({ type: "clearReturnNotice" }),
+                children: "Dismiss"
+              }
+            )
+          }
+        ) : null }),
+        passCards: display.passes.map((passDisplay) => {
+          const pass = hydration.passes.find((candidate) => candidate.id === passDisplay.id);
+          if (!pass) return null;
+          return /* @__PURE__ */ jsx(
+            PassCardView,
+            {
+              display: passDisplay,
+              action: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: themeButtonClassName({
+                    variant: "default",
+                    size: "md",
+                    extraClassName: "shop__cta"
+                  }),
+                  onClick: () => handleBuyPass(pass),
+                  children: passDisplay.actionLabel
+                }
+              ),
+              feedback: /* @__PURE__ */ jsx(
+                ShopAddFeedback,
+                {
+                  active: passAddFeedback.activeKey === pass.id,
+                  itemLabel: pass.name
+                }
+              )
+            },
+            pass.id
+          );
+        }),
+        membershipCards: display.memberships.map((membershipDisplay) => {
+          const membership = hydration.memberships.find((candidate) => candidate.id === membershipDisplay.id);
+          if (!membership) return null;
+          return /* @__PURE__ */ jsx(
+            MembershipCardView,
+            {
+              display: membershipDisplay,
+              action: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: themeButtonClassName({
+                    variant: "default",
+                    size: "md",
+                    extraClassName: "shop__cta"
+                  }),
+                  onClick: () => handleSubscribe(membership),
+                  children: membershipDisplay.actionLabel
+                }
+              )
+            },
+            membership.id
+          );
+        })
+      }
+    ) }),
+    checkout ? /* @__PURE__ */ jsx(
+      ModalShell,
+      {
+        title: checkoutTitle,
+        titleId: "shop-modal-title",
+        onClose: closeCheckout,
+        portal: true,
+        portalRoot: modalPortalRoot,
+        overlayClassName: "rb-modal-overlay",
+        modalClassName: "rb-modal",
+        headerClassName: "rb-modal__header",
+        titleClassName: "rb-modal__title",
+        closeButtonClassName: "rb-modal__close",
+        closeIcon: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }),
+        children: /* @__PURE__ */ jsxs("div", { className: "rb-modal__body", children: [
+          /* @__PURE__ */ jsxs("p", { className: "shop__modal-product", children: [
+            checkout.item.product.name,
+            " \u2014 ",
+            formatCommercePrice(checkout.item.product.price, checkout.item.product.currency),
+            checkout.item.productType === "membership" ? /* @__PURE__ */ jsx("span", { className: "shop__modal-interval", children: formatInterval(checkout.item.product.billingInterval) }) : null
+          ] }),
+          checkout.duplicateWarning ? /* @__PURE__ */ jsxs(
+            FeedbackMessage,
+            {
+              tone: "warning",
+              className: "shop__modal-warning",
+              role: "alert",
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "shop__modal-warning-title", children: "You already have an active membership" }),
+                /* @__PURE__ */ jsxs("p", { className: "shop__modal-warning-text", children: [
+                  "Your current membership: ",
+                  /* @__PURE__ */ jsx("strong", { children: checkout.duplicateWarning.existingMembership.name }),
+                  checkout.duplicateWarning.existingMembership.expiresAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    " (expires ",
+                    new Date(checkout.duplicateWarning.existingMembership.expiresAt).toLocaleDateString(),
+                    ")"
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(ActionRow, { className: "shop__modal-warning-actions", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: themeButtonClassName({ variant: "secondary", size: "md" }),
+                      onClick: closeCheckout,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: themeButtonClassName({ variant: "default", size: "md" }),
+                      onClick: handleConfirmDuplicate,
+                      disabled: checkout.submitting,
+                      children: checkout.submitting ? "Processing..." : "Subscribe Anyway"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs("form", { onSubmit: handleFormSubmit, className: "shop__modal-form", children: [
+            /* @__PURE__ */ jsxs("div", { className: "shop__form-field", children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "shop-email", className: "form-label", children: "Email address" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: emailInputRef,
+                  type: "email",
+                  id: "shop-email",
+                  className: "form-input",
+                  value: checkout.form.email,
+                  onChange: (event) => dispatch({ type: "setCheckoutField", field: "email", value: event.target.value }),
+                  placeholder: "you@example.com",
+                  required: true,
+                  disabled: checkout.submitting
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "shop__form-field", children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "shop-name", className: "form-label", children: "Full name" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  id: "shop-name",
+                  className: "form-input",
+                  value: checkout.form.name,
+                  onChange: (event) => dispatch({ type: "setCheckoutField", field: "name", value: event.target.value }),
+                  placeholder: "Jane Smith",
+                  required: true,
+                  disabled: checkout.submitting
+                }
+              )
+            ] }),
+            checkout.formError ? /* @__PURE__ */ jsx(
+              FeedbackMessage,
+              {
+                tone: "error",
+                className: "shop__modal-error",
+                role: "alert",
+                children: checkout.formError
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs(ActionRow, { className: "shop__modal-actions", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: themeButtonClassName({ variant: "secondary", size: "md" }),
+                  onClick: closeCheckout,
+                  disabled: checkout.submitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "submit",
+                  className: themeButtonClassName({ variant: "default", size: "md" }),
+                  disabled: checkout.submitting,
+                  children: checkout.submitting ? "Processing..." : "Continue to Payment"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ) : null
+  ] });
+}
+function mountShopBlockIsland(root, props, Component, label) {
+  const { siteId, apiBaseUrl, stage } = props;
+  if (!siteId) {
+    throw new Error(`[sdk:islands] ${label} requires siteId`);
+  }
+  if (!apiBaseUrl) {
+    throw new Error(`[sdk:islands] ${label} requires apiBaseUrl`);
+  }
+  const apiConfig = {
+    baseUrl: apiBaseUrl,
+    auth: { type: "none" },
+    siteId,
+    isPreview: stage === "preview"
+  };
+  return mountReactIsland(root, ({ root: reactRoot }) => {
+    reactRoot.render(
+      /* @__PURE__ */ jsx(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx(Component, { ...props }) })
+    );
+  });
+}
+
+export { CartClient, CheckoutClient, ProductDetailClient, ProductListClient, ShopClient, mountShopBlockIsland };