@reblu/site-blocks 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @reblu/site-blocks
 
+## 0.20.0
+
+### Minor Changes
+
+- 4ca8816: New `CourseSyllabus` on `@reblu/site-blocks/client`: the programme of a public course page over `AcademyCourseDetail.modules`. The header shows the number of modules and lessons. Each module with lessons is an expandable button (`aria-expanded`, `aria-controls`) showing its lesson count and total duration, and lists its published lessons in order with their duration and free-preview badge. Modules without lessons render as a plain row. Spanish default copy, overridable through `labels` (`DEFAULT_COURSE_SYLLABUS_LABELS`).
+- 25d8189: Automatic staff discount (REB-1131). When the buyer has a server-validated staff session, base-api applies the active «Solo personal» code that gives the largest discount, with no code typed. Buyers without a staff session see no change.
+  - `@reblu/site-contracts`: adds the `ShopStaffAutoDiscount` type, `{ code, label, amount }`. It is an optional `autoDiscount` field on `ShopCartValidation`, `ShopDiscountApplication` and `ShopCheckoutSession`, and is absent for everyone else.
+  - `@reblu/site-next`: `createShopValidateCartRoute()` now forwards the `sb-*` auth cookies, the same as checkout and apply-discount. Opt out with `{ forwardAuthCookies: false }`. `validateCart()` returns `outcome.autoDiscount` when the server applied one.
+  - `@reblu/site-blocks`: `CartSummary` and `CheckoutForm` accept `autoDiscount` and show «Descuento de personal aplicado» with its amount. `CheckoutForm` shows no remove action for it, and the code field stays available. The text can be changed with `labels.staffDiscountApplied`. Without the prop, both components render exactly as before.
+
+### Patch Changes
+
+- 6a0f8e6: `OrderConfirmation`: the default `foundDescription` now reads «Te hemos enviado un email con tu acceso.» Every shop buyer gets a customer account, and the order confirmation email carries a one-time link into it, where paid digital downloads live. The confirmation page never serves files. A SITE that passes its own `labels.foundDescription` is unaffected.
+- Updated dependencies [25d8189]
+  - @reblu/site-contracts@1.20.0
+
 ## 0.19.0
 
 ### Minor Changes

package/README.md

@@ -39,6 +39,7 @@ colour on the red background. See `docs/theming/theming.md`.
 | `AddToCartButton`, `CartIcon`                                                                                 | `./client` | Add-to-cart feedback (REB-837) — **moved here from `.`**, see below.                                                         |
 | `DataRequestForm`                                                                                             | `./client` | Drop-in public GDPR rights form over `POST /api/site/data-requests` (REB-980). See "GDPR rights form" below.                |
 | `ProductCarousel`                                                                                             | `./client` | Scroll-snap product strip with prev/next arrows («Productos relacionados»). See "Product carousel" below.                     |
+| `CourseSyllabus`, `DEFAULT_COURSE_SYLLABUS_LABELS`                                                            | `./client` | A course's programme: expandable modules listing their lessons (`client.academy.bySlug()`). See "Course programme" below.   |
 
 ## Boundary
 
@@ -324,13 +325,31 @@ for the wiring steps and a full example app).
 | `AddedToCartToast`    | `.`        | `productName`, `cartHref`, `status?`, `quantity?`, `imageUrl?`                                                          | Yes                                                                               |
 | `CartLineList`        | `.`        | `items`, `onQuantityChange?`, `onRemove?`, `liveMessage?`, `notice?`, `lineMessage?`                                    | Yes                                                                               |
 | `CartAdjustmentsNotice` | `.`      | `removed?`, `quantityChanges?`, `priceChanges?`, `labels?`                                                              | Yes                                                                               |
-| `CartSummary`         | `.`        | `subtotal`, `discount?`, `shipping?`, `shippingEnabled?`, `total`, `notice?`                                            | Yes                                                                               |
+| `CartSummary`         | `.`        | `subtotal`, `discount?`, `autoDiscount?`, `shipping?`, `shippingEnabled?`, `total`, `notice?`                           | Yes                                                                               |
 | `CheckoutLoginPrompt` | `.`        | `open`, `email`, `onEmailChange`, `onClose`, `onSubmitEmail`, `onContinueAsGuest`                                       | Yes (renders `null` when `open` is false)                                         |
