@planetaexo/design-system 0.43.0 → 0.45.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,8 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
+    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
+    addressLabel?: string;
     adultsUnit?: string;
     childrenUnit?: string;
     travellersLabel?: string;
@@ -854,6 +865,12 @@ 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, a row "Address"
+     * não é adicionada ao BookingSummary.
+     */
+    responsiblePersonAddress?: string;
     /** URL para ver os detalhes completos do booking */
     viewBookingUrl?: string;
     /** Optional label overrides for i18n */
@@ -869,7 +886,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, 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. */
@@ -1032,6 +1049,8 @@ 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:"). */
@@ -1071,6 +1090,12 @@ 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,
@@ -1080,7 +1105,7 @@ interface BookingCreatedEmailProps {
      */
     directBookingLinkLabel?: string;
 }
-declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, responsiblePersonAddress, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingSummaryRow {
     /** Label da linha (coluna esquerda, mutedForeground). */
@@ -1432,10 +1457,10 @@ interface PartnerBookingCreatedEmailProps {
     dateRange: string;
     /** Viajantes DESTA aventura. */
     travellersCount: number;
+    /** Booker: nome completo + país (exibidos no topo do Booking Summary). */
     booker: {
         name: string;
-        email?: string | null;
-        phone?: string | null;
+        country?: string | null;
     };
     agent: {
         name: string;
@@ -1452,14 +1477,14 @@ interface PartnerBookingCreatedEmailLabels {
     /** "You have a new booking for {adventure}." */
     intro?: (adventureName: string) => string;
     summaryHeading?: string;
+    /** Nome completo do booker (1ª linha do Booking Summary). */
+    bookerNameLabel?: string;
+    /** País do booker (2ª linha do Booking Summary; omitido se vazio). */
+    bookerCountryLabel?: string;
     bookingNumberLabel?: string;
     adventureLabel?: string;
     datesLabel?: string;
     numberOfPeopleLabel?: string;
-    bookerHeading?: string;
-    bookerNameLabel?: string;
-    bookerEmailLabel?: string;
-    bookerPhoneLabel?: string;
     /** Aviso (linha 1) antes do closing — sempre visível. */
     registrationPendingNotice?: string;
     /** Aviso (linha 2, enfatizado) antes do closing — sempre visível. */

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,8 @@ interface BookingPaymentConfirmationEmailLabels {
     adventuresLabel?: string;
     totalTravellersLabel?: string;
     agentLabel?: string;
+    /** Label da linha opcional de endereço da pessoa responsável. Default EN: "Address". */
+    addressLabel?: string;
     adultsUnit?: string;
     childrenUnit?: string;
     travellersLabel?: string;
@@ -854,6 +865,12 @@ 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, a row "Address"
+     * não é adicionada ao BookingSummary.
+     */
+    responsiblePersonAddress?: string;
     /** URL para ver os detalhes completos do booking */
     viewBookingUrl?: string;
     /** Optional label overrides for i18n */
@@ -869,7 +886,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, 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. */
@@ -1032,6 +1049,8 @@ 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:"). */
@@ -1071,6 +1090,12 @@ 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,
@@ -1080,7 +1105,7 @@ interface BookingCreatedEmailProps {
      */
     directBookingLinkLabel?: string;
 }
-declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingCreatedEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, responsiblePersonAddress, directBookingLinkLabel, }: BookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingSummaryRow {
     /** Label da linha (coluna esquerda, mutedForeground). */
@@ -1432,10 +1457,10 @@ interface PartnerBookingCreatedEmailProps {
     dateRange: string;
     /** Viajantes DESTA aventura. */
     travellersCount: number;
+    /** Booker: nome completo + país (exibidos no topo do Booking Summary). */
     booker: {
         name: string;
-        email?: string | null;
-        phone?: string | null;
+        country?: string | null;
     };
     agent: {
         name: string;
@@ -1452,14 +1477,14 @@ interface PartnerBookingCreatedEmailLabels {
     /** "You have a new booking for {adventure}." */
     intro?: (adventureName: string) => string;
     summaryHeading?: string;
+    /** Nome completo do booker (1ª linha do Booking Summary). */
+    bookerNameLabel?: string;
+    /** País do booker (2ª linha do Booking Summary; omitido se vazio). */
+    bookerCountryLabel?: string;
     bookingNumberLabel?: string;
     adventureLabel?: string;
     datesLabel?: string;
     numberOfPeopleLabel?: string;
-    bookerHeading?: string;
-    bookerNameLabel?: string;
-    bookerEmailLabel?: string;
-    bookerPhoneLabel?: string;
     /** Aviso (linha 1) antes do closing — sempre visível. */
     registrationPendingNotice?: string;
     /** Aviso (linha 2, enfatizado) antes do closing — sempre visível. */

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,7 @@ var DEFAULT_LABELS3 = {
   adventuresLabel: "Adventures",
   totalTravellersLabel: "Total Travellers",
   agentLabel: "Agent",
+  addressLabel: "Address",
   adultsUnit: "adult(s)",
   childrenUnit: "child(ren)",
   travellersLabel: "Travellers",
@@ -4802,6 +4819,7 @@ function BookingPaymentConfirmationEmail({
   total,
   depositInfo,
   agent,
+  responsiblePersonAddress,
   viewBookingUrl,
   labels,
   className,
@@ -4880,7 +4898,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 }] : []
             ]
           }
         ) }),
@@ -5016,6 +5035,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:"
@@ -5034,6 +5054,7 @@ function BookingCreatedEmail({
   className,
   nextSteps,
   nextStepsImportant,
+  responsiblePersonAddress,
   directBookingLinkLabel
 }) {
   const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
@@ -5055,7 +5076,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__ */ jsxs(
@@ -6010,14 +6032,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__ */ jsxs(Fragment, { children: [
@@ -6048,6 +6068,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 },
@@ -6064,16 +6086,6 @@ function PartnerBookingCreatedEmail({
       }
     }
   );
-  const bookerRows = [
-    { label: l.bookerNameLabel, value: booker.name },
-    ...hasText4(booker.email) ? [
-      {
-        label: l.bookerEmailLabel,
-        value: /* @__PURE__ */ jsx("a", { href: `mailto:${booker.email}`, style: INLINE_LINK_STYLE4, children: booker.email })
-      }
-    ] : [],
-    ...hasText4(booker.phone) ? [{ label: l.bookerPhoneLabel, value: booker.phone }] : []
-  ];
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6112,77 +6124,6 @@ function PartnerBookingCreatedEmail({
         /* @__PURE__ */ jsx("p", { style: { marginBottom: "24px" }, children: l.intro(adventureName) }),
         sectionDivider,
         /* @__PURE__ */ jsx(BookingSummary, { heading: l.summaryHeading, rows: summaryRows }),
-        /* @__PURE__ */ jsx(
-          "p",
-          {
-            style: {
-              marginTop: 0,
-              marginBottom: "20px",
-              fontWeight: 700,
-              color: emailTokens.foreground,
-              fontSize: "18px",
-              fontFamily: emailTokens.fontFamily
-            },
-            children: l.bookerHeading
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              borderRadius: "12px",
-              border: `1px solid ${emailTokens.border}`,
-              overflow: "hidden",
-              marginBottom: "24px"
-            },
-            children: /* @__PURE__ */ jsx(
-              "table",
-              {
-                style: {
-                  width: "100%",
-                  fontSize: "14px",
-                  borderCollapse: "collapse"
-                },
-                children: /* @__PURE__ */ jsx("tbody", { children: bookerRows.map((row, i) => {
-                  const isLastRow = i === bookerRows.length - 1;
-                  return /* @__PURE__ */ jsxs(
-                    "tr",
-                    {
-                      style: !isLastRow ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "td",
-                          {
-                            style: {
-                              padding: "12px 20px",
-                              color: emailTokens.mutedForeground,
-                              backgroundColor: emailTokens.muted,
-                              verticalAlign: "top"
-                            },
-                            children: row.label
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "td",
-                          {
-                            style: {
-                              padding: "12px 20px",
-                              fontWeight: 500,
-                              color: emailTokens.foreground,
-                              verticalAlign: "top"
-                            },
-                            children: row.value
-                          }
-                        )
-                      ]
-                    },
-                    i
-                  );
-                }) })
-              }
-            )
-          }
-        ),
         sectionDivider,
         /* @__PURE__ */ jsxs(
           "div",