@planetaexo/design-system 0.77.0 → 0.78.0

package/dist/index.d.cts

@@ -81,6 +81,8 @@ interface BookingAdventureCardLabels {
     includedHeading?: string;
     /** Heading "O que não está incluso" (usado pelo BookingConfirmation). */
     notIncludedHeading?: string;
+    /** Heading "Cancellation policy" (usado pelo BookingConfirmation). */
+    cancellationPolicyHeading?: string;
     /** Texto do pill de badge "child" (usado pelo BookingConfirmation). */
     childBadge?: string;
     /** Unidade adulto em slots (ex.: "adult(s)"). */
@@ -159,6 +161,8 @@ interface BookingAdventureCardProps {
     included?: string[];
     /** Lista de itens não inclusos (legado BookingConfirmation). */
     notIncluded?: string[];
+    /** Política de cancelamento (HTML) — JÁ SANITIZADA no backend; renderiza seção dedicada quando não-vazia. */
+    cancellationPolicy?: string;
     /** Line items de pricing por categoria. */
     lineItems: BookingAdventureCardLineItem[];
     /** Subtotal formatado, ex.: "R$ 1.500,00". Quando ausente, linha do subtotal some. */
@@ -182,7 +186,7 @@ interface BookingAdventureCardProps {
     /** className extra no container. */
     className?: string;
 }
-declare function BookingAdventureCard({ tag, name, startDate, endDate, travellerCount, slots, travellers, itinerary, description, image, imageAlt, location, destination, partner, included, notIncluded, lineItems, subtotal, rooms, roomLayout, labels, className, }: BookingAdventureCardProps): react_jsx_runtime.JSX.Element;
+declare function BookingAdventureCard({ tag, name, startDate, endDate, travellerCount, slots, travellers, itinerary, description, image, imageAlt, location, destination, partner, included, notIncluded, cancellationPolicy, lineItems, subtotal, rooms, roomLayout, labels, className, }: BookingAdventureCardProps): react_jsx_runtime.JSX.Element;
 
 interface OfferSummaryLineItem {
     label: string;
@@ -249,7 +253,8 @@ interface OfferAdventureItem {
     description?: string;
     included?: string[];
     notIncluded?: string[];
-    cancellationPolicy?: string[];
+    /** Cancellation policy as sanitized HTML (rendered via dangerouslySetInnerHTML). */
+    cancellationPolicy?: string;
     totalPrice: string;
     lineItems?: OfferSummaryLineItem[];
     /** Called when user clicks "Remove from proposal" */
@@ -792,7 +797,8 @@ interface BookingAdventure {
     itineraryLabel?: string;
     included?: string[];
     notIncluded?: string[];
-    cancellationPolicy?: string[];
+    /** Cancellation policy as sanitized HTML (rendered via dangerouslySetInnerHTML). */
+    cancellationPolicy?: string;
     lineItems?: BookingSummaryLineItem[];
     subtotal?: string;
     suggestedTravellers?: SuggestedTraveller[];
@@ -1021,6 +1027,8 @@ interface BookingPaymentConfirmationEmailLabels {
     itineraryLabel?: string;
     includedLabel?: string;
     notIncludedLabel?: string;
+    /** Heading da seção "Cancellation policy" no card. Default EN: "Cancellation policy". */
+    cancellationPolicyLabel?: string;
     pricingLabel?: string;
     subtotalLabel?: string;
     totalLabel?: string;
@@ -1104,6 +1112,8 @@ interface ConfirmationAdventure {
     description?: string;
     included?: string[];
     notIncluded?: string[];
+    /** Política de cancelamento já resolvida e SANITIZADA no backend (HTML). Renderiza seção dedicada no card. */
+    cancellationPolicy?: string;
     lineItems?: ConfirmationLineItem[];
     subtotal?: string;
     travellers?: ConfirmationTraveller[];

package/dist/index.d.ts

@@ -81,6 +81,8 @@ interface BookingAdventureCardLabels {
     includedHeading?: string;
     /** Heading "O que não está incluso" (usado pelo BookingConfirmation). */
     notIncludedHeading?: string;
+    /** Heading "Cancellation policy" (usado pelo BookingConfirmation). */
+    cancellationPolicyHeading?: string;
     /** Texto do pill de badge "child" (usado pelo BookingConfirmation). */
     childBadge?: string;
     /** Unidade adulto em slots (ex.: "adult(s)"). */
@@ -159,6 +161,8 @@ interface BookingAdventureCardProps {
     included?: string[];
     /** Lista de itens não inclusos (legado BookingConfirmation). */
     notIncluded?: string[];
+    /** Política de cancelamento (HTML) — JÁ SANITIZADA no backend; renderiza seção dedicada quando não-vazia. */
+    cancellationPolicy?: string;
     /** Line items de pricing por categoria. */
     lineItems: BookingAdventureCardLineItem[];
     /** Subtotal formatado, ex.: "R$ 1.500,00". Quando ausente, linha do subtotal some. */
@@ -182,7 +186,7 @@ interface BookingAdventureCardProps {
     /** className extra no container. */
     className?: string;
 }
-declare function BookingAdventureCard({ tag, name, startDate, endDate, travellerCount, slots, travellers, itinerary, description, image, imageAlt, location, destination, partner, included, notIncluded, lineItems, subtotal, rooms, roomLayout, labels, className, }: BookingAdventureCardProps): react_jsx_runtime.JSX.Element;
+declare function BookingAdventureCard({ tag, name, startDate, endDate, travellerCount, slots, travellers, itinerary, description, image, imageAlt, location, destination, partner, included, notIncluded, cancellationPolicy, lineItems, subtotal, rooms, roomLayout, labels, className, }: BookingAdventureCardProps): react_jsx_runtime.JSX.Element;
 
 interface OfferSummaryLineItem {
     label: string;
@@ -249,7 +253,8 @@ interface OfferAdventureItem {
     description?: string;
     included?: string[];
     notIncluded?: string[];
-    cancellationPolicy?: string[];
+    /** Cancellation policy as sanitized HTML (rendered via dangerouslySetInnerHTML). */
+    cancellationPolicy?: string;
     totalPrice: string;
     lineItems?: OfferSummaryLineItem[];
     /** Called when user clicks "Remove from proposal" */
@@ -792,7 +797,8 @@ interface BookingAdventure {
     itineraryLabel?: string;
     included?: string[];
     notIncluded?: string[];
-    cancellationPolicy?: string[];
+    /** Cancellation policy as sanitized HTML (rendered via dangerouslySetInnerHTML). */
+    cancellationPolicy?: string;
     lineItems?: BookingSummaryLineItem[];
     subtotal?: string;
     suggestedTravellers?: SuggestedTraveller[];
@@ -1021,6 +1027,8 @@ interface BookingPaymentConfirmationEmailLabels {
     itineraryLabel?: string;
     includedLabel?: string;
     notIncludedLabel?: string;
+    /** Heading da seção "Cancellation policy" no card. Default EN: "Cancellation policy". */
+    cancellationPolicyLabel?: string;
     pricingLabel?: string;
     subtotalLabel?: string;
     totalLabel?: string;
@@ -1104,6 +1112,8 @@ interface ConfirmationAdventure {
     description?: string;
     included?: string[];
     notIncluded?: string[];
+    /** Política de cancelamento já resolvida e SANITIZADA no backend (HTML). Renderiza seção dedicada no card. */
+    cancellationPolicy?: string;
     lineItems?: ConfirmationLineItem[];
     subtotal?: string;
     travellers?: ConfirmationTraveller[];

package/dist/index.js

@@ -1544,12 +1544,28 @@ function AdventureCard({
           item
         ] }, i)) })
       ] }),
-      adventure.cancellationPolicy && adventure.cancellationPolicy.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+      adventure.cancellationPolicy && adventure.cancellationPolicy.trim() && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
         /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: (_r = adventure.cancellationPolicyLabel) != null ? _r : "Cancellation policy" }),
-        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.cancellationPolicy.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-base text-muted-foreground font-sans", children: [
-          /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 mt-2.5" }),
-          item
-        ] }, i)) })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "text-foreground",
+              "[&_p]:text-base [&_p]:text-foreground/80 [&_p]:leading-snug [&_p]:mb-2",
+              "[&_strong]:font-bold [&_strong]:text-foreground",
+              "[&_em]:italic",
+              "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2",
+              "[&_ul:not(.list-check):not(.list-cross)]:list-disc [&_ul:not(.list-check):not(.list-cross)]:pl-5 [&_ul:not(.list-check):not(.list-cross)]:space-y-1",
+              "[&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:space-y-1",
+              "[&_li]:text-base [&_li]:text-muted-foreground [&_li]:leading-snug",
+              "[&_.list-check]:list-none [&_.list-check]:pl-5 [&_.list-check]:space-y-1",
+              "[&_.list-check_li]:relative [&_.list-check_li]:before:absolute [&_.list-check_li]:before:-left-5 [&_.list-check_li]:before:content-['\u2713'] [&_.list-check_li]:before:text-primary [&_.list-check_li]:before:font-bold",
+              "[&_.list-cross]:list-none [&_.list-cross]:pl-5 [&_.list-cross]:space-y-1",
+              "[&_.list-cross_li]:relative [&_.list-cross_li]:before:absolute [&_.list-cross_li]:before:-left-5 [&_.list-cross_li]:before:content-['\u2717'] [&_.list-cross_li]:before:text-destructive [&_.list-cross_li]:before:font-bold"
+            ),
+            dangerouslySetInnerHTML: { __html: adventure.cancellationPolicy }
+          }
+        )
       ] })
     ] })
   ] });
