@planetaexo/design-system 0.27.0 → 0.29.0

package/dist/index.js

@@ -4798,6 +4798,36 @@ function BookingConfirmation({
     }
   );
 }
+function BookingSummary({ heading, rows, className }) {
+  return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: "32px" }, children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        style: {
+          marginBottom: "16px",
+          fontWeight: "700",
+          color: emailTokens.foreground,
+          fontFamily: emailTokens.fontFamily
+        },
+        children: heading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "table",
+      {
+        style: {
+          width: "100%",
+          fontSize: "14px",
+          borderCollapse: "collapse"
+        },
+        children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
+          /* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color: emailTokens.mutedForeground }, children: row.label }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: emailTokens.foreground }, children: row.value })
+        ] }, i)) })
+      }
+    )
+  ] });
+}
 var DEFAULT_LABELS4 = {
   ctaButton: "Add travellers to your booking",
   logoAlt: "PlanetaEXO",
@@ -4877,11 +4907,7 @@ function BookingConfirmationEmail({
         /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.addTravellersInstruction }),
         /* @__PURE__ */ jsx("div", { style: { marginBottom: "32px" }, children: AddTravellersCta }),
         /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
-        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: "700", color: emailTokens.foreground, fontFamily: emailTokens.fontFamily }, children: l.summaryHeading }),
-        /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", marginBottom: "32px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsx("tbody", { children: tableRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
-          /* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color: emailTokens.mutedForeground }, children: row.label }),
-          /* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: emailTokens.foreground }, children: row.value })
-        ] }, i)) }) }),
+        /* @__PURE__ */ jsx(BookingSummary, { heading: l.summaryHeading, rows: tableRows }),
         showNextSteps && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
           /* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontFamily: emailTokens.fontFamily, fontSize: "18px" }, children: l.nextStepsHeading }),
@@ -4918,7 +4944,380 @@ function BookingConfirmationEmail({
     }
   );
 }
+function RegistrationProgressBar({
+  tone,
+  pct,
+  barHex,
+  labelHex,
+  railHex,
+  label
+}) {
+  const rail = railHex != null ? railHex : "#e5e7eb";
+  const isComplete = tone === "complete";
+  const indicator = isComplete ? "\u2714" : "\u26A0";
+  const safePct = Math.max(0, Math.min(100, pct));
+  return /* @__PURE__ */ jsx("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      cellPadding: 0,
+      cellSpacing: 0,
+      style: { width: "100%", borderCollapse: "collapse" },
+      children: /* @__PURE__ */ jsxs("tbody", { children: [
+        /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style: { textAlign: "right", paddingBottom: "6px" }, children: /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              fontWeight: 700,
+              color: labelHex,
+              fontSize: "13px"
+            },
+            children: [
+              label,
+              " ",
+              indicator
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            style: {
+              background: rail,
+              height: "12px",
+              borderRadius: "6px",
+              overflow: "hidden",
+              lineHeight: 0,
+              fontSize: 0
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  background: barHex,
+                  width: `${safePct}%`,
+                  height: "12px",
+                  borderRadius: "6px"
+                }
+              }
+            )
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
 var DEFAULT_LABELS5 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (n) => `Hi ${n},`,
+  intermediateHello: "Hope you're doing well.",
+  bookingSummaryHeader: "Booking summary",
+  bookingNumberLabel: "Booking number",
+  adventuresCountLabel: (c) => `${c} adventure${c === 1 ? "" : "s"}`,
+  travellersCountLabel: (c) => `${c} traveller${c === 1 ? "" : "s"}`,
+  adventuresRowLabel: "Adventures",
+  travellersRowLabel: "Total travellers",
+  agentRowLabel: "Agent",
+  progressHeader: "Registration progress",
+  startsLabel: "Starts",
+  completedFractionLabel: (c, total) => `Completed: ${c} / ${total} travellers`,
+  ctaLabel: "View Booking & Registrations",
+  closingAgent: (n) => `If you need any assistance with the traveller registrations, feel free to contact your agent ${n} via WhatsApp or email.`,
+  closingNoAgent: "If you need any assistance with the traveller registrations, feel free to contact us via WhatsApp or email.",
+  teamSignature: "The PlanetaEXO Team",
+  variants: {
+    d_minus_30: {
+      subject: "Complete Traveller Registration for Your Upcoming Adventure",
+      intro: "Your adventure with PlanetaEXO is getting closer, and there is one important step remaining before departure.",
+      contextNote: "To help us prepare logistics and ensure your experience runs smoothly, all travellers must complete their registration before the adventure starts.",
+      pleaseNoteHeader: "Please note:",
+      pleaseNoteBullets: [
+        "Registration is mandatory for each traveller included in the booking",
+        "If your booking includes multiple adventures, registration must be completed for each adventure separately",
+        "Every traveller receives reminders to complete their own registration by email",
+        "You can manage registrations, add travellers, edit traveller information, and track completion status through your booking page"
+      ],
+      progressIntro: "Please complete any pending registrations through your booking page:",
+      bookerCoordinationNote: "",
+      earlyCompletionBenefit: "",
+      importantNote: "",
+      finalReminderTagline: "",
+      multiTravellerNote: "",
+      disregardIfCompleted: "",
+      closingThanks: ""
+    },
+    d_minus_15: {
+      subject: "Reminder: Traveller Registration Still Pending",
+      intro: "This is a reminder that one or more traveller registrations linked to your booking remain incomplete.",
+      contextNote: "Registration is required for operational planning and must be completed before departure.",
+      pleaseNoteHeader: "",
+      pleaseNoteBullets: [],
+      bookerCoordinationNote: "Every traveller receives registration reminders by email. If you are organising the trip for the group, please ensure all travellers complete their registration.",
+      progressIntro: "Please review your booking page to complete pending registrations or update traveller information:",
+      earlyCompletionBenefit: "Completing registrations early helps avoid delays with accommodation, transfers, and activity confirmations.",
+      importantNote: "",
+      finalReminderTagline: "",
+      multiTravellerNote: "",
+      disregardIfCompleted: "",
+      closingThanks: ""
+    },
+    d_minus_7: {
+      subject: "Action Required: Complete Traveller Registration Before Departure",
+      intro: "Your adventure begins in one week, and there are still incomplete traveller registrations linked to your booking.",
+      contextNote: "Please ensure all pending registrations are completed as soon as possible.",
+      importantNote: "Important: Registration is mandatory and required for participation in the adventure.",
+      progressIntro: "Review your booking page to complete missing information:",
+      multiTravellerNote: "If your booking includes multiple travellers, please ensure every traveller completes their registration before departure.",
+      pleaseNoteHeader: "",
+      pleaseNoteBullets: [],
+      bookerCoordinationNote: "",
+      earlyCompletionBenefit: "",
+      finalReminderTagline: "",
+      disregardIfCompleted: "",
+      closingThanks: ""
+    },
+    d_minus_2: {
+      subject: "Final Reminder: Registration Required Before Departure",
+      intro: "Your adventure starts in 2 days, and one or more traveller registrations remain incomplete.",
+      finalReminderTagline: "This is a final reminder.",
+      importantNote: "Traveller registration is mandatory. Without completed registration forms, we may be unable to confirm logistics and travellers may not be allowed to board transfers, flights, boats, or participate in activities.",
+      progressIntro: "Please complete all pending registrations immediately through your booking page:",
+      disregardIfCompleted: "If registrations have already been completed, please disregard this email.",
+      closingThanks: "We look forward to welcoming you soon.",
+      contextNote: "",
+      pleaseNoteHeader: "",
+      pleaseNoteBullets: [],
+      bookerCoordinationNote: "",
+      earlyCompletionBenefit: "",
+      multiTravellerNote: ""
+    }
+  }
+};
+function hasText(s) {
+  return typeof s === "string" && s.trim().length > 0;
+}
+function hasItems(arr) {
+  return Array.isArray(arr) && arr.length > 0;
+}
+function RegistrationReminderEmail({
+  slug,
+  recipientFirstName,
+  bookingNumber,
+  totalAdventures,
+  totalTravellers,
+  adventures,
+  ctaUrl,
+  agent,
+  logoUrl,
+  labels,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const l = __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_LABELS5), labels), {
+    variants: {
+      d_minus_30: __spreadValues(__spreadValues({}, DEFAULT_LABELS5.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_LABELS5.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_LABELS5.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_LABELS5.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 summaryRows = [
+    { label: l.bookingNumberLabel, value: `#${bookingNumber}` },
+    { label: l.adventuresRowLabel, value: l.adventuresCountLabel(totalAdventures) },
+    { label: l.travellersRowLabel, value: l.travellersCountLabel(totalTravellers) },
+    ...(agent == null ? void 0 : agent.name) ? [{ label: l.agentRowLabel, value: agent.name }] : []
+  ];
+  const showPleaseNote = hasText(v.pleaseNoteHeader) && hasItems(v.pleaseNoteBullets);
+  const showBookerCoord = hasText(v.bookerCoordinationNote);
+  const showEarlyBenefit = hasText(v.earlyCompletionBenefit);
+  const showImportant = hasText(v.importantNote);
+  const showFinalTagline = hasText(v.finalReminderTagline);
+  const showMultiTraveller = hasText(v.multiTravellerNote);
+  const showDisregard = hasText(v.disregardIfCompleted);
+  const showClosingThanks = hasText(v.closingThanks);
+  return /* @__PURE__ */ 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__ */ jsx(EmailLogo, { src: logoUrl, alt: l.logoAlt }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(recipientFirstName) }),
+        hasText(l.intermediateHello) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.intermediateHello }),
+        hasText(v.intro) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.intro }),
+        hasText(v.contextNote) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.contextNote }),
+        showPleaseNote && /* @__PURE__ */ jsxs("div", { style: { marginBottom: "24px" }, children: [
+          /* @__PURE__ */ jsx("p", { style: { marginBottom: "8px", fontWeight: 700, color: emailTokens.foreground }, children: v.pleaseNoteHeader }),
+          /* @__PURE__ */ jsx("ul", { style: { paddingLeft: "20px", margin: 0 }, children: v.pleaseNoteBullets.map((b, i) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "6px", color: emailTokens.bodyText }, children: b }, i)) })
+        ] }),
+        showBookerCoord && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.bookerCoordinationNote }),
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            style: {
+              border: "none",
+              borderTop: `1px solid ${emailTokens.border}`,
+              marginBottom: "24px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(BookingSummary, { heading: l.bookingSummaryHeader, rows: summaryRows }),
+        showImportant && slug === "d_minus_7" && /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "20px",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              backgroundColor: "#fef3c7",
+              color: "#78350f",
+              fontWeight: 600
+            },
+            children: v.importantNote
+          }
+        ),
+        hasItems(adventures) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                marginTop: "8px",
+                marginBottom: "12px",
+                fontWeight: 700,
+                fontSize: "15px",
+                color: emailTokens.foreground
+              },
+              children: l.progressHeader
+            }
+          ),
+          hasText(v.progressIntro) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.progressIntro }),
+          adventures.map((adv, i) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                marginBottom: "20px",
+                padding: "16px",
+                borderRadius: "8px",
+                border: `1px solid ${emailTokens.border}`
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      marginTop: 0,
+                      marginBottom: "4px",
+                      fontWeight: 700,
+                      color: emailTokens.foreground
+                    },
+                    children: adv.name
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "p",
+                  {
+                    style: {
+                      marginTop: 0,
+                      marginBottom: "12px",
+                      color: emailTokens.mutedForeground,
+                      fontSize: "13px"
+                    },
+                    children: [
+                      l.startsLabel,
+                      ": ",
+                      adv.startDateFormatted
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RegistrationProgressBar,
+                  {
+                    completed: adv.completedTravellers,
+                    total: adv.totalTravellers,
+                    tone: adv.tone,
+                    pct: adv.pct,
+                    barHex: adv.barHex,
+                    labelHex: adv.labelHex,
+                    railHex: adv.railHex,
+                    label: l.completedFractionLabel(
+                      adv.completedTravellers,
+                      adv.totalTravellers
+                    )
+                  }
+                )
+              ]
+            },
+            `${adv.name}-${i}`
+          ))
+        ] }),
+        showEarlyBenefit && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.earlyCompletionBenefit }),
+        (showFinalTagline || showImportant && slug === "d_minus_2") && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginBottom: "20px",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              backgroundColor: "#fef2f2",
+              border: "1px solid #fecaca",
+              color: "#7f1d1d"
+            },
+            children: [
+              showFinalTagline && /* @__PURE__ */ jsx("p", { style: { margin: 0, marginBottom: showImportant ? "8px" : 0, fontWeight: 700 }, children: v.finalReminderTagline }),
+              showImportant && slug === "d_minus_2" && /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: v.importantNote })
+            ]
+          }
+        ),
+        showMultiTraveller && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.multiTravellerNote }),
+        /* @__PURE__ */ jsx("div", { style: { marginBottom: "24px", textAlign: "left" }, children: /* @__PURE__ */ jsx("a", { href: ctaUrl, style: ctaStyle, children: l.ctaLabel }) }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: 700, color: emailTokens.foreground }, children: (agent == null ? void 0 : agent.name) ? l.closingAgent(agent.name) : l.closingNoAgent }),
+        (agent == null ? void 0 : agent.name) && (agent.whatsappUrl || agent.email) && /* @__PURE__ */ jsxs("p", { style: { marginBottom: "16px", fontSize: "14px" }, children: [
+          agent.whatsappUrl && /* @__PURE__ */ jsx("a", { href: agent.whatsappUrl, style: { color: emailTokens.primary, textDecoration: "none" }, children: "WhatsApp" }),
+          agent.whatsappUrl && agent.email && " \xB7 ",
+          agent.email && /* @__PURE__ */ jsx("a", { href: `mailto:${agent.email}`, style: { color: emailTokens.primary, textDecoration: "none" }, children: agent.email })
+        ] }),
+        showDisregard && /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              color: emailTokens.mutedForeground,
+              fontSize: "13px",
+              fontStyle: "italic"
+            },
+            children: v.disregardIfCompleted
+          }
+        ),
+        showClosingThanks && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.closingThanks }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: 0, color: emailTokens.mutedForeground }, children: l.teamSignature })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS6 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -4957,7 +5356,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS5), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS6), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -5070,7 +5469,7 @@ function renderEmailLink(contact, label) {
   return label;
 }
 var EMPTY_CLOSING_ALTERNATIVE = (_agentName, _contact) => null;
