@planetaexo/design-system 0.92.5 → 0.93.1

package/dist/index.d.cts

@@ -1512,6 +1512,13 @@ interface BookingSummaryRoomItem {
     roomName: string;
     bedArrangement: "DOUBLE" | "TWIN" | "SINGLE" | "TRIPLE" | "QUADRUPLE" | "QUINTUPLE";
     qty: number;
+    /**
+     * Spec planetaexo-bookings partner-email-accommodation-name — nome da
+     * Acomodação-pai. Quando presente em ≥1 item, o bloco AGRUPA por acomodação
+     * (sub-heading com o nome + quartos do grupo abaixo). Ausente em TODOS os
+     * itens → lista flat (retrocompat com o render anterior).
+     */
+    accommodationName?: string;
 }
 interface BookingSummaryProps {
     /**
@@ -4167,6 +4174,14 @@ interface CategoryPage2Props {
     title: string;
     intro?: React.ReactNode;
     heroImage?: string;
+    /**
+     * Responsive variants of `heroImage` for the LCP `<img>` — same
+     * `srcSet`/`sizes` contract as `TripHeader`, so phones fetch a viewport-
+     * sized cover instead of the full-width desktop one. Optional; the `<img>`
+     * falls back to the single `heroImage` src when they are absent.
+     */
+    heroImageSrcSet?: string;
+    heroImageSizes?: string;
     /**
      * Optional hero background video. Plays muted/looping over the hero with
      * `heroImage` as the instant poster (crossfades out once the video is ready).
@@ -4273,7 +4288,7 @@ interface CategoryPage2Props {
     filterLabels?: FilterPanelLabels;
     className?: string;
 }
-declare function CategoryPage2({ title, intro, heroImage, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
+declare function CategoryPage2({ title, intro, heroImage, heroImageSrcSet, heroImageSizes, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.d.ts

@@ -1512,6 +1512,13 @@ interface BookingSummaryRoomItem {
     roomName: string;
     bedArrangement: "DOUBLE" | "TWIN" | "SINGLE" | "TRIPLE" | "QUADRUPLE" | "QUINTUPLE";
     qty: number;
+    /**
+     * Spec planetaexo-bookings partner-email-accommodation-name — nome da
+     * Acomodação-pai. Quando presente em ≥1 item, o bloco AGRUPA por acomodação
+     * (sub-heading com o nome + quartos do grupo abaixo). Ausente em TODOS os
+     * itens → lista flat (retrocompat com o render anterior).
+     */
+    accommodationName?: string;
 }
 interface BookingSummaryProps {
     /**
@@ -4167,6 +4174,14 @@ interface CategoryPage2Props {
     title: string;
     intro?: React.ReactNode;
     heroImage?: string;
+    /**
+     * Responsive variants of `heroImage` for the LCP `<img>` — same
+     * `srcSet`/`sizes` contract as `TripHeader`, so phones fetch a viewport-
+     * sized cover instead of the full-width desktop one. Optional; the `<img>`
+     * falls back to the single `heroImage` src when they are absent.
+     */
+    heroImageSrcSet?: string;
+    heroImageSizes?: string;
     /**
      * Optional hero background video. Plays muted/looping over the hero with
      * `heroImage` as the instant poster (crossfades out once the video is ready).
@@ -4273,7 +4288,7 @@ interface CategoryPage2Props {
     filterLabels?: FilterPanelLabels;
     className?: string;
 }
-declare function CategoryPage2({ title, intro, heroImage, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
+declare function CategoryPage2({ title, intro, heroImage, heroImageSrcSet, heroImageSizes, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.js

@@ -5057,7 +5057,7 @@ var DEFAULT_BED_LABELS = {
   QUINTUPLE: "Quintuple"
 };
 function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabels, footer, className }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const hasRooms = !!rooms && rooms.length > 0;
   const bedLabels = {
     DOUBLE: (_a = bedArrangementLabels == null ? void 0 : bedArrangementLabels.DOUBLE) != null ? _a : DEFAULT_BED_LABELS.DOUBLE,
@@ -5067,6 +5067,21 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
     QUADRUPLE: (_e = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUADRUPLE) != null ? _e : DEFAULT_BED_LABELS.QUADRUPLE,
     QUINTUPLE: (_f = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUINTUPLE) != null ? _f : DEFAULT_BED_LABELS.QUINTUPLE
   };
+  const roomGroups = [];
+  let anyAccommodation = false;
+  if (hasRooms) {
+    for (const room of rooms) {
+      const name = ((_g = room.accommodationName) == null ? void 0 : _g.trim()) || null;
+      if (name) anyAccommodation = true;
+      let bucket = roomGroups.find((g) => g.name === name);
+      if (!bucket) {
+        bucket = { name, items: [] };
+        roomGroups.push(bucket);
+      }
+      bucket.items.push(room);
+    }
+  }
+  const roomLine = (room) => `${room.qty}\xD7 ${room.roomName} \u2014 ${bedLabels[room.bedArrangement]}`;
   return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: "24px" }, children: [
     heading && /* @__PURE__ */ jsx(
       "p",
@@ -5166,18 +5181,51 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
                             children: roomsHeading != null ? roomsHeading : "Accommodations"
                           }
                         ),
