@planetaexo/design-system 0.44.0 → 0.46.0

package/dist/index.d.cts

@@ -490,6 +490,8 @@ interface BookingDetailsLabels {
         country?: string;
         /** Default EN: "Passport / ID". Atualmente o componente exibia "Passport / CPF" (PT-BR fixo). */
         document?: string;
+        /** Default EN: "Address". Endereço de cobrança da pessoa responsável. */
+        address?: string;
     };
     /** Headers das seções do accordion de cada aventura (atualmente PT-BR fixo). */
     adventureSections?: {
@@ -600,6 +602,13 @@ interface BookingContact {
     phone?: string;
     country?: string;
     passport?: string;
+    /** Campos crus do endereço de cobrança. O DS formata e oculta partes vazias;
+     *  quando TODAS as partes estão ausentes, a célula "Address" não é renderizada. */
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    state?: string;
+    postalCode?: string;
 }
 interface BookingDepositInfo {
     depositPercent: number;
@@ -760,6 +769,18 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
+    /** Heading do card "Booking person" (espelha o bloco do /o e /b). Default EN: "Booking person". */
+    bookingPersonHeading?: string;
+    /** Rótulo do campo nome no card "Booking person". Default EN: "Name". */
+    nameLabel?: string;
+    /** Rótulo do campo e-mail no card "Booking person". Default EN: "Email". */
+    emailLabel?: string;
+    /** Rótulo do campo telefone no card "Booking person". Default EN: "Phone". */
+    phoneLabel?: string;
+    /** Rótulo do campo país no card "Booking person". Default EN: "Country". */
+    countryLabel?: string;
+    /** Rótulo do campo de endereço de cobrança no card "Booking person". Default EN: "Billing address". */
+    addressLabel?: string;
     adultsUnit?: string;
     childrenUnit?: string;
     travellersLabel?: string;
@@ -854,6 +875,18 @@ interface BookingPaymentConfirmationEmailProps {
     depositInfo?: ConfirmationDepositInfo;
     /** Nome do agente responsavel */
     agent: string;
+    /**
+     * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
+     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, o bloco dedicado
+     * "Billing address" não é renderizado.
+     */
+    responsiblePersonAddress?: string;
+    /** E-mail da pessoa responsável (campo do card "Booking person"). */
+    responsiblePersonEmail?: string;
+    /** Telefone da pessoa responsável (campo do card "Booking person"). */
+    responsiblePersonPhone?: string;
+    /** País da pessoa responsável — JÁ SANITIZADO pelo backend (só ISO-2 válido / nome; vazio = campo oculto). */
+    responsiblePersonCountry?: string;
     /** URL para ver os detalhes completos do booking */
     viewBookingUrl?: string;
     /** Optional label overrides for i18n */
@@ -869,7 +902,7 @@ interface BookingPaymentConfirmationEmailProps {
      */
     flow?: "auto" | "manual";
 }
-declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, labels, className, flow, }: BookingPaymentConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, responsiblePersonAddress, responsiblePersonEmail, responsiblePersonPhone, responsiblePersonCountry, viewBookingUrl, labels, className, flow, }: BookingPaymentConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingAdventureCardLineItem {
     /** Valor unitário formatado, ex.: "R$ 1.500,00". Opcional quando o caller usa `label` livre. */

package/dist/index.d.ts

@@ -490,6 +490,8 @@ interface BookingDetailsLabels {
         country?: string;
         /** Default EN: "Passport / ID". Atualmente o componente exibia "Passport / CPF" (PT-BR fixo). */
         document?: string;
+        /** Default EN: "Address". Endereço de cobrança da pessoa responsável. */
+        address?: string;
     };
     /** Headers das seções do accordion de cada aventura (atualmente PT-BR fixo). */
     adventureSections?: {
@@ -600,6 +602,13 @@ interface BookingContact {
     phone?: string;
     country?: string;
     passport?: string;
+    /** Campos crus do endereço de cobrança. O DS formata e oculta partes vazias;
+     *  quando TODAS as partes estão ausentes, a célula "Address" não é renderizada. */
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    state?: string;
+    postalCode?: string;
 }
 interface BookingDepositInfo {
     depositPercent: number;
@@ -760,6 +769,18 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
+    /** Heading do card "Booking person" (espelha o bloco do /o e /b). Default EN: "Booking person". */
+    bookingPersonHeading?: string;
+    /** Rótulo do campo nome no card "Booking person". Default EN: "Name". */
+    nameLabel?: string;
+    /** Rótulo do campo e-mail no card "Booking person". Default EN: "Email". */
+    emailLabel?: string;
+    /** Rótulo do campo telefone no card "Booking person". Default EN: "Phone". */
+    phoneLabel?: string;
+    /** Rótulo do campo país no card "Booking person". Default EN: "Country". */
+    countryLabel?: string;
+    /** Rótulo do campo de endereço de cobrança no card "Booking person". Default EN: "Billing address". */
+    addressLabel?: string;
     adultsUnit?: string;
     childrenUnit?: string;
     travellersLabel?: string;
@@ -854,6 +875,18 @@ interface BookingPaymentConfirmationEmailProps {
     depositInfo?: ConfirmationDepositInfo;
     /** Nome do agente responsavel */
     agent: string;
+    /**
+     * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
+     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, o bloco dedicado
+     * "Billing address" não é renderizado.
+     */
+    responsiblePersonAddress?: string;
+    /** E-mail da pessoa responsável (campo do card "Booking person"). */
+    responsiblePersonEmail?: string;
+    /** Telefone da pessoa responsável (campo do card "Booking person"). */
+    responsiblePersonPhone?: string;
+    /** País da pessoa responsável — JÁ SANITIZADO pelo backend (só ISO-2 válido / nome; vazio = campo oculto). */
+    responsiblePersonCountry?: string;
     /** URL para ver os detalhes completos do booking */
     viewBookingUrl?: string;
     /** Optional label overrides for i18n */
@@ -869,7 +902,7 @@ interface BookingPaymentConfirmationEmailProps {
      */
     flow?: "auto" | "manual";
 }
-declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, labels, className, flow, }: BookingPaymentConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, responsiblePersonAddress, responsiblePersonEmail, responsiblePersonPhone, responsiblePersonCountry, viewBookingUrl, labels, className, flow, }: BookingPaymentConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingAdventureCardLineItem {
     /** Valor unitário formatado, ex.: "R$ 1.500,00". Opcional quando o caller usa `label` livre. */

package/dist/index.js

@@ -3778,7 +3778,20 @@ function BookingDetails({
               contact.passport && /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "col-span-2 sm:col-span-3", children: [
+                  /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-foreground font-sans whitespace-pre-line", children: parts.join("\n") })
+                ] });
+              })()
             ] })
           ] }),
           (onPayBalance || onCancelRequest) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
