@reblu/site-blocks 0.26.0 → 0.27.0

package/dist/index.d.cts

@@ -322,8 +322,12 @@ declare function CourseDescription({ description, heading, headingLevel, heading
 type Guarantee = NonNullable<AcademyCourseDetail['refundGuarantee']>;
 /** Texts of {@link CoursePurchaseTerms}; replace any of them in the SITE's language. */
 interface CoursePurchaseTermsLabels {
-    /** Shown when checkout asks for the withdrawal waiver. */
+    /** Shown when checkout asks for the digital-content withdrawal waiver. */
     withdrawalWaiver: ReactNode;
+    /** REB-1240: shown when checkout asks for the express request to start a training service. */
+    serviceStartRequest: ReactNode;
+    /** REB-1240: the tenant's exact box text, after the line of its kind. */
+    consentText: (text: string) => ReactNode;
     /** Months of access after enrolment. */
     accessDuration: (months: number) => ReactNode;
     /** The refund guarantee terms. */
@@ -332,8 +336,10 @@ interface CoursePurchaseTermsLabels {
 declare const DEFAULT_COURSE_PURCHASE_TERMS_LABELS: CoursePurchaseTermsLabels;
 /**
  * `CoursePurchaseTerms` — the drop-in for what a buyer must see before paying
- * for a course (`client.academy.bySlug()`), REB-1199:
- * `withdrawalWaiverRequired`, `accessDurationMonths` and `refundGuarantee`.
+ * for a course (`client.academy.bySlug()`), REB-1199/REB-1240:
+ * `withdrawalConsent` (the box the course's modality calls for, with the
+ * tenant's text; `withdrawalWaiverRequired` against an API that predates it),
+ * `accessDurationMonths` and `refundGuarantee`.
  *
  * Server Component, RSC-safe: no hooks, no state, no `'use client'`.
  *
@@ -343,7 +349,7 @@ declare const DEFAULT_COURSE_PURCHASE_TERMS_LABELS: CoursePurchaseTermsLabels;
  */
 interface CoursePurchaseTermsProps {
     /** The fields of `AcademyCourseDetail` this block reads (all optional). */
-    course: Partial<Pick<AcademyCourseDetail, 'withdrawalWaiverRequired' | 'accessDurationMonths' | 'refundGuarantee'>>;
+    course: Partial<Pick<AcademyCourseDetail, 'withdrawalWaiverRequired' | 'withdrawalConsent' | 'accessDurationMonths' | 'refundGuarantee'>>;
     /** Optional section heading, e.g. «Antes de comprar». */
     heading?: ReactNode;
     /** Level of `heading`. Defaults to `2`. */

package/dist/index.d.ts

@@ -322,8 +322,12 @@ declare function CourseDescription({ description, heading, headingLevel, heading
 type Guarantee = NonNullable<AcademyCourseDetail['refundGuarantee']>;
 /** Texts of {@link CoursePurchaseTerms}; replace any of them in the SITE's language. */
 interface CoursePurchaseTermsLabels {
-    /** Shown when checkout asks for the withdrawal waiver. */
+    /** Shown when checkout asks for the digital-content withdrawal waiver. */
     withdrawalWaiver: ReactNode;
+    /** REB-1240: shown when checkout asks for the express request to start a training service. */
+    serviceStartRequest: ReactNode;
+    /** REB-1240: the tenant's exact box text, after the line of its kind. */
+    consentText: (text: string) => ReactNode;
     /** Months of access after enrolment. */
     accessDuration: (months: number) => ReactNode;
     /** The refund guarantee terms. */
@@ -332,8 +336,10 @@ interface CoursePurchaseTermsLabels {
 declare const DEFAULT_COURSE_PURCHASE_TERMS_LABELS: CoursePurchaseTermsLabels;
 /**
  * `CoursePurchaseTerms` — the drop-in for what a buyer must see before paying
- * for a course (`client.academy.bySlug()`), REB-1199:
- * `withdrawalWaiverRequired`, `accessDurationMonths` and `refundGuarantee`.
+ * for a course (`client.academy.bySlug()`), REB-1199/REB-1240:
+ * `withdrawalConsent` (the box the course's modality calls for, with the
+ * tenant's text; `withdrawalWaiverRequired` against an API that predates it),
+ * `accessDurationMonths` and `refundGuarantee`.
  *
  * Server Component, RSC-safe: no hooks, no state, no `'use client'`.
  *
@@ -343,7 +349,7 @@ declare const DEFAULT_COURSE_PURCHASE_TERMS_LABELS: CoursePurchaseTermsLabels;
  */
 interface CoursePurchaseTermsProps {
     /** The fields of `AcademyCourseDetail` this block reads (all optional). */
-    course: Partial<Pick<AcademyCourseDetail, 'withdrawalWaiverRequired' | 'accessDurationMonths' | 'refundGuarantee'>>;
+    course: Partial<Pick<AcademyCourseDetail, 'withdrawalWaiverRequired' | 'withdrawalConsent' | 'accessDurationMonths' | 'refundGuarantee'>>;
     /** Optional section heading, e.g. «Antes de comprar». */
     heading?: ReactNode;
     /** Level of `heading`. Defaults to `2`. */

package/dist/index.js

@@ -13473,9 +13473,11 @@ function CourseDescription({
 }
 
 // src/components/course-purchase-terms.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "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` : "";
@@ -13496,7 +13498,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__ */ jsxs3(Fragment2, { children: [
+          line,
+          text3.consentText(consent.text)
+        ] })
+      });
+    }
+  } else if (course.withdrawalWaiverRequired === true) {
     items.push({ key: "withdrawal-waiver", node: text3.withdrawalWaiver });
   }
   if (typeof course.accessDurationMonths === "number") {
@@ -13507,7 +13523,7 @@ function CoursePurchaseTerms({
   }
   if (items.length === 0) return null;
   const hasHeading = heading !== void 0 && heading !== null && heading !== "";
-  const list = /* @__PURE__ */ jsx3("ul", { className: slotClassName("list-disc space-y-1 pl-5", "text-sm text-muted-foreground", listClassName), children: items.map((item) => /* @__PURE__ */ jsx3("li", { "data-slot": `course-purchase-terms-${item.key}`, children: item.node }, item.key)) });
+  const list = /* @__PURE__ */ jsx3("ul", { className: slotClassName("list-disc space-y-1 pl-5", "text-sm text-muted-foreground", listClassName), children: items.map((item) => /* @__PURE__ */ jsx3("li", { "data-slot": `course-purchase-terms-${item.key}`, "data-kind": item.kind, children: item.node }, item.key)) });
   const Tag = `h${headingLevel}`;
   return /* @__PURE__ */ jsxs3(
     "section",
@@ -13690,7 +13706,7 @@ import { cn as cn3 } from "@reblu/site-ui/utils";
 // src/components/_page-parts.tsx
 import { cn as cn2 } from "@reblu/site-ui/utils";
 import { buttonVariants } from "@reblu/site-ui/button-variants";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var KNOWN_BUTTON_VARIANTS = /* @__PURE__ */ new Set([
   "default",
   "destructive",
@@ -13751,10 +13767,10 @@ function PageSectionBlock({ section }) {
     /* @__PURE__ */ jsx6(SectionCta, { section })
   ] });
   if (sideBySide && hasImages) {
-    return /* @__PURE__ */ jsx6("section", { className: "grid items-center gap-8 md:grid-cols-2", children: imageFirst ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    return /* @__PURE__ */ jsx6("section", { className: "grid items-center gap-8 md:grid-cols-2", children: imageFirst ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
       /* @__PURE__ */ jsx6(SectionImages, { section }),
       body3
-    ] }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
       body3,
       /* @__PURE__ */ jsx6(SectionImages, { section })
     ] }) });
@@ -15285,7 +15301,7 @@ function AddedToCartToast({
 
 // src/components/checkout-login-prompt.tsx
 import { cn as cn18 } from "@reblu/site-ui/utils";
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_LABELS6 = {
   title: "Identificaci\xF3n",
   description: "Introduce tu email para agilizar el proceso o contin\xFAa como invitado.",
@@ -15312,7 +15328,7 @@ function CheckoutLoginPrompt({
   if (!open) return null;
   const t = { ...DEFAULT_LABELS6, ...labels };
   const isValidEmail = EMAIL_PATTERN.test(email.trim());
-  return /* @__PURE__ */ jsxs22(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment4, { children: [
     /* @__PURE__ */ jsx24("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs22(
       "div",
@@ -15394,7 +15410,7 @@ function CheckoutLoginPrompt({
 // src/components/checkout-form.tsx
 import { cn as cn19 } from "@reblu/site-ui/utils";
 import { PhoneInput } from "@reblu/site-ui/phone-input";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_LABELS7 = {
   contactTitle: "Datos de contacto",
   nameLabel: "Nombre completo",
@@ -15450,7 +15466,7 @@ function CheckoutForm({
     event.preventDefault();
     if (discountCode.trim() && !discountApplying) onApplyDiscount();
   }
-  return /* @__PURE__ */ jsxs23(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
     loginPrompt,
     /* @__PURE__ */ jsxs23(
       "form",