@planetaexo/design-system 0.2.11 → 0.2.13

package/dist/index.d.cts

@@ -198,6 +198,80 @@ interface BookingConfirmationEmailProps {
 }
 declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, className, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmationLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+}
+interface ConfirmationTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    isChild?: boolean;
+}
+interface ConfirmationAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    partner?: string;
+    location?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+    };
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    lineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    travellers?: ConfirmationTraveller[];
+}
+interface ConfirmationDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingConfirmationProps {
+    /** Nome do destinatario (ex: "Maria") */
+    recipientName: string;
+    /** URL da logo. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Numero da reserva */
+    bookingReference: string;
+    /** Adventures included in the booking */
+    adventures: ConfirmationAdventure[];
+    /** Global line items (e.g. coupons, fees) */
+    summaryLineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: ConfirmationDepositInfo;
+    /** Nome do agente responsavel */
+    agent: string;
+    /** URL para ver os detalhes completos do booking */
+    viewBookingUrl?: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmation({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, className, }: BookingConfirmationProps): react_jsx_runtime.JSX.Element;
+
+interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string;
+}
+declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLInputElement>>;
+interface FloatingSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    label: string;
+    error?: string;
+    children: React.ReactNode;
+}
+declare const FloatingSelect: React.ForwardRefExoticComponent<FloatingSelectProps & React.RefAttributes<HTMLSelectElement>>;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type BookingAdventure, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };
+export { type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };

package/dist/index.d.ts

@@ -198,6 +198,80 @@ interface BookingConfirmationEmailProps {
 }
 declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, className, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmationLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+}
+interface ConfirmationTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    isChild?: boolean;
+}
+interface ConfirmationAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    partner?: string;
+    location?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+    };
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    lineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    travellers?: ConfirmationTraveller[];
+}
+interface ConfirmationDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingConfirmationProps {
+    /** Nome do destinatario (ex: "Maria") */
+    recipientName: string;
+    /** URL da logo. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Numero da reserva */
+    bookingReference: string;
+    /** Adventures included in the booking */
+    adventures: ConfirmationAdventure[];
+    /** Global line items (e.g. coupons, fees) */
+    summaryLineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: ConfirmationDepositInfo;
+    /** Nome do agente responsavel */
+    agent: string;
+    /** URL para ver os detalhes completos do booking */
+    viewBookingUrl?: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmation({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, className, }: BookingConfirmationProps): react_jsx_runtime.JSX.Element;
+
+interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string;
+}
+declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLInputElement>>;
+interface FloatingSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    label: string;
+    error?: string;
+    children: React.ReactNode;
+}
+declare const FloatingSelect: React.ForwardRefExoticComponent<FloatingSelectProps & React.RefAttributes<HTMLSelectElement>>;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type BookingAdventure, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };
+export { type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };

package/dist/index.js

@@ -2692,7 +2692,337 @@ function BookingConfirmationEmail({
     }
   );
 }
