@planetaexo/design-system 0.13.3 → 0.14.1

package/dist/index.js

@@ -1261,8 +1261,8 @@ function Alert({ variant = "info", children, className }) {
     }
   );
 }
-function AdventureCard({ adventure }) {
-  var _a, _b, _c, _d, _e, _f;
+function AdventureCard({ adventure, labels }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
   const [checkedInternal, setCheckedInternal] = React23.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
@@ -1303,7 +1303,7 @@ function AdventureCard({ adventure }) {
             className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1 text-xs text-muted-foreground font-ui hover:border-destructive hover:text-destructive transition-colors",
             children: [
               /* @__PURE__ */ jsx(XIcon, { className: "w-3 h-3" }),
-              "Remove"
+              (_f = labels == null ? void 0 : labels.remove) != null ? _f : "Remove"
             ]
           }
         )
@@ -1320,7 +1320,7 @@ function AdventureCard({ adventure }) {
         adventure.location
       ] }),
       adventure.optionals && adventure.optionals.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded-xl border border-border bg-muted/30 p-4 flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Available optionals" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_g = labels == null ? void 0 : labels.availableOptionals) != null ? _g : "Available optionals" }),
         /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: adventure.optionals.map((opt) => {
           var _a2, _b2, _c2, _d2, _e2;
           const checked = isChecked(opt);
@@ -1400,7 +1400,7 @@ function AdventureCard({ adventure }) {
       (adventure.description || adventure.detailsSlot) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Separator, { className: "my-1" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-3", children: (_f = adventure.itineraryLabel) != null ? _f : "Details" }),
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-3", children: (_h = adventure.itineraryLabel) != null ? _h : "Details" }),
           adventure.description && !adventure.detailsSlot && /* @__PURE__ */ jsx("p", { className: "text-base text-foreground/80 leading-snug font-sans", children: adventure.description }),
           adventure.detailsSlot && /* @__PURE__ */ jsx("div", { className: cn(
             "text-foreground",
@@ -1426,21 +1426,21 @@ function AdventureCard({ adventure }) {
         ] })
       ] }),
       adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: "O que est\xE1 incluso" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: (_i = adventure.includedLabel) != null ? _i : "What's included" }),
         /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-base text-foreground/80 font-sans", children: [
           /* @__PURE__ */ jsx(CheckIcon, { className: "w-4 h-4 text-primary shrink-0 mt-1" }),
           item
         ] }, i)) })
       ] }),
       adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: "O que n\xE3o est\xE1 incluso" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: (_j = adventure.notIncludedLabel) != null ? _j : "What's not included" }),
         /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-base text-foreground/80 font-sans", children: [
           /* @__PURE__ */ jsx(XIcon, { className: "w-4 h-4 text-destructive shrink-0 mt-1" }),
           item
         ] }, i)) })
       ] }),
       adventure.cancellationPolicy && adventure.cancellationPolicy.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: "Pol\xEDtica de cancelamento" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-base font-bold text-foreground font-heading", children: (_k = adventure.cancellationPolicyLabel) != null ? _k : "Cancellation policy" }),
         /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.cancellationPolicy.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-base text-muted-foreground font-sans", children: [
           /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 mt-2.5" }),
           item
