@planetaexo/design-system 0.43.0 → 0.45.0

package/dist/index.cjs

@@ -3799,7 +3799,20 @@ function BookingDetails({
               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-sm text-foreground font-sans", children: contact.passport })
-              ] })
+              ] }),
+              (() => {
+                var _a2, _b2, _c2;
+                const parts = [
+                  [contact.addressLine1, contact.addressLine2].map((s) => s == null ? void 0 : s.trim()).filter(Boolean).join(", "),
+                  [contact.city, contact.state].map((s) => s == null ? void 0 : s.trim()).filter(Boolean).join(", "),
+                  (_a2 = contact.postalCode) == null ? void 0 : _a2.trim()
+                ].filter((p) => p && p.length > 0);
+                if (parts.length === 0) return null;
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 sm:col-span-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: (_c2 = (_b2 = labels == null ? void 0 : labels.contactDetailsFields) == null ? void 0 : _b2.address) != null ? _c2 : "Address" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans whitespace-pre-line", children: parts.join("\n") })
+                ] });
+              })()
             ] })
           ] }),
           (onPayBalance || onCancelRequest) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
@@ -4655,7 +4668,10 @@ function BookingSummary({ heading, rows, footer, className }) {
                             padding: "12px 20px",
                             fontWeight: row.valueColor === emailTokens.primary ? 600 : 500,
                             color: (_a2 = row.valueColor) != null ? _a2 : emailTokens.foreground,
-                            verticalAlign: "top"
+                            verticalAlign: "top",
+                            // Preserva quebras de linha em valores multi-linha (ex.: endereço
+                            // montado com "\n"). Inócuo para valores de uma linha.
+                            whiteSpace: "pre-line"
                           },
                           children: row.value
                         }
@@ -4793,6 +4809,7 @@ var DEFAULT_LABELS3 = {
   adventuresLabel: "Adventures",
   totalTravellersLabel: "Total Travellers",
   agentLabel: "Agent",
+  addressLabel: "Address",
   adultsUnit: "adult(s)",
   childrenUnit: "child(ren)",
   travellersLabel: "Travellers",
@@ -4823,6 +4840,7 @@ function BookingPaymentConfirmationEmail({
   total,
   depositInfo,
   agent,
+  responsiblePersonAddress,
   viewBookingUrl,
   labels,
   className,
@@ -4901,7 +4919,8 @@ function BookingPaymentConfirmationEmail({
               { label: l.bookingNumberLabel, value: bookingReference, valueColor: emailTokens.primary },
               { label: l.adventuresLabel, value: adventures.length },
               { label: l.totalTravellersLabel, value: allTravellers.length },
-              { label: l.agentLabel, value: agent }
+              { label: l.agentLabel, value: agent },
+              ...responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 ? [{ label: l.addressLabel, value: responsiblePersonAddress }] : []
             ]
           }
         ) }),
@@ -5037,6 +5056,7 @@ var DEFAULT_LABELS4 = {
   startingDateLabel: "Starting Date:",
   numberOfPeopleLabel: "Number of People:",
   hostLabel: "Host:",
+  addressLabel: "Address:",
   postCtaMessage: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly.",
   closingMessage: "If you have any questions, just reply to this email \u2014 happy to help.",
   nextStepsHeading: "Next steps:"
@@ -5055,6 +5075,7 @@ function BookingCreatedEmail({
   className,
   nextSteps,
   nextStepsImportant,
+  responsiblePersonAddress,
   directBookingLinkLabel
 }) {
   const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
@@ -5076,7 +5097,8 @@ function BookingCreatedEmail({
     { label: l.adventureLabel, value: adventure },
     { label: l.startingDateLabel, value: startingDate },
     { label: l.numberOfPeopleLabel, value: String(numberOfPeople) },
-    { label: l.hostLabel, value: host }
+    { label: l.hostLabel, value: host },
+    ...responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 ? [{ label: l.addressLabel, value: responsiblePersonAddress }] : []
   ];
   const showNextSteps = Array.isArray(nextSteps) && nextSteps.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6031,14 +6053,12 @@ var DEFAULT_LABELS8 = {
   greeting: (n) => `Hi ${n},`,
   intro: (adv) => `You have a new booking for your adventure ${adv}. Here are the details:`,
   summaryHeading: "\u{1F4DD} Booking Summary",
+  bookerNameLabel: "Name",
+  bookerCountryLabel: "Country",
   bookingNumberLabel: "Booking Number",
   adventureLabel: "Adventure",
   datesLabel: "Dates",
   numberOfPeopleLabel: "Number of Travellers",
-  bookerHeading: "Booking contact",
-  bookerNameLabel: "Name",
-  bookerEmailLabel: "Email",
-  bookerPhoneLabel: "Phone",
   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: [
@@ -6069,6 +6089,8 @@ function PartnerBookingCreatedEmail({
 }) {
   const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels);
   const summaryRows = [
+    { label: l.bookerNameLabel, value: booker.name },
+    ...hasText4(booker.country) ? [{ label: l.bookerCountryLabel, value: booker.country }] : [],
     { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
     { label: l.adventureLabel, value: adventureName },
     { label: l.datesLabel, value: dateRange },
@@ -6085,16 +6107,6 @@ function PartnerBookingCreatedEmail({
       }
     }
   );
-  const bookerRows = [
-    { label: l.bookerNameLabel, value: booker.name },
-    ...hasText4(booker.email) ? [
-      {
-        label: l.bookerEmailLabel,
-        value: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${booker.email}`, style: INLINE_LINK_STYLE4, children: booker.email })
-      }
-    ] : [],
-    ...hasText4(booker.phone) ? [{ label: l.bookerPhoneLabel, value: booker.phone }] : []
-  ];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6133,77 +6145,6 @@ function PartnerBookingCreatedEmail({
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "24px" }, children: l.intro(adventureName) }),
         sectionDivider,
         /* @__PURE__ */ jsxRuntime.jsx(BookingSummary, { heading: l.summaryHeading, rows: summaryRows }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            style: {
-              marginTop: 0,
-              marginBottom: "20px",
-              fontWeight: 700,
-              color: emailTokens.foreground,
-              fontSize: "18px",
-              fontFamily: emailTokens.fontFamily
-            },
-            children: l.bookerHeading
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: {
-              borderRadius: "12px",
-              border: `1px solid ${emailTokens.border}`,
-              overflow: "hidden",
-              marginBottom: "24px"
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "table",
-              {
-                style: {
-                  width: "100%",
-                  fontSize: "14px",
-                  borderCollapse: "collapse"
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: bookerRows.map((row, i) => {
-                  const isLastRow = i === bookerRows.length - 1;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
-                    "tr",
-                    {
-                      style: !isLastRow ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "td",
-                          {
-                            style: {
-                              padding: "12px 20px",
-                              color: emailTokens.mutedForeground,
-                              backgroundColor: emailTokens.muted,
-                              verticalAlign: "top"
-                            },
-                            children: row.label
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "td",
-                          {
-                            style: {
-                              padding: "12px 20px",
-                              fontWeight: 500,
-                              color: emailTokens.foreground,
-                              verticalAlign: "top"
-                            },
-                            children: row.value
-                          }
-                        )
-                      ]
-                    },
-                    i
-                  );
-                }) })
-              }
-            )
-          }
-        ),
         sectionDivider,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",