@planetaexo/design-system 0.18.0 → 0.19.0

package/dist/index.d.cts

@@ -200,6 +200,32 @@ interface OfferAgentInfo {
     email?: string;
     scheduleUrl?: string;
 }
+/**
+ * Estado "proposta já reservada" — quando passado ao `<Offer>`, a coluna
+ * esquerda exibe APENAS o `<BookingConfirmedCard>` (com props derivadas deste
+ * objeto) + `belowSlot` opcional. As seções "Included Adventures", "Summary"
+ * e o `checkoutSlot` NÃO renderizam. Mobile floating footer some também.
+ * Sidebar (Booking Total + agente) continua visível, com o botão "Reservar"
+ * substituído por um link "View booking" quando `viewBookingHref` é passado.
+ */
+interface OfferConfirmedState {
+    /** Número da reserva confirmada. Quando ausente, oculta a linha "Your booking number is" e o botão CTA. */
+    bookingNumber?: number | string;
+    /** Rótulo "Your booking number is:" — quando ausente, default EN do BookingConfirmedCard. */
+    bookingNumberLabel?: string;
+    /** E-mail do cliente usado na mensagem padrão "A confirmation email was sent to <email>". */
+    email?: string;
+    /** Quando informado, renderiza botão CTA "VIEW BOOKING" linkando para essa URL. */
+    viewBookingHref?: string;
+    /** Rótulo do botão CTA. Default EN: "VIEW BOOKING". */
+    viewBookingLabel?: string;
+    /** Título do card. Default EN: "Booking confirmed!" (do BookingConfirmedCard). */
+    title?: string;
+    /** Mensagem central. ReactNode para permitir markup (ex.: <strong>email</strong>). */
+    message?: React.ReactNode;
+    /** Slot opcional renderizado ABAIXO do BookingConfirmedCard, dentro da coluna esquerda — usado para "Outstanding balance". */
+    belowSlot?: React.ReactNode;
+}
 interface OfferProps {
     /** Logo URL (defaults to /logo-planetaexo.png) */
     logo?: string;
@@ -231,6 +257,15 @@ interface OfferProps {
     continueDisabled?: boolean;
     /** Overrides i18n para labels hardcoded no componente. */
     labels?: OfferLabels;
+    /**
+     * Quando presente, a coluna esquerda renderiza APENAS o `BookingConfirmedCard`
+     * (com props derivadas deste objeto) + `belowSlot` opcional. As seções
+     * "Included Adventures", "Summary" e o `checkoutSlot` NÃO renderizam.
+     * Mobile floating footer some também. Sidebar (Booking Total + agente)
+     * continua visível, mas o botão "Reservar" vira `<a href={viewBookingHref}>`
+     * quando essa URL é informada.
+     */
+    confirmedState?: OfferConfirmedState;
     className?: string;
 }
 interface BookingShellProps {
@@ -298,13 +333,21 @@ interface BookingConfirmedCardProps {
     onBack?: () => void;
     /** Label for the back button. Default: "Back to offer" */
     backLabel?: string;
+    /** Número da reserva exibido como "<bookingNumberLabel> <bookingNumber>" entre o título e a mensagem. Quando ausente/falsy, a linha não renderiza. */
+    bookingNumber?: number | string;
+    /** Rótulo da linha "Your booking number is:". Default EN: "Your booking number is:". */
+    bookingNumberLabel?: string;
+    /** URL para o botão CTA principal "VIEW BOOKING". Quando ausente, o botão não renderiza. */
+    viewBookingHref?: string;
+    /** Label do botão CTA principal. Default EN: "VIEW BOOKING". */
+    viewBookingLabel?: string;
 }
-declare function BookingConfirmedCard({ title, email, message, onBack, backLabel, }: BookingConfirmedCardProps): react_jsx_runtime.JSX.Element;
+declare function BookingConfirmedCard({ title, email, message, onBack, backLabel, bookingNumber, bookingNumberLabel, viewBookingHref, viewBookingLabel, }: BookingConfirmedCardProps): react_jsx_runtime.JSX.Element;
 /** Cartão de aventura isolado (mesmo layout que dentro de `Offer`). */
 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, 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, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -2041,4 +2084,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, type TravellerFormConfig, type TravellerFormData, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, type TravellerFormLabels, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferConfirmedState, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, type TravellerFormConfig, type TravellerFormData, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, type TravellerFormLabels, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };

package/dist/index.d.ts

@@ -200,6 +200,32 @@ interface OfferAgentInfo {
     email?: string;
     scheduleUrl?: string;
 }
+/**
+ * Estado "proposta já reservada" — quando passado ao `<Offer>`, a coluna
+ * esquerda exibe APENAS o `<BookingConfirmedCard>` (com props derivadas deste
+ * objeto) + `belowSlot` opcional. As seções "Included Adventures", "Summary"
+ * e o `checkoutSlot` NÃO renderizam. Mobile floating footer some também.
+ * Sidebar (Booking Total + agente) continua visível, com o botão "Reservar"
+ * substituído por um link "View booking" quando `viewBookingHref` é passado.
+ */
+interface OfferConfirmedState {
+    /** Número da reserva confirmada. Quando ausente, oculta a linha "Your booking number is" e o botão CTA. */
+    bookingNumber?: number | string;
+    /** Rótulo "Your booking number is:" — quando ausente, default EN do BookingConfirmedCard. */
+    bookingNumberLabel?: string;
+    /** E-mail do cliente usado na mensagem padrão "A confirmation email was sent to <email>". */
+    email?: string;
+    /** Quando informado, renderiza botão CTA "VIEW BOOKING" linkando para essa URL. */
+    viewBookingHref?: string;
+    /** Rótulo do botão CTA. Default EN: "VIEW BOOKING". */
+    viewBookingLabel?: string;
+    /** Título do card. Default EN: "Booking confirmed!" (do BookingConfirmedCard). */
+    title?: string;
+    /** Mensagem central. ReactNode para permitir markup (ex.: <strong>email</strong>). */
+    message?: React.ReactNode;
+    /** Slot opcional renderizado ABAIXO do BookingConfirmedCard, dentro da coluna esquerda — usado para "Outstanding balance". */
+    belowSlot?: React.ReactNode;
+}
 interface OfferProps {
     /** Logo URL (defaults to /logo-planetaexo.png) */
     logo?: string;
@@ -231,6 +257,15 @@ interface OfferProps {
     continueDisabled?: boolean;
     /** Overrides i18n para labels hardcoded no componente. */
     labels?: OfferLabels;
+    /**
+     * Quando presente, a coluna esquerda renderiza APENAS o `BookingConfirmedCard`
+     * (com props derivadas deste objeto) + `belowSlot` opcional. As seções
+     * "Included Adventures", "Summary" e o `checkoutSlot` NÃO renderizam.
+     * Mobile floating footer some também. Sidebar (Booking Total + agente)
+     * continua visível, mas o botão "Reservar" vira `<a href={viewBookingHref}>`
+     * quando essa URL é informada.
+     */
+    confirmedState?: OfferConfirmedState;
     className?: string;
 }
 interface BookingShellProps {
@@ -298,13 +333,21 @@ interface BookingConfirmedCardProps {
     onBack?: () => void;
     /** Label for the back button. Default: "Back to offer" */
     backLabel?: string;
+    /** Número da reserva exibido como "<bookingNumberLabel> <bookingNumber>" entre o título e a mensagem. Quando ausente/falsy, a linha não renderiza. */
+    bookingNumber?: number | string;
+    /** Rótulo da linha "Your booking number is:". Default EN: "Your booking number is:". */
+    bookingNumberLabel?: string;
+    /** URL para o botão CTA principal "VIEW BOOKING". Quando ausente, o botão não renderiza. */
+    viewBookingHref?: string;
+    /** Label do botão CTA principal. Default EN: "VIEW BOOKING". */
+    viewBookingLabel?: string;
 }
-declare function BookingConfirmedCard({ title, email, message, onBack, backLabel, }: BookingConfirmedCardProps): react_jsx_runtime.JSX.Element;
+declare function BookingConfirmedCard({ title, email, message, onBack, backLabel, bookingNumber, bookingNumberLabel, viewBookingHref, viewBookingLabel, }: BookingConfirmedCardProps): react_jsx_runtime.JSX.Element;
 /** Cartão de aventura isolado (mesmo layout que dentro de `Offer`). */
 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, 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, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -2041,4 +2084,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, type TravellerFormConfig, type TravellerFormData, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, type TravellerFormLabels, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferConfirmedState, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, type TravellerFormConfig, type TravellerFormData, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, type TravellerFormLabels, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };

package/dist/index.js

@@ -1455,7 +1455,9 @@ function OfferSidebar({
   onBook,
   bookLabel,
   bookDisabled,
-  labels
+  labels,
+  bookHref,
+  bookHrefLabel
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
@@ -1464,7 +1466,18 @@ function OfferSidebar({
         /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-widest text-muted-foreground font-heading mb-1", children: (_a = labels == null ? void 0 : labels.bookingTotal) != null ? _a : "Booking Total" }),
         /* @__PURE__ */ jsx("p", { className: "text-3xl font-black text-primary font-heading leading-none", children: total })
       ] }),
-      /* @__PURE__ */ jsx(
+      bookHref ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: bookHref,
+          className: cn(
+            "w-full inline-flex items-center justify-center rounded-full bg-primary py-3 text-sm font-bold tracking-wide uppercase",
+            "text-primary-foreground font-heading transition-colors hover:bg-primary/90",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          children: bookHrefLabel != null ? bookHrefLabel : bookLabel
+        }
+      ) : /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -1909,19 +1922,37 @@ function BookingConfirmedCard({
   email,
   message,
   onBack,
-  backLabel = "Back to offer"
+  backLabel = "Back to offer",
+  bookingNumber,
+  bookingNumberLabel = "Your booking number is:",
+  viewBookingHref,
+  viewBookingLabel = "VIEW BOOKING"
 }) {
+  const hasBookingNumber = bookingNumber !== void 0 && bookingNumber !== null && bookingNumber !== "";
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-8 flex flex-col items-center gap-6 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(CheckCircle2Icon, { className: "w-10 h-10 text-primary" }) }),
-    /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-2xl font-black text-foreground font-heading", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxs(Fragment, { children: [
+      hasBookingNumber && /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground font-sans", children: [
+        bookingNumberLabel,
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground font-heading", children: bookingNumber })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxs(Fragment, { children: [
         "A confirmation email has been sent to",
         " ",
         /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: email || "your email" }),
         ". Our team will be in touch shortly."
       ] }) })
     ] }),