@@ -1454,12 +1454,14 @@ function OfferSidebar({
   agent,
   onBook,
   bookLabel,
-  bookDisabled
+  bookDisabled,
+  labels
 }) {
+  var _a, _b;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex rounded-2xl border border-border bg-card p-5 flex-col gap-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-widest text-muted-foreground font-heading mb-1", children: "Booking Total" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-widest text-muted-foreground font-heading mb-1", children: (_a = labels == null ? void 0 : labels.bookingTotal) != null ? _a : "Booking Total" }),
         /* @__PURE__ */ jsx("p", { className: "text-3xl font-black text-primary font-heading leading-none", children: total })
       ] }),
       /* @__PURE__ */ jsx(
@@ -1492,7 +1494,7 @@ function OfferSidebar({
           )
         ) : /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-primary font-heading", children: agent.name.charAt(0) }) }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: "Need help with your offer?" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: (_b = labels == null ? void 0 : labels.needHelp) != null ? _b : "Need help with your offer?" }),
           /* @__PURE__ */ jsxs("p", { className: "text-sm font-sans text-foreground mt-0.5", children: [
             "Contact",
             " ",
@@ -1559,10 +1561,12 @@ function OfferSummarySection({
   continueLabel,
   summaryNotesSlot,
   summaryDiscountLine,
-  continueDisabled
+  continueDisabled,
+  labels
 }) {
+  var _a, _b, _c, _d, _e;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx("h3", { className: "font-bold text-foreground font-heading text-base", children: "Summary" }),
+    /* @__PURE__ */ jsx("h3", { className: "font-bold text-foreground font-heading text-base", children: (_a = labels == null ? void 0 : labels.summary) != null ? _a : "Summary" }),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: adventures.map((adventure, i) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
@@ -1581,7 +1585,7 @@ function OfferSummarySection({
     summaryNotesSlot,
     /* @__PURE__ */ jsx(Separator, {}),
     subtotal && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Subtotal" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: (_b = labels == null ? void 0 : labels.subtotal) != null ? _b : "Subtotal" }),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: subtotal })
     ] }),
     summaryDiscountLine && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-success", children: [
@@ -1601,16 +1605,16 @@ function OfferSummarySection({
         /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground font-sans", children: depositInfo.depositAmount })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-sans", children: "Remaining balance" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-sans", children: (_c = labels == null ? void 0 : labels.remainingBalance) != null ? _c : "Remaining balance" }),
         /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground font-sans", children: depositInfo.remainingAmount })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-sans", children: "Balance due" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-sans", children: (_d = labels == null ? void 0 : labels.balanceDue) != null ? _d : "Balance due" }),
         /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground font-sans", children: depositInfo.balanceDueDate })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-foreground font-heading", children: "Total" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-foreground font-heading", children: (_e = labels == null ? void 0 : labels.total) != null ? _e : "Total" }),
       /* @__PURE__ */ jsx("span", { className: "text-2xl font-black text-primary font-heading", children: total })
     ] }),
     /* @__PURE__ */ jsx(
@@ -1925,17 +1929,23 @@ function BookingConfirmedCard({
     )
   ] });
 }
-var WIZARD_STEPS = [
-  { id: "responsible", label: "Responsible party details" },
-  { id: "travellers", label: "Travellers" },
-  { id: "payment", label: "Payment and terms" }
-];
+var WIZARD_STEPS_FN = (l) => {
+  var _a, _b, _c, _d, _e, _f;
+  return [
+    { id: "responsible", label: (_b = (_a = l == null ? void 0 : l.wizardSteps) == null ? void 0 : _a.responsible) != null ? _b : "Responsible party details" },
+    { id: "travellers", label: (_d = (_c = l == null ? void 0 : l.wizardSteps) == null ? void 0 : _c.travellers) != null ? _d : "Travellers" },
+    { id: "payment", label: (_f = (_e = l == null ? void 0 : l.wizardSteps) == null ? void 0 : _e.paymentAndTerms) != null ? _f : "Payment and terms" }
+  ];
+};
 function BookingWizard({
   adventures,
   total,
   depositInfo,
-  onCancel
+  onCancel,
+  labels
 }) {
+  var _a;
+  const wizardSteps = WIZARD_STEPS_FN(labels);
   const [step, setStep] = React23.useState("responsible");
   const [error, setError] = React23.useState(null);
   const [responsible, setResponsible] = React23.useState({
@@ -1949,12 +1959,12 @@ function BookingWizard({
     notes: ""
   });
   const totalAdults = adventures.reduce((s, a) => {
-    var _a, _b;
-    return s + ((_b = (_a = a.slots) == null ? void 0 : _a.adults) != null ? _b : 1);
+    var _a2, _b;
+    return s + ((_b = (_a2 = a.slots) == null ? void 0 : _a2.adults) != null ? _b : 1);
   }, 0);
   const totalChildren = adventures.reduce((s, a) => {
-    var _a, _b;
-    return s + ((_b = (_a = a.slots) == null ? void 0 : _a.children) != null ? _b : 0);
+    var _a2, _b;
+    return s + ((_b = (_a2 = a.slots) == null ? void 0 : _a2.children) != null ? _b : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
   const [travellers, setTravellers] = React23.useState(
@@ -1971,7 +1981,7 @@ function BookingWizard({
   const setR = (k, v) => setResponsible((p) => __spreadProps(__spreadValues({}, p), { [k]: v }));
   const setT = (i, k, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { [k]: v }) : t));
   const setTDob = (i, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { dateOfBirth: v }) : t));
-  const stepIndex = WIZARD_STEPS.findIndex((s) => s.id === step);
+  const stepIndex = wizardSteps.findIndex((s) => s.id === step);
   const goNext = () => {
     setError(null);
     if (step === "responsible") {
@@ -2004,15 +2014,16 @@ function BookingWizard({
     if (step === "travellers") setStep("responsible");
     else if (step === "payment") setStep("travellers");
   };
-  const depositLabel = depositInfo ? `Pay deposit (${depositInfo.depositPercent}%) \u2014 ${depositInfo.depositAmount}` : "Pay deposit";
+  const payDepositLabel = (_a = labels == null ? void 0 : labels.payDeposit) != null ? _a : "Pay deposit";
+  const depositLabel = depositInfo ? `${payDepositLabel} (${depositInfo.depositPercent}%) \u2014 ${depositInfo.depositAmount}` : payDepositLabel;
   const fullLabel = `Pay full amount \u2014 ${total}`;
   if (step === "confirmed") {
-    return /* @__PURE__ */ jsx(BookingConfirmedCard, { email: responsible.email, onBack: onCancel });
+    return /* @__PURE__ */ jsx(BookingConfirmedCard, { title: labels == null ? void 0 : labels.bookingConfirmed, email: responsible.email, onBack: onCancel });
   }
   return /* @__PURE__ */ jsx(
     BookingShell,
     {
-      steps: WIZARD_STEPS.map((s) => s.label),
+      steps: wizardSteps.map((s) => s.label),
       currentStep: stepIndex,
       title: "Booking details",
       onNext: goNext,
@@ -2072,6 +2083,7 @@ function BookingWizard({
             /* @__PURE__ */ jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "Traveller details" })
           ] }),
           travellers.map((t, i) => {
+            var _a2, _b;
             const isChild = i >= totalAdults;
             return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -2082,7 +2094,7 @@ function BookingWizard({
                 /* @__PURE__ */ jsx("span", { className: cn(
                   "text-xs font-semibold font-heading rounded-full px-2.5 py-0.5",
                   isChild ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" : "bg-primary/10 text-primary"
-                ), children: isChild ? "Crian\xE7a" : "Adulto" })
+                ), children: isChild ? (_a2 = labels == null ? void 0 : labels.childLabel) != null ? _a2 : "Child" : (_b = labels == null ? void 0 : labels.adultLabel) != null ? _b : "Adult" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
                 /* @__PURE__ */ jsx(FloatingInput, { label: "First name", required: true, value: t.firstName, onChange: (e) => setT(i, "firstName", e.target.value) }),
@@ -2125,6 +2137,7 @@ function BookingWizard({
           /* @__PURE__ */ jsx(
             PaymentMethodSelector,
             {
+              title: labels == null ? void 0 : labels.paymentMethod,
               methods: [
                 { id: "stripe", label: "Credit / Debit card", description: "Secure payment via Stripe" },
                 { id: "pix", label: "PIX", description: "Instant transfer \u2014 Brazil only" },
@@ -2166,8 +2179,10 @@ function Offer({
   summaryNotesSlot,
   summaryDiscountLine,
   continueDisabled,
+  labels,
   className
 }) {
+  var _a, _b;
   const [showBooking, setShowBooking] = React23.useState(false);
   const isShowingCheckout = !!checkoutSlot || showBooking;
   const handleBook = () => {
@@ -2183,9 +2198,9 @@ function Offer({
         /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(MapIcon, { className: "w-5 h-5 text-primary shrink-0" }),
-            /* @__PURE__ */ jsx("h2", { className: "font-bold text-foreground font-heading text-base", children: "Included Adventures" })
+            /* @__PURE__ */ jsx("h2", { className: "font-bold text-foreground font-heading text-base", children: (_a = labels == null ? void 0 : labels.includedAdventures) != null ? _a : "Included Adventures" })
           ] }),
-          adventures.map((adventure) => /* @__PURE__ */ jsx(AdventureCard, { adventure }, adventure.id))
+          adventures.map((adventure) => /* @__PURE__ */ jsx(AdventureCard, { adventure, labels }, adventure.id))
         ] }),
         !isShowingCheckout && /* @__PURE__ */ jsx(
           OfferSummarySection,
@@ -2198,7 +2213,8 @@ function Offer({
             continueLabel,
             summaryNotesSlot,
             summaryDiscountLine,
-            continueDisabled
+            continueDisabled,
+            labels
           }
         ),
         isShowingCheckout && (checkoutSlot != null ? checkoutSlot : /* @__PURE__ */ jsx(
@@ -2207,7 +2223,8 @@ function Offer({
             adventures,
             total,
             depositInfo,
-            onCancel: () => setShowBooking(false)
+            onCancel: () => setShowBooking(false),
+            labels
           }
         ))
       ] }),
@@ -2218,13 +2235,14 @@ function Offer({
           agent,
           onBook: handleBook,
           bookLabel: continueLabel,
-          bookDisabled: continueDisabled
+          bookDisabled: continueDisabled,
+          labels
         }
       ) })
     ] }),
     !isShowingCheckout && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: "Total" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: (_b = labels == null ? void 0 : labels.total) != null ? _b : "Total" }),
         /* @__PURE__ */ jsx("span", { className: "text-xl font-black text-primary font-heading leading-tight", children: total })
       ] }),
       /* @__PURE__ */ jsx(
@@ -2503,9 +2521,10 @@ function AdventureSection({
   onRequestOpenAddModal,
   onRequestOpenEditModal,
   onRequestOpenDeleteModal,
-  cannotRemoveLastTravellerLabel
+  cannotRemoveLastTravellerLabel,
+  labels
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const [detailsOpen, setDetailsOpen] = React23.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
@@ -2643,7 +2662,7 @@ function AdventureSection({
     /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Travellers" }),
+          /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_f = labels == null ? void 0 : labels.travellersSection) != null ? _f : "Travellers" }),
           adventure.formName && /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground/50 font-heading tracking-wide", children: [
             "\xB7 ",
             adventure.formName
@@ -2663,8 +2682,8 @@ function AdventureSection({
               ),
               children: [
                 /* @__PURE__ */ jsx(UserPlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Add contact as traveller" }),
-                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: "Add contact" })
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_g = labels == null ? void 0 : labels.addContactAsTraveller) != null ? _g : "Add contact as traveller" }),
+                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_h = labels == null ? void 0 : labels.addContactAsTravellerShort) != null ? _h : "Add contact" })
               ]
             }
           ),