@@ -2845,19 +2861,24 @@ function AdventureSection({
           i
         )) })
       ] }),
-      adventure.cancellationPolicy && adventure.cancellationPolicy.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      adventure.cancellationPolicy && adventure.cancellationPolicy.trim() && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_k = (_j = labels == null ? void 0 : labels.adventureSections) == null ? void 0 : _j.cancellationPolicy) != null ? _k : "Cancellation policy" }),
-        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.cancellationPolicy.map((item, i) => /* @__PURE__ */ jsxs(
-          "li",
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            className: "flex items-start gap-2 text-sm text-muted-foreground font-sans",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 mt-2.5" }),
-              item
-            ]
-          },
-          i
-        )) })
+            className: cn(
+              "text-foreground",
+              "[&_p]:text-sm [&_p]:text-foreground/80 [&_p]:leading-snug [&_p]:mb-2",
+              "[&_strong]:font-bold [&_strong]:text-foreground",
+              "[&_em]:italic",
+              "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2",
+              "[&_ul]:list-disc [&_ul]:pl-5 [&_ul]:space-y-1",
+              "[&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:space-y-1",
+              "[&_li]:text-sm [&_li]:text-muted-foreground [&_li]:leading-snug"
+            ),
+            dangerouslySetInnerHTML: { __html: adventure.cancellationPolicy }
+          }
+        )
       ] })
     ] }),
     adventure.rooms && adventure.rooms.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-3", children: [
