@planetaexo/design-system 0.59.0 → 0.59.2

package/dist/index.d.cts

@@ -628,6 +628,15 @@ interface BookingDetailsLabels {
     adventuresSection?: (count: number) => string;
     /** "Travellers" — header de cada AdventureSection. */
     travellersSection?: string;
+    /** "Accommodations" — header do bloco de quartos da aventura. Default "ACCOMMODATIONS". */
+    accommodationsHeading?: string;
+    /** Labels localizados para o chip de bedArrangement (DOUBLE/TWIN/SINGLE/TRIPLE). */
+    bedArrangementLabels?: {
+        DOUBLE?: string;
+        TWIN?: string;
+        SINGLE?: string;
+        TRIPLE?: string;
+    };
     /** Botão "Add contact as traveller" / "Add contact". */
     addContactAsTraveller?: string;
     addContactAsTravellerShort?: string;
@@ -736,6 +745,10 @@ interface BookingAdventure {
         seniors?: number;
     };
     tags?: string[];
+    /** Quartos selecionados para esta aventura (catalogo Accommodation->Room).
+     *  Quando presente e nao-vazio, renderiza bloco "ACCOMMODATIONS" abaixo do
+     *  accordion de details (paridade visual com BookingAdventureCard). */
+    rooms?: AccommodationRoomItem[];
     travellers: BookingTraveller[];
     description?: string;
     /** Conteúdo rico de itinerário (HTML / ReactNode). Quando presente, substitui `description`
@@ -1037,6 +1050,10 @@ interface ConfirmationAdventure {
     lineItems?: ConfirmationLineItem[];
     subtotal?: string;
     travellers?: ConfirmationTraveller[];
+    /** Quartos selecionados para esta aventura (catalogo Accommodation->Room).
+     *  Quando presente e nao-vazio, BookingAdventureCard renderiza o bloco
+     *  "ACCOMMODATIONS" entre details e prices. */
+    rooms?: AccommodationRoomItem[];
 }
 interface ConfirmationDepositInfo {
     depositPercent: number;

package/dist/index.d.ts

@@ -628,6 +628,15 @@ interface BookingDetailsLabels {
     adventuresSection?: (count: number) => string;
     /** "Travellers" — header de cada AdventureSection. */
     travellersSection?: string;
+    /** "Accommodations" — header do bloco de quartos da aventura. Default "ACCOMMODATIONS". */
+    accommodationsHeading?: string;
+    /** Labels localizados para o chip de bedArrangement (DOUBLE/TWIN/SINGLE/TRIPLE). */
+    bedArrangementLabels?: {
+        DOUBLE?: string;
+        TWIN?: string;
+        SINGLE?: string;
+        TRIPLE?: string;
+    };
     /** Botão "Add contact as traveller" / "Add contact". */
     addContactAsTraveller?: string;
     addContactAsTravellerShort?: string;
@@ -736,6 +745,10 @@ interface BookingAdventure {
         seniors?: number;
     };
     tags?: string[];
+    /** Quartos selecionados para esta aventura (catalogo Accommodation->Room).
+     *  Quando presente e nao-vazio, renderiza bloco "ACCOMMODATIONS" abaixo do
+     *  accordion de details (paridade visual com BookingAdventureCard). */
+    rooms?: AccommodationRoomItem[];
     travellers: BookingTraveller[];
     description?: string;
     /** Conteúdo rico de itinerário (HTML / ReactNode). Quando presente, substitui `description`
@@ -1037,6 +1050,10 @@ interface ConfirmationAdventure {
     lineItems?: ConfirmationLineItem[];
     subtotal?: string;
     travellers?: ConfirmationTraveller[];
+    /** Quartos selecionados para esta aventura (catalogo Accommodation->Room).
+     *  Quando presente e nao-vazio, BookingAdventureCard renderiza o bloco
+     *  "ACCOMMODATIONS" entre details e prices. */
+    rooms?: AccommodationRoomItem[];
 }
 interface ConfirmationDepositInfo {
     depositPercent: number;

package/dist/index.js

@@ -2728,7 +2728,7 @@ function AdventureSection({
   cannotRemoveLastTravellerLabel,
   labels
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const [detailsOpen, setDetailsOpen] = React31.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
@@ -2863,10 +2863,36 @@ function AdventureSection({
         )) })
       ] })
     ] }),
