@planetaexo/design-system 0.2.15 → 0.3.1

package/dist/index.cjs

@@ -1069,21 +1069,33 @@ function CountrySearchField({
   ] });
 }
 function AdventureCard({ adventure }) {
-  var _a, _b, _c;
-  const [checked, setChecked] = React18__namespace.useState(
-    new Set((_b = (_a = adventure.optionals) == null ? void 0 : _a.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _b : [])
+  var _a, _b, _c, _d, _e;
+  const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
+  const [checkedInternal, setCheckedInternal] = React18__namespace.useState(
+    new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const toggleOptional = (id) => setChecked((prev) => {
-    const next = new Set(prev);
-    next.has(id) ? next.delete(id) : next.add(id);
-    return next;
-  });
+  const isChecked = (opt) => {
+    var _a2;
+    return isControlled ? (_a2 = opt.checked) != null ? _a2 : false : checkedInternal.has(opt.id);
+  };
+  const toggleOptional = (opt) => {
+    var _a2;
+    if (isControlled) {
+      (_a2 = opt.onCheckedChange) == null ? void 0 : _a2.call(opt, opt.id, !opt.checked);
+    } else {
+      setCheckedInternal((prev) => {
+        const next = new Set(prev);
+        next.has(opt.id) ? next.delete(opt.id) : next.add(opt.id);
+        return next;
+      });
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: adventure.image,
-        alt: (_c = adventure.imageAlt) != null ? _c : adventure.title,
+        alt: (_e = adventure.imageAlt) != null ? _e : adventure.title,
         className: "w-full h-full object-cover"
       }
     ) }),
@@ -1125,8 +1137,8 @@ function AdventureCard({ adventure }) {
                 "input",
                 {
                   type: "checkbox",
-                  checked: checked.has(opt.id),
-                  onChange: () => toggleOptional(opt.id),
+                  checked: isChecked(opt),
+                  onChange: () => toggleOptional(opt),
                   className: "h-4 w-4 shrink-0 rounded border-border accent-primary cursor-pointer"
                 }
               ),
@@ -2655,6 +2667,42 @@ function BookingDetails({
     }
   );
 }
+var DEFAULT_LABELS = {
+  ctaButton: "View booking details",
+  logoAlt: "PlanetaEXO",
+  greeting: (recipientName) => `Hi ${recipientName},`,
+  confirmationMessage: "Great news \u2014 your booking has been confirmed! Everything is set and we\u2019re getting ready for your adventure.",
+  detailsIntro: "Below you\u2019ll find the full details of your reservation, including the adventures, travellers, and payment summary.",
+  nextStepsHeading: "\u{1F4CB} Next Steps",
+  nextSteps: [
+    "Each traveller will receive a separate email with a link to complete their individual registration.",
+    "Make sure everyone completes their registration so we can organise everything properly.",
+    "You will receive a final confirmation once all travellers are registered and ready to go."
+  ],
+  bookingSummaryHeading: "\u{1F4DD} Booking Summary",
+  bookingNumberLabel: "Booking Number",
+  adventuresLabel: "Adventures",
+  totalTravellersLabel: "Total Travellers",
+  agentLabel: "Agent",
+  adultsUnit: "adult(s)",
+  childrenUnit: "child(ren)",
+  travellersLabel: "Travellers",
+  childBadge: "child",
+  itineraryLabel: "Itinerary",
+  includedLabel: "O que est\xE1 incluso",
+  notIncludedLabel: "O que n\xE3o est\xE1 incluso",
+  pricingLabel: "Pricing",
+  subtotalLabel: "Subtotal",
+  totalLabel: "Total",
+  paymentSummaryHeading: "\u{1F4B0} Payment Summary",
+  paymentDetailsHeading: "Payment Details",
+  depositLabel: (percent) => `Deposit (${percent}%)`,
+  remainingBalanceLabel: "Remaining balance",
+  balanceDueLabel: "Balance due",
+  paidInFullLabel: "\u2705 Paid in full",
+  footerMessage: "All travellers have been registered for this booking. Each person will receive a separate email with their individual details and any pre-departure information.",
+  footerContact: (agent) => `If you have any questions, just reply to this email or contact ${agent} \u2014 happy to help.`
+};
 var DEFAULT_LOGO = "/logo-planetaexo.png";
 function BookingConfirmation({
   recipientName,
@@ -2667,8 +2715,10 @@ function BookingConfirmation({
   depositInfo,
   agent,
   viewBookingUrl,
+  labels,
   className
 }) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
   const allTravellers = adventures.flatMap((a) => {
     var _a;
     return (_a = a.travellers) != null ? _a : [];
@@ -2678,14 +2728,14 @@ function BookingConfirmation({
     {
       href: viewBookingUrl,
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading hover:bg-primary/90 transition-colors no-underline",
-      children: "View booking details"
+      children: l.ctaButton
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading",
       role: "presentation",
-      children: "View booking details"
+      children: l.ctaButton
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2700,50 +2750,42 @@ function BookingConfirmation({
           "img",
           {
             src: logoUrl,
-            alt: "PlanetaEXO",
+            alt: l.logoAlt,
             className: "h-[70px] w-auto object-contain"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-5 text-base", children: [
-            "Hi ",
-            recipientName,
-            ","
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "Great news \u2014 your booking has been confirmed! Everything is set and we're getting ready for your adventure." }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 text-base", children: "Below you'll find the full details of your reservation, including the adventures, travellers, and payment summary." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.greeting(recipientName) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.confirmationMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 text-base", children: l.detailsIntro }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-10", children: ViewBookingCta })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4CB} Next Steps" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border p-5 flex flex-col gap-4", children: [
-            "Each traveller will receive a separate email with a link to complete their individual registration.",
-            "Make sure everyone completes their registration so we can organise everything properly.",
-            "You will receive a final confirmation once all travellers are registered and ready to go."
-          ].map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.nextStepsHeading }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border p-5 flex flex-col gap-4", children: l.nextSteps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-xs font-bold text-primary font-heading mt-0.5", children: i + 1 }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed", children: step })
           ] }, i)) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4DD} Booking Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.bookingSummaryHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Booking Number" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.bookingNumberLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-semibold text-primary", children: bookingReference })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Adventures" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.adventuresLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: adventures.length })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Total Travellers" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.totalTravellersLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: allTravellers.length })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Agent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.agentLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: agent })
             ] })
           ] }) }) })