-var DEFAULT_LABELS6 = {
+var DEFAULT_LABELS7 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   intermediateHello: "Hope you're doing well.",
@@ -5104,28 +5503,28 @@ var DEFAULT_LABELS6 = {
     dMinus1: {
       intro: (b, d) => `This is a friendly reminder that the remaining balance for your booking #${b} with PlanetaEXO is due tomorrow (${d}).`,
       secureLine: "To secure your booking, please complete the payment through your booking page using the button below:",
-      closingThanks: "Many thanks, and we look forward to helping you experience your next adventure with us.",
+      closingThanks: "Many thanks.",
       disregardIfPaid: "",
       closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dZero: {
       intro: (b, d) => `This is a friendly reminder that the remaining balance for your booking #${b} with PlanetaEXO is due today (${d}).`,
       secureLine: "To keep your booking confirmed, please complete the payment through your booking page using the button below:",
-      closingThanks: "Many thanks, and we look forward to welcoming you soon.",
+      closingThanks: "Many thanks.",
       disregardIfPaid: "",
       closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dPlus1: {
       intro: (b, d) => `We noticed that the remaining balance for your booking #${b} with PlanetaEXO was due yesterday (${d}) and is still pending.`,
       secureLine: "To avoid any impact on your booking confirmation, we kindly ask you to complete the payment as soon as possible through your booking page:",
-      closingThanks: "Thank you, and we hope to welcome you on your upcoming adventure soon.",
+      closingThanks: "Thank you.",
       disregardIfPaid: "If you have already completed the payment, please disregard this message.",
       closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dPlus2: {
       intro: (b, d) => `This is a final reminder regarding the remaining balance for your booking #${b} with PlanetaEXO, which was due on ${d} and is still pending.`,
       secureLine: "To avoid any impact on your booking status or availability, we kindly ask you to complete the payment as soon as possible through your booking page:",
-      closingThanks: "Thank you for your attention, and we hope to welcome you on this adventure soon.",
+      closingThanks: "Thank you for your attention.",
       disregardIfPaid: "If you have already completed the payment, please disregard this message.",
       closingAlternative: (agentName, contact) => /* @__PURE__ */ jsxs(Fragment, { children: [
         "If you are experiencing any issues with payment or need additional time, please contact your agent ",
@@ -5157,7 +5556,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_LABELS6.variants[variant];
+  const variantDefaults = DEFAULT_LABELS7.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,
@@ -5167,19 +5566,19 @@ function PaymentReminderEmail({
     closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
   };
   const l = {
-    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS6.logoAlt,
-    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS6.greeting,
-    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS6.intermediateHello,
-    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS6.bookingSummaryHeader,
-    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS6.amountAlreadyPaidLabel,
-    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS6.remainingBalanceDueLabel,
-    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS6.totalBookingAmountLabel,
-    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS6.paymentDetailsHeading,
-    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS6.ctaLabel,
-    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS6.teamSignature,
-    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS6.closingAgent,
-    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS6.closingNoAgent,
-    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
+    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 : {})
   };
   const ctaStyle = {
     display: "inline-block",
@@ -5265,6 +5664,8 @@ function PaymentReminderEmail({
                   travellerCount: adv.travellerCount,
                   travellers: adv.travellers,
                   itinerary: adv.itinerary,
+                  image: adv.image,
+                  imageAlt: adv.imageAlt,
                   lineItems: adv.lineItems.map((li) => ({
                     unitPrice: li.unitPrice,
                     quantity: li.quantity,
@@ -5993,7 +6394,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS7 = {
+var DEFAULT_LABELS8 = {
   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",
@@ -6658,7 +7059,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React25.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS7), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React25.useMemo(
@@ -11256,6 +11657,6 @@ function LeadCapturePopup({
   );
 }
 
-export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingAdventureCard, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingAdventureCard, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, BookingSummary, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map