+    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: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_l = labels == null ? void 0 : labels.accommodationsHeading) != null ? _l : "ACCOMMODATIONS" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: adventure.rooms.map((room, i) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          room.imageUrl && // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: room.imageUrl,
+              alt: room.roomName,
+              className: "w-20 h-15 object-cover rounded-md shrink-0",
+              style: { width: "80px", height: "60px" }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: `${room.qty}\xD7 ${room.roomName}` }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap text-xs text-muted-foreground font-sans", children: [
+              /* @__PURE__ */ jsx("span", { children: room.accommodationName }),
+              /* @__PURE__ */ jsx("span", { className: "inline-block px-1.5 py-0.5 text-[10px] font-semibold text-primary bg-primary/10 rounded uppercase tracking-wider", children: (_b2 = (_a2 = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement })
+            ] }),
+            room.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground/80 font-sans mt-1 leading-snug", children: room.description })
+          ] })
+        ] }, i);
+      }) })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_l = labels == null ? void 0 : labels.travellersSection) != null ? _l : "Travellers" }),
+          /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_m = labels == null ? void 0 : labels.travellersSection) != null ? _m : "Travellers" }),
           adventure.formName && /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground/50 font-heading tracking-wide", children: [
             "\xB7 ",
             adventure.formName
@@ -2887,8 +2913,8 @@ function AdventureSection({
               ),
               children: [
                 /* @__PURE__ */ jsx(UserPlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_m = labels == null ? void 0 : labels.addContactAsTraveller) != null ? _m : "Add contact as traveller" }),
-                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_n = labels == null ? void 0 : labels.addContactAsTravellerShort) != null ? _n : "Add contact" })
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_n = labels == null ? void 0 : labels.addContactAsTraveller) != null ? _n : "Add contact as traveller" }),
+                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_o = labels == null ? void 0 : labels.addContactAsTravellerShort) != null ? _o : "Add contact" })
               ]
             }
           ),
@@ -2906,8 +2932,8 @@ function AdventureSection({
               className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-primary hover:border-primary hover:bg-primary/5 transition-colors",
               children: [
                 /* @__PURE__ */ jsx(PlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_o = adventure.addTravellerLabel) != null ? _o : "More travellers" }),
-                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_q = (_p = adventure.addTravellerShortLabel) != null ? _p : adventure.addTravellerLabel) != null ? _q : "Add" })
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_p = adventure.addTravellerLabel) != null ? _p : "More travellers" }),
+                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_r = (_q = adventure.addTravellerShortLabel) != null ? _q : adventure.addTravellerLabel) != null ? _r : "Add" })
               ]
             }
           )
@@ -3099,7 +3125,7 @@ function AdventureSection({
           )) })
         ] });
       })(),
-      adventure.registrationNotRequired ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-ui text-muted-foreground", children: (_r = adventure.noRegistrationRequiredLabel) != null ? _r : "No registration required" }) }) : adventure.travellers.length > 0 && totalSlots > 0 && (() => {
+      adventure.registrationNotRequired ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-ui text-muted-foreground", children: (_s = adventure.noRegistrationRequiredLabel) != null ? _s : "No registration required" }) }) : adventure.travellers.length > 0 && totalSlots > 0 && (() => {
         var _a2, _b2;
         const completed = adventure.travellers.filter((t) => t.status === "completed").length;
         const percent = Math.round(completed / totalSlots * 100);
@@ -5258,6 +5284,7 @@ function BookingPaymentConfirmationEmail({
                   notIncluded: adventure.notIncluded,
                   lineItems: lineItemsToPass,
                   subtotal: adventure.subtotal,
+                  rooms: adventure.rooms,
                   labels: {
                     travellersHeading: l.travellersLabel,
                     detailsHeading: l.itineraryLabel,