@@ -2793,8 +2835,8 @@ function BookingConfirmation({
                       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
                     ] }),
                     [
-                      adventure.slots.adults ? `${adventure.slots.adults} adult(s)` : null,
-                      adventure.slots.children ? `${adventure.slots.children} child(ren)` : null
+                      adventure.slots.adults ? `${adventure.slots.adults} ${l.adultsUnit}` : null,
+                      adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
                     ].filter(Boolean).join(" \xB7 ")
                   ] }),
                   adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
@@ -2807,7 +2849,7 @@ function BookingConfirmation({
                   adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Travellers" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.travellersLabel }),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5", children: adventure.travellers.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
                         "div",
                         {
@@ -2818,7 +2860,7 @@ function BookingConfirmation({
                               " ",
                               t.lastName
                             ] }),
-                            t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-muted-foreground bg-muted rounded-full px-2 py-0.5 font-heading uppercase tracking-wide", children: "child" })
+                            t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-muted-foreground bg-muted rounded-full px-2 py-0.5 font-heading uppercase tracking-wide", children: l.childBadge })
                           ]
                         },
                         t.id
@@ -2828,12 +2870,12 @@ function BookingConfirmation({
                   adventure.description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Itinerary" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.itineraryLabel }),
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
                     ] })
                   ] }),
                   adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: l.includedLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                       "li",
                       {
@@ -2847,7 +2889,7 @@ function BookingConfirmation({
                     )) })
                   ] }),
                   adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que n\xE3o est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: l.notIncludedLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                       "li",
                       {
@@ -2866,7 +2908,7 @@ function BookingConfirmation({
                   adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Pricing" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.pricingLabel }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
                         adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxRuntime.jsxs(
                           "div",
@@ -2892,7 +2934,7 @@ function BookingConfirmation({
                           j
                         )),
                         adventure.subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-border", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: "Subtotal" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: l.subtotalLabel }),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading whitespace-nowrap", children: adventure.subtotal })
                         ] })
                       ] })
@@ -2906,7 +2948,7 @@ function BookingConfirmation({
         }) }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4B0} Payment Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.paymentSummaryHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
             summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: item.label }),
