@planetaexo/design-system 0.50.1 → 0.52.0

package/dist/index.cjs

@@ -3562,6 +3562,7 @@ function BookingDetails({
   status,
   statusLabel,
   createdAt,
+  cancelledAt,
   contact,
   agent,
   agentName,
@@ -3606,7 +3607,7 @@ function BookingDetails({
   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, _A, _B, _C, _D, _E, _F, _G, _H;
+  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, _B, _C, _D, _E, _F, _G, _H, _I, _J;
   const people = totalPeople(adventures);
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
@@ -3739,12 +3740,18 @@ function BookingDetails({
                   bookingId
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans", children: (_b = (_a = labels == null ? void 0 : labels.createdOn) == null ? void 0 : _a.call(labels, createdAt)) != null ? _b : `Created on ${createdAt}` })
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-sans", children: [
+                (_b = (_a = labels == null ? void 0 : labels.createdOn) == null ? void 0 : _a.call(labels, createdAt)) != null ? _b : `Created on ${createdAt}`,
+                cancelledAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  ", ",
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive font-medium", children: (_d = (_c = labels == null ? void 0 : labels.cancelledOn) == null ? void 0 : _c.call(labels, cancelledAt)) != null ? _d : `cancelled on ${cancelledAt}` })
+                ] })
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status, label: statusLabel })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: (_c = labels == null ? void 0 : labels.contactInfo) != null ? _c : "Contact", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: (_e = labels == null ? void 0 : labels.contactInfo) != null ? _e : "Contact", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: contact.name }),
               contact.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans truncate", children: contact.email })
             ] }),
@@ -3752,7 +3759,7 @@ function BookingDetails({
               AgentContactCard,
               {
                 layout: "compact",
-                name: (_d = agent == null ? void 0 : agent.name) != null ? _d : agentName,
+                name: (_f = agent == null ? void 0 : agent.name) != null ? _f : agentName,
                 avatar: agent == null ? void 0 : agent.avatar,
                 email: agent == null ? void 0 : agent.email,
                 whatsappUrl: agent == null ? void 0 : agent.whatsappUrl,
@@ -3762,20 +3769,20 @@ function BookingDetails({
                 legacyContactLabel: agentContactLabel
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: (_e = labels == null ? void 0 : labels.totalPeople) != null ? _e : "Total People", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: (_g = labels == null ? void 0 : labels.totalPeople) != null ? _g : "Total People", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "w-4 h-4 text-primary shrink-0" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: (_g = (_f = labels == null ? void 0 : labels.personCount) == null ? void 0 : _f.call(labels, people.total)) != null ? _g : `${people.total} person(s)` })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: (_i = (_h = labels == null ? void 0 : labels.personCount) == null ? void 0 : _h.call(labels, people.total)) != null ? _i : `${people.total} person(s)` })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans", children: [
-                people.adults > 0 ? (_j = (_i = (_h = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _h.adults) == null ? void 0 : _i.call(_h, people.adults)) != null ? _j : `Adults: ${people.adults}` : null,
-                people.children > 0 ? (_m = (_l = (_k = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _k.children) == null ? void 0 : _l.call(_k, people.children)) != null ? _m : `Children: ${people.children}` : null,
-                people.seniors > 0 ? (_p = (_o = (_n = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _n.seniors) == null ? void 0 : _o.call(_n, people.seniors)) != null ? _p : `Seniors: ${people.seniors}` : null
+                people.adults > 0 ? (_l = (_k = (_j = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _j.adults) == null ? void 0 : _k.call(_j, people.adults)) != null ? _l : `Adults: ${people.adults}` : null,
+                people.children > 0 ? (_o = (_n = (_m = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _m.children) == null ? void 0 : _n.call(_m, people.children)) != null ? _o : `Children: ${people.children}` : null,
+                people.seniors > 0 ? (_r = (_q = (_p = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _p.seniors) == null ? void 0 : _q.call(_p, people.seniors)) != null ? _r : `Seniors: ${people.seniors}` : null
               ].filter(Boolean).join(" \xB7 ") })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_r = (_q = labels == null ? void 0 : labels.adventuresSection) == null ? void 0 : _q.call(labels, adventures.length)) != null ? _r : `Adventures (${adventures.length})` }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_t = (_s = labels == null ? void 0 : labels.adventuresSection) == null ? void 0 : _s.call(labels, adventures.length)) != null ? _t : `Adventures (${adventures.length})` }),
             adventures.map((adventure) => /* @__PURE__ */ jsxRuntime.jsx(
               AdventureSection,
               {
@@ -3820,23 +3827,23 @@ function BookingDetails({
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: contactSectionLabel != null ? contactSectionLabel : "Responsible Person" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-6 gap-y-3", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_t = (_s = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _s.name) != null ? _t : "Name" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_v = (_u = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _u.name) != null ? _v : "Name" }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: contact.name })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_v = (_u = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _u.email) != null ? _v : "Email" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_w = contact.email) != null ? _w : "\u2014" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_x = (_w = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _w.email) != null ? _x : "Email" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_y = contact.email) != null ? _y : "\u2014" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_y = (_x = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _x.phone) != null ? _y : "Phone" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_z = contact.phone) != null ? _z : "\u2014" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_A = (_z = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _z.phone) != null ? _A : "Phone" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_B = contact.phone) != null ? _B : "\u2014" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_B = (_A = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _A.country) != null ? _B : "Country" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_C = contact.country) != null ? _C : "\u2014" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_D = (_C = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _C.country) != null ? _D : "Country" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_E = contact.country) != null ? _E : "\u2014" })
               ] }),
               contact.passport && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_E = (_D = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _D.document) != null ? _E : "Passport / ID" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_G = (_F = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _F.document) != null ? _G : "Passport / ID" }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: contact.passport })
               ] }),
               (() => {
@@ -3897,7 +3904,7 @@ function BookingDetails({
                 className: "flex items-center gap-1.5 text-xs font-ui text-muted-foreground hover:text-destructive transition-colors underline underline-offset-2",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "w-3 h-3" }),
-                  (_F = labels == null ? void 0 : labels.cancelRequestLabel) != null ? _F : "Request cancellation"
+                  (_H = labels == null ? void 0 : labels.cancelRequestLabel) != null ? _H : "Request cancellation"
                 ]
               }
             )
