@planetaexo/design-system 0.2.10 → 0.2.12

package/dist/index.cjs

@@ -1902,7 +1902,1152 @@ function Offer({
     ] }) })
   ] });
 }
+var STATUS_STYLES = {
+  pending: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
+  confirmed: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+  cancelled: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
+  completed: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
+};
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center rounded-full px-3 py-1 text-xs font-bold font-heading uppercase tracking-wider",
+        STATUS_STYLES[status]
+      ),
+      children: status
+    }
+  );
+}
+function totalPeople(adventures) {
+  var _a, _b, _c, _d, _e, _f;
+  let adults = 0;
+  let children = 0;
+  let seniors = 0;
+  for (const a of adventures) {
+    adults += (_b = (_a = a.slots) == null ? void 0 : _a.adults) != null ? _b : 0;
+    children += (_d = (_c = a.slots) == null ? void 0 : _c.children) != null ? _d : 0;
+    seniors += (_f = (_e = a.slots) == null ? void 0 : _e.seniors) != null ? _f : 0;
+  }
+  return { adults, children, seniors, total: adults + children + seniors };
+}
+function InfoCard({
+  label,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 flex flex-col gap-1 min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-sans text-foreground", children })
+  ] });
+}
+function AdventureSection({
+  adventure,
+  onAddContactAsTraveller,
+  onEditTraveller,
+  onRemoveTraveller,
+  onAddSuggestedTraveller
+}) {
+  var _a, _b, _c;
+  const [detailsOpen, setDetailsOpen] = React4__namespace.useState(false);
+  const [addModalOpen, setAddModalOpen] = React4__namespace.useState(false);
+  const [newTraveller, setNewTraveller] = React4__namespace.useState({
+    firstName: "",
+    lastName: "",
+    passport: "",
+    type: "adult",
+    email: "",
+    dateOfBirth: "",
+    phone: ""
+  });
+  const setField = (k, v) => setNewTraveller((p) => __spreadProps(__spreadValues({}, p), { [k]: v }));
+  const handleCopyUrl = (url) => {
+    navigator.clipboard.writeText(url);
+  };
+  const people = adventure.slots;
+  [
+    (people == null ? void 0 : people.adults) ? `Adults: ${people.adults}` : null,
+    (people == null ? void 0 : people.children) ? `Children: ${people.children}` : null,
+    (people == null ? void 0 : people.seniors) ? `Seniors: ${people.seniors}` : null
+  ].filter(Boolean).join(" \xB7 ");
+  const totalSlots = ((_a = people == null ? void 0 : people.adults) != null ? _a : 0) + ((_b = people == null ? void 0 : people.children) != null ? _b : 0) + ((_c = people == null ? void 0 : people.seniors) != null ? _c : 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 lg:p-6 flex flex-col gap-2 bg-muted/60", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-xl font-bold text-foreground font-heading leading-snug", children: [
+            adventure.title,
+            adventure.reference && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-normal text-muted-foreground/40 ml-1.5", children: [
+              "#",
+              adventure.reference
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap text-sm text-muted-foreground font-sans", children: [
+            adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, { className: "w-3.5 h-3.5 shrink-0 text-primary" }),
+              adventure.partner
+            ] }),
+            adventure.location && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "w-3.5 h-3.5 shrink-0 text-primary" }),
+              adventure.location
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setDetailsOpen((v) => !v),
+            className: cn(
+              "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground shrink-0 transition-colors",
+              "hover:border-primary hover:text-primary",
+              detailsOpen && "border-primary text-primary"
+            ),
+            children: [
+              "Details",
+              detailsOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "w-3 h-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 flex-wrap text-sm text-muted-foreground font-sans", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "w-3.5 h-3.5 shrink-0 text-primary" }),
+        adventure.dateFrom,
+        " \u2192 ",
+        adventure.dateTo
+      ] }) }),
+      adventure.tags && adventure.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5 mt-1", children: adventure.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "inline-flex items-center rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-semibold text-primary font-heading",
+          children: tag
+        },
+        tag
+      )) })
+    ] }),
+    detailsOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-5 bg-muted/10", children: [
+      adventure.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Itinerary" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
+      ] }),
+      adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "O que est\xE1 incluso" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "w-4 h-4 text-primary shrink-0 mt-1" }),
+              item
+            ]
+          },
+          i
+        )) })
+      ] }),
+      adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "O que n\xE3o est\xE1 incluso" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "w-4 h-4 text-destructive shrink-0 mt-1" }),
+              item
+            ]
+          },
+          i
+        )) })
+      ] }),
+      adventure.cancellationPolicy && adventure.cancellationPolicy.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Pol\xEDtica de cancelamento" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.cancellationPolicy.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex items-start gap-2 text-sm text-muted-foreground font-sans",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 mt-2.5" }),
+              item
+            ]
+          },
+          i
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Travellers" }),
+          adventure.formName && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground/50 font-heading tracking-wide", children: [
+            "\xB7 ",
+            adventure.formName
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          onAddContactAsTraveller && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onAddContactAsTraveller(adventure.id),
+              className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlusIcon, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Add contact as traveller" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: "Add contact" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setAddModalOpen(true),
+              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__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "More travellers" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: "Add" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col divide-y divide-border", children: adventure.travellers.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 py-3 first:pt-0",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-semibold text-foreground font-ui truncate", children: [
+                  t.firstName,
+                  " ",
+                  t.lastName
+                ] }),
+                t.isChild && /* @__PURE__ */ jsxRuntime.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.formUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "a",
+                  {
+                    href: t.formUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "flex items-center gap-1 text-xs text-primary hover:text-primary/80 transition-colors font-ui",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "w-3 h-3" }),
+                      "Open"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    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",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "w-3 h-3" })
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-3 justify-between sm:justify-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "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
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
+                onEditTraveller && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onEditTraveller(adventure.id, t.id),
+                    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}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, { className: "w-3.5 h-3.5" })
+                  }
+                ),
+                onRemoveTraveller && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onRemoveTraveller(adventure.id, t.id),
+                    className: "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",
+                    "aria-label": `Delete ${t.firstName}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3.5 h-3.5" })
+                  }
+                ),
+                onRemoveTraveller && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onRemoveTraveller(adventure.id, t.id),
+                    className: "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",
+                    "aria-label": `Remove ${t.firstName} from adventure`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserMinusIcon, { className: "w-3.5 h-3.5" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        t.id
+      )) }),
+      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onAddSuggestedTraveller == null ? void 0 : onAddSuggestedTraveller(adventure.id, st.id),
+            className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
+              st.firstName,
+              " ",
+              st.lastName
+            ]
+          },
+          st.id
+        )) })
+      ] }),
+      adventure.travellers.length > 0 && totalSlots > 0 && (() => {
+        const completed = adventure.travellers.filter((t) => t.status === "completed").length;
+        const percent = Math.round(completed / totalSlots * 100);
+        const isComplete = completed === totalSlots;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mt-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "h-full rounded-full bg-primary transition-all duration-500",
+              style: { width: `${percent}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(
+            "text-xs font-semibold font-ui shrink-0 flex items-center gap-1",
+            isComplete ? "text-primary" : "text-destructive"
+          ), children: [
+            completed,
+            " of ",
+            totalSlots,
+            " travellers registered",
+            !isComplete && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { className: "w-3 h-3" })
+          ] })
+        ] });
+      })()
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: addModalOpen, onOpenChange: setAddModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "font-heading text-xl", children: "Add traveller" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 pt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "First name",
+            required: true,
+            value: newTraveller.firstName,
+            onChange: (e) => setField("firstName", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "Last name",
+            required: true,
+            value: newTraveller.lastName,
+            onChange: (e) => setField("lastName", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "Passport (optional)",
+            value: newTraveller.passport,
+            onChange: (e) => setField("passport", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          FloatingSelect,
+          {
+            label: "Type (adult/child/senior)",
+            value: newTraveller.type,
+            onChange: (e) => setField("type", e.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "adult", children: "Adult" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "child", children: "Child" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "senior", children: "Senior" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "Email",
+            type: "email",
+            required: true,
+            value: newTraveller.email,
+            onChange: (e) => setField("email", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "Date of birth",
+            type: "date",
+            value: newTraveller.dateOfBirth,
+            onChange: (e) => setField("dateOfBirth", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: "Phone (optional)",
+            type: "tel",
+            value: newTraveller.phone,
+            onChange: (e) => setField("phone", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 pt-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setAddModalOpen(false),
+              className: "text-sm font-ui text-muted-foreground hover:text-foreground transition-colors",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setAddModalOpen(false);
+                setNewTraveller({
+                  firstName: "",
+                  lastName: "",
+                  passport: "",
+                  type: "adult",
+                  email: "",
+                  dateOfBirth: "",
+                  phone: ""
+                });
+              },
+              className: "rounded-full bg-primary px-6 py-2.5 text-sm font-bold text-primary-foreground font-heading hover:bg-primary/90 transition-colors",
+              children: "Add"
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function OrderSummary({
+  adventures,
+  summaryLineItems,
+  subtotal,
+  total,
+  depositInfo
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Order Summary" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+    adventures.map((adventure, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-foreground font-heading", children: adventure.title }),
+      adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-start justify-between gap-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "text-sm font-sans leading-tight",
+                  item.isBold ? "font-semibold text-foreground" : "text-muted-foreground"
+                ),
+                children: item.label
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Subtotal this adventure" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: adventure.subtotal })
+      ] }),
+      i < adventures.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-2" })
+    ] }, adventure.id)),
+    /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+    summaryLineItems && summaryLineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-sans",
+              item.isBold ? "font-semibold text-foreground" : "text-muted-foreground"
+            ),
+            children: item.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: cn(
+              "text-sm font-sans",
+              item.isDiscount ? "text-green-600 dark:text-green-400" : item.isBold ? "font-semibold text-foreground" : "text-foreground"
+            ),
+            children: [
+              item.isDiscount ? "\u2212" : "",
+              item.price
+            ]
+          }
+        )
+      ] }, i)),
+      /* @__PURE__ */ jsxRuntime.jsx(Separator, {})
+    ] }),
+    subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Subtotal" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: subtotal })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold text-foreground font-heading", children: "Total" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl font-black text-primary font-heading", children: total })
+    ] }),
+    depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 rounded-lg bg-muted/50 border border-border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground font-sans", children: [
+          "Deposit (",
+          depositInfo.depositPercent,
+          "%)"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.depositAmount })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Remaining balance" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.remainingAmount })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Balance due" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.balanceDueDate })
+      ] })
+    ] })
+  ] });
+}
+function BookingDetails({
+  bookingId,
+  status,
+  createdAt,
+  contact,
+  agentName,
+  agentContactUrl,
+  adventures,
+  summaryLineItems,
+  subtotal,
+  total,
+  depositInfo,
+  onAddContactAsTraveller,
+  onEditTraveller,
+  onRemoveTraveller,
+  onAddSuggestedTraveller,
+  onPayBalance,
+  onCancelRequest,
+  className
+}) {
+  var _a, _b, _c;
+  const people = totalPeople(adventures);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("w-full max-w-5xl mx-auto flex flex-col gap-6 px-4 sm:px-6 lg:px-0", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: [
+              "Booking",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary", children: [
+                "#",
+                bookingId
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-sans", children: [
+              "Created on ",
+              createdAt
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Contact", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: contact.name }),
+            contact.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans truncate", children: contact.email })
+          ] }),
+          agentName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 flex items-center gap-3.5 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary font-heading font-bold text-sm uppercase", children: agentName.charAt(0) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Your Agent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: agentName })
+            ] }),
+            agentContactUrl && /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: agentContactUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "ml-auto shrink-0 flex items-center gap-1.5 rounded-full bg-primary/10 px-3.5 py-1.5 text-xs font-semibold text-primary font-ui transition-colors hover:bg-primary/20",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleIcon, { className: "w-3.5 h-3.5" }),
+                  "Contact"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Total People", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "w-4 h-4 text-primary shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+                people.total,
+                " person(s)"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.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
+            ].filter(Boolean).join(" \xB7 ") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: [
+            "Adventures (",
+            adventures.length,
+            ")"
+          ] }),
+          adventures.map((adventure) => /* @__PURE__ */ jsxRuntime.jsx(
+            AdventureSection,
+            {
+              adventure,
+              onAddContactAsTraveller,
+              onEditTraveller,
+              onRemoveTraveller,
+              onAddSuggestedTraveller
+            },
+            adventure.id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          OrderSummary,
+          {
+            adventures,
+            summaryLineItems,
+            subtotal,
+            total,
+            depositInfo
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Responsible Person" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-6 gap-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Name" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: contact.name })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Email" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_a = contact.email) != null ? _a : "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Phone" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_b = contact.phone) != null ? _b : "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Country" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_c = contact.country) != null ? _c : "\u2014" })
+            ] }),
+            contact.passport && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Passport / CPF" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: contact.passport })
+            ] })
+          ] })
+        ] }),
+        (onPayBalance || onCancelRequest) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+          depositInfo && !depositInfo.isPaidInFull && onPayBalance && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onPayBalance,
+              className: cn(
+                "w-full rounded-full bg-primary py-3.5 text-center text-sm font-bold uppercase tracking-wide",
+                "text-primary-foreground font-heading transition-colors hover:bg-primary/90",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                "flex items-center justify-center gap-2"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCardIcon, { className: "w-4 h-4" }),
+                "Pay remaining balance \u2014 ",
+                depositInfo.remainingAmount
+              ]
+            }
+          ),
+          onCancelRequest && status !== "cancelled" && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onCancelRequest,
+              className: "flex items-center gap-1.5 text-xs font-ui text-muted-foreground hover:text-destructive transition-colors underline underline-offset-2",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "w-3 h-3" }),
+                "Request cancellation"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var DEFAULT_LOGO = "/logo-planetaexo.png";
+function BookingConfirmationEmail({
+  recipientName,
+  addTravellersUrl,
+  logoUrl = DEFAULT_LOGO,
+  bookingNumber,
+  activity,
+  adventure,
+  startingDate,
+  numberOfPeople,
+  host,
+  className
+}) {
+  const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: addTravellersUrl,
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading hover:bg-primary-800 transition-colors no-underline",
+      children: "Add travellers to your booking"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading",
+      role: "presentation",
+      children: "Add travellers to your booking"
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "max-w-xl mx-auto bg-white text-foreground font-sans text-base leading-relaxed",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 mb-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: logoUrl,
+            alt: "PlanetaEXO",
+            className: "h-[70px] w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-4", children: [
+          "Hi ",
+          recipientName,
+          ","
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "Thank you for booking your adventure with PlanetaEXO \u2014 we're really looking forward to your adventure." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration." }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8", children: AddTravellersCta }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: "\u{1F4DD} Here's a quick summary of your booking:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "divide-y divide-border", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Booking Number:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: bookingNumber })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Activity:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: activity })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Adventure:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: adventure })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Starting Date:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: startingDate })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Number of People:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: numberOfPeople })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Host:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: host })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If you have any questions, just reply to this email \u2014 happy to help." })
+      ]
+    }
+  );
+}
+var DEFAULT_LOGO2 = "/logo-planetaexo.png";
+function BookingConfirmation({
+  recipientName,
+  logoUrl = DEFAULT_LOGO2,
+  bookingReference,
+  adventures,
+  summaryLineItems,
+  subtotal,
+  total,
+  depositInfo,
+  agent,
+  viewBookingUrl,
+  className
+}) {
+  const allTravellers = adventures.flatMap((a) => {
+    var _a;
+    return (_a = a.travellers) != null ? _a : [];
+  });
+  const ViewBookingCta = viewBookingUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: viewBookingUrl,
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading hover:bg-primary/90 transition-colors no-underline",
+      children: "View booking details"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading",
+      role: "presentation",
+      children: "View booking details"
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "max-w-xl mx-auto bg-white text-foreground font-sans text-base leading-relaxed",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 pb-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: logoUrl,
+            alt: "PlanetaEXO",
+            className: "h-[70px] w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-5 text-base", children: [
+            "Hi ",
+            recipientName,
+            ","
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "Great news \u2014 your booking has been confirmed! Everything is set and we're getting ready for your adventure." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 text-base", children: "Below you'll find the full details of your reservation, including the adventures, travellers, and payment summary." }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-10", children: ViewBookingCta })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4CB} Next Steps" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border p-5 flex flex-col gap-4", children: [
+            "Each traveller will receive a separate email with a link to complete their individual registration.",
+            "Make sure everyone completes their registration so we can organise everything properly.",
+            "You will receive a final confirmation once all travellers are registered and ready to go."
+          ].map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-xs font-bold text-primary font-heading mt-0.5", children: i + 1 }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed", children: step })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4DD} Booking Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Booking Number" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-semibold text-primary", children: bookingReference })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Adventures" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: adventures.length })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Total Travellers" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: allTravellers.length })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Agent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: agent })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-8 flex flex-col gap-6", children: adventures.map((adventure) => {
+          var _a;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "rounded-2xl border border-border bg-card overflow-hidden",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: adventure.image,
+                    alt: (_a = adventure.imageAlt) != null ? _a : adventure.title,
+                    className: "w-full h-full object-cover"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 flex flex-col gap-2.5", children: [
+                  adventure.reference && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 text-xs font-semibold text-primary font-heading tracking-wide self-start", children: adventure.reference }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-foreground font-heading leading-snug mt-0.5", children: adventure.title }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-3.5 h-3.5 text-primary shrink-0", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })
+                    ] }),
+                    adventure.dateFrom,
+                    " \u2192 ",
+                    adventure.dateTo
+                  ] }),
+                  adventure.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-3.5 h-3.5 text-primary shrink-0", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
+                    ] }),
+                    adventure.location
+                  ] }),
+                  adventure.slots && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-3.5 h-3.5 text-primary shrink-0", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+                    ] }),
+                    [
+                      adventure.slots.adults ? `${adventure.slots.adults} adult(s)` : null,
+                      adventure.slots.children ? `${adventure.slots.children} child(ren)` : null
+                    ].filter(Boolean).join(" \xB7 ")
+                  ] }),
+                  adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-3.5 h-3.5 text-primary shrink-0", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" })
+                    ] }),
+                    adventure.partner
+                  ] }),
+                  adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Travellers" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5", children: adventure.travellers.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: "flex items-center justify-between",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-foreground font-sans", children: [
+                              t.firstName,
+                              " ",
+                              t.lastName
+                            ] }),
+                            t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-muted-foreground bg-muted rounded-full px-2 py-0.5 font-heading uppercase tracking-wide", children: "child" })
+                          ]
+                        },
+                        t.id
+                      )) })
+                    ] })
+                  ] }),
+                  adventure.description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Itinerary" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
+                    ] })
+                  ] }),
+                  adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      "li",
+                      {
+                        className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 text-primary shrink-0 mt-0.5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+                          item
+                        ]
+                      },
+                      i
+                    )) })
+                  ] }),
+                  adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que n\xE3o est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      "li",
+                      {
+                        className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-4 h-4 text-destructive shrink-0 mt-0.5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+                          ] }),
+                          item
+                        ]
+                      },
+                      i
+                    )) })
+                  ] }),
+                  adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Pricing" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+                        adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          "div",
+                          {
+                            className: "flex items-center justify-between",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground font-sans", children: item.label }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                "span",
+                                {
+                                  className: cn(
+                                    "text-sm font-medium font-sans whitespace-nowrap",
+                                    item.isDiscount ? "text-green-600" : "text-foreground"
+                                  ),
+                                  children: [
+                                    item.isDiscount ? "\u2212" : "",
+                                    item.price
+                                  ]
+                                }
+                              )
+                            ]
+                          },
+                          j
+                        )),
+                        adventure.subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-border", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: "Subtotal" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading whitespace-nowrap", children: adventure.subtotal })
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                ] })
+              ]
+            },
+            adventure.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4B0} Payment Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: item.label }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "td",
+                {
+                  className: cn(
+                    "py-2.5 px-4 text-right font-medium whitespace-nowrap",
+                    item.isDiscount ? "text-green-600" : "text-foreground"
+                  ),
+                  children: [
+                    item.isDiscount ? "\u2212" : "",
+                    item.price
+                  ]
+                }
+              )
+            ] }, i)),
+            subtotal && /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: "Subtotal" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: subtotal })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-muted/30", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: "Total" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 text-right font-bold text-primary font-heading text-xl whitespace-nowrap", children: total })
+            ] })
+          ] }) }) }),
+          depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border mt-4 overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Payment Details" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "py-2.5 px-4 text-muted-foreground", children: [
+                  "Deposit (",
+                  depositInfo.depositPercent,
+                  "%)"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.depositAmount })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Remaining balance" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.remainingAmount })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "tr",
+                {
+                  className: cn(
+                    depositInfo.isPaidInFull && "border-b border-border"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Balance due" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.balanceDueDate })
+                  ]
+                }
+              ),
+              depositInfo.isPaidInFull && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  colSpan: 2,
+                  className: "py-3 px-4 text-center font-semibold text-green-600 bg-green-50",
+                  children: "\u2705 Paid in full"
+                }
+              ) })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8 pb-10", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "All travellers have been registered for this booking. Each person will receive a separate email with their individual details and any pre-departure information." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base", children: [
+            "If you have any questions, just reply to this email or contact",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: agent }),
+            " \u2014 happy to help."
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 
+exports.BookingConfirmation = BookingConfirmation;
+exports.BookingConfirmationEmail = BookingConfirmationEmail;
+exports.BookingDetails = BookingDetails;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
 exports.cn = cn;