@planetaexo/design-system 0.15.0 → 0.16.0

package/dist/index.d.cts

@@ -140,6 +140,16 @@ interface OfferLabels {
     bookingConfirmedMessage?: React.ReactNode | ((args: {
         email: string;
     }) => React.ReactNode);
+    /**
+     * Labels do mini agent card (botões de WhatsApp / Email / Schedule a call e
+     * preposição "at {company}" no template de contato).
+     */
+    agentContact?: {
+        whatsappLabel?: string;
+        emailLabel?: string;
+        scheduleCallLabel?: string;
+        atCompanyLabel?: string;
+    };
     /**
      * Strings do BookingWizard interno (renderizado quando `checkoutSlot` é
      * undefined — em produção do bookings esse caminho é ofuscado, mas
@@ -671,6 +681,8 @@ interface ConfirmationLineItem {
     label: string;
     price: string;
     isDiscount?: boolean;
+    /** Tipo lógico do item (rate = tarifa adultos/crianças, optional = opcional, discount = desconto). Usado pelo mapper backend para distinguir agrupamentos. */
+    type?: "rate" | "optional" | "discount";
 }
 interface ConfirmationTraveller {
     id: string;
@@ -680,11 +692,23 @@ interface ConfirmationTraveller {
 }
 interface ConfirmationAdventure {
     id: string;
+    /** Texto do pill verde acima do título da aventura (legado: usado pelo mapper backend para fallbacks `partnerBookingRef`). */
     reference?: string;
+    /** Código canônico da Aventura (Adventure.code do catálogo). Quando informado, tem prioridade sobre `reference` no pill verde. */
+    code?: string;
     image: string;
     imageAlt?: string;
     title: string;
+    /**
+     * Slot reaproveitado para renderizar o nome do destino na linha bússola 🧭.
+     * Quando `destinationName` estiver presente, ele tem prioridade sobre `partner`
+     * (mapper backend popula via Adventure.adventureDestinations[].destination.name).
+     * Mantido para compat com chamadas antigas — não remover.
+     */
     partner?: string;
+    /** Nome do destino (Adventure.adventureDestinations[].destination.name). Quando presente, prioriza este valor sobre `partner` na linha 🧭. */
+    destinationName?: string;
+    /** Slot legado de endereço/localização (linha 📍). Quando ausente E `destinationName` presente, a linha 📍 some. Mantido em paralelo para compat backward. */
     location?: string;
     dateFrom: string;
     dateTo: string;
@@ -794,6 +818,63 @@ interface BookingConfirmationEmailProps {
 }
 declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
+interface PaymentReceiptEmailLabels {
+    logoAlt?: string;
+    greeting?: (name: string) => string;
+    receiptHeading?: string;
+    bookingNumberLabel?: string;
+    paymentMethodLabel?: string;
+    paymentDateLabel?: string;
+    amountLabel?: string;
+    chargedAmountLabel?: string;
+    interestSurchargeLabel?: string;
+    statusLabel?: string;
+    travellersLabel?: string;
+    summaryHeading?: string;
+    totalOrderLabel?: string;
+    totalPaidLabel?: string;
+    remainingBalanceLabel?: string;
+    balanceDueDateLabel?: string;
+    paidInFullMessage?: string;
+    closingMessage?: string;
+    teamSignature?: string;
+}
+interface PaymentReceiptEmailProps {
+    /** Nome do destinatário (ex.: "Maria"). */
+    recipientName: string;
+    /** Número canônico da reserva (ex.: "12345"). */
+    bookingNumber: string;
+    /** Método amigável já localizado (ex.: "Cartão (Stripe)" / "PIX (Pagar.me)"). */
+    paymentMethodLabel: string;
+    /** Data formatada (ex.: "07/05/2026"). */
+    paymentDate: string;
+    /** Valor pago formatado (ex.: "R$ 1.234,56"). */
+    amount: string;
+    /** Valor cobrado quando há juros (ex.: "R$ 1.250,00"). Só renderiza linha quando definido. */
+    chargedAmount?: string;
+    /** Status legível (ex.: "Confirmado"). */
+    statusLabel: string;
+    /** Lista de nomes dos viajantes da reserva. */
+    travellers: string[];
+    /** Total da reserva formatado. */
+    totalOrderAmount: string;
+    /** Soma acumulada de pagamentos confirmados (após esta transação). */
+    totalPaidCumulative: string;
+    /** Saldo restante formatado. */
+    remainingBalance: string;
+    /** Data de vencimento do saldo (já formatada). Quando ausente, linha some. */
+    balanceDueDate?: string;
+    /** Sinal: "totalPaid >= total - epsilon". Quando true, exibe banner verde. */
+    isPaidInFull: boolean;
+    /** URL da logo. Default: data URI embutido no pacote (via EmailLogo). */
+    logoUrl?: string;
+    /** Optional label overrides for i18n. */
+    labels?: Partial<PaymentReceiptEmailLabels>;
+    /** className adicional no container. */
+    className?: string;
+}
+declare function PaymentReceiptEmail({ recipientName, bookingNumber, paymentMethodLabel, paymentDate, amount, chargedAmount, statusLabel, travellers, totalOrderAmount, totalPaidCumulative, remainingBalance, balanceDueDate, isPaidInFull, logoUrl, labels, className, }: PaymentReceiptEmailProps): react_jsx_runtime.JSX.Element;
+
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */
     greeting: string;
@@ -1936,4 +2017,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, 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 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

@@ -140,6 +140,16 @@ interface OfferLabels {
     bookingConfirmedMessage?: React.ReactNode | ((args: {
         email: string;
     }) => React.ReactNode);
+    /**
+     * Labels do mini agent card (botões de WhatsApp / Email / Schedule a call e
+     * preposição "at {company}" no template de contato).
+     */
+    agentContact?: {
+        whatsappLabel?: string;
+        emailLabel?: string;
+        scheduleCallLabel?: string;
+        atCompanyLabel?: string;
+    };
     /**
      * Strings do BookingWizard interno (renderizado quando `checkoutSlot` é
      * undefined — em produção do bookings esse caminho é ofuscado, mas
@@ -671,6 +681,8 @@ interface ConfirmationLineItem {
     label: string;
     price: string;
     isDiscount?: boolean;
+    /** Tipo lógico do item (rate = tarifa adultos/crianças, optional = opcional, discount = desconto). Usado pelo mapper backend para distinguir agrupamentos. */
+    type?: "rate" | "optional" | "discount";
 }
 interface ConfirmationTraveller {
     id: string;
@@ -680,11 +692,23 @@ interface ConfirmationTraveller {
 }
 interface ConfirmationAdventure {
     id: string;
+    /** Texto do pill verde acima do título da aventura (legado: usado pelo mapper backend para fallbacks `partnerBookingRef`). */
     reference?: string;
+    /** Código canônico da Aventura (Adventure.code do catálogo). Quando informado, tem prioridade sobre `reference` no pill verde. */
+    code?: string;
     image: string;
     imageAlt?: string;
     title: string;
+    /**
+     * Slot reaproveitado para renderizar o nome do destino na linha bússola 🧭.
+     * Quando `destinationName` estiver presente, ele tem prioridade sobre `partner`
+     * (mapper backend popula via Adventure.adventureDestinations[].destination.name).
+     * Mantido para compat com chamadas antigas — não remover.
+     */
     partner?: string;
+    /** Nome do destino (Adventure.adventureDestinations[].destination.name). Quando presente, prioriza este valor sobre `partner` na linha 🧭. */
+    destinationName?: string;
+    /** Slot legado de endereço/localização (linha 📍). Quando ausente E `destinationName` presente, a linha 📍 some. Mantido em paralelo para compat backward. */
     location?: string;
     dateFrom: string;
     dateTo: string;
@@ -794,6 +818,63 @@ interface BookingConfirmationEmailProps {
 }
 declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
+interface PaymentReceiptEmailLabels {
+    logoAlt?: string;
+    greeting?: (name: string) => string;
+    receiptHeading?: string;
+    bookingNumberLabel?: string;
+    paymentMethodLabel?: string;
+    paymentDateLabel?: string;
+    amountLabel?: string;
+    chargedAmountLabel?: string;
+    interestSurchargeLabel?: string;
+    statusLabel?: string;
+    travellersLabel?: string;
+    summaryHeading?: string;
+    totalOrderLabel?: string;
+    totalPaidLabel?: string;
+    remainingBalanceLabel?: string;
+    balanceDueDateLabel?: string;
+    paidInFullMessage?: string;
+    closingMessage?: string;
+    teamSignature?: string;
+}
+interface PaymentReceiptEmailProps {
+    /** Nome do destinatário (ex.: "Maria"). */
+    recipientName: string;
+    /** Número canônico da reserva (ex.: "12345"). */
+    bookingNumber: string;
+    /** Método amigável já localizado (ex.: "Cartão (Stripe)" / "PIX (Pagar.me)"). */
+    paymentMethodLabel: string;
+    /** Data formatada (ex.: "07/05/2026"). */
+    paymentDate: string;
+    /** Valor pago formatado (ex.: "R$ 1.234,56"). */
+    amount: string;
+    /** Valor cobrado quando há juros (ex.: "R$ 1.250,00"). Só renderiza linha quando definido. */
+    chargedAmount?: string;
+    /** Status legível (ex.: "Confirmado"). */
+    statusLabel: string;
+    /** Lista de nomes dos viajantes da reserva. */
+    travellers: string[];
+    /** Total da reserva formatado. */
+    totalOrderAmount: string;
+    /** Soma acumulada de pagamentos confirmados (após esta transação). */
+    totalPaidCumulative: string;
+    /** Saldo restante formatado. */
+    remainingBalance: string;
+    /** Data de vencimento do saldo (já formatada). Quando ausente, linha some. */
+    balanceDueDate?: string;
+    /** Sinal: "totalPaid >= total - epsilon". Quando true, exibe banner verde. */
+    isPaidInFull: boolean;
+    /** URL da logo. Default: data URI embutido no pacote (via EmailLogo). */
+    logoUrl?: string;
+    /** Optional label overrides for i18n. */
+    labels?: Partial<PaymentReceiptEmailLabels>;
+    /** className adicional no container. */
+    className?: string;
+}
+declare function PaymentReceiptEmail({ recipientName, bookingNumber, paymentMethodLabel, paymentDate, amount, chargedAmount, statusLabel, travellers, totalOrderAmount, totalPaidCumulative, remainingBalance, balanceDueDate, isPaidInFull, logoUrl, labels, className, }: PaymentReceiptEmailProps): react_jsx_runtime.JSX.Element;
+
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */
     greeting: string;
@@ -1936,4 +2017,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, 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 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

@@ -1457,7 +1457,7 @@ function OfferSidebar({
   bookDisabled,
   labels
 }) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex rounded-2xl border border-border bg-card p-5 flex-col gap-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -1499,7 +1499,7 @@ function OfferSidebar({
             labels.agentContactTemplate(agent.name),
             agent.company && /* @__PURE__ */ jsxs(Fragment, { children: [
               " ",
-              "at",
+              (_d = (_c = labels == null ? void 0 : labels.agentContact) == null ? void 0 : _c.atCompanyLabel) != null ? _d : "at",
               " ",
               /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground font-heading", children: agent.company })
             ] })
@@ -1510,7 +1510,7 @@ function OfferSidebar({
             " your travel advisor",
             agent.company && /* @__PURE__ */ jsxs(Fragment, { children: [
               " ",
-              "at",
+              (_f = (_e = labels == null ? void 0 : labels.agentContact) == null ? void 0 : _e.atCompanyLabel) != null ? _f : "at",
               " ",
               /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground font-heading", children: agent.company })
             ] })
@@ -1528,7 +1528,7 @@ function OfferSidebar({
             className: "flex items-center gap-2.5 rounded-lg border border-border px-4 py-2.5 text-sm font-sans text-foreground hover:bg-muted/50 transition-colors",
             children: [
               /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0 text-[#25D366]", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }),
-              "WhatsApp"
+              (_h = (_g = labels == null ? void 0 : labels.agentContact) == null ? void 0 : _g.whatsappLabel) != null ? _h : "WhatsApp"
             ]
           }
         ),
@@ -1539,7 +1539,7 @@ function OfferSidebar({
             className: "flex items-center gap-2.5 rounded-lg border border-border px-4 py-2.5 text-sm font-sans text-foreground hover:bg-muted/50 transition-colors",
             children: [
               /* @__PURE__ */ jsx(MailIcon, { className: "w-4 h-4 shrink-0 text-primary" }),
-              "Email"
+              (_j = (_i = labels == null ? void 0 : labels.agentContact) == null ? void 0 : _i.emailLabel) != null ? _j : "Email"
             ]
           }
         ),
@@ -1552,7 +1552,7 @@ function OfferSidebar({
             className: "flex items-center gap-2.5 rounded-lg border border-border px-4 py-2.5 text-sm font-sans text-foreground hover:bg-muted/50 transition-colors",
             children: [
               /* @__PURE__ */ jsx(PhoneIcon, { className: "w-4 h-4 shrink-0 text-primary" }),
-              "Schedule a call"
+              (_l = (_k = labels == null ? void 0 : labels.agentContact) == null ? void 0 : _k.scheduleCallLabel) != null ? _l : "Schedule a call"
             ]
           }
         )
@@ -3888,7 +3888,7 @@ function BookingConfirmation({
         ] }),
         /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
         /* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: adventures.map((adventure, adIdx) => {
-          var _a;
+          var _a, _b, _c, _d, _e;
           return /* @__PURE__ */ jsxs(
             "div",
             {
@@ -3909,7 +3909,7 @@ function BookingConfirmation({
                   }
                 ) }),
                 /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
-                  adventure.reference && /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: /* @__PURE__ */ jsx("span", { style: {
+                  ((_b = adventure.code) != null ? _b : adventure.reference) && /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: /* @__PURE__ */ jsx("span", { style: {
                     display: "inline-block",
                     backgroundColor: emailTokens.primaryLight,
                     color: emailTokens.primary,
@@ -3918,46 +3918,30 @@ function BookingConfirmation({
                     fontSize: "12px",
                     fontWeight: "600",
                     letterSpacing: "0.05em"
-                  }, children: adventure.reference }) }),
+                  }, children: (_c = adventure.code) != null ? _c : adventure.reference }) }),
                   /* @__PURE__ */ jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color: emailTokens.foreground, lineHeight: "1.3", margin: "0 0 10px 0" }, children: adventure.title }),
                   /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, 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" })
-                    ] }) }),
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4C5}" }) }),
                     /* @__PURE__ */ jsxs("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
                       adventure.dateFrom,
                       " \u2192 ",
                       adventure.dateTo
                     ] })
                   ] }) }) }),
