@planetaexo/design-system 0.23.4 → 0.25.0

package/dist/index.js

@@ -3848,6 +3848,610 @@ ${content}
 </html>`;
 }
 var DEFAULT_LABELS = {
+  travellersHeading: "TRAVELLERS",
+  detailsHeading: "DETAILS",
+  pricesHeading: "PRICES",
+  subtotalLabel: "Subtotal",
+  travellersCountLabel: (n) => `${n} traveller(s)`,
+  lineItemSeparator: "\xD7",
+  lineItemEquals: "=",
+  includedHeading: "O que est\xE1 incluso",
+  notIncludedHeading: "O que n\xE3o est\xE1 incluso",
+  childBadge: "child",
+  adultsUnit: "adult(s)",
+  childrenUnit: "child(ren)"
+};
+function BookingAdventureCard({
+  tag,
+  name,
+  startDate,
+  endDate,
+  travellerCount,
+  slots,
+  travellers,
+  itinerary,
+  description,
+  image,
+  imageAlt,
+  location,
+  destination,
+  included,
+  notIncluded,
+  lineItems,
+  subtotal,
+  labels,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const l = {
+    travellersHeading: (_a = labels == null ? void 0 : labels.travellersHeading) != null ? _a : DEFAULT_LABELS.travellersHeading,
+    detailsHeading: (_b = labels == null ? void 0 : labels.detailsHeading) != null ? _b : DEFAULT_LABELS.detailsHeading,
+    pricesHeading: (_c = labels == null ? void 0 : labels.pricesHeading) != null ? _c : DEFAULT_LABELS.pricesHeading,
+    subtotalLabel: (_d = labels == null ? void 0 : labels.subtotalLabel) != null ? _d : DEFAULT_LABELS.subtotalLabel,
+    travellersCountLabel: (_e = labels == null ? void 0 : labels.travellersCountLabel) != null ? _e : DEFAULT_LABELS.travellersCountLabel,
+    lineItemSeparator: (_f = labels == null ? void 0 : labels.lineItemSeparator) != null ? _f : DEFAULT_LABELS.lineItemSeparator,
+    lineItemEquals: (_g = labels == null ? void 0 : labels.lineItemEquals) != null ? _g : DEFAULT_LABELS.lineItemEquals,
+    includedHeading: (_h = labels == null ? void 0 : labels.includedHeading) != null ? _h : DEFAULT_LABELS.includedHeading,
+    notIncludedHeading: (_i = labels == null ? void 0 : labels.notIncludedHeading) != null ? _i : DEFAULT_LABELS.notIncludedHeading,
+    childBadge: (_j = labels == null ? void 0 : labels.childBadge) != null ? _j : DEFAULT_LABELS.childBadge,
+    adultsUnit: (_k = labels == null ? void 0 : labels.adultsUnit) != null ? _k : DEFAULT_LABELS.adultsUnit,
+    childrenUnit: (_l = labels == null ? void 0 : labels.childrenUnit) != null ? _l : DEFAULT_LABELS.childrenUnit
+  };
+  const hasTravellers = !!travellers && travellers.length > 0;
+  const hasItinerary = !!itinerary && itinerary.length > 0;
+  const hasDescription = !!description && description.trim().length > 0;
+  const hasIncluded = !!included && included.length > 0;
+  const hasNotIncluded = !!notIncluded && notIncluded.length > 0;
+  const hasLineItems = lineItems.length > 0;
+  const dateRange = endDate ? `${startDate} \u2192 ${endDate}` : startDate;
+  const showSlots = !!slots;
+  const slotsText = showSlots ? [
+    slots.adults ? `${slots.adults} ${l.adultsUnit}` : null,
+    slots.children ? `${slots.children} ${l.childrenUnit}` : null
+  ].filter(Boolean).join(" \xB7 ") : "";
+  const showTravellersCount = !showSlots && typeof travellerCount === "number" && travellerCount > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        borderRadius: "16px",
+        border: `1px solid ${emailTokens.border}`,
+        backgroundColor: emailTokens.white,
+        overflow: "hidden"
+      },
+      className,
+      children: [
+        image && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", backgroundColor: emailTokens.muted }, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: image,
+            alt: imageAlt != null ? imageAlt : name,
+            style: { width: "100%", height: "auto", display: "block" }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
+          tag && /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                display: "inline-block",
+                backgroundColor: emailTokens.primaryLight,
+                color: emailTokens.primary,
+                padding: "2px 8px",
+                borderRadius: "6px",
+                fontSize: "12px",
+                fontWeight: 600,
+                letterSpacing: "0.05em"
+              },
+              children: tag
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              style: {
+                fontSize: "20px",
+                fontWeight: 700,
+                color: emailTokens.foreground,
+                lineHeight: "1.3",
+                margin: "0 0 10px 0"
+              },
+              children: name
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "table",
+            {
+              cellPadding: 0,
+              cellSpacing: 0,
+              style: { borderCollapse: "collapse", marginBottom: "10px" },
+              children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      paddingRight: "6px",
+                      width: "16px"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4C5}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: dateRange
+                  }
+                )
+              ] }) })
+            }
+          ),
+          location && /* @__PURE__ */ jsx(
+            "table",
+            {
+              cellPadding: 0,
+              cellSpacing: 0,
+              style: { borderCollapse: "collapse", marginBottom: "10px" },
+              children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      paddingRight: "6px",
+                      width: "16px"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4CD}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: location
+                  }
+                )
+              ] }) })
+            }
+          ),
+          showSlots && slotsText && /* @__PURE__ */ jsx(
+            "table",
+            {
+              cellPadding: 0,
+              cellSpacing: 0,
+              style: { borderCollapse: "collapse", marginBottom: "10px" },
+              children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      paddingRight: "6px",
+                      width: "16px"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F465}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: slotsText
+                  }
+                )
+              ] }) })
+            }
+          ),
+          showTravellersCount && /* @__PURE__ */ jsx(
+            "table",
+            {
+              cellPadding: 0,
+              cellSpacing: 0,
+              style: { borderCollapse: "collapse", marginBottom: "10px" },
+              children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      paddingRight: "6px",
+                      width: "16px"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F465}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: l.travellersCountLabel(travellerCount)
+                  }
+                )
+              ] }) })
+            }
+          ),
+          destination && /* @__PURE__ */ jsx(
+            "table",
+            {
+              cellPadding: 0,
+              cellSpacing: 0,
+              style: { borderCollapse: "collapse", marginBottom: "10px" },
+              children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      paddingRight: "6px",
+                      width: "16px"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F9ED}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: destination
+                  }
+                )
+              ] }) })
+            }
+          ),
+          hasTravellers && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
+            /* @__PURE__ */ jsx(
+              "hr",
+              {
+                style: {
+                  border: "none",
+                  borderTop: `1px solid ${emailTokens.border}`,
+                  marginBottom: "10px"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "10px",
+                  fontWeight: 700,
+                  color: emailTokens.mutedForeground,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.1em",
+                  margin: "0 0 8px 0"
+                },
+                children: l.travellersHeading
+              }
+            ),
+            travellers.map((tr, i) => {
+              var _a2;
+              const isObj = typeof tr === "object";
+              const fullName = isObj ? tr.fullName : tr;
+              const isChild = isObj && tr.isChild === true;
+              const childLabel = isObj ? (_a2 = tr.childBadgeLabel) != null ? _a2 : l.childBadge : l.childBadge;
+              return /* @__PURE__ */ jsx(
+                "table",
+                {
+                  cellPadding: 0,
+                  cellSpacing: 0,
+                  style: {
+                    borderCollapse: "collapse",
+                    width: "100%",
+                    marginBottom: "6px"
+                  },
+                  children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle" }, children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "14px",
+                          fontWeight: 500,
+                          color: emailTokens.foreground
+                        },
+                        children: fullName
+                      }
+                    ) }),
+                    isChild && /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", textAlign: "right" }, children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "10px",
+                          fontWeight: 600,
+                          color: emailTokens.mutedForeground,
+                          backgroundColor: emailTokens.muted,
+                          borderRadius: "9999px",
+                          padding: "2px 8px",
+                          textTransform: "uppercase",
+                          letterSpacing: "0.05em"
+                        },
+                        children: childLabel
+                      }
+                    ) })
+                  ] }) })
+                },
+                i
+              );
+            })
+          ] }),
+          (hasDescription || hasItinerary) && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
+            /* @__PURE__ */ jsx(
+              "hr",
+              {
+                style: {
+                  border: "none",
+                  borderTop: `1px solid ${emailTokens.border}`,
+                  marginBottom: "10px"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "10px",
+                  fontWeight: 700,
+                  color: emailTokens.mutedForeground,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.1em",
+                  margin: "0 0 8px 0"
+                },
+                children: l.detailsHeading
+              }
+            ),
+            hasDescription ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: "14px",
+                  color: emailTokens.bodyText,
+                  lineHeight: "1.4",
+                  margin: 0
+                },
+                dangerouslySetInnerHTML: { __html: description }
+              }
+            ) : itinerary.map((line, i) => /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "14px",
+                  color: emailTokens.bodyText,
+                  lineHeight: "1.4",
+                  margin: "0 0 6px 0"
+                },
+                children: line
+              },
+              i
+            ))
+          ] }),
+          hasIncluded && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
+            /* @__PURE__ */ jsx(
+              "h4",
+              {
+                style: {
+                  fontSize: "14px",
+                  fontWeight: 700,
+                  color: emailTokens.foreground,
+                  margin: "0 0 8px 0"
+                },
+                children: l.includedHeading
+              }
+            ),
+            included.map((item, i) => /* @__PURE__ */ jsx(
+              "table",
+              {
+                cellPadding: 0,
+                cellSpacing: 0,
+                style: {
+                  borderCollapse: "collapse",
+                  width: "100%",
+                  marginBottom: "6px"
+                },
+                children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        display: "inline-block",
+                        fontSize: "14px",
+                        color: emailTokens.primary,
+                        lineHeight: "1.2",
+                        fontWeight: 700
+                      },
+                      children: "\u2713"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
+                ] }) })
+              },
+              i
+            ))
+          ] }),
+          hasNotIncluded && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
+            /* @__PURE__ */ jsx(
+              "h4",
+              {
+                style: {
+                  fontSize: "14px",
+                  fontWeight: 700,
+                  color: emailTokens.foreground,
+                  margin: "0 0 8px 0"
+                },
+                children: l.notIncludedHeading
+              }
+            ),
+            notIncluded.map((item, i) => /* @__PURE__ */ jsx(
+              "table",
+              {
+                cellPadding: 0,
+                cellSpacing: 0,
+                style: {
+                  borderCollapse: "collapse",
+                  width: "100%",
+                  marginBottom: "6px"
+                },
+                children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        display: "inline-block",
+                        fontSize: "14px",
+                        color: emailTokens.destructive,
+                        lineHeight: "1.2",
+                        fontWeight: 700
+                      },
+                      children: "\u2717"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
+                ] }) })
+              },
+              i
+            ))
+          ] }),
+          hasLineItems && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
+            /* @__PURE__ */ jsx(
+              "hr",
+              {
+                style: {
+                  border: "none",
+                  borderTop: `1px solid ${emailTokens.border}`,
+                  marginBottom: "10px"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "10px",
+                  fontWeight: 700,
+                  color: emailTokens.mutedForeground,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.1em",
+                  margin: "0 0 8px 0"
+                },
+                children: l.pricesHeading
+              }
+            ),
+            lineItems.map((li, j) => {
+              var _a2, _b2, _c2;
+              const useLabel = typeof li.label === "string" && li.label.length > 0;
+              const valueText = li.subtotal;
+              const rightStyle = {
+                verticalAlign: "middle",
+                textAlign: "right",
+                fontSize: "14px",
+                fontWeight: 500,
+                whiteSpace: "nowrap",
+                color: li.isDiscount ? emailTokens.green : emailTokens.foreground
+              };
+              return /* @__PURE__ */ jsx(
+                "table",
+                {
+                  cellPadding: 0,
+                  cellSpacing: 0,
+                  style: {
+                    borderCollapse: "collapse",
+                    width: "100%",
+                    marginBottom: "4px"
+                  },
+                  children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx(
+                      "td",
+                      {
+                        style: {
+                          verticalAlign: "middle",
+                          fontSize: "14px",
+                          color: emailTokens.mutedForeground
+                        },
+                        children: useLabel ? li.label : `${(_a2 = li.unitPrice) != null ? _a2 : ""} ${l.lineItemSeparator} ${(_b2 = li.quantity) != null ? _b2 : ""} ${(_c2 = li.categoryLabel) != null ? _c2 : ""} ${l.lineItemEquals}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("td", { style: rightStyle, children: [
+                      li.isDiscount ? "\u2212" : "",
+                      valueText
+                    ] })
+                  ] }) })
+                },
+                j
+              );
+            }),
+            subtotal && /* @__PURE__ */ jsx(
+              "table",
+              {
+                cellPadding: 0,
+                cellSpacing: 0,
+                style: {
+                  borderCollapse: "collapse",
+                  width: "100%",
+                  paddingTop: "8px",
+                  marginTop: "4px",
+                  borderTop: `1px solid ${emailTokens.border}`
+                },
+                children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      style: {
+                        verticalAlign: "middle",
+                        fontSize: "14px",
+                        fontWeight: 700,
+                        color: emailTokens.foreground
+                      },
+                      children: l.subtotalLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      style: {
+                        verticalAlign: "middle",
+                        textAlign: "right",
+                        fontSize: "14px",
+                        fontWeight: 700,
+                        color: emailTokens.foreground,
+                        whiteSpace: "nowrap"
+                      },
+                      children: subtotal
+                    }
+                  )
+                ] }) })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS2 = {
   ctaButton: "View booking details",
   logoAlt: "PlanetaEXO",
   greeting: (recipientName) => `Hi ${recipientName},`,
@@ -3899,7 +4503,7 @@ function BookingConfirmation({
   className,
   flow = "auto"
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
   const allTravellers = adventures.flatMap((a) => {
     var _a;
     return (_a = a.travellers) != null ? _a : [];
@@ -3987,115 +4591,57 @@ function BookingConfirmation({
         ] }),
         /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
         /* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: adventures.map((adventure, adIdx) => {
-          var _a, _b, _c, _d, _e;
-          return /* @__PURE__ */ jsxs(
+          var _a, _b, _c, _d;
+          const locationToPass = adventure.location && !adventure.destinationName ? adventure.location : void 0;
+          const destinationToPass = (_a = adventure.destinationName) != null ? _a : adventure.partner;
+          const tagToPass = (_b = adventure.code) != null ? _b : adventure.reference;
+          const travellersToPass = (_c = adventure.travellers) == null ? void 0 : _c.map((tr) => ({
+            fullName: `${tr.firstName} ${tr.lastName}`,
+            isChild: tr.isChild,
+            childBadgeLabel: l.childBadge
+          }));
+          const lineItemsToPass = ((_d = adventure.lineItems) != null ? _d : []).map((it) => ({
+            label: it.label,
+            subtotal: it.price,
+            isDiscount: it.isDiscount
+          }));
+          return /* @__PURE__ */ jsx(
             "div",
             {
               style: {
-                borderRadius: "16px",
-                border: `1px solid ${emailTokens.border}`,
-                backgroundColor: emailTokens.white,
-                overflow: "hidden",
                 marginBottom: adIdx < adventures.length - 1 ? "24px" : "0"
               },
-              children: [
-                adventure.image && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", backgroundColor: emailTokens.muted }, children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: adventure.image,
-                    alt: (_a = adventure.imageAlt) != null ? _a : adventure.title,
-                    style: { width: "100%", height: "auto", display: "block" }
+              children: /* @__PURE__ */ jsx(
+                BookingAdventureCard,
+                {
+                  tag: tagToPass,
+                  name: adventure.title,
+                  startDate: adventure.dateFrom,
+                  endDate: adventure.dateTo,
+                  slots: adventure.slots,
+                  travellers: travellersToPass,
+                  description: adventure.description,
+                  image: adventure.image,
+                  imageAlt: adventure.imageAlt,
+                  location: locationToPass,
+                  destination: destinationToPass,
+                  included: adventure.included,
+                  notIncluded: adventure.notIncluded,
+                  lineItems: lineItemsToPass,
+                  subtotal: adventure.subtotal,
+                  labels: {
+                    travellersHeading: l.travellersLabel,
+                    detailsHeading: l.itineraryLabel,
+                    pricesHeading: l.pricingLabel,
+                    subtotalLabel: l.subtotalLabel,
+                    includedHeading: l.includedLabel,
+                    notIncludedHeading: l.notIncludedLabel,
+                    childBadge: l.childBadge,
+                    adultsUnit: l.adultsUnit,
+                    childrenUnit: l.childrenUnit
                   }
-                ) }),
-                /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
-                  ((_b = adventure.code) != null ? _b : adventure.reference) && /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: /* @__PURE__ */ jsx("span", { style: {
-                    display: "inline-block",
-                    backgroundColor: emailTokens.primaryLight,
-                    color: emailTokens.primary,
-                    padding: "2px 8px",
-                    borderRadius: "6px",
-                    fontSize: "12px",
-                    fontWeight: "600",
-                    letterSpacing: "0.05em"
-                  }, children: (_c = adventure.code) != null ? _c : adventure.reference }) }),
-                  /* @__PURE__ */ jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color: emailTokens.foreground, lineHeight: "1.3", margin: "0 0 10px 0" }, children: adventure.title }),
-                  /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4C5}" }) }),
-                    /* @__PURE__ */ jsxs("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
-                      adventure.dateFrom,
-                      " \u2192 ",
-                      adventure.dateTo
-                    ] })
-                  ] }) }) }),
-                  adventure.location && !adventure.destinationName && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4CD}" }) }),
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: adventure.location })
-                  ] }) }) }),
-                  adventure.slots && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F465}" }) }),
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
-                      adventure.slots.adults ? `${adventure.slots.adults} ${l.adultsUnit}` : null,
-                      adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
-                    ].filter(Boolean).join(" \xB7 ") })
-                  ] }) }) }),
-                  ((_d = adventure.destinationName) != null ? _d : adventure.partner) && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F9ED}" }) }),
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: (_e = adventure.destinationName) != null ? _e : adventure.partner })
-                  ] }) }) }),
-                  adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
-                    /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
-                    /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.travellersLabel }),
-                    adventure.travellers.map((traveller) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle" }, children: /* @__PURE__ */ jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color: emailTokens.foreground }, children: [
-                        traveller.firstName,
-                        " ",
-                        traveller.lastName
-                      ] }) }),
-                      traveller.isChild && /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", textAlign: "right" }, children: /* @__PURE__ */ jsx("span", { style: { fontSize: "10px", fontWeight: "600", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted, borderRadius: "9999px", padding: "2px 8px", textTransform: "uppercase", letterSpacing: "0.05em" }, children: l.childBadge }) })
-                    ] }) }) }, traveller.id))
-                  ] }),
-                  adventure.description && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
-                    /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
-                    /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.4", margin: 0 },
-                        dangerouslySetInnerHTML: { __html: adventure.description }
-                      }
-                    )
-                  ] }),
-                  adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
-                    /* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.includedLabel }),
-                    adventure.included.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", color: emailTokens.primary, lineHeight: "1.2", fontWeight: 700 }, children: "\u2713" }) }),
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
-                    ] }) }) }, i))
-                  ] }),
-                  adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
-                    /* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.notIncludedLabel }),
-                    adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", color: emailTokens.destructive, lineHeight: "1.2", fontWeight: 700 }, children: "\u2717" }) }),
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
-                    ] }) }) }, i))
-                  ] }),
-                  adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
-                    /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
-                    /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.pricingLabel }),
-                    adventure.lineItems.map((item, j) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "4px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground }, children: item.label }),
-                      /* @__PURE__ */ jsxs("td", { style: { verticalAlign: "middle", textAlign: "right", fontSize: "14px", fontWeight: "500", whiteSpace: "nowrap", color: item.isDiscount ? emailTokens.green : emailTokens.foreground }, children: [
-                        item.isDiscount ? "\u2212" : "",
-                        item.price
-                      ] })
-                    ] }) }) }, j)),
-                    adventure.subtotal && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", paddingTop: "8px", marginTop: "4px", borderTop: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", fontWeight: "700", color: emailTokens.foreground }, children: l.subtotalLabel }),
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", textAlign: "right", fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: adventure.subtotal })
-                    ] }) }) })
-                  ] })
-                ] })
-              ]
+                }
+              )
             },
             adventure.id
           );