+    viewBookingHref && /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: viewBookingHref,
+        className: "rounded-full bg-primary px-6 py-3 text-sm font-bold tracking-wide uppercase text-primary-foreground font-heading transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: viewBookingLabel
+      }
+    ),
     onBack && /* @__PURE__ */ jsx(
       "button",
       {
@@ -2203,11 +2234,12 @@ function Offer({
   summaryDiscountLine,
   continueDisabled,
   labels,
+  confirmedState,
   className
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const [showBooking, setShowBooking] = React23.useState(false);
-  const isShowingCheckout = !!checkoutSlot || showBooking;
+  const isShowingCheckout = !confirmedState && (!!checkoutSlot || showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
     onContinue == null ? void 0 : onContinue();
@@ -2217,11 +2249,25 @@ function Offer({
     /* @__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: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: confirmedState ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          BookingConfirmedCard,
+          {
+            title: (_a = confirmedState.title) != null ? _a : labels == null ? void 0 : labels.bookingConfirmed,
+            email: confirmedState.email,
+            message: confirmedState.message,
+            bookingNumber: confirmedState.bookingNumber,
+            bookingNumberLabel: confirmedState.bookingNumberLabel,
+            viewBookingHref: confirmedState.viewBookingHref,
+            viewBookingLabel: confirmedState.viewBookingLabel
+          }
+        ),
+        confirmedState.belowSlot
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__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: (_a = labels == null ? void 0 : labels.includedAdventures) != null ? _a : "Included Adventures" })
+            /* @__PURE__ */ jsx("h2", { className: "font-bold text-foreground font-heading text-base", children: (_b = labels == null ? void 0 : labels.includedAdventures) != null ? _b : "Included Adventures" })
           ] }),
           adventures.map((adventure) => /* @__PURE__ */ jsx(AdventureCard, { adventure, labels }, adventure.id))
         ] }),
@@ -2250,7 +2296,7 @@ function Offer({
             labels
           }
         ))
-      ] }),
+      ] }) }),
       /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
         OfferSidebar,
         {
@@ -2259,13 +2305,15 @@ function Offer({
           onBook: handleBook,
           bookLabel: continueLabel,
           bookDisabled: continueDisabled,
-          labels
+          labels,
+          bookHref: confirmedState == null ? void 0 : confirmedState.viewBookingHref,
+          bookHrefLabel: confirmedState == null ? void 0 : confirmedState.viewBookingLabel
         }
       ) })
     ] }),
-    !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: [
+    !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: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: (_b = labels == null ? void 0 : labels.total) != null ? _b : "Total" }),
+        /* @__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 })
       ] }),
       /* @__PURE__ */ jsx(
@@ -2273,10 +2321,12 @@ function Offer({
         {
           type: "button",
           onClick: handleBook,
+          disabled: continueDisabled,
           className: cn(
             "rounded-full bg-primary px-6 py-3 text-sm font-bold tracking-wide uppercase",
             "text-primary-foreground font-heading transition-colors hover:bg-primary/90",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            continueDisabled && "opacity-50 pointer-events-none"
           ),
           children: continueLabel
         }