@planetaexo/design-system 0.39.0 → 0.41.0

package/dist/index.cjs

@@ -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) }),
@@ -5977,7 +5993,235 @@ function PartnerConfirmationEmail({
     }
   );
 }
+var INLINE_LINK_STYLE4 = {
+  color: emailTokens.primary,
+  textDecoration: "underline"
+};
+function renderWhatsappLink4(contact, label) {
+  if (contact.whatsappUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE4, children: label });
+  }
+  return label;
+}
+function renderEmailLink4(contact, label) {
+  if (contact.email) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE4, children: label });
+  }
+  return label;
+}
+function hasText4(s) {
+  return typeof s === "string" && s.trim().length > 0;
+}
 var DEFAULT_LABELS8 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (n) => `Hi ${n},`,
+  intro: (adv) => `You have a new booking for your adventure ${adv}. Here are the details:`,
+  summaryHeading: "\u{1F4DD} Booking Summary",
+  bookingNumberLabel: "Booking Number",
+  adventureLabel: "Adventure",
+  datesLabel: "Dates",
+  numberOfPeopleLabel: "Number of Travellers",
+  bookerHeading: "Booking contact",
+  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,
+    " is available via",
+    " ",
+    renderWhatsappLink4(contact, "WhatsApp"),
+    " or ",
+    renderEmailLink4(contact, "email"),
+    "."
+  ] }),
+  closingNoAgent: "If you have any questions, our team is available via WhatsApp or email.",
+  teamSignature: "The PlanetaEXO Team"
+};
+function PartnerBookingCreatedEmail({
+  topNotice,
+  partnerName,
+  bookingNumber,
+  adventureName,
+  dateRange,
+  travellersCount,
+  booker,
+  agent,
+  logoUrl,
+  labels,
+  className
+}) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels);
+  const summaryRows = [
+    { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
+    { label: l.adventureLabel, value: adventureName },
+    { label: l.datesLabel, value: dateRange },
+    { label: l.numberOfPeopleLabel, value: travellersCount }
+  ];
+  const sectionDivider = /* @__PURE__ */ jsxRuntime.jsx(
+    "hr",
+    {
+      style: {
+        border: "none",
+        borderTop: `1px solid ${emailTokens.border}`,
+        marginTop: 0,
+        marginBottom: "24px"
+      }
+    }
+  );
+  const bookerRows = [
+    { label: l.bookerNameLabel, value: booker.name },
+    ...hasText4(booker.email) ? [
+      {
+        label: l.bookerEmailLabel,
+        value: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${booker.email}`, style: INLINE_LINK_STYLE4, children: booker.email })
+      }
+    ] : [],
+    ...hasText4(booker.phone) ? [{ label: l.bookerPhoneLabel, value: booker.phone }] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        maxWidth: "576px",
+        margin: "0 auto",
+        backgroundColor: emailTokens.white,
+        color: emailTokens.foreground,
+        fontFamily: emailTokens.fontFamily,
+        fontSize: "16px",
+        lineHeight: "1.6",
+        border: `1px solid ${emailTokens.border}`,
+        borderRadius: "12px",
+        overflow: "hidden",
+        padding: "32px"
+      },
+      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,
+        /* @__PURE__ */ jsxRuntime.jsx(BookingSummary, { heading: l.summaryHeading, rows: summaryRows }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginTop: 0,
+              marginBottom: "20px",
+              fontWeight: 700,
+              color: emailTokens.foreground,
+              fontSize: "18px",
+              fontFamily: emailTokens.fontFamily
+            },
+            children: l.bookerHeading
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              borderRadius: "12px",
+              border: `1px solid ${emailTokens.border}`,
+              overflow: "hidden",
+              marginBottom: "24px"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "table",
+              {
+                style: {
+                  width: "100%",
+                  fontSize: "14px",
+                  borderCollapse: "collapse"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: bookerRows.map((row, i) => {
+                  const isLastRow = i === bookerRows.length - 1;
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "tr",
+                    {
+                      style: !isLastRow ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "td",
+                          {
+                            style: {
+                              padding: "12px 20px",
+                              color: emailTokens.mutedForeground,
+                              backgroundColor: emailTokens.muted,
+                              verticalAlign: "top"
+                            },
+                            children: row.label
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "td",
+                          {
+                            style: {
+                              padding: "12px 20px",
+                              fontWeight: 500,
+                              color: emailTokens.foreground,
+                              verticalAlign: "top"
+                            },
+                            children: row.value
+                          }
+                        )
+                      ]
+                    },
+                    i
+                  );
+                }) })
+              }
+            )
+          }
+        ),
+        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
+        }) : l.closingNoAgent }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS9 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -6016,7 +6260,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS9), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -6091,24 +6335,24 @@ function PaymentReceiptEmail({
     }
   );
 }
-var INLINE_LINK_STYLE4 = {
+var INLINE_LINK_STYLE5 = {
   color: emailTokens.primary,
   textDecoration: "underline"
 };
-function renderWhatsappLink4(contact, label) {
+function renderWhatsappLink5(contact, label) {
   if (contact.whatsappUrl) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE4, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE5, children: label });
   }
   return label;
 }
-function renderEmailLink4(contact, label) {
+function renderEmailLink5(contact, label) {
   if (contact.email) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE4, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE5, children: label });
   }
   return label;
 }
 var EMPTY_CLOSING_ALTERNATIVE = (_agentName, _contact) => null;
-var DEFAULT_LABELS9 = {
+var DEFAULT_LABELS10 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   intermediateHello: "Hope you're doing well.",
@@ -6123,9 +6367,9 @@ var DEFAULT_LABELS9 = {
     "If you need any assistance or would like to discuss your payment, feel free to contact your agent ",
     agentName,
     " via ",
-    renderWhatsappLink4(contact, "WhatsApp"),
+    renderWhatsappLink5(contact, "WhatsApp"),
     " or ",
-    renderEmailLink4(contact, "email"),
+    renderEmailLink5(contact, "email"),
     "."
   ] }),
   closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
@@ -6169,9 +6413,9 @@ var DEFAULT_LABELS9 = {
         "If you are experiencing any issues with payment or need additional time, please contact your agent ",
         agentName,
         " via ",
-        renderWhatsappLink4(contact, "WhatsApp"),
+        renderWhatsappLink5(contact, "WhatsApp"),
         " or ",
-        renderEmailLink4(contact, "email"),
+        renderEmailLink5(contact, "email"),
         ". We'll be happy to assist."
       ] })
     }
@@ -6195,7 +6439,7 @@ function PaymentReminderEmail({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const lOverride = labels != null ? labels : {};
-  const variantDefaults = DEFAULT_LABELS9.variants[variant];
+  const variantDefaults = DEFAULT_LABELS10.variants[variant];
   const variantOverride = (_b = (_a = lOverride.variants) == null ? void 0 : _a[variant]) != null ? _b : {};
   const variantLabels = {
     intro: (_c = variantOverride.intro) != null ? _c : variantDefaults.intro,
@@ -6205,19 +6449,19 @@ function PaymentReminderEmail({
     closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
   };
   const l = {
-    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS9.logoAlt,
-    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS9.greeting,
-    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS9.intermediateHello,
-    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS9.bookingSummaryHeader,
-    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS9.amountAlreadyPaidLabel,
-    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS9.remainingBalanceDueLabel,
-    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS9.totalBookingAmountLabel,
-    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS9.paymentDetailsHeading,
-    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS9.ctaLabel,
-    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS9.teamSignature,
-    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS9.closingAgent,
-    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS9.closingNoAgent,
-    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS9.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
+    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS10.logoAlt,
+    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS10.greeting,
+    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS10.intermediateHello,
+    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS10.bookingSummaryHeader,
+    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS10.amountAlreadyPaidLabel,
+    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS10.remainingBalanceDueLabel,
+    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS10.totalBookingAmountLabel,
+    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS10.paymentDetailsHeading,
+    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS10.ctaLabel,
+    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS10.teamSignature,
+    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS10.closingAgent,
+    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS10.closingNoAgent,
+    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS10.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
   };
   const ctaStyle = {
     display: "inline-block",
@@ -7044,7 +7288,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS10 = {
+var DEFAULT_LABELS11 = {
   formSubtitle: "To confirm your participation, please complete this short form. It's required for all travellers and helps us coordinate logistics with our local partners and tailor the experience to you.",
   detailsSectionTitle: "Your details",
   tripInfoSectionTitle: "Trip info",
@@ -7709,7 +7953,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React28__namespace.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS10), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS11), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React28__namespace.useMemo(
@@ -13571,6 +13815,7 @@ exports.MenuTrip = MenuTrip;
 exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
+exports.PartnerBookingCreatedEmail = PartnerBookingCreatedEmail;
 exports.PartnerConfirmationEmail = PartnerConfirmationEmail;
 exports.PaymentAmountSelector = PaymentAmountSelector;
 exports.PaymentDetailsBlock = PaymentDetailsBlock;