@@ -2682,14 +2701,15 @@ function AdventureSection({
               className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-primary hover:border-primary hover:bg-primary/5 transition-colors",
               children: [
                 /* @__PURE__ */ jsx(PlusIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_f = adventure.addTravellerLabel) != null ? _f : "More travellers" }),
-                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_h = (_g = adventure.addTravellerShortLabel) != null ? _g : adventure.addTravellerLabel) != null ? _h : "Add" })
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: (_i = adventure.addTravellerLabel) != null ? _i : "More travellers" }),
+                /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: (_k = (_j = adventure.addTravellerShortLabel) != null ? _j : adventure.addTravellerLabel) != null ? _k : "Add" })
               ]
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border", children: adventure.travellers.map((t) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
         const canRemoveTraveller = adventure.travellers.length > 1;
         const disabledRemoveTitle = canRemoveTraveller ? void 0 : cannotRemoveLastTravellerLabel != null ? cannotRemoveLastTravellerLabel : "Cannot remove last traveller";
         return /* @__PURE__ */ jsxs(
@@ -2704,7 +2724,7 @@ function AdventureSection({
                     " ",
                     t.lastName
                   ] }),
-                  t.isChild && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: "Child" })
+                  t.isChild && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: (_a2 = labels == null ? void 0 : labels.childBadge) != null ? _a2 : "Child" })
                 ] }),
                 t.formUrl && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxs(
@@ -2716,7 +2736,7 @@ function AdventureSection({
                       className: "flex items-center gap-1 text-xs text-primary hover:text-primary/80 transition-colors font-ui",
                       children: [
                         /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "w-3 h-3" }),
-                        "Open"
+                        (_b2 = labels == null ? void 0 : labels.openFormLink) != null ? _b2 : "Open"
                       ]
                     }
                   ),
