@planetaexo/design-system 0.34.0 → 0.35.0

package/dist/index.cjs

@@ -5435,7 +5435,254 @@ function RegistrationReminderEmail({
     }
   );
 }
+var INLINE_LINK_STYLE2 = {
+  color: emailTokens.primary,
+  textDecoration: "underline"
+};
+function renderWhatsappLink2(contact, label) {
+  if (contact.whatsappUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE2, children: label });
+  }
+  return label;
+}
+function renderEmailLink2(contact, label) {
+  if (contact.email) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE2, children: label });
+  }
+  return label;
+}
 var DEFAULT_LABELS6 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (n) => `Hi ${n},`,
+  tripDetailsHeader: "\u{1F4CB} Trip details",
+  bookingNumberLabel: "Booking Number",
+  leadTravellerLabel: "Lead Traveller",
+  adventureLabel: "Adventure",
+  startingDateLabel: "Starting Date",
+  partnerLabel: "Partner",
+  ctaLabel: "Complete Registration",
+  routingNoteUnderage: (travellerFirstName, bookerFirstName) => `We're sending this to you, ${bookerFirstName}, because ${travellerFirstName} is under 18. Please help complete the registration on their behalf.`,
+  routingNoteNoEmail: (travellerFirstName) => `We don't have an email on file for ${travellerFirstName}. Please forward this message to them, or reply with their email so we can reach out directly.`,
+  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "If you have questions, your agent ",
+    agentName,
+    " is available via ",
+    renderWhatsappLink2(contact, "WhatsApp"),
+    " or ",
+    renderEmailLink2(contact, "email"),
+    "."
+  ] }),
+  closingNoAgent: "If you have questions or need assistance, our team is available via WhatsApp or email.",
+  teamSignature: "The PlanetaEXO Team",
+  variants: {
+    d_minus_30: {
+      subject: "Complete your registration for your upcoming adventure",
+      intro: (_traveller, lead, adventure) => `Your adventure with PlanetaEXO, booked by ${lead}, is approaching and we noticed your registration is still incomplete.`,
+      contextNote: "Completing your registration early helps us organise logistics and prepare your experience with our local partners.",
+      mandatoryNote: "Registration is mandatory for all travellers and only takes a few minutes.",
+      finalReminderTagline: "",
+      consequencesNote: "",
+      disregardIfCompleted: "",
+      closingThanks: "See you soon,"
+    },
+    d_minus_15: {
+      subject: "Registration still pending for your upcoming adventure",
+      intro: (_traveller, lead, _adventure) => `Your adventure booked by ${lead} is getting closer, and your registration is still incomplete.`,
+      contextNote: "Please complete your registration to help us finalise logistics and operational details before departure.",
+      mandatoryNote: "Registration is required before departure and helps us prepare accommodation, transfers, safety information, and local operations.",
+      finalReminderTagline: "",
+      consequencesNote: "",
+      disregardIfCompleted: "",
+      closingThanks: ""
+    },
+    d_minus_7: {
+      subject: "Action required: complete your registration before departure",
+      intro: (_traveller, lead, _adventure) => `Your adventure booked by ${lead} begins in one week, and your registration is still incomplete.`,
+      contextNote: "Please complete your registration as soon as possible.",
+      mandatoryNote: "Registration is mandatory for participation in the adventure.",
+      finalReminderTagline: "",
+      consequencesNote: "",
+      disregardIfCompleted: "",
+      closingThanks: "We look forward to welcoming you soon."
+    },
+    d_minus_2: {
+      subject: "\u{1F6A8} Final reminder: registration required before departure",
+      intro: (_traveller, lead, _adventure) => `Your adventure booked by ${lead} starts in 2 days, and your registration is still incomplete.`,
+      contextNote: "",
+      finalReminderTagline: "This is a final reminder.",
+      consequencesNote: "Without a completed registration form, we may be unable to confirm logistics and travellers may not be allowed to board transfers, flights, boats, or participate in activities.",
+      mandatoryNote: "",
+      disregardIfCompleted: "If you have already completed your registration, please disregard this email.",
+      closingThanks: "We look forward to welcoming you soon."
+    }
+  }
+};
+function hasText2(s) {
+  return typeof s === "string" && s.trim().length > 0;
+}
+function RegistrationReminderIndividualEmail({
+  slug,
+  recipientFirstName,
+  travellerFirstName,
+  leadTravellerName,
+  leadTravellerFirstName,
+  bookingNumber,
+  adventureName,
+  startDateFormatted,
+  partnerName,
+  ctaUrl,
+  route,
+  agent,
+  logoUrl,
+  labels,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const l = __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_LABELS6), labels), {
+    variants: {
+      d_minus_30: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.variants.d_minus_30), (_b = (_a = labels == null ? void 0 : labels.variants) == null ? void 0 : _a.d_minus_30) != null ? _b : {}),
+      d_minus_15: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.variants.d_minus_15), (_d = (_c = labels == null ? void 0 : labels.variants) == null ? void 0 : _c.d_minus_15) != null ? _d : {}),
+      d_minus_7: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.variants.d_minus_7), (_f = (_e = labels == null ? void 0 : labels.variants) == null ? void 0 : _e.d_minus_7) != null ? _f : {}),
+      d_minus_2: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.variants.d_minus_2), (_h = (_g = labels == null ? void 0 : labels.variants) == null ? void 0 : _g.d_minus_2) != null ? _h : {})
+    }
+  });
+  const v = l.variants[slug];
+  const ctaStyle = {
+    display: "inline-block",
+    backgroundColor: emailTokens.primary,
+    color: emailTokens.primaryForeground,
+    padding: "12px 24px",
+    borderRadius: "8px",
+    fontSize: "14px",
+    fontWeight: 700,
+    textDecoration: "none",
+    fontFamily: emailTokens.fontFamily
+  };
+  const tripRows = [
+    { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
+    { label: l.leadTravellerLabel, value: leadTravellerName },
+    { label: l.adventureLabel, value: adventureName },
+    { label: l.startingDateLabel, value: startDateFormatted },
+    ...hasText2(partnerName) ? [{ 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 = v.intro(travellerFirstName, leadTravellerFirstName, adventureName);
+  const routingNote = route === "underage_to_booker" ? l.routingNoteUnderage(travellerFirstName, leadTravellerFirstName) : route === "no_email_fallback" ? l.routingNoteNoEmail(travellerFirstName) : null;
+  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(recipientFirstName) }),
+        hasText2(routingNote) && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              padding: "10px 14px",
+              borderRadius: "8px",
+              backgroundColor: emailTokens.muted,
+              color: emailTokens.bodyText,
+              fontSize: "14px"
+            },
+            children: routingNote
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: introText }),
+        hasText2(v.contextNote) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: v.contextNote }),
+        slug === "d_minus_2" && (hasText2(v.finalReminderTagline) || hasText2(v.consequencesNote)) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              marginBottom: "20px",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              backgroundColor: "#fef2f2",
+              border: "1px solid #fecaca",
+              color: "#7f1d1d"
+            },
+            children: [
+              hasText2(v.finalReminderTagline) && /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  style: {
+                    margin: 0,
+                    marginBottom: hasText2(v.consequencesNote) ? "8px" : 0,
+                    fontWeight: 700
+                  },
+                  children: v.finalReminderTagline
+                }
+              ),
+              hasText2(v.consequencesNote) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0 }, children: v.consequencesNote })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "24px", textAlign: "left" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: ctaUrl, style: ctaStyle, children: l.ctaLabel }) }),
+        slug === "d_minus_7" && hasText2(v.mandatoryNote) && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "20px",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontWeight: 600
+            },
+            children: v.mandatoryNote
+          }
+        ),
+        sectionDivider,
+        /* @__PURE__ */ jsxRuntime.jsx(BookingSummary, { heading: l.tripDetailsHeader, rows: tripRows }),
+        (slug === "d_minus_30" || slug === "d_minus_15") && hasText2(v.mandatoryNote) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.mandatoryNote }),
+        slug === "d_minus_2" && hasText2(v.disregardIfCompleted) && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              color: emailTokens.mutedForeground,
+              fontSize: "13px",
+              fontStyle: "italic"
+            },
+            children: v.disregardIfCompleted
+          }
+        ),
+        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 }),
+        hasText2(v.closingThanks) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: v.closingThanks }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS7 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -5474,7 +5721,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS6), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS7), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -5549,24 +5796,24 @@ function PaymentReceiptEmail({
     }
   );
 }