@@ -4154,7 +4700,7 @@ function BookingConfirmation({
     }
   );
 }
-var DEFAULT_LABELS2 = {
+var DEFAULT_LABELS3 = {
   ctaButton: "Add travellers to your booking",
   logoAlt: "PlanetaEXO",
   greeting: (recipientName) => `Hi ${recipientName},`,
@@ -4187,7 +4733,7 @@ function BookingConfirmationEmail({
   nextStepsImportant,
   directBookingLinkLabel
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels);
   const ctaStyle = {
     display: "inline-block",
     backgroundColor: emailTokens.primary,
@@ -4274,7 +4820,7 @@ function BookingConfirmationEmail({
     }
   );
 }
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -4313,7 +4859,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -4409,6 +4955,252 @@ function PaymentReceiptEmail({
     }
   );
 }
+var EMPTY_AGENT_FN = (_agentName) => "";
+var DEFAULT_LABELS5 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (name) => `Hi ${name},`,
+  intermediateHello: "Hope you're doing well.",
+  bookingSummaryHeader: "Booking summary",
+  amountAlreadyPaidLabel: "Amount already paid",
+  remainingBalanceDueLabel: "Remaining balance due",
+  totalBookingAmountLabel: "Total booking amount",
+  ctaLabel: "Complete Payment",
+  teamSignature: "The PlanetaEXO Team",
+  closingAgent: (agentName) => `If you need any assistance or would like to discuss your payment, feel free to contact your agent ${agentName} via WhatsApp or email.`,
+  closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
+  adventureCard: {
+    travellersHeading: "TRAVELLERS",
+    detailsHeading: "DETAILS",
+    pricesHeading: "PRICES",
+    subtotalLabel: "Subtotal",
+    travellersCountLabel: (n) => `${n} traveller(s)`,
+    lineItemSeparator: "\xD7",
+    lineItemEquals: "="
+  },
+  variants: {
+    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.",
+      disregardIfPaid: "",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    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.",
+      disregardIfPaid: "",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    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.",
+      disregardIfPaid: "If you have already completed the payment, please disregard this message.",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    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.",
+      disregardIfPaid: "If you have already completed the payment, please disregard this message.",
+      closingAlternative: (agentName) => `If you are experiencing any issues with payment or need additional time, please contact your agent ${agentName} via WhatsApp or email. We'll be happy to assist.`
+    }
+  }
+};
+function PaymentReminderEmail({
+  variant,
+  recipientName,
+  bookingNumber,
+  balanceDueDate,
+  adventures,
+  amountAlreadyPaid,
+  remainingBalanceDue,
+  totalBookingAmount,
+  viewBookingUrl,
+  agentName,
+  logoUrl,
+  labels,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  const lOverride = labels != null ? labels : {};
+  const variantDefaults = DEFAULT_LABELS5.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,
+    secureLine: (_d = variantOverride.secureLine) != null ? _d : variantDefaults.secureLine,
+    closingThanks: (_e = variantOverride.closingThanks) != null ? _e : variantDefaults.closingThanks,
+    disregardIfPaid: variantOverride.disregardIfPaid !== void 0 ? variantOverride.disregardIfPaid : variantDefaults.disregardIfPaid,
+    closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
+  };
+  const l = {
+    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS5.logoAlt,
+    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS5.greeting,
+    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS5.intermediateHello,
+    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS5.bookingSummaryHeader,
+    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS5.amountAlreadyPaidLabel,
+    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS5.remainingBalanceDueLabel,
+    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS5.totalBookingAmountLabel,
+    ctaLabel: (_n = lOverride.ctaLabel) != null ? _n : DEFAULT_LABELS5.ctaLabel,
+    teamSignature: (_o = lOverride.teamSignature) != null ? _o : DEFAULT_LABELS5.teamSignature,
+    closingAgent: (_p = lOverride.closingAgent) != null ? _p : DEFAULT_LABELS5.closingAgent,
+    closingNoAgent: (_q = lOverride.closingNoAgent) != null ? _q : DEFAULT_LABELS5.closingNoAgent,
+    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS5.adventureCard), (_r = lOverride.adventureCard) != null ? _r : {})
+  };
+  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 summaryRowStyle = {
+    margin: "0 0 8px",
+    fontSize: "14px",
+    color: emailTokens.foreground
+  };
+  const agentNameTrimmed = agentName == null ? void 0 : agentName.trim();
+  const closingMain = agentNameTrimmed ? l.closingAgent(agentNameTrimmed) : l.closingNoAgent;
+  const showDisregard = typeof variantLabels.disregardIfPaid === "string" && variantLabels.disregardIfPaid.trim().length > 0;
+  const closingAlternativeText = agentNameTrimmed && variantLabels.closingAlternative ? variantLabels.closingAlternative(agentNameTrimmed) : "";
+  const showClosingAlternative = closingAlternativeText.trim().length > 0;
+  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(recipientName) }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.intermediateHello }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "12px" }, children: variantLabels.intro(bookingNumber, balanceDueDate) }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "24px" }, children: variantLabels.secureLine }),
+        /* @__PURE__ */ jsx("div", { style: { marginBottom: "32px", textAlign: "center" }, children: /* @__PURE__ */ jsx("a", { href: viewBookingUrl, style: ctaStyle, children: l.ctaLabel }) }),
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            style: {
+              border: "none",
+              borderTop: `1px solid ${emailTokens.border}`,
+              marginBottom: "24px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              fontWeight: 700,
+              color: emailTokens.foreground,
+              fontSize: "16px"
+            },
+            children: l.bookingSummaryHeader
+          }
+        ),
+        adventures.map((adv, advIdx) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                marginBottom: advIdx < adventures.length - 1 ? "16px" : "20px"
+              },
+              children: /* @__PURE__ */ jsx(
+                BookingAdventureCard,
+                {
+                  tag: adv.tag,
+                  name: adv.name,
+                  startDate: (_a2 = adv.startDate) != null ? _a2 : "",
+                  endDate: adv.endDate,
+                  travellerCount: adv.travellerCount,
+                  travellers: adv.travellers,
+                  itinerary: adv.itinerary,
+                  lineItems: adv.lineItems.map((li) => ({
+                    unitPrice: li.unitPrice,
+                    quantity: li.quantity,
+                    categoryLabel: li.categoryLabel,
+                    subtotal: li.subtotal
+                  })),
+                  subtotal: adv.subtotal,
+                  labels: l.adventureCard
+                }
+              )
+            },
+            advIdx
+          );
+        }),
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            style: {
+              border: "none",
+              borderTop: `1px solid ${emailTokens.border}`,
+              marginBottom: "16px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { style: summaryRowStyle, children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.amountAlreadyPaidLabel,
+            ":"
+          ] }),
+          " ",
+          amountAlreadyPaid
+        ] }),
+        /* @__PURE__ */ jsxs("p", { style: summaryRowStyle, children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.remainingBalanceDueLabel,
+            ":"
+          ] }),
+          " ",
+          remainingBalanceDue
+        ] }),
+        /* @__PURE__ */ jsxs("p", { style: __spreadProps(__spreadValues({}, summaryRowStyle), { marginBottom: "24px" }), children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.totalBookingAmountLabel,
+            ":"
+          ] }),
+          " ",
+          totalBookingAmount
+        ] }),
+        showDisregard && /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              fontSize: "14px",
+              color: emailTokens.mutedForeground,
+              fontStyle: "italic"
+            },
+            children: variantLabels.disregardIfPaid
+          }
+        ),
+        showClosingAlternative && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingAlternativeText }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingMain }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: variantLabels.closingThanks }),
+        /* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
 function BookingOtpEmail({
   greeting,
   intro,
@@ -5089,7 +5881,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS6 = {
   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",
@@ -5754,7 +6546,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React25.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS6), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React25.useMemo(
@@ -10352,6 +11144,6 @@ function LeadCapturePopup({
   );
 }
 
-export { ActivityCard, AgentContactCard, Alert, BirthDateField, 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, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, 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, 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, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map