@@ -2726,7 +2746,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => handleCopyUrl(t.formUrl),
                       className: "flex items-center text-xs text-muted-foreground hover:text-primary transition-colors font-ui",
-                      "aria-label": "Copy form URL",
+                      "aria-label": (_c2 = labels == null ? void 0 : labels.copyFormUrlAria) != null ? _c2 : "Copy form URL",
                       children: /* @__PURE__ */ jsx(CopyIcon, { className: "w-3 h-3" })
                     }
                   )
@@ -2740,7 +2760,7 @@ function AdventureSection({
                       "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold font-heading uppercase tracking-wider shrink-0",
                       t.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" : "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
                     ),
-                    children: t.status
+                    children: t.status === "completed" ? (_d2 = labels == null ? void 0 : labels.travellerStatusCompleted) != null ? _d2 : t.status : (_e2 = labels == null ? void 0 : labels.travellerStatusPending) != null ? _e2 : t.status
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
@@ -2756,7 +2776,7 @@ function AdventureSection({
                         }
                       },
                       className: "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-primary hover:bg-primary/10 transition-colors",
-                      "aria-label": `Edit ${t.firstName}`,
+                      "aria-label": (_g2 = (_f2 = labels == null ? void 0 : labels.editTravellerAria) == null ? void 0 : _f2.call(labels, t.firstName)) != null ? _g2 : `Edit ${t.firstName}`,
                       children: /* @__PURE__ */ jsx(PencilIcon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2779,7 +2799,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": `Delete ${t.firstName}`,
+                      "aria-label": (_i2 = (_h2 = labels == null ? void 0 : labels.deleteTravellerAria) == null ? void 0 : _h2.call(labels, t.firstName)) != null ? _i2 : `Delete ${t.firstName}`,
                       children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2804,7 +2824,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-amber-500 hover:bg-amber-500/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": `Remove ${t.firstName} from adventure`,
+                      "aria-label": (_k2 = (_j2 = labels == null ? void 0 : labels.removeFromAdventureAria) == null ? void 0 : _j2.call(labels, t.firstName)) != null ? _k2 : `Remove ${t.firstName} from adventure`,
                       children: /* @__PURE__ */ jsx(UserMinusIcon, { className: "w-3.5 h-3.5" })
                     }
                   )
