@planetaexo/design-system 0.62.1 → 0.64.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React31 from 'react';
+import * as React32 from 'react';
 import { useState, useRef, useCallback, useEffect, useId } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -81,7 +81,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React31.forwardRef(
+var Button = React32.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsx(
@@ -310,10 +310,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React31.forwardRef(
+var FloatingInput = React32.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required"]);
-    const inputId = id != null ? id : React31.useId();
+    const inputId = id != null ? id : React32.useId();
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -353,10 +353,10 @@ var FloatingInput = React31.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React31.forwardRef(
+var FloatingSelect = React32.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children, value } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children", "value"]);
-    const inputId = id != null ? id : React31.useId();
+    const inputId = id != null ? id : React32.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
@@ -620,11 +620,11 @@ function PhoneCountrySelect({
   disabled
 }) {
   var _a;
-  const [open, setOpen] = React31.useState(false);
-  const containerRef = React31.useRef(null);
-  const listRef = React31.useRef(null);
+  const [open, setOpen] = React32.useState(false);
+  const containerRef = React32.useRef(null);
+  const listRef = React32.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -635,7 +635,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -905,8 +905,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React31.useRef(null);
-  React31.useEffect(() => {
+  const ref = React32.useRef(null);
+  React32.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -937,16 +937,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React31.useState(false);
-  const [text, setText] = React31.useState(
+  const [open, setOpen] = React32.useState(false);
+  const [text, setText] = React32.useState(
     value ? format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React31.useRef(null);
-  const inputId = React31.useId();
-  React31.useEffect(() => {
+  const containerRef = React32.useRef(null);
+  const inputId = React32.useId();
+  React32.useEffect(() => {
     setText(value ? format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1155,14 +1155,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React31.useState("");
-  const [open, setOpen] = React31.useState(false);
-  const containerRef = React31.useRef(null);
-  const searchRef = React31.useRef(null);
+  const [query, setQuery] = React32.useState("");
+  const [open, setOpen] = React32.useState(false);
+  const containerRef = React32.useRef(null);
+  const searchRef = React32.useRef(null);
   const selected = list.find((c) => c.code === value);
   const isFloated = open || !!selected;
   const filtered = query.trim() ? list.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : list;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1307,10 +1307,10 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React31.useState(
+  const [checkedInternal, setCheckedInternal] = React32.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const [openDescriptionId, setOpenDescriptionId] = React31.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React32.useState(null);
   const openDescriptionOptional = openDescriptionId ? (_e = adventure.optionals) == null ? void 0 : _e.find((o) => o.id === openDescriptionId) : void 0;
   const isChecked = (opt) => {
     var _a2;
@@ -1766,7 +1766,7 @@ function BookingShell({
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-5 py-4 bg-muted/20", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground font-heading mb-2", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -1965,7 +1965,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React31.useState(false);
+  const [modalOpen, setModalOpen] = React32.useState(false);
   const i18n = (_a = TERMS_I18N[locale]) != null ? _a : TERMS_I18N.en;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
@@ -2103,9 +2103,9 @@ function BookingWizard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
   const wizardSteps = WIZARD_STEPS_FN(labels);
-  const [step, setStep] = React31.useState("responsible");
-  const [error, setError] = React31.useState(null);
-  const [responsible, setResponsible] = React31.useState({
+  const [step, setStep] = React32.useState("responsible");
+  const [error, setError] = React32.useState(null);
+  const [responsible, setResponsible] = React32.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2124,7 +2124,7 @@ function BookingWizard({
     return s + ((_b2 = (_a2 = a.slots) == null ? void 0 : _a2.children) != null ? _b2 : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React31.useState(
+  const [travellers, setTravellers] = React32.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2132,9 +2132,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React31.useState("full");
-  const [payMethod, setPayMethod] = React31.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React31.useState(false);
+  const [payAmount, setPayAmount] = React32.useState("full");
+  const [payMethod, setPayMethod] = React32.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React32.useState(false);
   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));
@@ -2362,7 +2362,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React31.useState(false);
+  const [showBooking, setShowBooking] = React32.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2729,7 +2729,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-  const [detailsOpen, setDetailsOpen] = React31.useState(false);
+  const [detailsOpen, setDetailsOpen] = React32.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3268,8 +3268,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React31.useState(() => createInitialAddFormData(config));
-  React31.useEffect(() => {
+  const [form, setForm] = React32.useState(() => createInitialAddFormData(config));
+  React32.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3329,7 +3329,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React31.useState(() => ({
+  const [form, setForm] = React32.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3338,7 +3338,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3674,48 +3674,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React31.useState({
+  const [addModalState, setAddModalState] = React32.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React31.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React31.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React31.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React31.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React32.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React32.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React32.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React32.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React31.useCallback(
+  const handleRequestOpenEditModal = React32.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React31.useCallback(
+  const handleRequestOpenDeleteModal = React32.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React31.useCallback(
+  const handleRequestOpenResendInviteDialog = React32.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React31.useCallback(() => {
+  const closeAddModal = React32.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React31.useCallback(() => {
+  const closeEditModal = React32.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React31.useCallback(() => {
+  const closeDeleteModal = React32.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React31.useCallback(() => {
+  const closeResendInviteDialog = React32.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React31.useRef(false);
-  const handleAddSubmit = React31.useCallback(
+  const submitInFlightRef = React32.useRef(false);
+  const handleAddSubmit = React32.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3730,7 +3730,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React31.useCallback(
+  const handleEditSubmit = React32.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3745,7 +3745,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React31.useCallback(
+  const handleDeleteConfirm = React32.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -4146,6 +4146,7 @@ function BookingAdventureCard({
   imageAlt,
   location,
   destination,
+  partner,
   included,
   notIncluded,
   lineItems,
@@ -4404,6 +4405,39 @@ function BookingAdventureCard({
               ] }) })
             }
           ),
+          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{1F91D}" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    style: {
+                      verticalAlign: "middle",
+                      fontSize: "14px",
+                      color: emailTokens.mutedForeground,
+                      lineHeight: "1"
+                    },
+                    children: partner
+                  }
+                )
+              ] }) })
+            }
+          ),
           hasTravellers && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
             /* @__PURE__ */ jsx(
               "hr",
@@ -5280,6 +5314,7 @@ function BookingPaymentConfirmationEmail({
                   imageAlt: adventure.imageAlt,
                   location: locationToPass,
                   destination: destinationToPass,
+                  partner: adventure.partnerName,
                   included: adventure.included,
                   notIncluded: adventure.notIncluded,
                   lineItems: lineItemsToPass,
@@ -5507,7 +5542,7 @@ function BookingCreatedEmail({
             }, children: i + 1 }) }),
             /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
           ] }) }) }, i)) }),
-          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
           ] }, idx)) })
@@ -6443,6 +6478,8 @@ var DEFAULT_LABELS8 = {
   adventureLabel: "Adventure",
   datesLabel: "Dates",
   partnerLabel: "Partner",
+  bookingPersonLabel: "Booking person",
+  passportLabel: "Passport",
   expectationsHeading: "Travellers Expectations",
   expectationsEmptyNote: "No expectations were collected for this adventure.",
   expectationsEmptyAnswer: "\u2014",
@@ -6470,6 +6507,8 @@ function PartnerRegistrationCompleteEmail({
   bookingNumber,
   adventureName,
   dateRange,
+  bookingPersonName,
+  bookingPersonPassport,
   travellersCount,
   expectations,
   pdfAttached,
@@ -6483,7 +6522,9 @@ function PartnerRegistrationCompleteEmail({
     { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
     { label: l.adventureLabel, value: adventureName },
     { label: l.datesLabel, value: dateRange },
-    { label: l.partnerLabel, value: partnerName }
+    { label: l.partnerLabel, value: partnerName },
+    ...hasText4(bookingPersonName) ? [{ label: l.bookingPersonLabel, value: bookingPersonName }] : [],
+    ...hasText4(bookingPersonPassport) ? [{ label: l.passportLabel, value: bookingPersonPassport }] : []
   ];
   const sectionDivider = /* @__PURE__ */ jsx(
     "hr",
@@ -6799,6 +6840,7 @@ var DEFAULT_LABELS10 = {
   interestSurchargeLabel: "Interest / surcharge",
   statusLabel: "Status",
   travellersLabel: "Travellers",
+  passportLabel: "Passport",
   summaryHeading: "Booking summary",
   totalOrderLabel: "Total order",
   totalPaidLabel: "Total paid",
@@ -6817,6 +6859,7 @@ function PaymentReceiptEmail({
   chargedAmount,
   statusLabel,
   travellers,
+  passport,
   totalOrderAmount,
   totalPaidCumulative,
   remainingBalance,
@@ -6837,7 +6880,8 @@ function PaymentReceiptEmail({
     { label: l.amountLabel, value: amount },
     ...interestRow ? [{ label: l.chargedAmountLabel, value: chargedAmount }] : [],
     { label: l.statusLabel, value: statusLabel },
-    ...travellersLine.length > 0 ? [{ label: l.travellersLabel, value: travellersLine }] : []
+    ...travellersLine.length > 0 ? [{ label: l.travellersLabel, value: travellersLine }] : [],
+    ...passport && passport.trim().length > 0 ? [{ label: l.passportLabel, value: passport.trim() }] : []
   ];
   const summaryRows = [
     { label: l.totalOrderLabel, value: totalOrderAmount },
@@ -7867,11 +7911,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React31.useState(false);
-  const containerRef = React31.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React31.useState();
+  const [open, setOpen] = React32.useState(false);
+  const containerRef = React32.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React32.useState();
   const hasValue = !!value;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -7980,7 +8024,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React31.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React32.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -8548,11 +8592,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React31.useState(false);
-  const containerRef = React31.useRef(null);
+  const [open, setOpen] = React32.useState(false);
+  const containerRef = React32.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9020,11 +9064,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React31.useMemo(
+  const L = React32.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS12), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React31.useMemo(
+  const sortedFields = React32.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -9032,7 +9076,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React31.useState(
+  const [internal, setInternal] = React32.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -9040,9 +9084,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React31.useState(false);
-  const [validationErrors, setValidationErrors] = React31.useState({});
-  React31.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React32.useState(false);
+  const [validationErrors, setValidationErrors] = React32.useState({});
+  React32.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -9099,7 +9143,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -9552,6 +9596,281 @@ function RegistrationSuccessCard({
     }
   );
 }
+var OTHER = "OTHER";
+function SectionHeading({ children }) {
+  return /* @__PURE__ */ jsx("h2", { className: "text-lg font-heading font-bold text-foreground mb-3", children });
+}
+function FieldError({ children }) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive font-ui", children });
+}
+function CancellationForm({
+  adventures,
+  identity,
+  labels,
+  onSubmit,
+  submitting = false,
+  error,
+  className
+}) {
+  var _a, _b, _c;
+  const [selectedAdventureIds, setSelectedAdventureIds] = React32.useState(/* @__PURE__ */ new Set());
+  const [participantsByAdventure, setParticipantsByAdventure] = React32.useState({});
+  const [reasonCode, setReasonCode] = React32.useState("");
+  const [reasonOther, setReasonOther] = React32.useState("");
+  const [refundPreference, setRefundPreference] = React32.useState("");
+  const [refundOther, setRefundOther] = React32.useState("");
+  const [agreedToPolicy, setAgreedToPolicy] = React32.useState(false);
+  const [contactName, setContactName] = React32.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
+  const [contactEmail, setContactEmail] = React32.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
+  const [contactPhone, setContactPhone] = React32.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
+  const [errors, setErrors] = React32.useState({});
+  const allParticipantsOf = React32.useCallback(
+    (advId) => {
+      var _a2, _b2;
+      return new Set(((_b2 = (_a2 = adventures.find((a) => a.id === advId)) == null ? void 0 : _a2.participants) != null ? _b2 : []).map((p) => p.id));
+    },
+    [adventures]
+  );
+  function toggleAdventure(advId, on) {
+    setSelectedAdventureIds((prev) => {
+      const next = new Set(prev);
+      if (on) next.add(advId);
+      else next.delete(advId);
+      return next;
+    });
+    setParticipantsByAdventure((prev) => {
+      const next = __spreadValues({}, prev);
+      if (on) next[advId] = allParticipantsOf(advId);
+      else delete next[advId];
+      return next;
+    });
+  }
+  function toggleParticipant(advId, travellerId, on) {
+    setParticipantsByAdventure((prev) => {
+      var _a2;
+      const set = new Set((_a2 = prev[advId]) != null ? _a2 : []);
+      if (on) set.add(travellerId);
+      else set.delete(travellerId);
+      return __spreadProps(__spreadValues({}, prev), { [advId]: set });
+    });
+  }
+  function selectAll() {
+    const allAdv = new Set(adventures.map((a) => a.id));
+    const byAdv = {};
+    for (const a of adventures) byAdv[a.id] = new Set(a.participants.map((p) => p.id));
+    setSelectedAdventureIds(allAdv);
+    setParticipantsByAdventure(byAdv);
+  }
+  const allSelected = adventures.length > 0 && adventures.every((a) => selectedAdventureIds.has(a.id));
+  function validate() {
+    var _a2;
+    const next = {};
+    const selAdvIds = adventures.filter((a) => selectedAdventureIds.has(a.id)).map((a) => a.id);
+    if (selAdvIds.length === 0) next.adventures = labels.errorSelectAdventure;
+    for (const advId of selAdvIds) {
+      const set = participantsByAdventure[advId];
+      if (!set || set.size === 0) next.participants = labels.errorSelectParticipants;
+    }
+    if (!reasonCode) next.reason = labels.errorReasonRequired;
+    else if (reasonCode === OTHER && !reasonOther.trim()) next.reason = labels.errorReasonOtherRequired;
+    if (!refundPreference) next.refund = labels.errorRefundRequired;
+    else if (refundPreference === OTHER && !refundOther.trim())
+      next.refund = labels.errorRefundOtherRequired;
+    if (!agreedToPolicy) next.agreement = labels.errorAgreementRequired;
+    setErrors(next);
+    if (Object.keys(next).length > 0) return { ok: false };
+    const travellerIds = /* @__PURE__ */ new Set();
+    for (const advId of selAdvIds) {
+      for (const tid of (_a2 = participantsByAdventure[advId]) != null ? _a2 : []) travellerIds.add(tid);
+    }
+    return {
+      ok: true,
+      values: {
+        selectedBookingAdventureIds: selAdvIds,
+        selectedTravellerIds: [...travellerIds],
+        reasonCode,
+        reasonOther: reasonCode === OTHER ? reasonOther.trim() : "",
+        refundPreference,
+        refundOther: refundPreference === OTHER ? refundOther.trim() : "",
+        agreedToPolicy,
+        contact: { name: contactName.trim(), email: contactEmail.trim(), phone: contactPhone.trim() }
+      }
+    };
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+    const r = validate();
+    if (r.ok && r.values) void onSubmit(r.values);
+  }
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: cn("space-y-8", className), noValidate: true, children: [
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: labels.identityHeading }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+        /* @__PURE__ */ jsx(
+          FloatingInput,
+          {
+            label: labels.contactNameLabel,
+            value: contactName,
+            onChange: (e) => setContactName(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FloatingInput,
+          {
+            label: labels.contactEmailLabel,
+            type: "email",
+            value: contactEmail,
+            onChange: (e) => setContactEmail(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FloatingInput,
+          {
+            label: labels.contactPhoneLabel,
+            value: contactPhone,
+            onChange: (e) => setContactPhone(e.target.value)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 mb-3", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.adventuresHeading }),
+        adventures.length > 1 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", onClick: selectAll, disabled: allSelected, children: labels.selectAllLabel })
+      ] }),
+      labels.adventuresHint && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: labels.adventuresHint }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: adventures.map((adv) => {
+        var _a2;
+        const selected = selectedAdventureIds.has(adv.id);
+        const partSet = (_a2 = participantsByAdventure[adv.id]) != null ? _a2 : /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "rounded-lg border p-4 transition-colors",
+              selected ? "border-primary bg-primary/5" : "border-border bg-card"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "mt-1 h-4 w-4 accent-primary",
+                    checked: selected,
+                    onChange: (e) => toggleAdventure(adv.id, e.target.checked)
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block font-ui font-medium text-foreground", children: adv.name }),
+                  adv.dateRange && /* @__PURE__ */ jsx("span", { className: "block text-sm text-muted-foreground", children: adv.dateRange })
+                ] })
+              ] }),
+              selected && /* @__PURE__ */ jsxs("div", { className: "mt-4 pl-7 space-y-4", children: [
+                adv.cancellationPolicy && /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 border border-border p-3", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-1", children: labels.policyHeading }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground whitespace-pre-line", children: adv.cancellationPolicy })
+                ] }),
+                adv.participants.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-2", children: labels.participantsHeading }),
+                  /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: adv.participants.map((p) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "h-4 w-4 accent-primary",
+                        checked: partSet.has(p.id),
+                        onChange: (e) => toggleParticipant(adv.id, p.id, e.target.checked)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: p.name })
+                  ] }, p.id)) })
+                ] })
+              ] })
+            ]
+          },
+          adv.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.adventures }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.participants })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: labels.reasonHeading }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: labels.reasonOptions.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "cancellation-reason",
+            className: "h-4 w-4 accent-primary",
+            checked: reasonCode === opt.value,
+            onChange: () => setReasonCode(opt.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: opt.label })
+      ] }, opt.value)) }),
+      reasonCode === OTHER && /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: "mt-3 w-full rounded-lg border border-border bg-background px-3 py-2 text-base text-foreground font-ui focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+          rows: 3,
+          placeholder: labels.reasonOtherLabel,
+          value: reasonOther,
+          onChange: (e) => setReasonOther(e.target.value),
+          maxLength: 1e3
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.reason })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: labels.refundHeading }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: labels.refundOptions.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "cancellation-refund",
+            className: "h-4 w-4 accent-primary",
+            checked: refundPreference === opt.value,
+            onChange: () => setRefundPreference(opt.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: opt.label })
+      ] }, opt.value)) }),
+      refundPreference === OTHER && /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: "mt-3 w-full rounded-lg border border-border bg-background px-3 py-2 text-base text-foreground font-ui focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+          rows: 3,
+          placeholder: labels.refundOtherLabel,
+          value: refundOther,
+          onChange: (e) => setRefundOther(e.target.value),
+          maxLength: 1e3
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.refund })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "mt-1 h-4 w-4 accent-primary",
+            checked: agreedToPolicy,
+            onChange: (e) => setAgreedToPolicy(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: labels.agreementLabel })
+      ] }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.agreement })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive font-ui", role: "alert", children: error }),
+    /* @__PURE__ */ jsx(Button, { type: "submit", variant: "destructive", size: "lg", disabled: submitting, className: "w-full", children: submitting ? labels.submittingLabel : labels.submitLabel })
+  ] });
+}
 var OTPCodeInput = ({
   value,
   onChange,
@@ -9563,10 +9882,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React31.useId();
-  const inputRef = React31.useRef(null);
-  const [focused, setFocused] = React31.useState(false);
-  const digits = React31.useMemo(() => {
+  const baseId = id != null ? id : React32.useId();
+  const inputRef = React32.useRef(null);
+  const [focused, setFocused] = React32.useState(false);
+  const digits = React32.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -9679,7 +9998,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React31.createContext("default");
+var AccordionVariantContext = React32.createContext("default");
 function Accordion(_a) {
   var _b = _a, { className, variant = "default" } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
@@ -9697,7 +10016,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React31.useContext(AccordionVariantContext);
+  const variant = React32.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Item,
     __spreadValues({
@@ -9718,7 +10037,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React31.useContext(AccordionVariantContext);
+  const variant = React32.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     Accordion$1.Trigger,
     __spreadProps(__spreadValues({
@@ -9772,7 +10091,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React31.useContext(AccordionVariantContext);
+  const variant = React32.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Panel,
     __spreadProps(__spreadValues({
@@ -9990,15 +10309,15 @@ function FilterPanel({
   onSortChange
 }) {
   var _a, _b;
-  const resolvedGroups = React31.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React31.useState(
+  const resolvedGroups = React32.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React32.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React31.useState(
+  const [expandedItems, setExpandedItems] = React32.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React31.useCallback((id) => {
+  const toggleExpanded = React32.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -10382,11 +10701,11 @@ function FilterPanel({
 var TRUSTPILOT_SCRIPT_SRC = "https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js";
 function TrustpilotEmbed({ config }) {
   var _a, _b, _c, _d, _e, _f;
-  const ref = React31.useRef(null);
-  const [widgetReady, setWidgetReady] = React31.useState(false);
-  const [delayPassed, setDelayPassed] = React31.useState(false);
+  const ref = React32.useRef(null);
+  const [widgetReady, setWidgetReady] = React32.useState(false);
+  const [delayPassed, setDelayPassed] = React32.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -10574,7 +10893,7 @@ function webpVariantUrl(src) {
   return `${withoutQuery}.webp${query}`;
 }
 function PictureLoader() {
-  const gradientId = React31.useId();
+  const gradientId = React32.useId();
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -10644,10 +10963,10 @@ function Picture(_a) {
     "onError"
   ]);
   var _a2;
-  const ref = React31.useRef(null);
-  const [visible, setVisible] = React31.useState(eager);
-  const [loaded, setLoaded] = React31.useState(false);
-  React31.useEffect(() => {
+  const ref = React32.useRef(null);
+  const [visible, setVisible] = React32.useState(eager);
+  const [loaded, setLoaded] = React32.useState(false);
+  React32.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -10666,7 +10985,7 @@ function Picture(_a) {
     io.observe(el);
     return () => io.disconnect();
   }, [eager, visible, rootMargin]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     setLoaded(false);
   }, [src]);
   const webp = webpVariantUrl(src);
@@ -10794,11 +11113,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React31.useState(0);
+  const [imgIndex, setImgIndex] = React32.useState(0);
   const images = stop ? [stop.coverImage, ...(_a = stop.images) != null ? _a : []] : [];
   const isFirst = (stop == null ? void 0 : stop.dayNumber) === ((_b = allStops[0]) == null ? void 0 : _b.dayNumber);
   const isLast = (stop == null ? void 0 : stop.dayNumber) === ((_c = allStops[allStops.length - 1]) == null ? void 0 : _c.dayNumber);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -10925,8 +11244,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React31.useState(null);
-  const scrollRef = React31.useRef(null);
+  const [activeIndex, setActiveIndex] = React32.useState(null);
+  const scrollRef = React32.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -11018,18 +11337,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React31.useState(initialIndex);
+  const [index, setIndex] = React32.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React31.useCallback(
+  const prev = React32.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React31.useCallback(
+  const next = React32.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -11197,7 +11516,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React31.useState(false);
+  const [expanded, setExpanded] = React32.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -11227,7 +11546,7 @@ function CompactGridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React31.useState(false);
+  const [expanded, setExpanded] = React32.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -11256,7 +11575,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React31.useState(false);
+  const [expanded, setExpanded] = React32.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -11329,7 +11648,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React31.useState(false);
+  const [expanded, setExpanded] = React32.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -11527,9 +11846,9 @@ function PhotoGallery({
   onPhotoClick,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React31.useState(null);
-  const [carouselIndex, setCarouselIndex] = React31.useState(0);
-  const normalised = React31.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React32.useState(null);
+  const [carouselIndex, setCarouselIndex] = React32.useState(0);
+  const normalised = React32.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -11615,7 +11934,7 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React31.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React32.useMemo(() => normalisePhotos(photos), [photos]);
   const isFullBleed = photoLayout === "fullBleed" || photoLayout === "fullBleedBottom";
   const photoPosition = photoLayout === "fullBleedBottom" ? "bottom" : "top";
   const gallery = photoList.length > 0 && /* @__PURE__ */ jsx(
@@ -11670,8 +11989,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const scrollRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -11867,8 +12186,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React31.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React31.useState(false);
+  const [showEstimates, setShowEstimates] = React32.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React32.useState(false);
   if (variant === "compact") {
     const showOverlay = showPriceInfo && (!!priceInfo || !!currencyEstimates && currencyEstimates.length > 0);
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -12308,14 +12627,14 @@ function SiteHeader({
 }) {
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React31.useState(null);
-  const [langOpen, setLangOpen] = React31.useState(false);
-  const [mobileOpen, setMobileOpen] = React31.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React31.useState(null);
-  const [activeLang, setActiveLang] = React31.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React32.useState(null);
+  const [langOpen, setLangOpen] = React32.useState(false);
+  const [mobileOpen, setMobileOpen] = React32.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React32.useState(null);
+  const [activeLang, setActiveLang] = React32.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React31.useRef(void 0);
-  const langCloseTimer = React31.useRef(void 0);
+  const menuCloseTimer = React32.useRef(void 0);
+  const langCloseTimer = React32.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -12336,7 +12655,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React31.useEffect(() => () => {
+  React32.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -12612,7 +12931,7 @@ function SiteHeader({
               ), children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
                   const isActive = lang.code === activeLang;
-                  return /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs(React32.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -12674,8 +12993,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React31.useState(false);
-  React31.useEffect(() => {
+  const [dark, setDark] = React32.useState(false);
+  React32.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -12725,7 +13044,7 @@ var chipVariants = cva(
     }
   }
 );
-var Chip = React31.forwardRef(function Chip2(_a, ref) {
+var Chip = React32.forwardRef(function Chip2(_a, ref) {
   var _b = _a, { className, variant, size, href, children } = _b, props = __objRest(_b, ["className", "variant", "size", "href", "children"]);
   const classes = cn(chipVariants({ variant, size }), className);
   if (href) {
@@ -12827,7 +13146,7 @@ function TripCardEditorial(props) {
     tag,
     tagHref
   } = props;
-  const [internalFav, setInternalFav] = React31.useState(false);
+  const [internalFav, setInternalFav] = React32.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -13338,7 +13657,7 @@ function BlogPost({
       ) }),
       /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-transparent" }),
       /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-6 sm:px-8 pb-9 sm:pb-11", children: [
-        breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+        breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -13392,7 +13711,7 @@ function BlogPost({
   ] });
 }
 function useHlsVideo(videoRef, src) {
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -13436,11 +13755,11 @@ function TripHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React31.useState(0);
-  const [videoReady, setVideoReady] = React31.useState(false);
-  const videoRef = React31.useRef(null);
+  const [heroIndex, setHeroIndex] = React32.useState(0);
+  const [videoReady, setVideoReady] = React32.useState(false);
+  const videoRef = React32.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React31.useMemo(
+  const validImages = React32.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -13455,7 +13774,7 @@ function TripHeader({
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
   const hasMeta = !!(destination || duration);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -13598,7 +13917,7 @@ function TripHeader({
               chips && chips.length > 0 ? siteHeader ? "-mt-[200px] sm:-mt-[214px]" : "-mt-[168px] sm:-mt-[182px]" : siteHeader ? "-mt-44" : "-mt-36"
             ),
             children: [
-              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs text-white/70 font-ui hover:text-white/90 cursor-default", children: crumb.label })
               ] }, i)) }),
@@ -13764,10 +14083,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React31.useState(false);
-  const ref = React31.useRef(null);
+  const [open, setOpen] = React32.useState(false);
+  const ref = React32.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -13968,7 +14287,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsx(React31.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsx(React32.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "lg:col-span-3", children: [
@@ -14143,10 +14462,10 @@ function TripPage({
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React31.useState("");
-  const [accordionValue, setAccordionValue] = React31.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React31.useState(false);
-  const accordionSectionIds = React31.useMemo(
+  const [activeSection, setActiveSection] = React32.useState("");
+  const [accordionValue, setAccordionValue] = React32.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React32.useState(false);
+  const accordionSectionIds = React32.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -14160,18 +14479,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React31.useState(false);
-  const [navHidden, setNavHidden] = React31.useState(false);
-  const [isFloating, setIsFloating] = React31.useState(false);
-  const [sidebarPos, setSidebarPos] = React31.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React31.useState(false);
-  const navRef = React31.useRef(null);
-  const navSentinelRef = React31.useRef(null);
-  const sentinelRef = React31.useRef(null);
-  const sidebarPlaceholderRef = React31.useRef(null);
-  const pricingBarRef = React31.useRef(null);
-  const galleryRef = React31.useRef(null);
-  const sections = React31.useMemo(
+  const [navFloating, setNavFloating] = React32.useState(false);
+  const [navHidden, setNavHidden] = React32.useState(false);
+  const [isFloating, setIsFloating] = React32.useState(false);
+  const [sidebarPos, setSidebarPos] = React32.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React32.useState(false);
+  const navRef = React32.useRef(null);
+  const navSentinelRef = React32.useRef(null);
+  const sentinelRef = React32.useRef(null);
+  const sidebarPlaceholderRef = React32.useRef(null);
+  const pricingBarRef = React32.useRef(null);
+  const galleryRef = React32.useRef(null);
+  const sections = React32.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -14193,7 +14512,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -14201,7 +14520,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -14209,7 +14528,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -14219,7 +14538,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -14230,7 +14549,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -14239,7 +14558,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -14714,7 +15033,7 @@ function TripPage({
     }
   );
 }
-function SectionHeading({
+function SectionHeading2({
   eyebrow,
   title,
   rightSlot
@@ -14764,11 +15083,11 @@ function CategoryPage2({
   className
 }) {
   var _a;
-  const [videoReady, setVideoReady] = React31.useState(false);
-  const videoRef = React31.useRef(null);
+  const [videoReady, setVideoReady] = React32.useState(false);
+  const videoRef = React32.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -14783,13 +15102,13 @@ function CategoryPage2({
     io.observe(el);
     return () => io.disconnect();
   }, [videoUrl]);
-  const [faqsExpanded, setFaqsExpanded] = React31.useState(false);
-  const [tripsExpanded, setTripsExpanded] = React31.useState(false);
-  const [filterValue, setFilterValue] = React31.useState({});
-  const [sort, setSort] = React31.useState(
+  const [faqsExpanded, setFaqsExpanded] = React32.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React32.useState(false);
+  const [filterValue, setFilterValue] = React32.useState({});
+  const [sort, setSort] = React32.useState(
     defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
   );
-  const sortedTrips = React31.useMemo(() => {
+  const sortedTrips = React32.useMemo(() => {
     const active = Object.entries(filterValue).filter(
       ([, vals]) => vals && vals.length > 0
     );
@@ -14893,7 +15212,7 @@ function CategoryPage2({
           /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
             breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => {
               const isLast = i === breadcrumb.length - 1;
-              return /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React32.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 crumb.href && !isLast ? /* @__PURE__ */ jsx(
                   "a",
@@ -14923,7 +15242,7 @@ function CategoryPage2({
     ),
     popularTours && popularTours.length > 0 && /* @__PURE__ */ jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: [
       /* @__PURE__ */ jsx(
-        SectionHeading,
+        SectionHeading2,
         {
           eyebrow: popularToursEyebrow,
           title: popularToursTitle
@@ -14943,7 +15262,7 @@ function CategoryPage2({
       }) }) })
     ] }),
     /* @__PURE__ */ jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 pt-6 sm:pt-8 pb-12", children: [
-      (tripsTitle || tripsEyebrow) && /* @__PURE__ */ jsx(SectionHeading, { eyebrow: tripsEyebrow, title: tripsTitle != null ? tripsTitle : "" }),
+      (tripsTitle || tripsEyebrow) && /* @__PURE__ */ jsx(SectionHeading2, { eyebrow: tripsEyebrow, title: tripsTitle != null ? tripsTitle : "" }),
       filterGroups && filterGroups.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(
         FilterPanel,
         {
@@ -15181,12 +15500,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React31.useState(false);
-  const [visible, setVisible] = React31.useState(true);
-  React31.useEffect(() => {
+  const [mounted, setMounted] = React32.useState(false);
+  const [visible, setVisible] = React32.useState(true);
+  React32.useEffect(() => {
     setMounted(true);
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -16688,8 +17007,8 @@ function ShareWidget({
   title = "Invite friends & lower the price",
   className
 }) {
-  const [copied, setCopied] = React31.useState(false);
-  const [showToast, setShowToast] = React31.useState(false);
+  const [copied, setCopied] = React32.useState(false);
+  const [showToast, setShowToast] = React32.useState(false);
   const encodedUrl = encodeURIComponent(url);
   const encodedMsg = encodeURIComponent(`${message} ${url}`);
   const channels = [
@@ -16839,6 +17158,6 @@ function StickyBookingCard({
   );
 }
 
-export { ActivityCard, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CategoryPage2, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, NotificationEmail, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, ShareWidget, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
+export { ActivityCard, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CancellationForm, CategoryPage2, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, NotificationEmail, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, ShareWidget, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map