@planetaexo/design-system 0.23.3 → 0.24.3

package/dist/index.d.cts

@@ -964,6 +964,102 @@ interface PaymentReceiptEmailProps {
 }
 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;
 
+/**
+ * Variante do lembrete:
+ * - `dMinus1`  → 1 dia antes do vencimento (amigável).
+ * - `dZero`    → no dia do vencimento (amigável).
+ * - `dPlus1`   → 1 dia após o vencimento (factual).
+ * - `dPlus2`   → 2 dias após o vencimento (firme — último lembrete).
+ */
+type PaymentReminderVariant = "dMinus1" | "dZero" | "dPlus1" | "dPlus2";
+interface PaymentReminderEmailLineItem {
+    /** Valor unitário formatado, ex.: "R$ 1.500,00". */
+    unitPrice: string;
+    /** Quantidade, ex.: 2. */
+    quantity: number;
+    /** Label localizado da categoria de viajante, ex.: "Adults". */
+    categoryLabel: string;
+    /** Subtotal formatado, ex.: "R$ 3.000,00". */
+    subtotal: string;
+}
+interface PaymentReminderEmailAdventure {
+    /** Nome da aventura, ex.: "Vale do Pati Trek". */
+    name: string;
+    /** Linhas de pricing por categoria de viajante. */
+    lineItems: PaymentReminderEmailLineItem[];
+}
+interface PaymentReminderEmailVariantLabels {
+    /** Frase de intro — recebe bookingNumber e data de vencimento já formatada. */
+    intro?: (bookingNumber: string, dueDate: string) => string;
+    /** Linha de chamada para ação. */
+    secureLine?: string;
+    /** Closing antes do team signature. */
+    closingThanks?: string;
+    /** Aparece apenas em dPlus1/dPlus2. Quando vazia/undefined, linha some. */
+    disregardIfPaid?: string;
+    /** Aparece apenas em dPlus2. Quando vazia/undefined, parágrafo some. */
+    closingAlternative?: (agentName: string) => string;
+}
+interface PaymentReminderEmailLabels {
+    logoAlt?: string;
+    /** Saudação compartilhada entre slugs. */
+    greeting?: (name: string) => string;
+    /** "Hope you're doing well." */
+    intermediateHello?: string;
+    /** "Booking summary" */
+    bookingSummaryHeader?: string;
+    /** "Amount already paid" */
+    amountAlreadyPaidLabel?: string;
+    /** "Remaining balance due" */
+    remainingBalanceDueLabel?: string;
+    /** "Total booking amount" */
+    totalBookingAmountLabel?: string;
+    /** CTA do botão "Complete Payment". */
+    ctaLabel?: string;
+    /** Assinatura: "The PlanetaEXO Team". */
+    teamSignature?: string;
+    /** Strings por slug — cada variante tem seu próprio intro/secureLine/closingThanks. */
+    variants?: {
+        dMinus1?: PaymentReminderEmailVariantLabels;
+        dZero?: PaymentReminderEmailVariantLabels;
+        dPlus1?: PaymentReminderEmailVariantLabels;
+        dPlus2?: PaymentReminderEmailVariantLabels;
+    };
+    /** Closing "If you need any assistance... contact your agent <name>...". */
+    closingAgent?: (agentName: string) => string;
+    /** Closing alternativo quando booking não tem agente atribuído. */
+    closingNoAgent?: string;
+}
+interface PaymentReminderEmailProps {
+    /** Variante do lembrete — controla intro/secureLine/closingThanks + presença de blocos condicionais. */
+    variant: PaymentReminderVariant;
+    /** Nome do destinatário, ex.: "Maria". */
+    recipientName: string;
+    /** Número canônico da reserva (string para suportar futuros formatos), ex.: "12345". */
+    bookingNumber: string;
+    /** Data de vencimento formatada e localizada, ex.: "15 de junho de 2026". */
+    balanceDueDate: string;
+    /** Aventuras com line items estruturados. */
+    adventures: PaymentReminderEmailAdventure[];
+    /** Total já pago formatado, ex.: "R$ 3.000,00". */
+    amountAlreadyPaid: string;
+    /** Saldo restante formatado, ex.: "R$ 3.000,00". */
+    remainingBalanceDue: string;
+    /** Total da reserva formatado, ex.: "R$ 6.000,00". */
+    totalBookingAmount: string;
+    /** URL do CTA "Complete Payment". */
+    viewBookingUrl: string;
+    /** Nome do agente para personalizar closing. Quando ausente, closingNoAgent é usado. */
+    agentName?: string;
+    /** URL da logo. Default: data URI via EmailLogo. */
+    logoUrl?: string;
+    /** Labels para i18n / customização. */
+    labels?: PaymentReminderEmailLabels;
+    /** className extra no container. */
+    className?: string;
+}
+declare function PaymentReminderEmail({ variant, recipientName, bookingNumber, balanceDueDate, adventures, amountAlreadyPaid, remainingBalanceDue, totalBookingAmount, viewBookingUrl, agentName, logoUrl, labels, className, }: PaymentReminderEmailProps): react_jsx_runtime.JSX.Element;
+
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */
     greeting: string;
