@planetaexo/design-system 0.41.0 → 0.43.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: {
@@ -5834,7 +5834,7 @@ var DEFAULT_LABELS7 = {
   expectationsHeading: "Travellers Expectations",
   expectationsEmptyNote: "No expectations were collected for this adventure.",
   expectationsEmptyAnswer: "\u2014",
-  pdfNote: "The consolidated registration PDF is attached to this email.",
+  pdfNote: "The consolidated registration PDF is attached. Please review it carefully, as it contains important traveller information, including dietary restrictions, medical conditions, preferences, and other details that may help improve the guest experience and ensure proper preparation.",
   closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     "If you have any questions, your contact ",
     agentName,
@@ -5982,7 +5982,21 @@ function PartnerConfirmationEmail({
             }) })
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: "24px", color: emailTokens.bodyText }, children: l.expectationsEmptyNote }),
-        pdfAttached && hasText3(l.pdfNote) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: l.pdfNote }),
+        pdfAttached && hasText3(l.pdfNote) && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderRadius: 8,
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontSize: "14px",
+              lineHeight: "1.6",
+              marginBottom: "20px"
+            },
+            children: l.pdfNote
+          }
+        ),
         sectionDivider,
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", fontWeight: 700, color: emailTokens.bodyText }, children: (agent == null ? void 0 : agent.name) ? l.closingAgent(agent.name, {
           whatsappUrl: agent.whatsappUrl,
@@ -6224,6 +6238,7 @@ function PartnerBookingCreatedEmail({
 var DEFAULT_LABELS9 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
+  introMessage: "",
   receiptHeading: "Payment receipt",
   bookingNumberLabel: "Booking number",
   paymentMethodLabel: "Payment method",
@@ -6256,6 +6271,7 @@ function PaymentReceiptEmail({
   remainingBalance,
   balanceDueDate,
   isPaidInFull,
+  adventures,
   logoUrl,
   labels,
   className
@@ -6298,6 +6314,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 +6334,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,