@planetaexo/design-system 0.45.0 → 0.46.0

package/dist/index.d.cts

@@ -769,7 +769,17 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
-    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
+    /** 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;
@@ -867,10 +877,16 @@ interface BookingPaymentConfirmationEmailProps {
     agent: string;
     /**
      * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
-     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, a row "Address"
-     * não é adicionada ao BookingSummary.
+     * 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 */
@@ -886,7 +902,7 @@ interface BookingPaymentConfirmationEmailProps {
      */
     flow?: "auto" | "manual";
 }
-declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, responsiblePersonAddress, 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. */
@@ -1049,8 +1065,6 @@ interface BookingCreatedEmailLabels {
     startingDateLabel?: string;
     numberOfPeopleLabel?: string;
     hostLabel?: string;
-    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
-    addressLabel?: string;
     postCtaMessage?: string;
     closingMessage?: string;
     /** Cabeçalho da seção opcional de próximos passos (ex.: "What you need to do:"). */
@@ -1090,12 +1104,6 @@ interface BookingCreatedEmailProps {
      * Apenas renderizado quando `nextSteps` está presente.
      */
     nextStepsImportant?: string;
-    /**
-     * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
-     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, a row "Address"
-     * não é adicionada ao BookingSummary.
-     */
-    responsiblePersonAddress?: string;
     /**
      * Label que precede o link puro da reserva renderizado antes do `closingMessage`
      * (ex.: "Direct link to your booking:"). Quando informada e `addTravellersUrl` existe,
@@ -1105,7 +1113,7 @@ interface BookingCreatedEmailProps {
      */
     directBookingLinkLabel?: string;
 }
-declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, responsiblePersonAddress, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingSummaryRow {
     /** Label da linha (coluna esquerda, mutedForeground). */

package/dist/index.d.ts

@@ -769,7 +769,17 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
-    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
+    /** 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;
@@ -867,10 +877,16 @@ interface BookingPaymentConfirmationEmailProps {
     agent: string;
     /**
      * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
-     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, a row "Address"
-     * não é adicionada ao BookingSummary.
+     * 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 */
@@ -886,7 +902,7 @@ interface BookingPaymentConfirmationEmailProps {
      */
     flow?: "auto" | "manual";
 }
-declare function BookingPaymentConfirmationEmail({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, responsiblePersonAddress, 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. */
@@ -1049,8 +1065,6 @@ interface BookingCreatedEmailLabels {
     startingDateLabel?: string;
     numberOfPeopleLabel?: string;
     hostLabel?: string;
-    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
-    addressLabel?: string;
     postCtaMessage?: string;
     closingMessage?: string;
     /** Cabeçalho da seção opcional de próximos passos (ex.: "What you need to do:"). */
@@ -1090,12 +1104,6 @@ interface BookingCreatedEmailProps {
      * Apenas renderizado quando `nextSteps` está presente.
      */
     nextStepsImportant?: string;
-    /**
-     * Endereço de cobrança da pessoa responsável, já montado como string multi-linha
-     * pelo backend (`formatPostalAddress`). Quando ausente/vazio, a row "Address"
-     * não é adicionada ao BookingSummary.
-     */
-    responsiblePersonAddress?: string;
     /**
      * Label que precede o link puro da reserva renderizado antes do `closingMessage`
      * (ex.: "Direct link to your booking:"). Quando informada e `addTravellersUrl` existe,
@@ -1105,7 +1113,7 @@ interface BookingCreatedEmailProps {
      */
     directBookingLinkLabel?: string;
 }
-declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, responsiblePersonAddress, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingSummaryRow {
     /** Label da linha (coluna esquerda, mutedForeground). */

package/dist/index.js

@@ -4788,7 +4788,12 @@ var DEFAULT_LABELS3 = {
   adventuresLabel: "Adventures",
   totalTravellersLabel: "Total Travellers",
   agentLabel: "Agent",
-  addressLabel: "Address",
+  bookingPersonHeading: "Booking person",
+  nameLabel: "Name",
+  emailLabel: "Email",
+  phoneLabel: "Phone",
+  countryLabel: "Country",
+  addressLabel: "Billing address",
   adultsUnit: "adult(s)",
   childrenUnit: "child(ren)",
   travellersLabel: "Travellers",
@@ -4820,6 +4825,9 @@ function BookingPaymentConfirmationEmail({
   depositInfo,
   agent,
   responsiblePersonAddress,
+  responsiblePersonEmail,
+  responsiblePersonPhone,
+  responsiblePersonCountry,
   viewBookingUrl,
   labels,
   className,
@@ -4831,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,
@@ -4898,8 +4926,7 @@ 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 },
-              ...responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 ? [{ label: l.addressLabel, value: responsiblePersonAddress }] : []
+              { label: l.agentLabel, value: agent }
             ]
           }
         ) }),
@@ -5008,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: [
@@ -5035,7 +5106,6 @@ 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:"
@@ -5054,7 +5124,6 @@ function BookingCreatedEmail({
   className,
   nextSteps,
   nextStepsImportant,
-  responsiblePersonAddress,
   directBookingLinkLabel
 }) {
   const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
@@ -5076,8 +5145,7 @@ function BookingCreatedEmail({
     { label: l.adventureLabel, value: adventure },
     { label: l.startingDateLabel, value: startingDate },
     { label: l.numberOfPeopleLabel, value: String(numberOfPeople) },
-    { label: l.hostLabel, value: host },
-    ...responsiblePersonAddress && responsiblePersonAddress.trim().length > 0 ? [{ label: l.addressLabel, value: responsiblePersonAddress }] : []
+    { label: l.hostLabel, value: host }
   ];
   const showNextSteps = Array.isArray(nextSteps) && nextSteps.length > 0;
   return /* @__PURE__ */ jsxs(