-| `CheckoutForm`        | `.`        | `contact`, `onContactChange`, `discountCode`, `onDiscountCodeChange`, `onApplyDiscount`, `onRemoveDiscount`, `onSubmit` | Yes                                                                               |
+| `CheckoutForm`        | `.`        | `contact`, `onContactChange`, `discountCode`, `onDiscountCodeChange`, `onApplyDiscount`, `onRemoveDiscount`, `onSubmit`, `autoDiscount?` | Yes                                                                               |
 | `OrderConfirmation`   | `.`        | `status`, `order`, `cartHref?`, `onRecheck?`                                                                            | Yes                                                                               |
 | `OrderInvoiceLink`    | `.`        | `invoice` (`order.invoice`), `labels?`                                                                                  | Yes (renders `null` without an invoice)                                           |
 | `FullInvoiceFields`   | `.`        | `value`, `onChange`, `overCap`, `errors?`, `countries?`, `labels?`                                                      | Yes (controlled, no hooks)                                                        |
 
+**Automatic staff discount (REB-1131).** For a signed-in staff member,
+base-api applies the best «Solo personal» code by itself and reports it as
+`autoDiscount` on validate-cart, apply-discount and checkout. Pass it to both
+components and they show «Descuento de personal aplicado» with its amount
+(override with `labels.staffDiscountApplied`). `CheckoutForm` offers no remove
+action for it and keeps the code field: a typed code replaces it only when the
+server finds it larger. Without `autoDiscount`, both render exactly as before.
+
+```tsx
+const outcome = await validateCart() // @reblu/site-next/cart
+// After an apply-discount call, prefer its `autoDiscount` (absent when the
+// typed code won).
+const autoDiscount = discountResponse?.autoDiscount ?? outcome.autoDiscount ?? null
+
+<CartSummary subtotal={subtotal} autoDiscount={autoDiscount} total={subtotal - (autoDiscount?.amount ?? 0)} />
+<CheckoutForm {...checkoutProps} autoDiscount={autoDiscount} />
+```
+
 **REB-837 breaking move**: `AddToCartButton` and `CartIcon` now carry real
 internal state (the confirmed/error timer, the bump-on-add guard) and ship
 from `@reblu/site-blocks/client` instead of the root `.` entry. Update the
@@ -887,6 +906,41 @@ It renders the package's `ProductCard` by default. To use your own card, pass
   `headingClassName` replaces the heading's typography (see the className rule
   above). It renders nothing for an empty list.
 
