@planetaexo/design-system 0.4.12 → 0.4.14

package/dist/index.cjs

@@ -3192,7 +3192,13 @@ function BookingConfirmation({
                   adventure.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "4px" }, children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: adventure.description })
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 },
+                        dangerouslySetInnerHTML: { __html: adventure.description }
+                      }
+                    )
                   ] }),
                   adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "10px" }, children: [
                     /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.includedLabel }),
@@ -3424,8 +3430,12 @@ function TravellerFormInviteEmail({
   teamSignature,
   logoUrl,
   buttonLabel = "Preencher formul\xE1rio",
-  className
+  className,
+  tripDetails,
+  tripDetailsLabels,
+  bodyFooter
 }) {
+  var _a, _b, _c, _d, _e;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3476,6 +3486,29 @@ function TravellerFormInviteEmail({
             }
           )
         ] }, i)) }),
+        tripDetails && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+          backgroundColor: "#f8fafc",
+          border: "1px solid #e2e8f0",
+          borderRadius: "8px",
+          padding: "16px 20px",
+          margin: "24px 0"
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { style: { margin: "4px 0", fontSize: "13px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+              label,
+              ":"
+            ] }),
+            " ",
+            value
+          ] }, i))
+        ] }),
+        bodyFooter && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", lineHeight: "1.6", margin: "0 0 16px" }, children: bodyFooter }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {