@planetaexo/design-system 0.41.0 → 0.42.0

package/dist/index.cjs

@@ -4597,7 +4597,7 @@ function BookingAdventureCard({
 function BookingSummary({ heading, rows, footer, className }) {
   var _a, _b;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { marginBottom: "24px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    heading && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
         style: {
@@ -6224,6 +6224,7 @@ function PartnerBookingCreatedEmail({
 var DEFAULT_LABELS9 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
+  introMessage: "",
   receiptHeading: "Payment receipt",
   bookingNumberLabel: "Booking number",
   paymentMethodLabel: "Payment method",
@@ -6256,6 +6257,7 @@ function PaymentReceiptEmail({
   remainingBalance,
   balanceDueDate,
   isPaidInFull,
+  adventures,
   logoUrl,
   labels,
   className
@@ -6298,6 +6300,7 @@ function PaymentReceiptEmail({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(EmailLogo, { src: logoUrl, alt: l.logoAlt }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(recipientName) }),
+        l.introMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.introMessage }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "12px", fontWeight: 700, color: emailTokens.foreground, fontSize: "16px" }, children: l.receiptHeading }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -6317,10 +6320,77 @@ function PaymentReceiptEmail({
             ] }) })
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginTop: 0,
+              marginBottom: "20px",
+              fontWeight: 700,
+              color: emailTokens.foreground,
+              fontSize: "18px",
+              fontFamily: emailTokens.fontFamily
+            },
+            children: l.summaryHeading
+          }
+        ),
+        adventures && adventures.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "16px" }, children: adventures.map((adv, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              borderRadius: "12px",
+              border: `1px solid ${emailTokens.border}`,
+              overflow: "hidden",
+              marginBottom: "12px"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: {
+                    padding: "12px 20px",
+                    backgroundColor: emailTokens.muted,
+                    fontWeight: 600,
+                    color: emailTokens.foreground,
+                    fontSize: "14px"
+                  },
+                  children: adv.name
+                }
+              ),
+              adv.lineItems && adv.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: adv.lineItems.map((li, j) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: j > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    style: {
+                      padding: "10px 20px",
+                      color: emailTokens.mutedForeground,
+                      verticalAlign: "top"
+                    },
+                    children: li.label
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    style: {
+                      padding: "10px 20px",
+                      textAlign: "right",
+                      fontWeight: 500,
+                      color: emailTokens.foreground,
+                      verticalAlign: "top",
+                      whiteSpace: "nowrap"
+                    },
+                    children: li.price
+                  }
+                )
+              ] }, j)) }) })
+            ]
+          },
+          i
+        )) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           BookingSummary,
           {
-            heading: l.summaryHeading,
             rows: summaryRows,
             footer: isPaidInFull ? {
               text: l.paidInFullMessage,