+## Course programme — `CourseSyllabus` (REB-1134)
+
+The programme of a public course page: every module, and inside each module the
+lessons that make it up. The header reads «Programa» and «3 módulos · 12
+lecciones». Each module row shows its lesson count and, when every lesson in it
+has a duration, the module's total («4 lecciones · 1 h 20 min»). Opening a
+module lists its lessons in order, with each lesson's duration and a «Vista
+previa gratuita» badge on free-preview lessons.
+
+```tsx
+import { CourseSyllabus } from '@reblu/site-blocks/client'
+
+// `course` is an `AcademyCourseDetail` from `client.academy.bySlug(slug)`.
+// It works from a Server Component page: every prop is serialisable.
+<CourseSyllabus modules={course.modules} />
+```
+
+- **Public data only.** It renders what the API serves. The API returns
+  published lessons only, and never a video, playback or attachment id, a
+  signed URL or the lesson content.
+- **Accessibility.** The block is a `region` named by its heading. A module
+  with lessons is a `<button>` with `aria-expanded` and `aria-controls`
+  pointing at its lesson list. Tab reaches it; Enter and Space open and close
+  it. Modules open independently and start closed.
+- **Modules without lessons** render as a plain row with the title, not a
+  button. A payload without `lessons` renders the same way.
+- **Copy.** The defaults are Spanish (`DEFAULT_COURSE_SYLLABUS_LABELS`).
+  Override any of them with `labels={{ heading, moduleSingular, modulePlural,
+  lessonSingular, lessonPlural, freePreview, hours, minutes }}`.
+- **Styling.** `headingLevel` (default `2`), `headingClassName` (replaces the
+  heading's typography, see the className rule above) and `className`. Style
+  the parts with `[data-slot="course-syllabus"]`, `course-syllabus-module`,
+  `course-syllabus-lessons` and `course-syllabus-lesson`. It renders nothing
+  for a course without modules.
+
 ## Page blocks
 
 `PageBlocks` renders a page's registry blocks (`PageDetail.blocks` from

package/dist/client.cjs

@@ -34,8 +34,10 @@ __export(client_exports, {
   AddToCartButton: () => AddToCartButton,
   CartIcon: () => CartIcon,
   Collection: () => Collection,
+  CourseSyllabus: () => CourseSyllabus,
   DATA_REQUEST_FIELD_LIMITS: () => DATA_REQUEST_FIELD_LIMITS,
   DATA_REQUEST_TYPES: () => import_site_contracts.DATA_REQUEST_TYPES,
+  DEFAULT_COURSE_SYLLABUS_LABELS: () => DEFAULT_COURSE_SYLLABUS_LABELS,
   DEFAULT_DATA_REQUEST_FORM_LABELS: () => DEFAULT_DATA_REQUEST_FORM_LABELS,
   DEFAULT_PRODUCT_CAROUSEL_LABELS: () => DEFAULT_PRODUCT_CAROUSEL_LABELS,
   DataRequestForm: () => DataRequestForm,
@@ -460,7 +462,7 @@ var import_utils4 = require("@reblu/site-ui/utils");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var DEFAULT_LABELS4 = {
   cart: "Carrito",
-  itemsSuffix: (count) => `${count} art\xEDculo${count === 1 ? "" : "s"}`
+  itemsSuffix: (count2) => `${count2} art\xEDculo${count2 === 1 ? "" : "s"}`
 };
 var BUMP_DURATION_MS = 400;
 function CartIcon({ itemCount, href, hydrated, bumpOnAdd, labels, className }) {
@@ -732,11 +734,199 @@ function ProductCarousel(props) {
   ] });
 }
 
-// src/components/data-request-form.tsx
+// src/components/course-syllabus.tsx
 var import_react5 = require("react");
+var import_utils8 = require("@reblu/site-ui/utils");
+
+// src/lib/slot-class-name.ts
 var import_utils7 = require("@reblu/site-ui/utils");
-var import_site_contracts = require("@reblu/site-contracts");
+var MERGE_SAFE_TEXT = /(?:^|:)!?text-(?:left|center|right|justify|start|end|wrap|nowrap|balance|pretty|ellipsis|clip)$/;
+var TEXT_UTILITY = /(?:^|:)!?-?text-/;
+function bypassesMerge(token) {
+  return TEXT_UTILITY.test(token) && !MERGE_SAFE_TEXT.test(token);
+}
+function slotClassName(structural, defaults, consumer) {
+  if (consumer === void 0 || consumer.trim() === "") return (0, import_utils7.cn)(structural, defaults);
+  const tokens = consumer.split(/\s+/).filter(Boolean);
+  const verbatim = tokens.filter(bypassesMerge);
+  const merged = (0, import_utils7.cn)(structural, tokens.filter((token) => !bypassesMerge(token)));
+  return [merged, ...verbatim].filter(Boolean).join(" ");
+}
+
+// src/components/course-syllabus.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var DEFAULT_COURSE_SYLLABUS_LABELS = {
+  heading: "Programa",
+  moduleSingular: "m\xF3dulo",
+  modulePlural: "m\xF3dulos",
+  lessonSingular: "lecci\xF3n",
+  lessonPlural: "lecciones",
+  freePreview: "Vista previa gratuita",
+  hours: "h",
+  minutes: "min"
+};
+var SEPARATOR = " \xB7 ";
+function count(n, singular, plural) {
+  return `${n} ${n === 1 ? singular : plural}`;
+}
+function formatDuration(seconds, labels) {
+  const totalMinutes = Math.max(1, Math.round(seconds / 60));
+  const hours = Math.floor(totalMinutes / 60);
+  const minutes = totalMinutes % 60;
+  if (hours === 0) return `${minutes} ${labels.minutes}`;
+  return minutes === 0 ? `${hours} ${labels.hours}` : `${hours} ${labels.hours} ${minutes} ${labels.minutes}`;
+}
+function moduleSeconds(lessons) {
+  let total = 0;
+  for (const l of lessons) {
+    if (typeof l.durationSeconds !== "number" || l.durationSeconds <= 0) return null;
+    total += l.durationSeconds;
+  }
+  return total;
+}
+function CourseSyllabus({
+  modules,
+  labels: labelOverrides,
+  headingLevel = 2,
+  headingClassName,
+  className
+}) {
+  const labels = { ...DEFAULT_COURSE_SYLLABUS_LABELS, ...labelOverrides };
+  const baseId = (0, import_react5.useId)();
+  const [open, setOpen] = (0, import_react5.useState)(() => /* @__PURE__ */ new Set());
+  if (modules.length === 0) return null;
+  const totalLessons = modules.reduce((sum, m) => sum + (m.lessons?.length ?? 0), 0);
+  const summary = [count(modules.length, labels.moduleSingular, labels.modulePlural)];
+  if (totalLessons > 0)
+    summary.push(count(totalLessons, labels.lessonSingular, labels.lessonPlural));
+  const headingId = `${baseId}-heading`;
+  const Tag = `h${headingLevel}`;
+  function toggle(id) {
+    setOpen((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "section",
+    {
+      "data-slot": "course-syllabus",
+      "aria-labelledby": headingId,
+      className: (0, import_utils8.cn)("space-y-4", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Tag,
+            {
+              id: headingId,
+              className: slotClassName("", "text-xl font-semibold", headingClassName),
+              children: labels.heading
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { "data-slot": "course-syllabus-summary", className: "text-sm text-muted-foreground", children: summary.join(SEPARATOR) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ol", { className: "flex list-none flex-col gap-2.5 p-0", children: modules.map((module2, index) => {
+          const lessons = module2.lessons ?? [];
+          const number = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-primary",
+              children: index + 1
+            }
+          );
+          if (lessons.length === 0) {
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              "li",
+              {
+                "data-slot": "course-syllabus-module",
+                className: "flex items-center gap-3.5 rounded-lg border border-border bg-card px-4 py-3.5",
+                children: [
+                  number,
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-semibold leading-snug", children: module2.title })
+                ]
+              },
+              module2.id
+            );
+          }
+          const isOpen = open.has(module2.id);
+          const panelId = `${baseId}-module-${index}`;
+          const seconds = moduleSeconds(lessons);
+          const meta = [count(lessons.length, labels.lessonSingular, labels.lessonPlural)];
+          if (seconds !== null) meta.push(formatDuration(seconds, labels));
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            "li",
+            {
+              "data-slot": "course-syllabus-module",
+              className: "rounded-lg border border-border bg-card",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-expanded": isOpen,
+                    "aria-controls": panelId,
+                    onClick: () => toggle(module2.id),
+                    className: "flex w-full cursor-pointer items-center gap-3.5 rounded-lg px-4 py-3.5 text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+                    children: [
+                      number,
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-semibold leading-snug", children: module2.title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm text-muted-foreground", children: meta.join(SEPARATOR) })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: (0, import_utils8.cn)(
+                            "shrink-0 text-muted-foreground transition-transform motion-reduce:transition-none",
+                            isOpen && "rotate-180"
+                          ),
+                          children: "\u25BE"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "ol",
+                  {
+                    id: panelId,
+                    hidden: !isOpen,
+                    "data-slot": "course-syllabus-lessons",
+                    className: "list-none space-y-2 border-t border-border px-4 py-3 pl-[3.75rem]",
+                    children: lessons.map((lesson) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                      "li",
+                      {
+                        "data-slot": "course-syllabus-lesson",
+                        className: "flex flex-wrap items-baseline gap-x-3 gap-y-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-slot": "course-syllabus-lesson-title", className: "flex-1", children: lesson.title }),
+                          lesson.isFreePreview && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs font-medium", children: labels.freePreview }),
+                          typeof lesson.durationSeconds === "number" && lesson.durationSeconds > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-muted-foreground tabular-nums", children: formatDuration(lesson.durationSeconds, labels) })
+                        ]
+                      },
+                      lesson.id
+                    ))
+                  }
+                )
+              ]
+            },
+            module2.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/data-request-form.tsx
+var import_react6 = require("react");
+var import_utils9 = require("@reblu/site-ui/utils");
+var import_site_contracts = require("@reblu/site-contracts");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var DATA_REQUEST_FIELD_LIMITS = Object.freeze({ name: 200, email: 320, details: 5e3 });
 var DEFAULT_DATA_REQUEST_FORM_LABELS = {
   requestTypeLabel: "Derecho que quieres ejercer",
@@ -762,7 +952,7 @@ var DEFAULT_DATA_REQUEST_FORM_LABELS = {
   nameRequired: "Indica tu nombre.",
   emailInvalid: "Introduce un email v\xE1lido.",
   consentRequired: "Debes aceptar el tratamiento de tus datos para gestionar la solicitud.",
-  success: (deadline) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+  success: (deadline) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
     "Hemos recibido tu solicitud. Te responderemos como m\xE1ximo el ",
     deadline,
     "."
@@ -811,18 +1001,18 @@ function DataRequestForm({
     ...labels,
     requestTypes: { ...DEFAULT_DATA_REQUEST_FORM_LABELS.requestTypes, ...labels?.requestTypes }
   };
-  const id = (0, import_react5.useId)();
-  const [requestType, setRequestType] = (0, import_react5.useState)("");
-  const [name, setName] = (0, import_react5.useState)("");
-  const [email, setEmail] = (0, import_react5.useState)("");
-  const [details, setDetails] = (0, import_react5.useState)("");
-  const [consent, setConsent] = (0, import_react5.useState)(false);
-  const [errors, setErrors] = (0, import_react5.useState)({});
-  const [formError, setFormError] = (0, import_react5.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
-  const [ack, setAck] = (0, import_react5.useState)(null);
-  const statusRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  const id = (0, import_react6.useId)();
+  const [requestType, setRequestType] = (0, import_react6.useState)("");
+  const [name, setName] = (0, import_react6.useState)("");
+  const [email, setEmail] = (0, import_react6.useState)("");
+  const [details, setDetails] = (0, import_react6.useState)("");
+  const [consent, setConsent] = (0, import_react6.useState)(false);
+  const [errors, setErrors] = (0, import_react6.useState)({});
+  const [formError, setFormError] = (0, import_react6.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react6.useState)(false);
+  const [ack, setAck] = (0, import_react6.useState)(null);
+  const statusRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     if (ack) statusRef.current?.focus();
   }, [ack]);
   async function handleSubmit(event) {
@@ -873,21 +1063,21 @@ function DataRequestForm({
       dateStyle: "long",
       timeStyle: "short"
     }).format(new Date(ack.slaDueAt));
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref: statusRef,
         tabIndex: -1,
         role: "status",
         "data-slot": "data-request-form-success",
-        className: (0, import_utils7.cn)("rounded-lg border border-border p-6 text-sm", className),
+        className: (0, import_utils9.cn)("rounded-lg border border-border p-6 text-sm", className),
         children: t.success(deadline)
       }
     );
   }
   const errorId = (field) => errors[field] ? `${id}-${field}-error` : void 0;
