@riverbankcms/sdk 0.77.1 → 0.78.0

package/dist/client/{chunk-E2TDNXCL.mjs → chunk-RZDWX7QW.mjs}

@@ -1,4 +1,4 @@
-import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-R56FQ3RR.mjs';
+import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-65F47D7Y.mjs';
 import * as React from 'react';
 
 var EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;
@@ -29,6 +29,7 @@ var CommerceCartStore = class {
           key: input.key,
           kind: "product",
           productId: input.productId,
+          productCategoryId: input.productCategoryId ?? null,
           ...input.variantId ? { variantId: input.variantId } : {},
           title: input.title,
           variantTitle: input.variantTitle ?? null,

package/dist/client/{chunk-M3L3KYYR.mjs → chunk-UDNSI5PY.mjs}

@@ -223,6 +223,10 @@ var DISCOUNTS = {
   available: {
     path: "/public/sites/{siteId}/bookings/discounts/available",
     method: "POST"
+  },
+  apply: {
+    path: "/public/sites/{siteId}/bookings/discounts/apply",
+    method: "POST"
   }
 };
 var NEWSLETTER = {
@@ -834,6 +838,14 @@ function createBlockApi(config) {
         body: { context: data.context, subtotalCents: data.subtotalCents }
       });
     },
+    async applyDiscountCode(data) {
+      const sid = requireSiteId();
+      const path = buildPath(DISCOUNTS.apply.path, { siteId: sid });
+      return request(DISCOUNTS.apply, {
+        path,
+        body: data
+      });
+    },
     // Shop
     async getPublicProducts(params) {
       const sid = requireSiteId();

package/dist/client/{chunk-JEZECJ3W.mjs → chunk-VPPMNXCF.mjs}

@@ -1,7 +1,133 @@
-import { FeedbackMessage } from './chunk-M3L3KYYR.mjs';
-import { clsx_default } from './chunk-PMAIXMAB.mjs';
+import { FeedbackMessage } from './chunk-UDNSI5PY.mjs';
+import { themeButtonClassName } from './chunk-65F47D7Y.mjs';
+import { clsx_default } from './chunk-IVNCUVAV.mjs';
+import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+var BLOCK_DISCOUNT_CODE_DISCLOSURE_CLASSES = {
+  "course-registration": {
+    root: "cr-discount",
+    toggle: "cr-discount__toggle",
+    form: "cr-discount__form",
+    label: "cr-discount__label",
+    row: "cr-discount__row",
+    input: "cr-discount__input",
+    apply: "cr-discount__apply",
+    remove: "cr-discount__remove",
+    hint: "cr-discount__hint",
+    feedback: "cr-discount__feedback"
+  },
+  "event-registration": {
+    root: "er-discount",
+    toggle: "er-discount__toggle",
+    form: "er-discount__form",
+    label: "er-discount__label",
+    row: "er-discount__row",
+    input: "er-discount__input",
+    apply: "er-discount__apply",
+    remove: "er-discount__remove",
+    hint: "er-discount__hint",
+    feedback: "er-discount__feedback"
+  }
+};
+var textLinkButtonClassName = ["button", "link"].join("-");
+var themeFormClasses = {
+  root: "rb-flex rb-flex-col rb-gap-2 rb-mb-4",
+  toggle: `${textLinkButtonClassName} rb-self-start`,
+  form: "rb-flex rb-flex-col rb-gap-2",
+  label: "form-label",
+  row: "rb-flex rb-flex-col rb-gap-2 rb-sm-flex-row",
+  input: "form-input",
+  apply: themeButtonClassName({ variant: "secondary", size: "sm" }),
+  remove: themeButtonClassName({ variant: "secondary", size: "sm" }),
+  hint: "rb-caption status-muted",
+  feedback: "rb-caption"
+};
+function getDiscountCodeDisclosureClasses(surface) {
+  if (surface === "theme-form") return themeFormClasses;
+  return BLOCK_DISCOUNT_CODE_DISCLOSURE_CLASSES[surface];
+}
+function DiscountCodeDisclosure({
+  surface,
+  isOpen,
+  code,
+  onOpen,
+  onChange,
+  onRemove,
+  onApply,
+  id,
+  toggleLabel = "Have a discount code?",
+  label = "Discount code",
+  placeholder = "Enter code",
+  applyLabel = "Apply",
+  removeLabel = "Remove",
+  hint = "Applied at checkout.",
+  feedback = null,
+  isApplying = false,
+  applyDisabled = false,
+  disabled = false
+}) {
+  const generatedId = useId();
+  const inputId = id ?? `discount-code-${generatedId}`;
+  const classes = getDiscountCodeDisclosureClasses(surface);
+  const handleChange = (event) => {
+    onChange(event.target.value);
+  };
+  const handleKeyDown = (event) => {
+    if (!onApply || event.key !== "Enter") return;
+    event.preventDefault();
+    onApply();
+  };
+  const feedbackClassName = feedback ? `${classes.feedback} status-${feedback.tone}` : classes.feedback;
+  return /* @__PURE__ */ jsx("div", { className: classes.root, children: !isOpen ? /* @__PURE__ */ jsx("button", { type: "button", className: classes.toggle, onClick: onOpen, children: toggleLabel }) : /* @__PURE__ */ jsxs("div", { className: classes.form, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: classes.label, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: classes.row, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: inputId,
+          className: classes.input,
+          value: code,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          placeholder,
+          autoComplete: "off",
+          disabled: disabled || isApplying
+        }
+      ),
+      onApply ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: classes.apply,
+          onClick: onApply,
+          disabled: disabled || isApplying || applyDisabled,
+          children: isApplying ? "Applying..." : applyLabel
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: classes.remove,
+          onClick: onRemove,
+          disabled: disabled || isApplying,
+          children: removeLabel
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: classes.hint, children: hint }),
+    feedback ? /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: feedbackClassName,
+        role: feedback.tone === "error" ? "alert" : "status",
+        children: feedback.message
+      }
+    ) : null
+  ] }) });
+}
+
 // ../blocks/src/system/runtime/shared/utils/checkoutUrls.ts
 function buildCheckoutReturnUrls(paramName, anchorId) {
   const currentUrl = new URL(window.location.href);
@@ -380,4 +506,4 @@ function StepIndicator({
   }) }) });
 }
 
