@planetaexo/design-system 0.4.12 → 0.4.14

package/dist/index.d.cts

@@ -426,6 +426,19 @@ interface TravellerFormInviteLink {
 interface TravellerFormInviteEmailLabels {
     buttonLabel?: string;
 }
+interface TripDetails {
+    bookingNumber: string;
+    adventure: string;
+    startingDate: string;
+    partner?: string | null;
+}
+interface TripDetailsLabels {
+    title?: string;
+    bookingNumber?: string;
+    adventure?: string;
+    startingDate?: string;
+    partner?: string;
+}
 interface TravellerFormInviteEmailProps {
     /** Saudação (ex: "Olá Carlos!" ou "Hello!") */
     greeting: string;
@@ -445,8 +458,14 @@ interface TravellerFormInviteEmailProps {
     buttonLabel?: string;
     /** className extra no container (para uso no styleguide) */
     className?: string;
-}
-declare function TravellerFormInviteEmail({ greeting, bodyIntro, bodyInstruction, links, ignoreNote, teamSignature, logoUrl, buttonLabel, className, }: TravellerFormInviteEmailProps): react_jsx_runtime.JSX.Element;
+    /** Dados da viagem para exibição na seção Trip Details */
+    tripDetails?: TripDetails;
+    /** Labels da seção Trip Details (para i18n) */
+    tripDetailsLabels?: TripDetailsLabels;
+    /** Texto após os links (instrução de obrigatoriedade). */
+    bodyFooter?: string;
+}
+declare function TravellerFormInviteEmail({ greeting, bodyIntro, bodyInstruction, links, ignoreNote, teamSignature, logoUrl, buttonLabel, className, tripDetails, tripDetailsLabels, bodyFooter, }: TravellerFormInviteEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingFormValues {
     adults: number;

package/dist/index.d.ts

@@ -426,6 +426,19 @@ interface TravellerFormInviteLink {
 interface TravellerFormInviteEmailLabels {
     buttonLabel?: string;
 }
+interface TripDetails {
+    bookingNumber: string;
+    adventure: string;
+    startingDate: string;
+    partner?: string | null;
+}
+interface TripDetailsLabels {
+    title?: string;
+    bookingNumber?: string;
+    adventure?: string;
+    startingDate?: string;
+    partner?: string;
+}
 interface TravellerFormInviteEmailProps {
     /** Saudação (ex: "Olá Carlos!" ou "Hello!") */
     greeting: string;
@@ -445,8 +458,14 @@ interface TravellerFormInviteEmailProps {
     buttonLabel?: string;
     /** className extra no container (para uso no styleguide) */
     className?: string;
-}
-declare function TravellerFormInviteEmail({ greeting, bodyIntro, bodyInstruction, links, ignoreNote, teamSignature, logoUrl, buttonLabel, className, }: TravellerFormInviteEmailProps): react_jsx_runtime.JSX.Element;
+    /** Dados da viagem para exibição na seção Trip Details */
+    tripDetails?: TripDetails;
+    /** Labels da seção Trip Details (para i18n) */
+    tripDetailsLabels?: TripDetailsLabels;
+    /** Texto após os links (instrução de obrigatoriedade). */
+    bodyFooter?: string;
+}
+declare function TravellerFormInviteEmail({ greeting, bodyIntro, bodyInstruction, links, ignoreNote, teamSignature, logoUrl, buttonLabel, className, tripDetails, tripDetailsLabels, bodyFooter, }: TravellerFormInviteEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingFormValues {
     adults: number;

package/dist/index.js

@@ -3171,7 +3171,13 @@ function BookingConfirmation({
                   adventure.description && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
                     /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
                     /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
-                    /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: adventure.description })
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 },
+                        dangerouslySetInnerHTML: { __html: adventure.description }
+                      }
+                    )
                   ] }),
                   adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
                     /* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.includedLabel }),
@@ -3403,8 +3409,12 @@ function TravellerFormInviteEmail({
   teamSignature,
   logoUrl,
   buttonLabel = "Preencher formul\xE1rio",
-  className
+  className,
+  tripDetails,
+  tripDetailsLabels,
+  bodyFooter
 }) {
+  var _a, _b, _c, _d, _e;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3455,6 +3465,29 @@ function TravellerFormInviteEmail({
             }
           )
         ] }, i)) }),
+        tripDetails && /* @__PURE__ */ jsxs("div", { style: {
+          backgroundColor: "#f8fafc",
+          border: "1px solid #e2e8f0",
+          borderRadius: "8px",
+          padding: "16px 20px",
+          margin: "24px 0"
+        }, children: [
+          /* @__PURE__ */ jsx("p", { style: { fontWeight: "600", margin: "0 0 12px 0", fontSize: "14px" }, children: (_a = tripDetailsLabels == null ? void 0 : tripDetailsLabels.title) != null ? _a : "\u{1F4DD} Trip details:" }),
+          [
+            [(_b = tripDetailsLabels == null ? void 0 : tripDetailsLabels.bookingNumber) != null ? _b : "Booking Number", tripDetails.bookingNumber],
+            [(_c = tripDetailsLabels == null ? void 0 : tripDetailsLabels.adventure) != null ? _c : "Adventure", tripDetails.adventure],
+            [(_d = tripDetailsLabels == null ? void 0 : tripDetailsLabels.startingDate) != null ? _d : "Starting Date", tripDetails.startingDate],
+            ...tripDetails.partner ? [[(_e = tripDetailsLabels == null ? void 0 : tripDetailsLabels.partner) != null ? _e : "Partner", tripDetails.partner]] : []
+          ].map(([label, value], i) => /* @__PURE__ */ jsxs("p", { style: { margin: "4px 0", fontSize: "13px" }, children: [
+            /* @__PURE__ */ jsxs("strong", { children: [
+              label,
+              ":"
+            ] }),
+            " ",
+            value
+          ] }, i))
+        ] }),
+        bodyFooter && /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", lineHeight: "1.6", margin: "0 0 16px" }, children: bodyFooter }),
         /* @__PURE__ */ jsx(
           "p",
           {