@@ -2816,11 +2836,11 @@ function AdventureSection({
         );
       }) }),
       adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && (() => {
-        var _a2;
+        var _a2, _b2;
         const atCapacity = totalSlots > 0 && adventure.travellers.length >= totalSlots;
         const atCapacityTooltip = atCapacity ? (_a2 = adventure.atCapacityLabel) != null ? _a2 : "Adventure full" : void 0;
         return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: (_b2 = labels == null ? void 0 : labels.addToThisAdventure) != null ? _b2 : "Add to this adventure" }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxs(
             "button",
             {
@@ -2847,7 +2867,8 @@ function AdventureSection({
           )) })
         ] });
       })(),
-      adventure.registrationNotRequired ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-ui text-muted-foreground", children: (_i = adventure.noRegistrationRequiredLabel) != null ? _i : "No registration required" }) }) : adventure.travellers.length > 0 && totalSlots > 0 && (() => {
+      adventure.registrationNotRequired ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-ui text-muted-foreground", children: (_l = adventure.noRegistrationRequiredLabel) != null ? _l : "No registration required" }) }) : adventure.travellers.length > 0 && totalSlots > 0 && (() => {
+        var _a2, _b2;
         const completed = adventure.travellers.filter((t) => t.status === "completed").length;
         const percent = Math.round(completed / totalSlots * 100);
         const isComplete = completed >= totalSlots;
@@ -2866,10 +2887,7 @@ function AdventureSection({
             "text-xs font-semibold font-ui shrink-0 flex items-center gap-1",
             textColor
           ), children: [
-            completed,
-            " of ",
-            totalSlots,
-            " travellers registered",
+            (_b2 = (_a2 = labels == null ? void 0 : labels.travellersRegistered) == null ? void 0 : _a2.call(labels, { completed, total: totalSlots })) != null ? _b2 : `${completed} of ${totalSlots} travellers registered`,
             isComplete ? /* @__PURE__ */ jsx(CheckIcon, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "w-3 h-3" })
           ] })
         ] });