-                  adventure.location && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, 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.destinationName && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F4CD}" }) }),
                     /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: adventure.location })
                   ] }) }) }),
                   adventure.slots && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, 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" })
-                    ] }) }),
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F465}" }) }),
                     /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
                       adventure.slots.adults ? `${adventure.slots.adults} ${l.adultsUnit}` : null,
                       adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
                     ].filter(Boolean).join(" \xB7 ") })
                   ] }) }) }),
-                  adventure.partner && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, 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" })
-                    ] }) }),
-                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: adventure.partner })
+                  ((_d = adventure.destinationName) != null ? _d : adventure.partner) && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", lineHeight: "1" }, children: "\u{1F9ED}" }) }),
+                    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: (_e = adventure.destinationName) != null ? _e : adventure.partner })
                   ] }) }) }),
                   adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
                     /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
@@ -3985,17 +3969,14 @@ function BookingConfirmation({
                   adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
                     /* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.includedLabel }),
                     adventure.included.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("svg", { style: { display: "block", width: "16px", height: "16px", color: emailTokens.primary, marginTop: "2px" }, 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" }) }) }),
+                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", color: emailTokens.primary, lineHeight: "1.2", fontWeight: 700 }, children: "\u2713" }) }),
                       /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
                     ] }) }) }, i))
                   ] }),
                   adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
                     /* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.notIncludedLabel }),
                     adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "16px", height: "16px", color: emailTokens.destructive, marginTop: "2px" }, 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" })
-                      ] }) }),
+                      /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block", fontSize: "14px", color: emailTokens.destructive, lineHeight: "1.2", fontWeight: 700 }, children: "\u2717" }) }),
                       /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
                     ] }) }) }, i))
                   ] }),
@@ -4188,6 +4169,141 @@ function BookingConfirmationEmail({
     }
   );
 }
+var DEFAULT_LABELS3 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (name) => `Hi ${name},`,
+  receiptHeading: "Payment receipt",
+  bookingNumberLabel: "Booking number",
+  paymentMethodLabel: "Payment method",
+  paymentDateLabel: "Payment date",
+  amountLabel: "Amount",
+  chargedAmountLabel: "Charged amount",
+  interestSurchargeLabel: "Interest / surcharge",
+  statusLabel: "Status",
+  travellersLabel: "Travellers",
+  summaryHeading: "Booking summary",
+  totalOrderLabel: "Total order",
+  totalPaidLabel: "Total paid",
+  remainingBalanceLabel: "Remaining balance",
+  balanceDueDateLabel: "Balance due",
+  paidInFullMessage: "\u2705 Paid in full",
+  closingMessage: "If you have any questions, just reply to this email \u2014 happy to help.",
+  teamSignature: "PlanetaEXO Team"
+};
+function PaymentReceiptEmail({
+  recipientName,
+  bookingNumber,
+  paymentMethodLabel,
+  paymentDate,
+  amount,
+  chargedAmount,
+  statusLabel,
+  travellers,
+  totalOrderAmount,
+  totalPaidCumulative,
+  remainingBalance,
+  balanceDueDate,
+  isPaidInFull,
+  logoUrl,
+  labels,
+  className
+}) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels);
+  const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
+  const interestRow = chargedAmount && chargedAmount !== amount;
+  const receiptRows = [
+    { label: l.bookingNumberLabel, value: bookingNumber },
+    { label: l.paymentMethodLabel, value: paymentMethodLabel },
+    { label: l.paymentDateLabel, value: paymentDate },
+    { label: l.amountLabel, value: amount },
+    ...interestRow ? [{ label: l.chargedAmountLabel, value: chargedAmount }] : [],
+    { label: l.statusLabel, value: statusLabel },
+    ...travellersLine.length > 0 ? [{ label: l.travellersLabel, value: travellersLine }] : []
+  ];
+  const summaryRows = [
+    { label: l.totalOrderLabel, value: totalOrderAmount },
+    { label: l.totalPaidLabel, value: totalPaidCumulative },
+    { label: l.remainingBalanceLabel, value: remainingBalance },
+    ...balanceDueDate ? [{ label: l.balanceDueDateLabel, value: balanceDueDate }] : []
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        maxWidth: "576px",
+        margin: "0 auto",
+        backgroundColor: emailTokens.white,
+        color: emailTokens.foreground,
+        fontFamily: emailTokens.fontFamily,
+        fontSize: "16px",
+        lineHeight: "1.6",
+        border: `1px solid ${emailTokens.border}`,
+        borderRadius: "12px",
+        overflow: "hidden",
+        padding: "32px"
+      },
+      className,
+      children: [
+        /* @__PURE__ */ jsx(EmailLogo, { src: logoUrl, alt: l.logoAlt }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(recipientName) }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "12px", fontWeight: 700, color: emailTokens.foreground, fontSize: "16px" }, children: l.receiptHeading }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              borderRadius: "12px",
+              border: `1px solid ${emailTokens.border}`,
+              padding: "20px",
+              marginBottom: "24px"
+            },
+            children: /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
+              receiptRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
+                /* @__PURE__ */ jsx("td", { style: { padding: "8px 12px 8px 0", color: emailTokens.mutedForeground, verticalAlign: "top", whiteSpace: "nowrap" }, children: row.label }),
+                /* @__PURE__ */ jsx("td", { style: { padding: "8px 0", fontWeight: 500, color: emailTokens.foreground, verticalAlign: "top" }, children: row.value })
+              ] }, i)),
+              interestRow && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 2, style: { paddingTop: "8px", fontSize: "12px", color: emailTokens.mutedForeground, fontStyle: "italic" }, children: l.interestSurchargeLabel }) })
+            ] }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "12px", fontWeight: 700, color: emailTokens.foreground, fontSize: "16px" }, children: l.summaryHeading }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              borderRadius: "12px",
+              border: `1px solid ${emailTokens.border}`,
+              overflow: "hidden",
+              marginBottom: "24px"
+            },
+            children: /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
+              summaryRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
+                /* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground, verticalAlign: "top" }, children: row.label }),
+                /* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: 500, color: emailTokens.foreground, whiteSpace: "nowrap" }, children: row.value })
+              ] }, i)),
+              isPaidInFull && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: 2,
+                  style: {
+                    padding: "12px 16px",
+                    textAlign: "center",
+                    fontWeight: 600,
+                    color: emailTokens.green,
+                    backgroundColor: emailTokens.greenBg,
+                    borderTop: `1px solid ${emailTokens.border}`
+                  },
+                  children: l.paidInFullMessage
+                }
+              ) })
+            ] }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: l.closingMessage }),
+        /* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
 function BookingOtpEmail({
   greeting,
   intro,
@@ -4868,7 +4984,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   formSubtitle: "To confirm your participation, please complete this short form. It's required for all travellers and helps us coordinate logistics with our local partners and tailor the experience to you.",
   detailsSectionTitle: "Your details",
   tripInfoSectionTitle: "Trip info",
@@ -5532,7 +5648,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React23.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React23.useMemo(
@@ -9595,6 +9711,6 @@ function LeadCapturePopup({
   );
 }
 
-export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map