@planetaexo/design-system 0.44.0 → 0.46.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,12 @@ var DEFAULT_LABELS3 = {
   adventuresLabel: "Adventures",
   totalTravellersLabel: "Total Travellers",
   agentLabel: "Agent",
+  bookingPersonHeading: "Booking person",
+  nameLabel: "Name",
+  emailLabel: "Email",
+  phoneLabel: "Phone",
+  countryLabel: "Country",
+  addressLabel: "Billing address",
   adultsUnit: "adult(s)",
   childrenUnit: "child(ren)",
   travellersLabel: "Travellers",
@@ -4823,6 +4845,10 @@ function BookingPaymentConfirmationEmail({
   total,
   depositInfo,
   agent,
+  responsiblePersonAddress,
+  responsiblePersonEmail,
+  responsiblePersonPhone,
+  responsiblePersonCountry,
   viewBookingUrl,
   labels,
   className,
@@ -4834,6 +4860,26 @@ function BookingPaymentConfirmationEmail({
     return (_a = a.travellers) != null ? _a : [];
   });
   const isManualFlow = flow === "manual";
+  const personFieldLabel = {
+    margin: "0 0 2px 0",
+    fontSize: "11px",
+    fontWeight: 700,
+    color: emailTokens.mutedForeground,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em",
+    fontFamily: emailTokens.fontFamily
+  };
+  const personFieldValue = {
+    margin: 0,
+    fontSize: "14px",
+    color: emailTokens.foreground,
+    lineHeight: "1.5"
+  };
+  const personFieldCell = {
+    verticalAlign: "top",
+    padding: "0 12px 14px 0",
+    width: "50%"
+  };
   const ctaStyle = {
     display: "inline-block",
     backgroundColor: emailTokens.primary,
@@ -5010,6 +5056,50 @@ function BookingPaymentConfirmationEmail({
           ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { borderRadius: "16px", border: `1px solid ${emailTokens.border}`, padding: "20px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              style: {
+                margin: "0 0 16px 0",
+                fontSize: "12px",
+                fontWeight: 700,
+                color: emailTokens.mutedForeground,
+                textTransform: "uppercase",
+                letterSpacing: "0.1em",
+                fontFamily: emailTokens.fontFamily
+              },
+              children: l.bookingPersonHeading
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("table", { cellPadding: 0, cellSpacing: 0, style: { width: "100%", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldLabel, children: l.nameLabel }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: __spreadProps(__spreadValues({}, personFieldValue), { fontWeight: 600 }), children: recipientName })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldLabel, children: l.emailLabel }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldValue, children: responsiblePersonEmail || "\u2014" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldLabel, children: l.phoneLabel }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldValue, children: responsiblePersonPhone || "\u2014" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { style: personFieldCell, children: responsiblePersonCountry && responsiblePersonCountry.trim().length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldLabel, children: l.countryLabel }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldValue, children: responsiblePersonCountry })
+              ] }) : null })
+            ] }),
+            responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsxs("td", { colSpan: 2, style: __spreadProps(__spreadValues({}, personFieldCell), { width: "auto", paddingRight: 0, paddingBottom: 0 }), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: personFieldLabel, children: l.addressLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: __spreadProps(__spreadValues({}, personFieldValue), { whiteSpace: "pre-line" }), children: responsiblePersonAddress })
+            ] }) })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: isManualFlow ? (
           // Manual flow: closing message + CTA no rodapé (substitui footerMessage/footerContact).
           /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [