@planetaexo/design-system 0.40.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: {
@@ -5853,6 +5853,7 @@ function hasText3(s) {
 }
 function PartnerConfirmationEmail({
   scenario,
+  topNotice,
   partnerName,
   bookingNumber,
   adventureName,
@@ -5904,6 +5905,21 @@ function PartnerConfirmationEmail({
       className,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(EmailLogo, { src: logoUrl, alt: l.logoAlt }),
+        hasText3(topNotice) && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderRadius: 8,
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontWeight: 600,
+              fontSize: "14px",
+              marginBottom: "20px"
+            },
+            children: topNotice
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(partnerName) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: introText }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "24px", fontWeight: 600 }, children: l.travellersCountLine(travellersCount) }),
@@ -6009,6 +6025,8 @@ var DEFAULT_LABELS8 = {
   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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     "If you have any questions, your contact ",
     agentName,
@@ -6023,6 +6041,7 @@ var DEFAULT_LABELS8 = {
   teamSignature: "The PlanetaEXO Team"
 };
 function PartnerBookingCreatedEmail({
+  topNotice,
   partnerName,
   bookingNumber,
   adventureName,
@@ -6081,6 +6100,21 @@ function PartnerBookingCreatedEmail({
       className,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(EmailLogo, { src: logoUrl, alt: l.logoAlt }),
+        hasText4(topNotice) && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderRadius: 8,
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontWeight: 600,
+              fontSize: "14px",
+              marginBottom: "20px"
+            },
+            children: topNotice
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(partnerName) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "24px" }, children: l.intro(adventureName) }),
         sectionDivider,
@@ -6157,6 +6191,27 @@ function PartnerBookingCreatedEmail({
           }
         ),
         sectionDivider,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              padding: "16px 20px",
+              borderRadius: 8,
+              border: "2px solid #f59e0b",
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontSize: "14px",
+              marginBottom: "16px"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, marginBottom: "10px", lineHeight: 1.5 }, children: l.registrationPendingNotice }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { margin: 0, fontWeight: 700, fontSize: "15px", lineHeight: 1.5 }, children: [
+                "\u26A0\uFE0F ",
+                l.mustReplyToConfirm
+              ] })
+            ]
+          }
+        ),
         /* @__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,
           email: agent.email
@@ -6169,6 +6224,7 @@ function PartnerBookingCreatedEmail({
 var DEFAULT_LABELS9 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
+  introMessage: "",
   receiptHeading: "Payment receipt",
   bookingNumberLabel: "Booking number",
   paymentMethodLabel: "Payment method",
@@ -6201,6 +6257,7 @@ function PaymentReceiptEmail({
   remainingBalance,
   balanceDueDate,
   isPaidInFull,
+  adventures,
   logoUrl,
   labels,
   className
@@ -6243,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",
@@ -6262,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,