-export { ActionRow, CheckIcon, ClockIcon, CrossIcon, LoggedInAsUser, MembershipHero, StateIcon, StepIndicator, TabBarFragment, TerminalPanel, buildCheckoutReturnUrls, consumeSearchParam, consumeSearchParams, createBodyThemePortalRoot, formatPrice, getStepNumber, logoutPortal, scrollToBlock, validateFormData };
+export { ActionRow, CheckIcon, ClockIcon, CrossIcon, DiscountCodeDisclosure, LoggedInAsUser, MembershipHero, StateIcon, StepIndicator, TabBarFragment, TerminalPanel, buildCheckoutReturnUrls, consumeSearchParam, consumeSearchParams, createBodyThemePortalRoot, formatPrice, getStepNumber, logoutPortal, scrollToBlock, validateFormData };

package/dist/client/{chunk-UFSWADAO.mjs → chunk-YDSEG6GZ.mjs}

@@ -1,67 +1,6 @@
 "use client";
-import { assertNever } from './chunk-R56FQ3RR.mjs';
-import { useState, useEffect, useReducer, useRef, useCallback } from 'react';
-
-function useDiscountCodeUi(options) {
-  const [discountUiOpen, setDiscountUiOpen] = useState(false);
-  const [discountCode, setDiscountCode] = useState("");
-  const [discountsAvailable, setDiscountsAvailable] = useState(false);
-  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState(false);
-  const [autoAppliedDiscount, setAutoAppliedDiscount] = useState(null);
-  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState(false);
-  useEffect(() => {
-    let cancelled = false;
-    async function checkDiscountAvailability() {
-      if (!options.discountContext) {
-        setDiscountsAvailable(false);
-        setManualCodeEntryAllowed(false);
-        setAutoAppliedDiscount(null);
-        setDiscountsAvailableLoading(false);
-        setDiscountUiOpen(false);
-        setDiscountCode("");
-        return;
-      }
-      setDiscountsAvailableLoading(true);
-      try {
-        const res = await options.api.getDiscountsAvailable({
-          context: options.discountContext,
-          subtotalCents: options.subtotalCents
-        });
-        if (cancelled) return;
-        setDiscountsAvailable(res.hasDiscounts);
-        setManualCodeEntryAllowed(res.manualCodeEntryAllowed);
-        setAutoAppliedDiscount(res.autoAppliedDiscount);
-        if (!res.hasDiscounts || !res.manualCodeEntryAllowed) {
-          setDiscountUiOpen(false);
-          setDiscountCode("");
-        }
-      } catch {
-        if (cancelled) return;
-        setDiscountsAvailable(false);
-        setManualCodeEntryAllowed(false);
-        setAutoAppliedDiscount(null);
-        setDiscountUiOpen(false);
-        setDiscountCode("");
-      } finally {
-        if (!cancelled) setDiscountsAvailableLoading(false);
-      }
-    }
-    checkDiscountAvailability();
-    return () => {
-      cancelled = true;
-    };
-  }, [options.api, options.discountContext, options.subtotalCents]);
-  return {
-    discountUiOpen,
-    setDiscountUiOpen,
-    discountCode,
-    setDiscountCode,
-    discountsAvailable,
-    manualCodeEntryAllowed,
-    autoAppliedDiscount,
-    discountsAvailableLoading
-  };
-}
+import { assertNever11 } from './chunk-65F47D7Y.mjs';
+import { useReducer, useRef, useCallback, useEffect } from 'react';
 
 // ../blocks/src/system/runtime/hooks/usePolling.state.ts
 function createInitialPollingState() {
@@ -118,7 +57,7 @@ function pollingReducer(state, action) {
         case "timeout":
           return state;
         default:
-          return assertNever(state);
+          return assertNever11(state);
       }
     case "polling-timed-out":
       return {
@@ -127,7 +66,7 @@ function pollingReducer(state, action) {
         error: new Error("Polling timed out")
       };
     default:
-      return assertNever(action);
+      return assertNever11(action);
   }
 }
 
@@ -242,4 +181,4 @@ function usePolling(config) {
   };
 }
 
-export { useDiscountCodeUi, usePolling };
+export { usePolling };