@reblu/site-blocks 0.26.0 → 0.27.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @reblu/site-blocks
 
+## 0.27.0
+
+### Minor Changes
+
+- 3f76060: `CoursePurchaseTerms` shows the consent box that the course's modality calls for (REB-1240). It reads `AcademyCourseDetail.withdrawalConsent`:
+  - Digital content: the withdrawal waiver. It keeps `data-slot="course-purchase-terms-withdrawal-waiver"`, as in REB-1199.
+  - A training service: the express request to start, which does not say the withdrawal right is lost. It uses the new `data-slot="course-purchase-terms-service-start-request"`.
+  - A course in person or by webinar: no box.
+
+  Both items carry `data-kind`. Against an API that predates `withdrawalConsent`, the block still reads `withdrawalWaiverRequired`.
+
+  **Visible change:** each box is now followed by the tenant's exact text, «Texto de la casilla: «…»». Replace it, or hide it with an empty node, through the new `consentText` label. `serviceStartRequest` is also a new label.
+
+### Patch Changes
+
+- Updated dependencies [143cef1]
+  - @reblu/site-contracts@1.27.0
+
 ## 0.26.0
 
 ### Minor Changes

package/README.md

@@ -25,7 +25,7 @@ colour on the red background. See `docs/theming/theming.md`.
 | `sanitizeHtml`                                                                                                | `.`        | Sanitises an HTML string before `dangerouslySetInnerHTML` — the **HTML boundary**. See "Security boundaries" below.          |
 | `MarkdownRenderer`                                                                                            | `.`        | Canonical Blog renderer: `marked` → **hast-util-sanitize** (XSS) → component map, with a YouTube-domain allowlist. RSC-safe. |
 | `CourseDescription`                                                                                           | `.`        | Drop-in for the rich-text course `description` (`client.academy.bySlug()`). Server Component. See "Rich-text descriptions".  |
-| `CoursePurchaseTerms`, `DEFAULT_COURSE_PURCHASE_TERMS_LABELS`                                                 | `.`        | What the buyer sees before paying: withdrawal waiver, access duration, refund guarantee. Server Component. See "Course purchase terms". |
+| `CoursePurchaseTerms`, `DEFAULT_COURSE_PURCHASE_TERMS_LABELS`                                                 | `.`        | What the buyer sees before paying: consent box by course modality, access duration, refund guarantee. Server Component. See "Course purchase terms". |
 | `LessonPreview`, `DEFAULT_LESSON_PREVIEW_LABELS`                                                              | `.`        | A public free-preview lesson: hosted video player + sanitised body (`getLessonPreview()`). Server Component. See "Free-preview lesson".  |
 | `Treatment`, `ParentPage`, `ProfileCard`, `ProductCard`                                                       | `.`        | Presentational organisms over the SITE API contracts. RSC-safe. `Specialty`: deprecated alias, see below.                    |
 | `ProfessionalFields`                                                                                          | `.`        | The tenant's own professional fields (`professional.fields`) on a team card or profile. RSC-safe. See below.                 |
