@planetaexo/design-system 0.95.2 → 0.96.1

package/dist/index.d.cts

@@ -488,6 +488,18 @@ interface OfferProps {
      * fechar o `checkoutSlot` no host expõe um stepper demo com schema antigo.
      */
     internalDemoCheckout?: boolean;
+    /**
+     * Quando true, oculta a seção "Included Adventures" (header + cards de aventura).
+     * O host renderiza os detalhes por conta própria (ex.: um acordeão "Trip details"
+     * dentro do `checkoutSlot`).
+     */
+    hideAdventures?: boolean;
+    /**
+     * Quando true, oculta a sidebar de compra (card "Booking Total" + CTA) E o rodapé
+     * flutuante mobile, colapsando o layout para coluna única. Use quando o pagamento/CTA
+     * não acontece nesta página (ex.: criação de grupo, em que o sinal é pago depois).
+     */
+    hideSidebar?: boolean;
     className?: string;
 }
 interface BookingShellProps {
@@ -592,7 +604,7 @@ declare function TransferDetailsBlock({ label, items, className, }: TransferDeta
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;
 }): react_jsx_runtime.JSX.Element;
-declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, className, }: OfferProps): react_jsx_runtime.JSX.Element;
+declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, hideAdventures, hideSidebar, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -5058,6 +5070,9 @@ interface DeparturesLabels {
         title: string;
         body: string;
     }>>;
+    /** Sobrescreve o rótulo visível da pílula de status (i18n). Sem override,
+     *  cai no rótulo (em inglês) de DEPARTURE_STATUS_MAP. */
+    statusLabels?: Partial<Record<DepartureStatus, string>>;
 }
 interface DeparturesListProps {
     departures: Departure[];

package/dist/index.d.ts

@@ -488,6 +488,18 @@ interface OfferProps {
      * fechar o `checkoutSlot` no host expõe um stepper demo com schema antigo.
      */
     internalDemoCheckout?: boolean;
+    /**
+     * Quando true, oculta a seção "Included Adventures" (header + cards de aventura).
+     * O host renderiza os detalhes por conta própria (ex.: um acordeão "Trip details"
+     * dentro do `checkoutSlot`).
+     */
+    hideAdventures?: boolean;
+    /**
+     * Quando true, oculta a sidebar de compra (card "Booking Total" + CTA) E o rodapé
+     * flutuante mobile, colapsando o layout para coluna única. Use quando o pagamento/CTA
+     * não acontece nesta página (ex.: criação de grupo, em que o sinal é pago depois).
+     */
+    hideSidebar?: boolean;
     className?: string;
 }
 interface BookingShellProps {
@@ -592,7 +604,7 @@ declare function TransferDetailsBlock({ label, items, className, }: TransferDeta
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;
 }): react_jsx_runtime.JSX.Element;
-declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, className, }: OfferProps): react_jsx_runtime.JSX.Element;
+declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, hideAdventures, hideSidebar, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -5058,6 +5070,9 @@ interface DeparturesLabels {
         title: string;
         body: string;
     }>>;
+    /** Sobrescreve o rótulo visível da pílula de status (i18n). Sem override,
+     *  cai no rótulo (em inglês) de DEPARTURE_STATUS_MAP. */
+    statusLabels?: Partial<Record<DepartureStatus, string>>;
 }
 interface DeparturesListProps {
     departures: Departure[];

package/dist/index.js

@@ -2384,6 +2384,8 @@ function Offer({
   confirmedState,
   interactionsDisabled,
   internalDemoCheckout = false,
+  hideAdventures = false,
+  hideSidebar = false,
   className
 }) {
   var _a, _b, _c;
@@ -2399,7 +2401,7 @@ function Offer({
     /* @__PURE__ */ jsx("img", { src: logo, alt: logoAlt, className: "w-[150px] h-auto object-contain mx-auto block" }),
     /* @__PURE__ */ jsx("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: title }),
     subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground font-sans space-y-1 leading-relaxed", children: subtitle }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-6 lg:gap-8 items-start", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 gap-6 lg:gap-8 items-start", !hideSidebar && "lg:grid-cols-[1fr_280px]"), children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: confirmedState ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           BookingConfirmedCard,
@@ -2415,7 +2417,7 @@ function Offer({
         ),
         confirmedState.belowSlot
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
+        !hideAdventures && /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(MapIcon, { className: "w-5 h-5 text-primary shrink-0" }),
             /* @__PURE__ */ jsx("h2", { className: "font-bold text-foreground font-heading text-base", children: (_b = labels == null ? void 0 : labels.includedAdventures) != null ? _b : "Included Adventures" })
@@ -2448,7 +2450,7 @@ function Offer({
           }
         ) : null)
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
+      !hideSidebar && /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
         OfferSidebar,
         {
           total,
@@ -2461,7 +2463,7 @@ function Offer({
         }
       ) })
     ] }),
-    !isShowingCheckout && !confirmedState && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
+    !isShowingCheckout && !confirmedState && !hideSidebar && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: (_c = labels == null ? void 0 : labels.total) != null ? _c : "Total" }),
         /* @__PURE__ */ jsx("span", { className: "text-xl font-black text-primary font-heading leading-tight", children: total })