-var INLINE_LINK_STYLE2 = {
+var INLINE_LINK_STYLE3 = {
   color: emailTokens.primary,
   textDecoration: "underline"
 };
-function renderWhatsappLink2(contact, label) {
+function renderWhatsappLink3(contact, label) {
   if (contact.whatsappUrl) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE2, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE3, children: label });
   }
   return label;
 }
-function renderEmailLink2(contact, label) {
+function renderEmailLink3(contact, label) {
   if (contact.email) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE2, children: label });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE3, children: label });
   }
   return label;
 }
 var EMPTY_CLOSING_ALTERNATIVE = (_agentName, _contact) => null;
-var DEFAULT_LABELS7 = {
+var DEFAULT_LABELS8 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   intermediateHello: "Hope you're doing well.",
@@ -5581,9 +5828,9 @@ var DEFAULT_LABELS7 = {
     "If you need any assistance or would like to discuss your payment, feel free to contact your agent ",
     agentName,
     " via ",
-    renderWhatsappLink2(contact, "WhatsApp"),
+    renderWhatsappLink3(contact, "WhatsApp"),
     " or ",
-    renderEmailLink2(contact, "email"),
+    renderEmailLink3(contact, "email"),
     "."
   ] }),
   closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
@@ -5627,9 +5874,9 @@ var DEFAULT_LABELS7 = {
         "If you are experiencing any issues with payment or need additional time, please contact your agent ",
         agentName,
         " via ",
-        renderWhatsappLink2(contact, "WhatsApp"),
+        renderWhatsappLink3(contact, "WhatsApp"),
         " or ",
-        renderEmailLink2(contact, "email"),
+        renderEmailLink3(contact, "email"),
         ". We'll be happy to assist."
       ] })
     }
