@riverbankcms/sdk 0.60.3 → 0.60.6

package/dist/client/rendering/client.mjs

@@ -1,12 +1,6 @@
 "use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b2) => (typeof require !== "undefined" ? require : a)[b2]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
@@ -511,7 +505,10 @@ function createBlockApi(config) {
       url = appendQuery(url, queryParams);
     }
     const authHeaders = getAuthHeaders(selectedAuth);
-    const headers = { ...authHeaders };
+    const headers = {
+      Accept: "application/json",
+      ...authHeaders
+    };
     if (body !== void 0) {
       headers["Content-Type"] = "application/json";
     }
@@ -1830,11 +1827,11 @@ var init_presets = __esm({
   }
 });
 
-// ../theme-core/src/site-styles/compatibility.ts
+// ../theme-core/src/site-styles/styleTags.ts
 import { z as z2 } from "zod";
 var STYLE_AXIS_VALUES, styleTagsSchema;
-var init_compatibility = __esm({
-  "../theme-core/src/site-styles/compatibility.ts"() {
+var init_styleTags = __esm({
+  "../theme-core/src/site-styles/styleTags.ts"() {
     "use strict";
     STYLE_AXIS_VALUES = {
       tone: ["minimal", "classic", "bold"],
@@ -1873,7 +1870,7 @@ var init_types2 = __esm({
   "../theme-core/src/buttons/personalities/types.ts"() {
     "use strict";
     init_types();
-    init_compatibility();
+    init_styleTags();
     buttonPersonalityIdSchema = z3.string().min(1).transform((value) => asButtonPersonalityId(value));
     buttonPersonalitySchema = z3.object({
       id: buttonPersonalityIdSchema,
@@ -3126,6 +3123,7 @@ var init_assertNever = __esm({
 var init_participants = __esm({
   "../core/src/participants.ts"() {
     "use strict";
+    init_branded();
     init_result();
   }
 });
@@ -4346,7 +4344,7 @@ function getServerStorage() {
   _serverStorageChecked = true;
   try {
     const globalWithNonWebpackRequire = globalThis;
-    const nonWebpackRequire = typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : __require;
+    const nonWebpackRequire = typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : new Function("id", "return require(id)");
     const asyncHooks = nonWebpackRequire("async_hooks");
     const AsyncLocalStorage = asyncHooks.AsyncLocalStorage;
     if (AsyncLocalStorage) {
@@ -6137,6 +6135,19 @@ var init_media2 = __esm({
   }
 });
 
+// ../blocks/src/system/runtime/shared/themedButtonClass.ts
+function themedButtonClass(spec) {
+  const { variant, size, extraClassName } = spec;
+  const normalizedVariant = variant.trim();
+  const variantClasses = normalizedVariant ? [normalizedVariant, `button-${normalizedVariant}`] : [];
+  return [...variantClasses, `btn-${size}`, extraClassName].filter(Boolean).join(" ");
+}
+var init_themedButtonClass = __esm({
+  "../blocks/src/system/runtime/shared/themedButtonClass.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/file-download.tsx
 import { jsx as jsx13, jsxs } from "react/jsx-runtime";
 function isDownloadableMediaType(type) {
@@ -6210,7 +6221,11 @@ function FileDownloadNode({
       {
         href,
         download: filename,
-        className: `${variant} button-${variant} rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2`,
+        className: themedButtonClass({
+          variant,
+          size: "md",
+          extraClassName: "rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2"
+        }),
         children: [
           /* @__PURE__ */ jsx13(Download, { "aria-hidden": "true" }),
           label
@@ -6226,6 +6241,7 @@ var init_file_download = __esm({
     init_lucide_react();
     init_colorStyles();
     init_media2();
+    init_themedButtonClass();
     init_media();
     FILE_DOWNLOAD_BUTTON_VARIANTS = ["primary", "secondary", "outline", "link"];
   }
@@ -9675,6 +9691,7 @@ var init_EventCard = __esm({
     init_EventCardIcons();
     init_eventCapacity();
     init_utils();
+    init_themedButtonClass();
     EventCard = ({
       event,
       cardVariant = "default",
@@ -9700,7 +9717,7 @@ var init_EventCard = __esm({
       const isSoldOut = cta.hidden;
       const { available: spotsLeft } = getEventAvailability(event);
       const cardClass = `card-${cardVariant}`;
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
       const title = event.title;
       const summary = event.presentation?.summary ?? event.description;
       const image = event.presentation?.image ?? null;
@@ -9782,6 +9799,7 @@ var init_EventCompactRow = __esm({
     "use strict";
     init_utils();
     init_EventCardIcons();
+    init_themedButtonClass();
     EventCompactRow = ({
       event,
       buttonVariant = "primary",
@@ -9793,7 +9811,7 @@ var init_EventCompactRow = __esm({
       const price = formatEventPrice(event);
       const teacherLine = formatEventTeacherLine(event);
       const cta = resolveEventCta(event, buttonText);
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "sm" });
       return /* @__PURE__ */ jsxs17("div", { className: "event-compact-row", children: [
         /* @__PURE__ */ jsxs17("div", { className: "event-compact-row-content", children: [
           /* @__PURE__ */ jsxs17("div", { className: "event-compact-row-top", children: [
@@ -9865,6 +9883,7 @@ var init_EventSpotlight = __esm({
   "../blocks/src/system/runtime/nodes/events/EventSpotlight.tsx"() {
     "use strict";
     init_shared3();
+    init_themedButtonClass();
     EventSpotlight = ({
       events,
       layout = "grid",
@@ -9886,7 +9905,7 @@ var init_EventSpotlight = __esm({
       }
       const containerClass = getContainerClass(layout, columns);
       const cardOrientation = getCardOrientation(layout);
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
       return /* @__PURE__ */ jsxs19("div", { className: `event-spotlight-section ${className || ""}`, "data-block": "event-spotlight", children: [
         /* @__PURE__ */ jsx33("div", { className: `event-spotlight ${containerClass}`, children: normalizedEvents.map((event) => /* @__PURE__ */ jsx33(
           EventCard,
@@ -11251,7 +11270,8 @@ function ctaButton(opts) {
       },
       size: {
         $bind: {
-          from: sizePath
+          from: sizePath,
+          fallback: opts?.sizeFallback ?? "md"
         }
       },
       ...opts?.className ? { className: opts.className } : {},
@@ -20863,7 +20883,10 @@ function renderCalendarGrid(display) {
         "button",
         {
           type: "button",
-          className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+          className: themedButtonClass({
+            variant: display.buttonVariant,
+            size: "sm"
+          }),
           children: "Today"
         }
       )
@@ -20946,7 +20969,10 @@ function renderTimetableSsr(display) {
         "button",
         {
           type: "button",
-          className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+          className: themedButtonClass({
+            variant: display.buttonVariant,
+            size: "sm"
+          }),
           children: "Today"
         }
       )
@@ -21071,6 +21097,7 @@ var init_EventCalendar_server = __esm({
     init_renderEventListItem();
     init_utils();
     init_timetableModel();
+    init_themedButtonClass();
     EventCalendarSSR = (props2) => {
       const islandProps = buildEventCalendarInteractiveIslandProps(props2);
       const display = islandProps.render.display;
@@ -21201,6 +21228,7 @@ var init_form_server = __esm({
     "use strict";
     init_clsx();
     init_ssr();
+    init_themedButtonClass();
     init_form_interactive();
     FormNodeSSR = ({
       blockId,
@@ -21334,7 +21362,18 @@ var init_form_server = __esm({
                 }
                 return renderField(group.field);
               }),
-              /* @__PURE__ */ jsx46("div", { className: "fb-actions", children: /* @__PURE__ */ jsx46("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx46("button", { type: "submit", className: "primary button-primary rb-w-full rb-sm-w-auto", children: display.submitLabel }) }) })
+              /* @__PURE__ */ jsx46("div", { className: "fb-actions", children: /* @__PURE__ */ jsx46("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx46(
+                "button",
+                {
+                  type: "submit",
+                  className: themedButtonClass({
+                    variant: "primary",
+                    size: "md",
+                    extraClassName: "rb-w-full rb-sm-w-auto"
+                  }),
+                  children: display.submitLabel
+                }
+              ) }) })
             ]
           }
         )
@@ -21416,7 +21455,14 @@ function NewsletterFormSSR({
           ),
           /* @__PURE__ */ jsxs32("div", { className: "newsletter-form-fields", children: [
             fields.map(renderField),
-            /* @__PURE__ */ jsx47("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx47("button", { type: "submit", className: "primary button-primary", children: display.buttonLabel }) })
+            /* @__PURE__ */ jsx47("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx47(
+              "button",
+              {
+                type: "submit",
+                className: themedButtonClass({ variant: "primary", size: "md" }),
+                children: display.buttonLabel
+              }
+            ) })
           ] }),
           display.privacyNote && /* @__PURE__ */ jsx47("p", { className: "newsletter-privacy-note", children: display.privacyNote })
         ] })
@@ -21430,6 +21476,7 @@ var init_newsletter_form_server = __esm({
     "use strict";
     init_clsx();
     init_ssr();
+    init_themedButtonClass();
     init_newsletter_form_interactive();
     newsletter_form_server_default = NewsletterFormSSR;
   }
@@ -29737,6 +29784,7 @@ var init_PaymentSelectionStep = __esm({
     init_lucide_react();
     init_utils3();
     init_spinner();
+    init_themedButtonClass();
     init_CheckIcon2();
     init_SelectableOptionCard();
     PaymentSelectionStep = ({
@@ -29837,7 +29885,7 @@ var init_PaymentSelectionStep = __esm({
               "button",
               {
                 type: "button",
-                className: "primary button-primary",
+                className: themedButtonClass({ variant: "primary", size: "md" }),
                 disabled: !email.trim(),
                 onClick: onRequestLogin,
                 children: "Email me a login link"
@@ -31561,7 +31609,7 @@ function EventRegistrationWizard(props2) {
   } = props2;
   const maxTicketsNum = parseInt(maxTickets, 10) || 5;
   const showSpamProtection = spamProtectionEnabled ?? isSpamProtectionEnabled();
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   const wizard = useEventRegistrationWizard({
     anchorId: EVENT_REGISTRATION_ANCHOR_ID,
     occurrenceContext: occurrenceContext ?? null,
@@ -31698,6 +31746,7 @@ var init_EventRegistrationWizard = __esm({
     init_useEventRegistrationWizard();
     init_MagicLinkForm();
     init_spinner();
+    init_themedButtonClass();
     init_event_registration2();
     EVENT_REGISTRATION_ANCHOR_ID = "event-registration";
     EVENT_PORTAL_AUTH_COPY = {
@@ -32143,7 +32192,7 @@ function ErrorStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs73("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx100(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx100(CrossIcon, {}) }),
     /* @__PURE__ */ jsx100("h3", { className: "cr-error__title", children: "Enrollment Failed" }),
@@ -32155,6 +32204,7 @@ var init_ErrorStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/ErrorStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -32166,7 +32216,7 @@ function VerifyingTimeoutStep2({
   onCheckAgain,
   supportEmail
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs74("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx101(StateIcon, { variant: "warning", children: /* @__PURE__ */ jsx101(ClockIcon, {}) }),
     /* @__PURE__ */ jsx101("h3", { className: "cr-error__title", children: "Payment Verification Taking Longer" }),
@@ -32183,6 +32233,7 @@ var init_VerifyingTimeoutStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/VerifyingTimeoutStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -32194,7 +32245,7 @@ function PaymentFailedStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs75("div", { className: "cr-payment-failed", role: "alert", children: [
     /* @__PURE__ */ jsx102(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx102(CrossIcon, {}) }),
     /* @__PURE__ */ jsx102("h3", { className: "cr-payment-failed__title", children: "Payment Failed" }),
@@ -32206,6 +32257,7 @@ var init_PaymentFailedStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/PaymentFailedStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -33198,7 +33250,7 @@ function CourseRegistrationWizard(props2) {
     handleRetry,
     handleBookingModeChange
   } = useCourseRegistrationWizard(props2);
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   if (scopedCourses.length === 0) {
     return /* @__PURE__ */ jsx106(
       "div",
@@ -33608,6 +33660,7 @@ var init_CourseRegistrationWizard = __esm({
     init_PaymentFailedStep2();
     init_VerifyingTimeoutStep2();
     init_spinner();
+    init_themedButtonClass();
   }
 });
 
@@ -39661,6 +39714,7 @@ var init_EventPaginatedListView_client = __esm({
     init_EventCompactRow();
     init_EmptyState();
     init_EventListing_view();
+    init_themedButtonClass();
     EventPaginatedListView = ({
       filters,
       display,
@@ -39703,7 +39757,10 @@ var init_EventPaginatedListView_client = __esm({
                 {
                   type: "button",
                   onClick: loadMore,
-                  className: `${display.buttonVariant} button-${display.buttonVariant}`,
+                  className: themedButtonClass({
+                    variant: display.buttonVariant,
+                    size: "md"
+                  }),
                   children: "Try again"
                 }
               )
@@ -39714,11 +39771,25 @@ var init_EventPaginatedListView_client = __esm({
                 type: "button",
                 onClick: loadMore,
                 disabled: loading,
-                className: `${display.buttonVariant} button-${display.buttonVariant} ${loading ? "rb-opacity-50 rb-cursor-wait" : ""}`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "md",
+                  extraClassName: loading ? "rb-opacity-50 rb-cursor-wait" : null
+                }),
                 children: loading ? "Loading..." : loadMoreText
               }
             ) }) : null,
-            paginationMode === "seeAllLink" && seeAllUrl && hasMore ? /* @__PURE__ */ jsx135("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx135("a", { href: seeAllUrl, className: `${display.buttonVariant} button-${display.buttonVariant}`, children: loadMoreText }) }) : null
+            paginationMode === "seeAllLink" && seeAllUrl && hasMore ? /* @__PURE__ */ jsx135("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx135(
+              "a",
+              {
+                href: seeAllUrl,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "md"
+                }),
+                children: loadMoreText
+              }
+            ) }) : null
           ] }),
           renderEventCard: (event) => display.listLayout === "compact" ? /* @__PURE__ */ jsx135(
             EventCompactRow,
@@ -41062,6 +41133,7 @@ var init_EventCombined_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_utils();
+    init_themedButtonClass();
     EventCombinedClient = ({
       events: initialEvents,
       siteId,
@@ -41387,7 +41459,7 @@ var init_EventCombined_client = __esm({
                     {
                       type: "button",
                       onClick: goToToday,
-                      className: `${buttonVariant} button-${buttonVariant} rb-px-3 rb-py-1`,
+                      className: themedButtonClass({ variant: buttonVariant, size: "sm" }),
                       children: "Today"
                     }
                   )
@@ -41704,6 +41776,7 @@ var init_EventCalendar_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_WeekTimetableView();
+    init_themedButtonClass();
     EventCalendarClient = ({
       render
     }) => {
@@ -41992,7 +42065,10 @@ var init_EventCalendar_client = __esm({
               {
                 type: "button",
                 onClick: onToday,
-                className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "sm"
+                }),
                 children: "Today"
               }
             )
@@ -42005,7 +42081,10 @@ var init_EventCalendar_client = __esm({
               {
                 type: "button",
                 onClick: onToday,
-                className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "sm"
+                }),
                 children: "Try again"
               }
             )
@@ -42100,6 +42179,7 @@ var init_form_client = __esm({
     init_client2();
     init_src3();
     init_useFormSubmission();
+    init_themedButtonClass();
     FormNodeClient = ({
       render
     }) => {
@@ -42237,7 +42317,19 @@ var init_form_client = __esm({
           return renderField(group.field);
         }),
         showSpamProtection && /* @__PURE__ */ jsx148(AltchaWidget, { challengeUrl: getChallengeUrl(), onSolutionChange: setAltchaSolution }),
-        /* @__PURE__ */ jsx148("div", { className: "fb-actions", children: /* @__PURE__ */ jsx148("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx148("button", { type: "submit", className: "primary button-primary rb-w-full rb-sm-w-auto", disabled: state.tag === "submitting", children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel }) }) })
+        /* @__PURE__ */ jsx148("div", { className: "fb-actions", children: /* @__PURE__ */ jsx148("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx148(
+          "button",
+          {
+            type: "submit",
+            className: themedButtonClass({
+              variant: "primary",
+              size: "md",
+              extraClassName: "rb-w-full rb-sm-w-auto"
+            }),
+            disabled: state.tag === "submitting",
+            children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel
+          }
+        ) }) })
       ] });
     };
   }
@@ -42456,7 +42548,7 @@ function NewsletterFormClient({
           "button",
           {
             type: "submit",
-            className: "primary button-primary",
+            className: themedButtonClass({ variant: "primary", size: "md" }),
             disabled: isSubmitting,
             children: isSubmitting ? "Subscribing..." : render.display.buttonLabel
           }
@@ -42475,6 +42567,7 @@ var init_newsletter_form_client = __esm({
     init_client2();
     init_src3();
     init_api();
+    init_themedButtonClass();
     newsletter_form_client_default = NewsletterFormClient;
   }
 });
@@ -45213,6 +45306,10 @@ function brandNonEmptyString(value, label) {
   return value;
 }
 
+// ../theme-core/src/palette/variants/types.ts
+init_styleTags();
+import { z as z43 } from "zod";
+
 // ../theme-core/src/schema.ts
 import { z as z42 } from "zod";
 
@@ -45818,8 +45915,6 @@ var themesTurnSchema = z42.object({
 });
 
 // ../theme-core/src/palette/variants/types.ts
-init_compatibility();
-import { z as z43 } from "zod";
 function asPaletteVariantId(value) {
   if (value.length === 0) {
     throw new Error("PaletteVariantId must be a non-empty string");