@planetaexo/design-system 0.59.0 → 0.59.2

package/dist/index.cjs

@@ -2749,7 +2749,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__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
@@ -2884,10 +2884,36 @@ function AdventureSection({
         )) })
       ] })
     ] }),
+    adventure.rooms && adventure.rooms.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: adventure.rooms.map((room, i) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+          room.imageUrl && // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: `${room.qty}\xD7 ${room.roomName}` }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap text-xs text-muted-foreground font-sans", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: room.accommodationName }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-xs text-foreground/80 font-sans mt-1 leading-snug", children: room.description })
+          ] })
+        ] }, i);
+      }) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground/50 font-heading tracking-wide", children: [
             "\xB7 ",
             adventure.formName
@@ -2908,8 +2934,8 @@ function AdventureSection({
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: (_m = labels == null ? void 0 : labels.addContactAsTraveller) != null ? _m : "Add contact as traveller" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: (_n = labels == null ? void 0 : labels.addContactAsTravellerShort) != null ? _n : "Add contact" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: (_n = labels == null ? void 0 : labels.addContactAsTraveller) != null ? _n : "Add contact as traveller" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: (_o = labels == null ? void 0 : labels.addContactAsTravellerShort) != null ? _o : "Add contact" })
               ]
             }
           ),
@@ -2927,8 +2953,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__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: (_o = adventure.addTravellerLabel) != null ? _o : "More travellers" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: (_q = (_p = adventure.addTravellerShortLabel) != null ? _p : adventure.addTravellerLabel) != null ? _q : "Add" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: (_p = adventure.addTravellerLabel) != null ? _p : "More travellers" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: (_r = (_q = adventure.addTravellerShortLabel) != null ? _q : adventure.addTravellerLabel) != null ? _r : "Add" })
               ]
             }
           )
@@ -3120,7 +3146,7 @@ function AdventureSection({
           )) })
         ] });
       })(),
-      adventure.registrationNotRequired ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsxRuntime.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);
@@ -5279,6 +5305,7 @@ function BookingPaymentConfirmationEmail({
                   notIncluded: adventure.notIncluded,
                   lineItems: lineItemsToPass,
                   subtotal: adventure.subtotal,
+                  rooms: adventure.rooms,
                   labels: {
                     travellersHeading: l.travellersLabel,
                     detailsHeading: l.itineraryLabel,