@@ -2925,27 +2967,23 @@ function BookingConfirmation({
               )
             ] }, i)),
             subtotal && /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: "Subtotal" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: l.subtotalLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: subtotal })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-muted/30", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: "Total" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: l.totalLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 text-right font-bold text-primary font-heading text-xl whitespace-nowrap", children: total })
             ] })
           ] }) }) }),
           depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border mt-4 overflow-hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Payment Details" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: l.paymentDetailsHeading }) }),
             /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "py-2.5 px-4 text-muted-foreground", children: [
-                  "Deposit (",
-                  depositInfo.depositPercent,
-                  "%)"
-                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.depositLabel(depositInfo.depositPercent) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.depositAmount })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Remaining balance" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.remainingBalanceLabel }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.remainingAmount })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2955,7 +2993,7 @@ function BookingConfirmation({
                     depositInfo.isPaidInFull && "border-b border-border"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Balance due" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.balanceDueLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.balanceDueDate })
                   ]
                 }
@@ -2965,7 +3003,7 @@ function BookingConfirmation({
                 {
                   colSpan: 2,
                   className: "py-3 px-4 text-center font-semibold text-green-600 bg-green-50",
-                  children: "\u2705 Paid in full"
+                  children: l.paidInFullLabel
                 }
               ) })
             ] }) })
@@ -2973,18 +3011,29 @@ function BookingConfirmation({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8 pb-10", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "All travellers have been registered for this booking. Each person will receive a separate email with their individual details and any pre-departure information." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base", children: [
-            "If you have any questions, just reply to this email or contact",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: agent }),
-            " \u2014 happy to help."
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.footerMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base", children: l.footerContact(agent) })
         ] })
       ]
     }
   );
 }
+var DEFAULT_LABELS2 = {
+  ctaButton: "Add travellers to your booking",
+  logoAlt: "PlanetaEXO",
+  greeting: (recipientName) => `Hi ${recipientName},`,
+  thankYouMessage: "Thank you for booking your adventure with PlanetaEXO \u2014 we\u2019re really looking forward to your adventure.",
+  addTravellersInstruction: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration.",
+  summaryHeading: "\u{1F4DD} Here\u2019s a quick summary of your booking:",
+  bookingNumberLabel: "Booking Number:",
+  activityLabel: "Activity:",
+  adventureLabel: "Adventure:",
+  startingDateLabel: "Starting Date:",
+  numberOfPeopleLabel: "Number of People:",
+  hostLabel: "Host:",
+  postCtaMessage: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly.",
+  closingMessage: "If you have any questions, just reply to this email \u2014 happy to help."
+};
 var DEFAULT_LOGO2 = "/logo-planetaexo.png";
 function BookingConfirmationEmail({
   recipientName,
@@ -2996,21 +3045,23 @@ function BookingConfirmationEmail({
   startingDate,
   numberOfPeople,
   host,
+  labels,
   className
 }) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
   const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
       href: addTravellersUrl,
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading hover:bg-primary-800 transition-colors no-underline",
-      children: "Add travellers to your booking"
+      children: l.ctaButton
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading",
       role: "presentation",
-      children: "Add travellers to your booking"
+      children: l.ctaButton
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3025,49 +3076,45 @@ function BookingConfirmationEmail({
           "img",
           {
             src: logoUrl,
-            alt: "PlanetaEXO",
+            alt: l.logoAlt,
             className: "h-[70px] w-auto object-contain"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-4", children: [
-          "Hi ",
-          recipientName,
-          ","
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "Thank you for booking your adventure with PlanetaEXO \u2014 we're really looking forward to your adventure." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.greeting(recipientName) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.thankYouMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.addTravellersInstruction }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8", children: AddTravellersCta }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: "\u{1F4DD} Here's a quick summary of your booking:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: l.summaryHeading }),
         /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "divide-y divide-border", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Booking Number:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.bookingNumberLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: bookingNumber })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Activity:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.activityLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: activity })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Adventure:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.adventureLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: adventure })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Starting Date:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.startingDateLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: startingDate })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Number of People:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.numberOfPeopleLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: numberOfPeople })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Host:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.hostLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: host })
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If you have any questions, just reply to this email \u2014 happy to help." })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.postCtaMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.closingMessage })
       ]
     }
   );