@@ -4118,6 +4139,7 @@ var DEFAULT_LABELS = {
   lineItemEquals: "=",
   includedHeading: "O que est\xE1 incluso",
   notIncludedHeading: "O que n\xE3o est\xE1 incluso",
+  cancellationPolicyHeading: "Cancellation policy",
   childBadge: "child",
   adultsUnit: "adult(s)",
   childrenUnit: "child(ren)",
@@ -4149,6 +4171,7 @@ function BookingAdventureCard({
   partner,
   included,
   notIncluded,
+  cancellationPolicy,
   lineItems,
   subtotal,
   rooms,
@@ -4156,7 +4179,7 @@ function BookingAdventureCard({
   labels,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const l = {
     travellersHeading: (_a = labels == null ? void 0 : labels.travellersHeading) != null ? _a : DEFAULT_LABELS.travellersHeading,
     detailsHeading: (_b = labels == null ? void 0 : labels.detailsHeading) != null ? _b : DEFAULT_LABELS.detailsHeading,
@@ -4167,18 +4190,19 @@ function BookingAdventureCard({
     lineItemEquals: (_g = labels == null ? void 0 : labels.lineItemEquals) != null ? _g : DEFAULT_LABELS.lineItemEquals,
     includedHeading: (_h = labels == null ? void 0 : labels.includedHeading) != null ? _h : DEFAULT_LABELS.includedHeading,
     notIncludedHeading: (_i = labels == null ? void 0 : labels.notIncludedHeading) != null ? _i : DEFAULT_LABELS.notIncludedHeading,
-    childBadge: (_j = labels == null ? void 0 : labels.childBadge) != null ? _j : DEFAULT_LABELS.childBadge,
-    adultsUnit: (_k = labels == null ? void 0 : labels.adultsUnit) != null ? _k : DEFAULT_LABELS.adultsUnit,
-    childrenUnit: (_l = labels == null ? void 0 : labels.childrenUnit) != null ? _l : DEFAULT_LABELS.childrenUnit,
-    accommodationsHeading: (_m = labels == null ? void 0 : labels.accommodationsHeading) != null ? _m : DEFAULT_LABELS.accommodationsHeading,
-    accommodationRoomHeading: (_n = labels == null ? void 0 : labels.accommodationRoomHeading) != null ? _n : DEFAULT_LABELS.accommodationRoomHeading,
+    cancellationPolicyHeading: (_j = labels == null ? void 0 : labels.cancellationPolicyHeading) != null ? _j : DEFAULT_LABELS.cancellationPolicyHeading,
+    childBadge: (_k = labels == null ? void 0 : labels.childBadge) != null ? _k : DEFAULT_LABELS.childBadge,
+    adultsUnit: (_l = labels == null ? void 0 : labels.adultsUnit) != null ? _l : DEFAULT_LABELS.adultsUnit,
+    childrenUnit: (_m = labels == null ? void 0 : labels.childrenUnit) != null ? _m : DEFAULT_LABELS.childrenUnit,
+    accommodationsHeading: (_n = labels == null ? void 0 : labels.accommodationsHeading) != null ? _n : DEFAULT_LABELS.accommodationsHeading,
+    accommodationRoomHeading: (_o = labels == null ? void 0 : labels.accommodationRoomHeading) != null ? _o : DEFAULT_LABELS.accommodationRoomHeading,
     bedArrangementLabels: {
-      DOUBLE: (_p = (_o = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _o.DOUBLE) != null ? _p : DEFAULT_LABELS.bedArrangementLabels.DOUBLE,
-      TWIN: (_r = (_q = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _q.TWIN) != null ? _r : DEFAULT_LABELS.bedArrangementLabels.TWIN,
-      SINGLE: (_t = (_s = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _s.SINGLE) != null ? _t : DEFAULT_LABELS.bedArrangementLabels.SINGLE,
-      TRIPLE: (_v = (_u = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _u.TRIPLE) != null ? _v : DEFAULT_LABELS.bedArrangementLabels.TRIPLE,
-      QUADRUPLE: (_x = (_w = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _w.QUADRUPLE) != null ? _x : DEFAULT_LABELS.bedArrangementLabels.QUADRUPLE,
-      QUINTUPLE: (_z = (_y = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _y.QUINTUPLE) != null ? _z : DEFAULT_LABELS.bedArrangementLabels.QUINTUPLE
+      DOUBLE: (_q = (_p = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _p.DOUBLE) != null ? _q : DEFAULT_LABELS.bedArrangementLabels.DOUBLE,
+      TWIN: (_s = (_r = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _r.TWIN) != null ? _s : DEFAULT_LABELS.bedArrangementLabels.TWIN,
+      SINGLE: (_u = (_t = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _t.SINGLE) != null ? _u : DEFAULT_LABELS.bedArrangementLabels.SINGLE,
+      TRIPLE: (_w = (_v = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _v.TRIPLE) != null ? _w : DEFAULT_LABELS.bedArrangementLabels.TRIPLE,
+      QUADRUPLE: (_y = (_x = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _x.QUADRUPLE) != null ? _y : DEFAULT_LABELS.bedArrangementLabels.QUADRUPLE,
+      QUINTUPLE: (_A = (_z = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _z.QUINTUPLE) != null ? _A : DEFAULT_LABELS.bedArrangementLabels.QUINTUPLE
     }
   };
   const hasTravellers = !!travellers && travellers.length > 0;
@@ -4186,6 +4210,7 @@ function BookingAdventureCard({
   const hasDescription = !!description && description.trim().length > 0;
   const hasIncluded = !!included && included.length > 0;
   const hasNotIncluded = !!notIncluded && notIncluded.length > 0;
+  const hasCancellationPolicy = !!cancellationPolicy && cancellationPolicy.trim().length > 0;
   const hasLineItems = lineItems.length > 0;
   const hasRooms = !!rooms && rooms.length > 0;
   const dateRange = endDate ? `${startDate} \u2192 ${endDate}` : startDate;
@@ -4870,6 +4895,32 @@ function BookingAdventureCard({
               i
             ))
           ] }),
+          hasCancellationPolicy && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
+            /* @__PURE__ */ jsx(
+              "h4",
+              {
+                style: {
+                  fontSize: "14px",
+                  fontWeight: 700,
+                  color: emailTokens.foreground,
+                  margin: "0 0 8px 0"
+                },
+                children: l.cancellationPolicyHeading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: "14px",
+                  color: emailTokens.bodyText,
+                  lineHeight: "1.4",
+                  margin: 0
+                },
+                dangerouslySetInnerHTML: { __html: cancellationPolicy }
+              }
+            )
+          ] }),
           hasLineItems && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
             /* @__PURE__ */ jsx(
               "hr",
@@ -5262,6 +5313,7 @@ var DEFAULT_LABELS3 = {
   itineraryLabel: "Details",
   includedLabel: "O que est\xE1 incluso",
   notIncludedLabel: "O que n\xE3o est\xE1 incluso",
+  cancellationPolicyLabel: "Cancellation policy",
   pricingLabel: "Pricing",
   subtotalLabel: "Subtotal",
   totalLabel: "Total",
@@ -5440,6 +5492,7 @@ function BookingPaymentConfirmationEmail({
                   partner: adventure.partnerName,
                   included: adventure.included,
                   notIncluded: adventure.notIncluded,
+                  cancellationPolicy: adventure.cancellationPolicy,
                   lineItems: lineItemsToPass,
                   subtotal: adventure.subtotal,
                   rooms: adventure.rooms,
@@ -5451,6 +5504,7 @@ function BookingPaymentConfirmationEmail({
                     subtotalLabel: l.subtotalLabel,
                     includedHeading: l.includedLabel,
                     notIncludedHeading: l.notIncludedLabel,
+                    cancellationPolicyHeading: l.cancellationPolicyLabel,
                     childBadge: l.childBadge,
                     adultsUnit: l.adultsUnit,
                     childrenUnit: l.childrenUnit,
@@ -10408,9 +10462,15 @@ function CancellationForm({
                 ] })
               ] }),
               selected && /* @__PURE__ */ jsxs("div", { className: "mt-4 pl-7 space-y-4", children: [
-                adv.cancellationPolicy && /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 border border-border p-3", children: [
+                adv.cancellationPolicy && adv.cancellationPolicy.trim() && /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 border border-border p-3", children: [
                   /* @__PURE__ */ jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-1", children: labels.policyHeading }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground whitespace-pre-line", children: adv.cancellationPolicy })
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "text-sm text-foreground [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:mb-1 [&_p]:mb-2 [&_p:last-child]:mb-0 [&_a]:underline",
+                      dangerouslySetInnerHTML: { __html: adv.cancellationPolicy }
+                    }
+                  )
                 ] }),
                 adv.participants.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-2", children: labels.participantsHeading }),
@@ -11616,7 +11676,7 @@ function Picture(_a) {
   var _a2, _b2;
   const ref = React20.useRef(null);
   const [visible, setVisible] = React20.useState(eager);
-  const [loaded, setLoaded] = React20.useState(false);
+  const [loaded, setLoaded] = React20.useState(eager);
   React20.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
@@ -11636,7 +11696,10 @@ function Picture(_a) {
     io.observe(el);
     return () => io.disconnect();
   }, [eager, visible, rootMargin]);
+  const prevSrcRef = React20.useRef(src);
   React20.useEffect(() => {
+    if (prevSrcRef.current === src) return;
+    prevSrcRef.current = src;
     setLoaded(false);
   }, [src]);
   const webp = webpVariantUrl(src);