@@ -3179,52 +3197,56 @@ function OrderSummary({
   total,
   depositInfo,
   balanceDueLabel,
-  totalPaidLabel
+  totalPaidLabel,
+  labels
 }) {
-  var _a;
+  var _a, _b, _c, _d, _e;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Order Summary" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_a = labels == null ? void 0 : labels.orderSummary) != null ? _a : "Order Summary" }),
     /* @__PURE__ */ jsx(Separator, {}),
-    adventures.map((adventure, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-base font-bold text-foreground font-heading", children: adventure.title }),
-      adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 pl-3 border-l-2 border-primary/20 ml-1", children: adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-start justify-between gap-3",
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "text-sm font-sans leading-tight",
-                  item.isBold ? "font-semibold text-foreground" : "text-muted-foreground"
-                ),
-                children: item.label
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: cn(
-                  "text-sm font-sans shrink-0",
-                  item.isDiscount ? "text-green-600 dark:text-green-400" : item.isBold ? "font-semibold text-foreground" : "text-foreground"
-                ),
-                children: [
-                  item.isDiscount ? "\u2212" : "",
-                  item.price
-                ]
-              }
-            )
-          ]
-        },
-        j
-      )) }),
-      adventure.subtotal && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Subtotal this adventure" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: adventure.subtotal })
-      ] }),
-      i < adventures.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "mt-2" })
-    ] }, adventure.id)),
+    adventures.map((adventure, i) => {
+      var _a2;
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-base font-bold text-foreground font-heading", children: adventure.title }),
+        adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 pl-3 border-l-2 border-primary/20 ml-1", children: adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start justify-between gap-3",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-sm font-sans leading-tight",
+                    item.isBold ? "font-semibold text-foreground" : "text-muted-foreground"
+                  ),
+                  children: item.label
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(
+                    "text-sm font-sans shrink-0",
+                    item.isDiscount ? "text-green-600 dark:text-green-400" : item.isBold ? "font-semibold text-foreground" : "text-foreground"
+                  ),
+                  children: [
+                    item.isDiscount ? "\u2212" : "",
+                    item.price
+                  ]
+                }
+              )
+            ]
+          },
+          j
+        )) }),
+        adventure.subtotal && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: (_a2 = labels == null ? void 0 : labels.subtotalThisAdventure) != null ? _a2 : "Subtotal this adventure" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: adventure.subtotal })
+        ] }),
+        i < adventures.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "mt-2" })
+      ] }, adventure.id);
+    }),
     /* @__PURE__ */ jsx(Separator, {}),
     summaryLineItems && summaryLineItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       summaryLineItems.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -3255,11 +3277,11 @@ function OrderSummary({
       /* @__PURE__ */ jsx(Separator, {})
     ] }),
     subtotal && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Subtotal" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: (_b = labels == null ? void 0 : labels.subtotal) != null ? _b : "Subtotal" }),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: subtotal })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-foreground font-heading", children: "Total" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-foreground font-heading", children: (_c = labels == null ? void 0 : labels.total) != null ? _c : "Total" }),
       /* @__PURE__ */ jsx("span", { className: "text-2xl font-black text-primary font-heading", children: total })
     ] }),
     (depositInfo == null ? void 0 : depositInfo.totalPaid) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -3269,7 +3291,7 @@ function OrderSummary({
     depositInfo && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-lg bg-muted/50 border border-border p-4", children: [
       !depositInfo.hideDepositLine && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground font-sans", children: [
-          (_a = depositInfo.depositLabel) != null ? _a : "Deposit",
+          (_d = depositInfo.depositLabel) != null ? _d : "Deposit",
           " (",
           depositInfo.depositPercent,
           "%)"
@@ -3277,7 +3299,7 @@ function OrderSummary({
         /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.depositAmount })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Remaining balance" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: (_e = labels == null ? void 0 : labels.remainingBalance) != null ? _e : "Remaining balance" }),
         /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.remainingAmount })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -3330,9 +3352,10 @@ function BookingDetails({
   logoAlt,
   onSignOut,
   signOutLabel,
+  labels,
   className
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const people = totalPeople(adventures);
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
@@ -3442,15 +3465,12 @@ function BookingDetails({
                   bookingId
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground font-sans", children: [
-                "Created on ",
-                createdAt
-              ] })
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-sans", children: (_b = (_a = labels == null ? void 0 : labels.createdOn) == null ? void 0 : _a.call(labels, createdAt)) != null ? _b : `Created on ${createdAt}` })
             ] }),
             /* @__PURE__ */ jsx(StatusBadge, { status, label: statusLabel })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-            /* @__PURE__ */ jsxs(InfoCard, { label: "Contact", children: [
+            /* @__PURE__ */ jsxs(InfoCard, { label: (_c = labels == null ? void 0 : labels.contactInfo) != null ? _c : "Contact", children: [
               /* @__PURE__ */ jsx("p", { className: "font-semibold", children: contact.name }),
               contact.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-sans truncate", children: contact.email })
             ] }),
@@ -3458,7 +3478,7 @@ function BookingDetails({
               AgentContactCard,
               {
                 layout: "compact",
-                name: (_a = agent == null ? void 0 : agent.name) != null ? _a : agentName,
+                name: (_d = agent == null ? void 0 : agent.name) != null ? _d : agentName,
                 avatar: agent == null ? void 0 : agent.avatar,
                 email: agent == null ? void 0 : agent.email,
                 whatsappUrl: agent == null ? void 0 : agent.whatsappUrl,
@@ -3468,27 +3488,20 @@ function BookingDetails({
                 legacyContactLabel: agentContactLabel
               }
             ),
-            /* @__PURE__ */ jsxs(InfoCard, { label: "Total People", children: [
+            /* @__PURE__ */ jsxs(InfoCard, { label: (_e = labels == null ? void 0 : labels.totalPeople) != null ? _e : "Total People", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(UsersIcon, { className: "w-4 h-4 text-primary shrink-0" }),
-                /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-                  people.total,
-                  " person(s)"
-                ] })
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: (_g = (_f = labels == null ? void 0 : labels.personCount) == null ? void 0 : _f.call(labels, people.total)) != null ? _g : `${people.total} person(s)` })
               ] }),
               /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-sans", children: [
-                people.adults > 0 ? `Adults: ${people.adults}` : null,
-                people.children > 0 ? `Children: ${people.children}` : null,
-                people.seniors > 0 ? `Seniors: ${people.seniors}` : null
+                people.adults > 0 ? (_j = (_i = (_h = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _h.adults) == null ? void 0 : _i.call(_h, people.adults)) != null ? _j : `Adults: ${people.adults}` : null,
+                people.children > 0 ? (_m = (_l = (_k = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _k.children) == null ? void 0 : _l.call(_k, people.children)) != null ? _m : `Children: ${people.children}` : null,
+                people.seniors > 0 ? (_p = (_o = (_n = labels == null ? void 0 : labels.peopleBreakdown) == null ? void 0 : _n.seniors) == null ? void 0 : _o.call(_n, people.seniors)) != null ? _p : `Seniors: ${people.seniors}` : null
               ].filter(Boolean).join(" \xB7 ") })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsxs("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: [
-              "Adventures (",
-              adventures.length,
-              ")"
-            ] }),
+            /* @__PURE__ */ jsx("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_r = (_q = labels == null ? void 0 : labels.adventuresSection) == null ? void 0 : _q.call(labels, adventures.length)) != null ? _r : `Adventures (${adventures.length})` }),
             adventures.map((adventure) => /* @__PURE__ */ jsx(
               AdventureSection,
               {
@@ -3506,7 +3519,8 @@ function BookingDetails({
                 onRequestOpenAddModal: handleRequestOpenAddModal,
                 onRequestOpenEditModal: handleRequestOpenEditModal,
                 onRequestOpenDeleteModal: handleRequestOpenDeleteModal,
-                cannotRemoveLastTravellerLabel
+                cannotRemoveLastTravellerLabel,
+                labels
               },
               adventure.id
             ))
@@ -3520,7 +3534,8 @@ function BookingDetails({
               total,
               depositInfo,
               balanceDueLabel,
-              totalPaidLabel
+              totalPaidLabel,
+              labels
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
@@ -3532,15 +3547,15 @@ function BookingDetails({
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Email" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_b = contact.email) != null ? _b : "\u2014" })
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_s = contact.email) != null ? _s : "\u2014" })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Phone" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: (_c = contact.phone) != null ? _c : "\u2014" })
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: (_t = contact.phone) != null ? _t : "\u2014" })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Country" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: (_d = contact.country) != null ? _d : "\u2014" })
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground font-sans", children: (_u = contact.country) != null ? _u : "\u2014" })
               ] }),
               contact.passport && /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Passport / CPF" }),