-                        rooms.map((room, i) => /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            style: {
-                              fontSize: "14px",
-                              color: emailTokens.foreground,
-                              marginBottom: i < rooms.length - 1 ? "4px" : 0
+                        !anyAccommodation ? (
+                          // Retrocompat: nenhum item tem accommodationName → lista flat
+                          // (idêntica ao render anterior).
+                          rooms.map((room, i) => /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              style: {
+                                fontSize: "14px",
+                                color: emailTokens.foreground,
+                                marginBottom: i < rooms.length - 1 ? "4px" : 0
+                              },
+                              children: roomLine(room)
                             },
-                            children: `${room.qty}\xD7 ${room.roomName} \u2014 ${bedLabels[room.bedArrangement]}`
-                          },
-                          i
-                        ))
+                            i
+                          ))
+                        ) : (
+                          // Agrupado por acomodação: sub-heading (nome) + quartos do grupo.
+                          roomGroups.map((group, gi) => /* @__PURE__ */ jsxs("div", { children: [
+                            group.name && /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: "14px",
+                                  fontWeight: 700,
+                                  color: emailTokens.foreground,
+                                  marginTop: gi > 0 ? "10px" : 0,
+                                  marginBottom: "4px"
+                                },
+                                children: group.name
+                              }
+                            ),
+                            group.items.map((room, ri) => /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: "14px",
+                                  color: emailTokens.foreground,
+                                  marginBottom: ri < group.items.length - 1 ? "4px" : 0
+                                },
+                                children: `\xB7 ${roomLine(room)}`
+                              },
+                              ri
+                            ))
+                          ] }, gi))
+                        )
                       ]
                     }
                   )
@@ -5190,8 +5238,8 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
                   style: {
                     padding: "12px 20px",
                     textAlign: "center",
-                    fontWeight: (_g = footer.fontWeight) != null ? _g : 600,
-                    color: (_h = footer.color) != null ? _h : emailTokens.foreground,
+                    fontWeight: (_h = footer.fontWeight) != null ? _h : 600,
+                    color: (_i = footer.color) != null ? _i : emailTokens.foreground,
                     backgroundColor: footer.backgroundColor
                   },
                   children: footer.text
@@ -16382,6 +16430,8 @@ function CategoryPage2({
   title,
   intro,
   heroImage,
+  heroImageSrcSet,
+  heroImageSizes,
   videoUrl,
   trustpilotMini,
   breadcrumb,
@@ -16517,6 +16567,8 @@ function CategoryPage2({
               "img",
               {
                 src: heroImage,
+                srcSet: heroImageSrcSet,
+                sizes: heroImageSizes,
                 alt: "",
                 "aria-hidden": true,
                 fetchPriority: "high",