+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__ */ 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__ */ 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__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "max-w-xl mx-auto bg-white text-foreground font-sans text-base leading-relaxed",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pt-10 pb-8 flex justify-center", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: logoUrl,
+            alt: "PlanetaEXO",
+            className: "h-[70px] w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8", children: [
+          /* @__PURE__ */ jsxs("p", { className: "mb-5 text-base", children: [
+            "Hi ",
+            recipientName,
+            ","
+          ] }),
+          /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "mb-10", children: ViewBookingCta })
+        ] }),
+        /* @__PURE__ */ jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4CB} Next Steps" }),
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start gap-3.5", children: [
+            /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-foreground/80 leading-relaxed", children: step })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4DD} Booking Summary" }),
+          /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Booking Number" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 font-semibold text-primary", children: bookingReference })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Adventures" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: adventures.length })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Total Travellers" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: allTravellers.length })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Agent" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: agent })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsx("div", { className: "px-8 py-8 flex flex-col gap-6", children: adventures.map((adventure) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "rounded-2xl border border-border bg-card overflow-hidden",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: adventure.image,
+                    alt: (_a = adventure.imageAlt) != null ? _a : adventure.title,
+                    className: "w-full h-full object-cover"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("div", { className: "p-5 flex flex-col gap-2.5", children: [
+                  adventure.reference && /* @__PURE__ */ 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__ */ jsx("h3", { className: "text-xl font-bold text-foreground font-heading leading-snug mt-0.5", children: adventure.title }),
+                  /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ 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__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }),
+                      /* @__PURE__ */ jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
+                      /* @__PURE__ */ jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
+                      /* @__PURE__ */ jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })
+                    ] }),
+                    adventure.dateFrom,
+                    " \u2192 ",
+                    adventure.dateTo
+                  ] }),
+                  adventure.location && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ 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__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+                    ] }),
+                    adventure.location
+                  ] }),
+                  adventure.slots && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ 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__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                      /* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+                      /* @__PURE__ */ 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__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
+                    /* @__PURE__ */ 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__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Travellers" }),
+                      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: adventure.travellers.map((t) => /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "flex items-center justify-between",
+                          children: [
+                            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-foreground font-sans", children: [
+                              t.firstName,
+                              " ",
+                              t.lastName
+                            ] }),
+                            t.isChild && /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Itinerary" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
+                    ] })
+                  ] }),
+                  adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+                    /* @__PURE__ */ jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que est\xE1 incluso" }),
+                    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxs(
+                      "li",
+                      {
+                        className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+                        children: [
+                          /* @__PURE__ */ 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__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+                          item
+                        ]
+                      },
+                      i
+                    )) })
+                  ] }),
+                  adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+                    /* @__PURE__ */ jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que n\xE3o est\xE1 incluso" }),
+                    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxs(
+                      "li",
+                      {
+                        className: "flex items-start gap-2 text-sm text-foreground/80 font-sans",
+                        children: [
+                          /* @__PURE__ */ 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__ */ jsx("path", { d: "M18 6 6 18" }),
+                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                          ] }),
+                          item
+                        ]
+                      },
+                      i
+                    )) })
+                  ] }),
+                  adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("hr", { className: "border-t border-border my-1" }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Pricing" }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                        adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: "flex items-center justify-between",
+                            children: [
+                              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: item.label }),
+                              /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-border", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: "Subtotal" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-foreground font-heading whitespace-nowrap", children: adventure.subtotal })
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                ] })
+              ]
+            },
+            adventure.id
+          );
+        }) }),
+        /* @__PURE__ */ jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8 py-8", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4B0} Payment Summary" }),
+          /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxs("tbody", { children: [
+            summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: item.label }),
+              /* @__PURE__ */ 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__ */ jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: "Subtotal" }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: subtotal })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { className: "bg-muted/30", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: "Total" }),
+              /* @__PURE__ */ jsx("td", { className: "py-4 px-4 text-right font-bold text-primary font-heading text-xl whitespace-nowrap", children: total })
+            ] })
+          ] }) }) }),
+          depositInfo && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border mt-4 overflow-hidden", children: [
+            /* @__PURE__ */ jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Payment Details" }) }),
+            /* @__PURE__ */ jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxs("tbody", { children: [
+              /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsxs("td", { className: "py-2.5 px-4 text-muted-foreground", children: [
+                  "Deposit (",
+                  depositInfo.depositPercent,
+                  "%)"
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.depositAmount })
+              ] }),
+              /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Remaining balance" }),
+                /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.remainingAmount })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "tr",
+                {
+                  className: cn(
+                    depositInfo.isPaidInFull && "border-b border-border"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Balance due" }),
+                    /* @__PURE__ */ jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.balanceDueDate })
+                  ]
+                }
+              ),
+              depositInfo.isPaidInFull && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsx("hr", { className: "border-t border-border mx-8" }),
+        /* @__PURE__ */ jsxs("div", { className: "px-8 py-8 pb-10", children: [
+          /* @__PURE__ */ 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__ */ jsxs("p", { className: "text-base", children: [
+            "If you have any questions, just reply to this email or contact",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: agent }),
+            " \u2014 happy to help."
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 
-export { BookingConfirmationEmail, BookingDetails, Offer, OfferAdventureCard, cn };
+export { BookingConfirmation, BookingConfirmationEmail, BookingDetails, FloatingInput, FloatingSelect, Offer, OfferAdventureCard, cn };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map