-  const fieldError = (field) => errors[field] ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: `${id}-${field}-error`, className: "text-xs text-destructive", children: errors[field] }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  const fieldError = (field) => errors[field] ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: `${id}-${field}-error`, className: "text-xs text-destructive", children: errors[field] }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "form",
     {
       noValidate: true,
@@ -895,11 +1085,11 @@ function DataRequestForm({
       onFocusCapture: onInteract,
       onPointerDown: onInteract,
       "data-slot": "data-request-form",
-      className: (0, import_utils7.cn)("space-y-4", className),
+      className: (0, import_utils9.cn)("space-y-4", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `${id}-type`, className: "text-sm font-medium", children: t.requestTypeLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: `${id}-type`, className: "text-sm font-medium", children: t.requestTypeLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
             "select",
             {
               id: `${id}-type`,
@@ -907,18 +1097,18 @@ function DataRequestForm({
               onChange: (e) => setRequestType(e.target.value),
               "aria-invalid": errors.requestType ? true : void 0,
               "aria-describedby": errorId("requestType"),
-              className: (0, import_utils7.cn)(FIELD_CLASS, errors.requestType ? "border-destructive" : "border-border"),
+              className: (0, import_utils9.cn)(FIELD_CLASS, errors.requestType ? "border-destructive" : "border-border"),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: t.requestTypePlaceholder }),
-                requestTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: type, children: t.requestTypes[type] }, type))
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: t.requestTypePlaceholder }),
+                requestTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: type, children: t.requestTypes[type] }, type))
               ]
             }
           ),
           fieldError("requestType")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `${id}-name`, className: "text-sm font-medium", children: t.nameLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: `${id}-name`, className: "text-sm font-medium", children: t.nameLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
             {
               id: `${id}-name`,
@@ -929,14 +1119,14 @@ function DataRequestForm({
               onChange: (e) => setName(e.target.value),
               "aria-invalid": errors.name ? true : void 0,
               "aria-describedby": errorId("name"),
-              className: (0, import_utils7.cn)(FIELD_CLASS, errors.name ? "border-destructive" : "border-border")
+              className: (0, import_utils9.cn)(FIELD_CLASS, errors.name ? "border-destructive" : "border-border")
             }
           ),
           fieldError("name")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `${id}-email`, className: "text-sm font-medium", children: t.emailLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: `${id}-email`, className: "text-sm font-medium", children: t.emailLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
             {
               id: `${id}-email`,
@@ -947,14 +1137,14 @@ function DataRequestForm({
               onChange: (e) => setEmail(e.target.value),
               "aria-invalid": errors.email ? true : void 0,
               "aria-describedby": errorId("email"),
-              className: (0, import_utils7.cn)(FIELD_CLASS, errors.email ? "border-destructive" : "border-border")
+              className: (0, import_utils9.cn)(FIELD_CLASS, errors.email ? "border-destructive" : "border-border")
             }
           ),
           fieldError("email")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `${id}-details`, className: "text-sm font-medium", children: t.detailsLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: `${id}-details`, className: "text-sm font-medium", children: t.detailsLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "textarea",
             {
               id: `${id}-details`,
@@ -963,13 +1153,13 @@ function DataRequestForm({
               value: details,
               onChange: (e) => setDetails(e.target.value),
               placeholder: t.detailsPlaceholder,
-              className: (0, import_utils7.cn)(FIELD_CLASS, "border-border")
+              className: (0, import_utils9.cn)(FIELD_CLASS, "border-border")
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "input",
               {
                 id: `${id}-consent`,
@@ -981,12 +1171,12 @@ function DataRequestForm({
                 className: "mt-1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `${id}-consent`, className: "text-sm text-foreground/80", children: t.consent })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: `${id}-consent`, className: "text-sm text-foreground/80", children: t.consent })
           ] }),
           fieldError("consent")
         ] }),
-        formError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        formError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
             type: "submit",
@@ -1004,8 +1194,10 @@ function DataRequestForm({
   AddToCartButton,
   CartIcon,
   Collection,
+  CourseSyllabus,
   DATA_REQUEST_FIELD_LIMITS,
   DATA_REQUEST_TYPES,
+  DEFAULT_COURSE_SYLLABUS_LABELS,
   DEFAULT_DATA_REQUEST_FORM_LABELS,
   DEFAULT_PRODUCT_CAROUSEL_LABELS,
   DataRequestForm,