@@ -18859,7 +18861,7 @@ function FeaturedDeparture({
   labels,
   onSelect
 }) {
-  var _a;
+  var _a, _b;
   const spotsLeft = d.capacity - d.travellers;
   const needsQuorum = d.min != null && d.travellers < d.min;
   const eyebrow = needsQuorum ? labels.confirmsIn(d.min - d.travellers) : labels.fillingFast(spotsLeft);
@@ -18878,7 +18880,7 @@ function FeaturedDeparture({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-2", children: [
       /* @__PURE__ */ jsx("span", { className: "font-display text-lg font-extrabold tracking-tight whitespace-nowrap", children: fmtDates(d) }),
-      /* @__PURE__ */ jsx(StatusChip, { status: d.status }),
+      /* @__PURE__ */ jsx(StatusChip, { status: d.status, label: (_a = labels.statusLabels) == null ? void 0 : _a[d.status] }),
       d.dynamicPricing && /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(
           TooltipTrigger,
@@ -18912,7 +18914,7 @@ function FeaturedDeparture({
       {
         className: "mt-3",
         current: d.travellers,
-        min: (_a = d.min) != null ? _a : d.travellers,
+        min: (_b = d.min) != null ? _b : d.travellers,
         max: d.capacity,
         hideLabels: d.min == null
       }
@@ -18999,14 +19001,17 @@ function MonthChip({
     }
   );
 }
-function StatusChip({ status }) {
+function StatusChip({
+  status,
+  label
+}) {
   return /* @__PURE__ */ jsx(
     Chip,
     {
       variant: "solid",
       size: "sm",
       className: "hover:bg-muted hover:text-foreground/80",
-      children: STATUS_MAP[status].label
+      children: label != null ? label : STATUS_MAP[status].label
     }
   );
 }
@@ -19015,10 +19020,11 @@ function DepartureRow({
   labels,
   onSelect
 }) {
-  var _a;
+  var _a, _b, _c;
   const dateLabel = fmtDates(d);
   const statusTip = (_a = labels.statusTooltips) == null ? void 0 : _a[d.status];
-  const pct = Math.max(0, Math.min(100, d.travellers / d.capacity * 100));
+  const pct = d.capacity > 0 ? Math.max(0, Math.min(100, d.travellers / d.capacity * 100)) : 0;
+  const travellersText = labels.travellers(d.travellers, d.capacity);
   const overlayClass = "absolute inset-0 z-0 rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary";
   const statusBadge = statusTip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(
@@ -19031,14 +19037,14 @@ function DepartureRow({
             className: "pointer-events-auto cursor-help outline-hidden"
           }
         ),
-        children: /* @__PURE__ */ jsx(StatusChip, { status: d.status })
+        children: /* @__PURE__ */ jsx(StatusChip, { status: d.status, label: (_b = labels.statusLabels) == null ? void 0 : _b[d.status] })
       }
     ),
     /* @__PURE__ */ jsxs(TooltipContent, { children: [
       /* @__PURE__ */ jsx("span", { className: "block font-bold", children: statusTip.title }),
       statusTip.body
     ] })
-  ] }) : /* @__PURE__ */ jsx(StatusChip, { status: d.status });
+  ] }) : /* @__PURE__ */ jsx(StatusChip, { status: d.status, label: (_c = labels.statusLabels) == null ? void 0 : _c[d.status] });
   return /* @__PURE__ */ jsxs("div", { className: "group relative grid grid-cols-[1fr_auto] items-center gap-x-3 gap-y-2 overflow-hidden rounded-2xl border border-border p-3.5 pb-4 transition-colors hover:border-foreground/25 hover:bg-muted/40 has-focus-visible:border-foreground/25 sm:flex sm:flex-nowrap sm:gap-4", children: [
     d.href ? /* @__PURE__ */ jsx("a", { href: d.href, "aria-label": dateLabel, className: overlayClass }) : /* @__PURE__ */ jsx(
       "button",
@@ -19052,9 +19058,9 @@ function DepartureRow({
     /* @__PURE__ */ jsx("span", { className: "pointer-events-none relative z-10 font-display text-sm font-extrabold tracking-tight whitespace-nowrap sm:order-1", children: dateLabel }),
     /* @__PURE__ */ jsx("span", { className: "pointer-events-none relative z-10 justify-self-end sm:order-3 sm:ml-auto", children: statusBadge }),
     /* @__PURE__ */ jsxs("span", { className: "pointer-events-none relative z-10 inline-flex items-center gap-2 sm:order-2", children: [
-      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-sans text-sm text-muted-foreground whitespace-nowrap", children: [
+      travellersText && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-sans text-sm text-muted-foreground whitespace-nowrap", children: [
         /* @__PURE__ */ jsx(UsersIcon, { className: "size-4", strokeWidth: 1.6 }),
-        labels.travellers(d.travellers, d.capacity)
+        travellersText
       ] }),
       d.dynamicPricing && /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(