@@ -2361,4 +2457,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, type CurrencyEstimate, 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, ItineraryDay, type ItineraryDayPhoto, type ItineraryDayPhotoLayout, type ItineraryDayProps, type ItineraryDaySpec, 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, 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, TransferDetailsBlock, type TransferDetailsBlockProps, 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 TripItineraryDay, type TripItineraryStep, type TripMeetingPoint, type TripOverviewHighlight, TripPage, type TripPageProps, type TripReview, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, 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, type CurrencyEstimate, 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, ItineraryDay, type ItineraryDayPhoto, type ItineraryDayPhotoLayout, type ItineraryDayProps, type ItineraryDaySpec, 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, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, 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, TransferDetailsBlock, type TransferDetailsBlockProps, 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 TripItineraryDay, type TripItineraryStep, type TripMeetingPoint, type TripOverviewHighlight, TripPage, type TripPageProps, type TripReview, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };

package/dist/index.d.ts

@@ -964,6 +964,102 @@ interface PaymentReceiptEmailProps {
 }
 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;
 
+/**
+ * Variante do lembrete:
+ * - `dMinus1`  → 1 dia antes do vencimento (amigável).
+ * - `dZero`    → no dia do vencimento (amigável).
+ * - `dPlus1`   → 1 dia após o vencimento (factual).
+ * - `dPlus2`   → 2 dias após o vencimento (firme — último lembrete).
+ */
+type PaymentReminderVariant = "dMinus1" | "dZero" | "dPlus1" | "dPlus2";
+interface PaymentReminderEmailLineItem {
+    /** Valor unitário formatado, ex.: "R$ 1.500,00". */
+    unitPrice: string;
+    /** Quantidade, ex.: 2. */
+    quantity: number;
+    /** Label localizado da categoria de viajante, ex.: "Adults". */
+    categoryLabel: string;
+    /** Subtotal formatado, ex.: "R$ 3.000,00". */
+    subtotal: string;
+}
+interface PaymentReminderEmailAdventure {
+    /** Nome da aventura, ex.: "Vale do Pati Trek". */
+    name: string;
+    /** Linhas de pricing por categoria de viajante. */
+    lineItems: PaymentReminderEmailLineItem[];
+}
+interface PaymentReminderEmailVariantLabels {
+    /** Frase de intro — recebe bookingNumber e data de vencimento já formatada. */
+    intro?: (bookingNumber: string, dueDate: string) => string;
+    /** Linha de chamada para ação. */
+    secureLine?: string;
+    /** Closing antes do team signature. */
+    closingThanks?: string;
+    /** Aparece apenas em dPlus1/dPlus2. Quando vazia/undefined, linha some. */
+    disregardIfPaid?: string;
+    /** Aparece apenas em dPlus2. Quando vazia/undefined, parágrafo some. */
+    closingAlternative?: (agentName: string) => string;
+}
+interface PaymentReminderEmailLabels {
+    logoAlt?: string;
+    /** Saudação compartilhada entre slugs. */
+    greeting?: (name: string) => string;
+    /** "Hope you're doing well." */
+    intermediateHello?: string;
+    /** "Booking summary" */
+    bookingSummaryHeader?: string;
+    /** "Amount already paid" */
+    amountAlreadyPaidLabel?: string;
+    /** "Remaining balance due" */
+    remainingBalanceDueLabel?: string;
+    /** "Total booking amount" */
+    totalBookingAmountLabel?: string;
+    /** CTA do botão "Complete Payment". */
+    ctaLabel?: string;
+    /** Assinatura: "The PlanetaEXO Team". */
+    teamSignature?: string;
+    /** Strings por slug — cada variante tem seu próprio intro/secureLine/closingThanks. */
+    variants?: {
+        dMinus1?: PaymentReminderEmailVariantLabels;
+        dZero?: PaymentReminderEmailVariantLabels;
+        dPlus1?: PaymentReminderEmailVariantLabels;
+        dPlus2?: PaymentReminderEmailVariantLabels;
+    };
+    /** Closing "If you need any assistance... contact your agent <name>...". */
+    closingAgent?: (agentName: string) => string;
+    /** Closing alternativo quando booking não tem agente atribuído. */
+    closingNoAgent?: string;
+}
+interface PaymentReminderEmailProps {
+    /** Variante do lembrete — controla intro/secureLine/closingThanks + presença de blocos condicionais. */
+    variant: PaymentReminderVariant;
+    /** Nome do destinatário, ex.: "Maria". */
+    recipientName: string;
+    /** Número canônico da reserva (string para suportar futuros formatos), ex.: "12345". */
+    bookingNumber: string;
+    /** Data de vencimento formatada e localizada, ex.: "15 de junho de 2026". */
+    balanceDueDate: string;
+    /** Aventuras com line items estruturados. */
+    adventures: PaymentReminderEmailAdventure[];
+    /** Total já pago formatado, ex.: "R$ 3.000,00". */
+    amountAlreadyPaid: string;
+    /** Saldo restante formatado, ex.: "R$ 3.000,00". */
+    remainingBalanceDue: string;
+    /** Total da reserva formatado, ex.: "R$ 6.000,00". */
+    totalBookingAmount: string;
+    /** URL do CTA "Complete Payment". */
+    viewBookingUrl: string;
+    /** Nome do agente para personalizar closing. Quando ausente, closingNoAgent é usado. */
+    agentName?: string;
+    /** URL da logo. Default: data URI via EmailLogo. */
+    logoUrl?: string;
+    /** Labels para i18n / customização. */
+    labels?: PaymentReminderEmailLabels;
+    /** className extra no container. */
+    className?: string;
+}
+declare function PaymentReminderEmail({ variant, recipientName, bookingNumber, balanceDueDate, adventures, amountAlreadyPaid, remainingBalanceDue, totalBookingAmount, viewBookingUrl, agentName, logoUrl, labels, className, }: PaymentReminderEmailProps): react_jsx_runtime.JSX.Element;
+
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */
     greeting: string;