@@ -5653,7 +5900,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_LABELS7.variants[variant];
+  const variantDefaults = DEFAULT_LABELS8.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,
@@ -5663,19 +5910,19 @@ function PaymentReminderEmail({
     closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
   };
   const l = {
-    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS7.logoAlt,
-    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS7.greeting,
-    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS7.intermediateHello,
-    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS7.bookingSummaryHeader,
-    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS7.amountAlreadyPaidLabel,
-    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS7.remainingBalanceDueLabel,
-    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS7.totalBookingAmountLabel,
-    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS7.paymentDetailsHeading,
-    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS7.ctaLabel,
-    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS7.teamSignature,
-    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS7.closingAgent,
-    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS7.closingNoAgent,
-    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS7.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
+    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 : {})
   };
   const ctaStyle = {
     display: "inline-block",
@@ -6502,7 +6749,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS8 = {
+var DEFAULT_LABELS9 = {
   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",
@@ -7167,7 +7414,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React25__namespace.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS9), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React25__namespace.useMemo(
@@ -11815,6 +12062,7 @@ exports.PricingTrip = PricingTrip;
 exports.RegistrationForm = RegistrationForm;
 exports.RegistrationProgressBar = RegistrationProgressBar;
 exports.RegistrationReminderEmail = RegistrationReminderEmail;
+exports.RegistrationReminderIndividualEmail = RegistrationReminderIndividualEmail;
 exports.RegistrationSuccessCard = RegistrationSuccessCard;
 exports.SiteHeader = SiteHeader;
 exports.TERMS_ACCEPT_KEY = TERMS_ACCEPT_KEY;