@planetaexo/design-system 0.37.5 → 0.38.0

package/dist/index.cjs

@@ -2804,6 +2804,7 @@ function AdventureSection({
               type: "button",
               onClick: () => onAddContactAsTraveller(adventure.id),
               disabled: adventure.addContactAsTravellerDisabled,
+              title: adventure.addContactAsTravellerDisabled ? labels == null ? void 0 : labels.addContactAsTravellerDisabledTooltip : void 0,
               className: cn(
                 "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground transition-colors",
                 "hover:border-primary hover:text-primary hover:bg-primary/5",
@@ -5803,7 +5804,180 @@ function RegistrationReminderIndividualEmail({
     }
   );
 }
+var INLINE_LINK_STYLE3 = {
+  color: emailTokens.primary,
+  textDecoration: "underline"
+};
+function renderWhatsappLink3(contact, label) {
+  if (contact.whatsappUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE3, children: label });
+  }
+  return label;
+}
+function renderEmailLink3(contact, label) {
+  if (contact.email) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE3, children: label });
+  }
+  return label;
+}
 var DEFAULT_LABELS7 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (n) => `Hi ${n},`,
+  introAllDone: (adv, dr) => `All travellers for ${adv} (${dr}) have completed their registration. Their consolidated registration details are attached, and below you'll find what they're most looking forward to.`,
+  introD7: (adv, dr) => `Your upcoming adventure ${adv} (${dr}) starts in one week. All travellers have completed their registration \u2014 their consolidated details are attached.`,
+  travellersCountLine: (n) => `${n} traveller${n === 1 ? "" : "s"} registered.`,
+  tripDetailsHeader: "\u{1F4CB} Trip details",
+  bookingNumberLabel: "Booking Number",
+  adventureLabel: "Adventure",
+  datesLabel: "Dates",
+  partnerLabel: "Partner",
+  expectationsHeading: "Travellers Expectations",
+  expectationsEmptyNote: "No expectations were collected for this adventure.",
+  expectationsEmptyAnswer: "\u2014",
+  pdfNote: "The consolidated registration PDF is attached to this email.",
+  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "If you have any questions, your contact ",
+    agentName,
+    " is available via",
+    " ",
+    renderWhatsappLink3(contact, "WhatsApp"),
+    " or ",
+    renderEmailLink3(contact, "email"),
+    "."
+  ] }),
+  closingNoAgent: "If you have any questions, our team is available via WhatsApp or email.",
+  teamSignature: "The PlanetaEXO Team"
+};
+function hasText3(s) {
+  return typeof s === "string" && s.trim().length > 0;
+}
+function PartnerConfirmationEmail({
+  scenario,
+  partnerName,
+  bookingNumber,
+  adventureName,
+  dateRange,
+  travellersCount,
+  expectations,
+  pdfAttached,
+  agent,
+  logoUrl,
+  labels,
+  className
+}) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS7), labels);
+  const tripRows = [
+    { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
+    { label: l.adventureLabel, value: adventureName },
+    { label: l.datesLabel, value: dateRange },
+    { label: l.partnerLabel, value: partnerName }
+  ];
+  const sectionDivider = /* @__PURE__ */ jsxRuntime.jsx(
+    "hr",
+    {
+      style: {
+        border: "none",
+        borderTop: `1px solid ${emailTokens.border}`,
+        marginTop: 0,
+        marginBottom: "24px"
+      }
+    }
+  );
+  const introText = scenario === "all_done" ? l.introAllDone(adventureName, dateRange) : l.introD7(adventureName, dateRange);
+  const showExpectationsRows = expectations.hasSection && expectations.rows.length > 0;
+  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 }),
+        /* @__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) }),
+        sectionDivider,
+        /* @__PURE__ */ jsxRuntime.jsx(BookingSummary, { heading: l.tripDetailsHeader, rows: tripRows }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginTop: 0,
+              marginBottom: "16px",
+              paddingBottom: "8px",
+              borderBottom: `2px solid ${emailTokens.primary}`,
+              fontWeight: 700,
+              fontSize: "18px",
+              color: emailTokens.foreground,
+              fontFamily: emailTokens.fontFamily
+            },
+            children: l.expectationsHeading
+          }
+        ),
+        showExpectationsRows ? /* @__PURE__ */ jsxRuntime.jsx(
+          "table",
+          {
+            role: "presentation",
+            style: {
+              width: "100%",
+              borderCollapse: "collapse",
+              fontSize: "14px",
+              marginBottom: "24px"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: expectations.rows.map((row, i) => {
+              var _a;
+              return /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    style: {
+                      width: "35%",
+                      padding: "10px 12px 10px 0",
+                      fontWeight: 600,
+                      color: emailTokens.foreground,
+                      verticalAlign: "top"
+                    },
+                    children: row.travellerName
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    style: {
+                      padding: "10px 0",
+                      color: emailTokens.bodyText,
+                      verticalAlign: "top"
+                    },
+                    children: (_a = row.answer) != null ? _a : l.expectationsEmptyAnswer
+                  }
+                )
+              ] }, i);
+            }) })
+          }
+        ) : /* @__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 }),
+        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,
+          email: agent.email
+        }) : l.closingNoAgent }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS8 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -5842,7 +6016,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS7), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -5917,24 +6091,24 @@ function PaymentReceiptEmail({
     }
   );
 }
-var INLINE_LINK_STYLE3 = {
+var INLINE_LINK_STYLE4 = {
   color: emailTokens.primary,
   textDecoration: "underline"
 };
-function renderWhatsappLink3(contact, label) {
+function renderWhatsappLink4(contact, label) {
   if (contact.whatsappUrl) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE3, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE4, children: label });
   }
   return label;
 }
-function renderEmailLink3(contact, label) {
+function renderEmailLink4(contact, label) {
   if (contact.email) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE3, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE4, children: label });
   }
   return label;
 }
 var EMPTY_CLOSING_ALTERNATIVE = (_agentName, _contact) => null;
-var DEFAULT_LABELS8 = {
+var DEFAULT_LABELS9 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   intermediateHello: "Hope you're doing well.",
@@ -5949,9 +6123,9 @@ var DEFAULT_LABELS8 = {
     "If you need any assistance or would like to discuss your payment, feel free to contact your agent ",
     agentName,
     " via ",
-    renderWhatsappLink3(contact, "WhatsApp"),
+    renderWhatsappLink4(contact, "WhatsApp"),
     " or ",
-    renderEmailLink3(contact, "email"),
+    renderEmailLink4(contact, "email"),
     "."
   ] }),
   closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
@@ -5995,9 +6169,9 @@ var DEFAULT_LABELS8 = {
         "If you are experiencing any issues with payment or need additional time, please contact your agent ",
         agentName,
         " via ",
-        renderWhatsappLink3(contact, "WhatsApp"),
+        renderWhatsappLink4(contact, "WhatsApp"),
         " or ",
-        renderEmailLink3(contact, "email"),
+        renderEmailLink4(contact, "email"),
         ". We'll be happy to assist."
       ] })
     }
@@ -6021,7 +6195,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_LABELS8.variants[variant];
+  const variantDefaults = DEFAULT_LABELS9.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,
@@ -6031,19 +6205,19 @@ function PaymentReminderEmail({
     closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
   };
   const l = {
-    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS8.logoAlt,
-    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS8.greeting,
-    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS8.intermediateHello,
-    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS8.bookingSummaryHeader,
-    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS8.amountAlreadyPaidLabel,
-    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS8.remainingBalanceDueLabel,
-    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS8.totalBookingAmountLabel,
-    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS8.paymentDetailsHeading,
-    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS8.ctaLabel,
-    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS8.teamSignature,
-    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS8.closingAgent,
-    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS8.closingNoAgent,
-    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS8.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
+    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 : {})
   };
   const ctaStyle = {
     display: "inline-block",
@@ -6870,7 +7044,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS9 = {
+var DEFAULT_LABELS10 = {
   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",
@@ -7535,7 +7709,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React28__namespace.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS9), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS10), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React28__namespace.useMemo(
@@ -13397,6 +13571,7 @@ exports.MenuTrip = MenuTrip;
 exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
+exports.PartnerConfirmationEmail = PartnerConfirmationEmail;
 exports.PaymentAmountSelector = PaymentAmountSelector;
 exports.PaymentDetailsBlock = PaymentDetailsBlock;
 exports.PaymentMethodSelector = PaymentMethodSelector;