@@ -2361,4 +2457,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, type CurrencyEstimate, 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, ItineraryDay, type ItineraryDayPhoto, type ItineraryDayPhotoLayout, type ItineraryDayProps, type ItineraryDaySpec, 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, 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, TransferDetailsBlock, type TransferDetailsBlockProps, 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 TripItineraryDay, type TripItineraryStep, type TripMeetingPoint, type TripOverviewHighlight, TripPage, type TripPageProps, type TripReview, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, 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, type CurrencyEstimate, 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, ItineraryDay, type ItineraryDayPhoto, type ItineraryDayPhotoLayout, type ItineraryDayProps, type ItineraryDaySpec, 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, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, 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, TransferDetailsBlock, type TransferDetailsBlockProps, 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 TripItineraryDay, type TripItineraryStep, type TripMeetingPoint, type TripOverviewHighlight, TripPage, type TripPageProps, type TripReview, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };

package/dist/index.js

@@ -4409,6 +4409,245 @@ function PaymentReceiptEmail({
     }
   );
 }
+var EMPTY_AGENT_FN = (_agentName) => "";
+var DEFAULT_LABELS4 = {
+  logoAlt: "PlanetaEXO",
+  greeting: (name) => `Hi ${name},`,
+  intermediateHello: "Hope you're doing well.",
+  bookingSummaryHeader: "Booking summary",
+  amountAlreadyPaidLabel: "Amount already paid",
+  remainingBalanceDueLabel: "Remaining balance due",
+  totalBookingAmountLabel: "Total booking amount",
+  ctaLabel: "Complete Payment",
+  teamSignature: "The PlanetaEXO Team",
+  closingAgent: (agentName) => `If you need any assistance or would like to discuss your payment, feel free to contact your agent ${agentName} via WhatsApp or email.`,
+  closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
+  variants: {
+    dMinus1: {
+      intro: (b, d) => `This is a friendly reminder that the remaining balance for your booking #${b} with PlanetaEXO is due tomorrow (${d}).`,
+      secureLine: "To secure your booking, please complete the payment through your booking page using the button below:",
+      closingThanks: "Many thanks, and we look forward to helping you experience your next adventure with us.",
+      disregardIfPaid: "",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    dZero: {
+      intro: (b, d) => `This is a friendly reminder that the remaining balance for your booking #${b} with PlanetaEXO is due today (${d}).`,
+      secureLine: "To keep your booking confirmed, please complete the payment through your booking page using the button below:",
+      closingThanks: "Many thanks, and we look forward to welcoming you soon.",
+      disregardIfPaid: "",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    dPlus1: {
+      intro: (b, d) => `We noticed that the remaining balance for your booking #${b} with PlanetaEXO was due yesterday (${d}) and is still pending.`,
+      secureLine: "To avoid any impact on your booking confirmation, we kindly ask you to complete the payment as soon as possible through your booking page:",
+      closingThanks: "Thank you, and we hope to welcome you on your upcoming adventure soon.",
+      disregardIfPaid: "If you have already completed the payment, please disregard this message.",
+      closingAlternative: EMPTY_AGENT_FN
+    },
+    dPlus2: {
+      intro: (b, d) => `This is a final reminder regarding the remaining balance for your booking #${b} with PlanetaEXO, which was due on ${d} and is still pending.`,
+      secureLine: "To avoid any impact on your booking status or availability, we kindly ask you to complete the payment as soon as possible through your booking page:",
+      closingThanks: "Thank you for your attention, and we hope to welcome you on this adventure soon.",
+      disregardIfPaid: "If you have already completed the payment, please disregard this message.",
+      closingAlternative: (agentName) => `If you are experiencing any issues with payment or need additional time, please contact your agent ${agentName} via WhatsApp or email. We'll be happy to assist.`
+    }
+  }
+};
+function PaymentReminderEmail({
+  variant,
+  recipientName,
+  bookingNumber,
+  balanceDueDate,
+  adventures,
+  amountAlreadyPaid,
+  remainingBalanceDue,
+  totalBookingAmount,
+  viewBookingUrl,
+  agentName,
+  logoUrl,
+  labels,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  const lOverride = labels != null ? labels : {};
+  const variantDefaults = DEFAULT_LABELS4.variants[variant];
+  const variantOverride = (_b = (_a = lOverride.variants) == null ? void 0 : _a[variant]) != null ? _b : {};
+  const variantLabels = {
+    intro: (_c = variantOverride.intro) != null ? _c : variantDefaults.intro,
+    secureLine: (_d = variantOverride.secureLine) != null ? _d : variantDefaults.secureLine,
+    closingThanks: (_e = variantOverride.closingThanks) != null ? _e : variantDefaults.closingThanks,
+    disregardIfPaid: variantOverride.disregardIfPaid !== void 0 ? variantOverride.disregardIfPaid : variantDefaults.disregardIfPaid,
+    closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
+  };
+  const l = {
+    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS4.logoAlt,
+    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS4.greeting,
+    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS4.intermediateHello,
+    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS4.bookingSummaryHeader,
+    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS4.amountAlreadyPaidLabel,
+    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS4.remainingBalanceDueLabel,
+    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS4.totalBookingAmountLabel,
+    ctaLabel: (_n = lOverride.ctaLabel) != null ? _n : DEFAULT_LABELS4.ctaLabel,
+    teamSignature: (_o = lOverride.teamSignature) != null ? _o : DEFAULT_LABELS4.teamSignature,
+    closingAgent: (_p = lOverride.closingAgent) != null ? _p : DEFAULT_LABELS4.closingAgent,
+    closingNoAgent: (_q = lOverride.closingNoAgent) != null ? _q : DEFAULT_LABELS4.closingNoAgent
+  };
+  const ctaStyle = {
+    display: "inline-block",
+    backgroundColor: emailTokens.primary,
+    color: emailTokens.primaryForeground,
+    padding: "12px 24px",
+    borderRadius: "8px",
+    fontSize: "14px",
+    fontWeight: 700,
+    textDecoration: "none",
+    fontFamily: emailTokens.fontFamily
+  };
+  const summaryRowStyle = {
+    margin: "0 0 8px",
+    fontSize: "14px",
+    color: emailTokens.foreground
+  };
+  const agentNameTrimmed = agentName == null ? void 0 : agentName.trim();
+  const closingMain = agentNameTrimmed ? l.closingAgent(agentNameTrimmed) : l.closingNoAgent;
+  const showDisregard = typeof variantLabels.disregardIfPaid === "string" && variantLabels.disregardIfPaid.trim().length > 0;
+  const closingAlternativeText = agentNameTrimmed && variantLabels.closingAlternative ? variantLabels.closingAlternative(agentNameTrimmed) : "";
+  const showClosingAlternative = closingAlternativeText.trim().length > 0;
+  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: "16px" }, children: l.intermediateHello }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "12px" }, children: variantLabels.intro(bookingNumber, balanceDueDate) }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "24px" }, children: variantLabels.secureLine }),
+        /* @__PURE__ */ jsx("div", { style: { marginBottom: "32px", textAlign: "center" }, children: /* @__PURE__ */ jsx("a", { href: viewBookingUrl, style: ctaStyle, children: l.ctaLabel }) }),
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            style: {
+              border: "none",
+              borderTop: `1px solid ${emailTokens.border}`,
+              marginBottom: "24px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              fontWeight: 700,
+              color: emailTokens.foreground,
+              fontSize: "16px"
+            },
+            children: l.bookingSummaryHeader
+          }
+        ),
+        adventures.map((adv, advIdx) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginBottom: "20px",
+              paddingBottom: "16px",
+              borderBottom: advIdx < adventures.length - 1 ? `1px solid ${emailTokens.border}` : "none"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  style: {
+                    margin: "0 0 8px",
+                    fontSize: "15px",
+                    fontWeight: 600,
+                    color: emailTokens.foreground
+                  },
+                  children: adv.name
+                }
+              ),
+              adv.lineItems.map((li, liIdx) => /* @__PURE__ */ jsxs("p", { style: summaryRowStyle, children: [
+                li.unitPrice,
+                " \xD7 ",
+                li.quantity,
+                " ",
+                li.categoryLabel,
+                " =",
+                " ",
+                /* @__PURE__ */ jsx("strong", { children: li.subtotal })
+              ] }, liIdx))
+            ]
+          },
+          advIdx
+        )),
+        /* @__PURE__ */ jsx(
+          "hr",
+          {
+            style: {
+              border: "none",
+              borderTop: `1px solid ${emailTokens.border}`,
+              marginBottom: "16px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { style: summaryRowStyle, children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.amountAlreadyPaidLabel,
+            ":"
+          ] }),
+          " ",
+          amountAlreadyPaid
+        ] }),
+        /* @__PURE__ */ jsxs("p", { style: summaryRowStyle, children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.remainingBalanceDueLabel,
+            ":"
+          ] }),
+          " ",
+          remainingBalanceDue
+        ] }),
+        /* @__PURE__ */ jsxs("p", { style: __spreadProps(__spreadValues({}, summaryRowStyle), { marginBottom: "24px" }), children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            l.totalBookingAmountLabel,
+            ":"
+          ] }),
+          " ",
+          totalBookingAmount
+        ] }),
+        showDisregard && /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              marginBottom: "16px",
+              fontSize: "14px",
+              color: emailTokens.mutedForeground,
+              fontStyle: "italic"
+            },
+            children: variantLabels.disregardIfPaid
+          }
+        ),
+        showClosingAlternative && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingAlternativeText }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingMain }),
+        /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: variantLabels.closingThanks }),
+        /* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
+      ]
+    }
+  );
+}
 function BookingOtpEmail({
   greeting,
   intro,
@@ -5089,7 +5328,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS5 = {
   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",
@@ -5754,7 +5993,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React25.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS5), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React25.useMemo(
@@ -7538,16 +7777,13 @@ function ItineraryDay({
     specs && specs.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3 sm:gap-2.5", children: specs.map((spec, i) => /* @__PURE__ */ jsxs(
       "li",
       {
-        className: "flex items-start gap-3 text-base text-foreground font-ui",
+        className: "flex flex-col text-base text-foreground font-ui",
         children: [
-          /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true, children: spec.icon }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: spec.label }),
-              spec.detail && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: spec.detail })
-            ] }),
-            spec.subdetail && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: spec.subdetail })
-          ] })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: spec.label }),
+            spec.detail && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: spec.detail })
+          ] }),
+          spec.subdetail && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: spec.subdetail })
         ]
       },
       i
@@ -9250,10 +9486,7 @@ function TripPage({
                 ] })
               ] }),
               itineraryDays && itineraryDays.length > 0 ? /* @__PURE__ */ jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
-                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsx(ClockIcon, { className: "h-5 w-5 text-primary" }),
-                  "Itinerary"
-                ] }),
+                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Itinerary" }),
                 /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-12", children: itineraryDays.map((day) => /* @__PURE__ */ jsx(
                   ItineraryDay,
                   __spreadProps(__spreadValues({}, day), {
@@ -9262,10 +9495,7 @@ function TripPage({
                   day.dayNumber
                 )) })
               ] }) : itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
-                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsx(ClockIcon, { className: "h-5 w-5 text-primary" }),
-                  "Itinerary"
-                ] }),
+                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Itinerary" }),
                 /* @__PURE__ */ jsx(ItineraryTimeline, { steps: itinerary })
               ] }),
               included && included.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-included", className: "scroll-mt-20", children: [
@@ -10361,6 +10591,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, ItineraryDay, 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, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, 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, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map