@@ -3947,7 +3954,7 @@ function BookingDetails({
       ResendInviteConfirmDialog,
       {
         open: resendInviteDialogState.open,
-        travellerName: resendInviteDialogState.traveller ? `${(_G = resendInviteDialogState.traveller.firstName) != null ? _G : ""} ${(_H = resendInviteDialogState.traveller.lastName) != null ? _H : ""}`.trim() : "",
+        travellerName: resendInviteDialogState.traveller ? `${(_I = resendInviteDialogState.traveller.firstName) != null ? _I : ""} ${(_J = resendInviteDialogState.traveller.lastName) != null ? _J : ""}`.trim() : "",
         onClose: closeResendInviteDialog,
         onConfirm: () => {
           const traveller = resendInviteDialogState.traveller;
@@ -6208,7 +6215,7 @@ var DEFAULT_LABELS8 = {
 function hasText4(s) {
   return typeof s === "string" && s.trim().length > 0;
 }
-function PartnerConfirmationEmail({
+function PartnerRegistrationCompleteEmail({
   scenario,
   topNotice,
   partnerName,
@@ -6394,6 +6401,7 @@ var DEFAULT_LABELS9 = {
   adventureLabel: "Adventure",
   datesLabel: "Dates",
   numberOfPeopleLabel: "Number of Travellers",
+  optionalsLabel: "Optionals",
   registrationPendingNotice: "The travellers' registration details will be sent to you as soon as all travellers have completed their forms.",
   mustReplyToConfirm: "Please reply to this email to confirm the booking.",
   closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -6416,6 +6424,7 @@ function PartnerBookingCreatedEmail({
   adventureName,
   dateRange,
   travellersCount,
+  optionals,
   booker,
   agent,
   logoUrl,
@@ -6429,7 +6438,8 @@ function PartnerBookingCreatedEmail({
     { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
     { label: l.adventureLabel, value: adventureName },
     { label: l.datesLabel, value: dateRange },
-    { label: l.numberOfPeopleLabel, value: travellersCount }
+    { label: l.numberOfPeopleLabel, value: travellersCount },
+    ...optionals && optionals.length ? [{ label: l.optionalsLabel, value: optionals.join("\n") }] : []
   ];
   const sectionDivider = /* @__PURE__ */ jsxRuntime.jsx(
     "hr",
@@ -14329,7 +14339,7 @@ exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
 exports.PartnerBookingCreatedEmail = PartnerBookingCreatedEmail;
-exports.PartnerConfirmationEmail = PartnerConfirmationEmail;
+exports.PartnerRegistrationCompleteEmail = PartnerRegistrationCompleteEmail;
 exports.PaymentAmountSelector = PaymentAmountSelector;
 exports.PaymentDetailsBlock = PaymentDetailsBlock;
 exports.PaymentMethodSelector = PaymentMethodSelector;