@@ -1128,11 +1128,16 @@ export default async function Page({ params }) {
   `lesson-preview-badge`, `lesson-preview-duration`, `lesson-preview-player`,
   `lesson-preview-content`.
 
-## Course purchase terms — `CoursePurchaseTerms` (REB-1199)
+## Course purchase terms — `CoursePurchaseTerms` (REB-1199, REB-1240)
 
 What a buyer must see before paying for a course, from `client.academy.bySlug()`:
 
-- **Withdrawal waiver** (`withdrawalWaiverRequired`): checkout asks for a separate box in which the buyer requests immediate access and waives the 14-day withdrawal right.
+- **Consent box** (`withdrawalConsent`, REB-1240): which box checkout asks for, as set by the course's modality (`deliveryModality`), followed by the tenant's exact text:
+  - `DIGITAL_CONTENT_WAIVER`, for digital content: the buyer requests immediate access and waives the 14-day withdrawal right (`labels.withdrawalWaiver`);
+  - `SERVICE_START_REQUEST`, for a training service: the buyer expressly asks for the training to start within the 14 days. It does not say the right is lost (`labels.serviceStartRequest`);
+  - `null`, for example in person or webinar: nothing is shown.
+
+  Against an API that predates `withdrawalConsent`, the block falls back to `withdrawalWaiverRequired` (waiver line only).
 - **Access duration** (`accessDurationMonths`): months of access after enrolment. `null` means no end date, and nothing is shown.
 - **Refund guarantee** (`refundGuarantee`): the course's terms. `null` means none, and nothing is shown.
 
@@ -1150,11 +1155,15 @@ const course = await client.academy.bySlug(slug)
   course={course}
   labels={{
     withdrawalWaiver: 'Immediate access: you waive the 14-day withdrawal right.',
+    serviceStartRequest: 'You ask the training to start within the 14-day withdrawal period.',
+    consentText: (text) => ` Box text: “${text}”`,
     accessDuration: (months) => `Access for ${months} months.`,
   }}
 />
 ```
 
+The waiver item keeps `data-slot='course-purchase-terms-withdrawal-waiver'` (as in REB-1199); the express request to start uses `data-slot='course-purchase-terms-service-start-request'`. Both carry `data-kind` with the kind.
+
 ## Page blocks
 
 `PageBlocks` renders a page's registry blocks (`PageDetail.blocks` from

package/dist/index.cjs

@@ -13548,6 +13548,8 @@ function CourseDescription({
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DEFAULT_COURSE_PURCHASE_TERMS_LABELS = {
   withdrawalWaiver: "El acceso empieza al comprar: al pagar pides el acceso inmediato y renuncias al derecho de desistimiento de 14 d\xEDas.",
+  serviceStartRequest: "Al pagar pides expresamente que la formaci\xF3n empiece dentro del plazo de desistimiento de 14 d\xEDas.",
+  consentText: (text3) => ` Texto de la casilla: \xAB${text3}\xBB`,
   accessDuration: (months) => `Acceso durante ${months} ${months === 1 ? "mes" : "meses"} desde la inscripci\xF3n.`,
   refundGuarantee: ({ basis, thresholdPercent, windowDays }) => {
     const period = windowDays != null ? ` durante ${windowDays} d\xEDas desde el pago` : "";
@@ -13568,7 +13570,21 @@ function CoursePurchaseTerms({
 }) {
   const text3 = { ...DEFAULT_COURSE_PURCHASE_TERMS_LABELS, ...labels };
   const items = [];
-  if (course.withdrawalWaiverRequired === true) {
+  if (course.withdrawalConsent !== void 0) {
+    const consent = course.withdrawalConsent;
+    if (consent) {
+      const line = consent.kind === "SERVICE_START_REQUEST" ? text3.serviceStartRequest : text3.withdrawalWaiver;
+      items.push({
+        // The waiver keeps its REB-1199 slot (existing SITE styles target it).
+        key: consent.kind === "SERVICE_START_REQUEST" ? "service-start-request" : "withdrawal-waiver",
+        kind: consent.kind,
+        node: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          line,
+          text3.consentText(consent.text)
+        ] })
+      });
+    }
+  } else if (course.withdrawalWaiverRequired === true) {
     items.push({ key: "withdrawal-waiver", node: text3.withdrawalWaiver });
   }
   if (typeof course.accessDurationMonths === "number") {
@@ -13579,7 +13595,7 @@ function CoursePurchaseTerms({
   }
   if (items.length === 0) return null;
   const hasHeading = heading !== void 0 && heading !== null && heading !== "";
-  const list = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: slotClassName("list-disc space-y-1 pl-5", "text-sm text-muted-foreground", listClassName), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { "data-slot": `course-purchase-terms-${item.key}`, children: item.node }, item.key)) });
+  const list = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: slotClassName("list-disc space-y-1 pl-5", "text-sm text-muted-foreground", listClassName), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { "data-slot": `course-purchase-terms-${item.key}`, "data-kind": item.kind, children: item.node }, item.key)) });
   const Tag = `h${headingLevel}`;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "section",