@planetaexo/design-system 0.3.1 → 0.3.2

package/dist/index.d.cts

@@ -77,8 +77,12 @@ interface OfferProps {
     agent?: OfferAgentInfo;
     onContinue?: () => void;
     continueLabel?: string;
-    /** When true, only `onContinue` runs — no embedded booking wizard (host app handles checkout). */
+    /** When true, only `onContinue` runs — no embedded booking wizard (host app handles checkout).
+     * @deprecated Prefira `checkoutSlot` para manter o padrão visual do DS. */
     externalBookingFlow?: boolean;
+    /** Conteúdo de checkout do host app. Quando presente, substitui o BookingWizard interno:
+     * o sumário some e este slot aparece no lugar — mesmo comportamento visual do DS. */
+    checkoutSlot?: React.ReactNode;
     /** Inserted after per-adventure summaries, before subtotal (e.g. coupon picker). */
     summaryNotesSlot?: React.ReactNode;
     /** Shown after subtotal, before deposit (e.g. coupon discount). */
@@ -94,7 +98,7 @@ interface OfferProps {
 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, summaryNotesSlot, summaryDiscountLine, continueDisabled, 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, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed";
 interface BookingTraveller {

package/dist/index.d.ts

@@ -77,8 +77,12 @@ interface OfferProps {
     agent?: OfferAgentInfo;
     onContinue?: () => void;
     continueLabel?: string;
-    /** When true, only `onContinue` runs — no embedded booking wizard (host app handles checkout). */
+    /** When true, only `onContinue` runs — no embedded booking wizard (host app handles checkout).
+     * @deprecated Prefira `checkoutSlot` para manter o padrão visual do DS. */
     externalBookingFlow?: boolean;
+    /** Conteúdo de checkout do host app. Quando presente, substitui o BookingWizard interno:
+     * o sumário some e este slot aparece no lugar — mesmo comportamento visual do DS. */
+    checkoutSlot?: React.ReactNode;
     /** Inserted after per-adventure summaries, before subtotal (e.g. coupon picker). */
     summaryNotesSlot?: React.ReactNode;
     /** Shown after subtotal, before deposit (e.g. coupon discount). */
@@ -94,7 +98,7 @@ interface OfferProps {
 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, summaryNotesSlot, summaryDiscountLine, continueDisabled, 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, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed";
 interface BookingTraveller {

package/dist/index.js

@@ -1842,14 +1842,16 @@ function Offer({
   onContinue,
   continueLabel = "Book now",
   externalBookingFlow,
+  checkoutSlot,
   summaryNotesSlot,
   summaryDiscountLine,
   continueDisabled,
   className
 }) {
   const [showBooking, setShowBooking] = React18.useState(false);
+  const isShowingCheckout = !!checkoutSlot || showBooking;
   const handleBook = () => {
-    if (!externalBookingFlow) setShowBooking(true);
+    if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
     onContinue == null ? void 0 : onContinue();
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-5xl mx-auto flex flex-col gap-6 pb-20 lg:pb-0", className), children: [
@@ -1865,7 +1867,7 @@ function Offer({
           ] }),
           adventures.map((adventure) => /* @__PURE__ */ jsx(AdventureCard, { adventure }, adventure.id))
         ] }),
-        !showBooking && /* @__PURE__ */ jsx(
+        !isShowingCheckout && /* @__PURE__ */ jsx(
           OfferSummarySection,
           {
             adventures,
@@ -1879,7 +1881,7 @@ function Offer({
             continueDisabled
           }
         ),
-        showBooking && !externalBookingFlow && /* @__PURE__ */ jsx(
+        isShowingCheckout && (checkoutSlot != null ? checkoutSlot : /* @__PURE__ */ jsx(
           BookingWizard,
           {
             adventures,
@@ -1887,7 +1889,7 @@ function Offer({
             depositInfo,
             onCancel: () => setShowBooking(false)
           }
-        )
+        ))
       ] }),
       /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
         OfferSidebar,
@@ -1900,7 +1902,7 @@ function Offer({
         }
       ) })
     ] }),
-    !showBooking && /* @__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 && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: "Total" }),
         /* @__PURE__ */ jsx("span", { className: "text-xl font-black text-primary font-heading leading-tight", children: total })