@@ -4634,7 +4647,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
                         }
@@ -4772,6 +4788,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",
@@ -4802,6 +4824,10 @@ function BookingPaymentConfirmationEmail({
   total,
   depositInfo,
   agent,
+  responsiblePersonAddress,
+  responsiblePersonEmail,
+  responsiblePersonPhone,
+  responsiblePersonCountry,
   viewBookingUrl,
   labels,
   className,
@@ -4813,6 +4839,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,
@@ -4989,6 +5035,50 @@ function BookingPaymentConfirmationEmail({
           ) })
         ] }),
         /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
+        /* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: /* @__PURE__ */ jsxs("div", { style: { borderRadius: "16px", border: `1px solid ${emailTokens.border}`, padding: "20px" }, children: [
+          /* @__PURE__ */ 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__ */ jsx("table", { cellPadding: 0, cellSpacing: 0, style: { width: "100%", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsx("p", { style: personFieldLabel, children: l.nameLabel }),
+                /* @__PURE__ */ jsx("p", { style: __spreadProps(__spreadValues({}, personFieldValue), { fontWeight: 600 }), children: recipientName })
+              ] }),
+              /* @__PURE__ */ jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsx("p", { style: personFieldLabel, children: l.emailLabel }),
+                /* @__PURE__ */ jsx("p", { style: personFieldValue, children: responsiblePersonEmail || "\u2014" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsxs("td", { style: personFieldCell, children: [
+                /* @__PURE__ */ jsx("p", { style: personFieldLabel, children: l.phoneLabel }),
+                /* @__PURE__ */ jsx("p", { style: personFieldValue, children: responsiblePersonPhone || "\u2014" })
+              ] }),
+              /* @__PURE__ */ jsx("td", { style: personFieldCell, children: responsiblePersonCountry && responsiblePersonCountry.trim().length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("p", { style: personFieldLabel, children: l.countryLabel }),
+                /* @__PURE__ */ jsx("p", { style: personFieldValue, children: responsiblePersonCountry })
+              ] }) : null })
+            ] }),
+            responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { colSpan: 2, style: __spreadProps(__spreadValues({}, personFieldCell), { width: "auto", paddingRight: 0, paddingBottom: 0 }), children: [
+              /* @__PURE__ */ jsx("p", { style: personFieldLabel, children: l.addressLabel }),
+              /* @__PURE__ */ jsx("p", { style: __spreadProps(__spreadValues({}, personFieldValue), { whiteSpace: "pre-line" }), children: responsiblePersonAddress })
+            ] }) })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
         /* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: isManualFlow ? (
           // Manual flow: closing message + CTA no rodapé (substitui footerMessage/footerContact).
           /* @__PURE__ */ jsxs(Fragment, { children: [