@planetaexo/design-system 0.92.4 → 0.93.0

package/dist/index.cjs

@@ -5078,7 +5078,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,
@@ -5088,6 +5088,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__ */ jsxRuntime.jsxs("div", { className, style: { marginBottom: "24px" }, children: [
     heading && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -5187,18 +5202,51 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
                             children: roomsHeading != null ? roomsHeading : "Accommodations"
                           }
                         ),
-                        rooms.map((room, i) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+                            group.name && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: "14px",
+                                  color: emailTokens.foreground,
+                                  marginBottom: ri < group.items.length - 1 ? "4px" : 0
+                                },
+                                children: `\xB7 ${roomLine(room)}`
+                              },
+                              ri
+                            ))
+                          ] }, gi))
+                        )
                       ]
                     }
                   )
@@ -5211,8 +5259,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