@planetaexo/design-system 0.60.0 → 0.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +324 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +91 -1
- package/dist/index.d.ts +91 -1
- package/dist/index.js +324 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1971,6 +1971,96 @@ interface BookingOtpEmailProps {
|
|
|
1971
1971
|
}
|
|
1972
1972
|
declare function BookingOtpEmail({ greeting, intro, code, expiryMessage, teamSignature, logoUrl, className, }: BookingOtpEmailProps): react_jsx_runtime.JSX.Element;
|
|
1973
1973
|
|
|
1974
|
+
interface NotificationEmailCta {
|
|
1975
|
+
/** Texto do botão (ex.: "Pay the balance"). */
|
|
1976
|
+
label: string;
|
|
1977
|
+
/** URL de destino. Se ausente, renderiza <span> não-clicável (paridade BookingCreatedEmail). */
|
|
1978
|
+
url?: string;
|
|
1979
|
+
}
|
|
1980
|
+
interface NotificationEmailDetailItem {
|
|
1981
|
+
/** Rótulo opcional (ex.: "Total"). Quando ausente, renderiza só `value` como bullet. */
|
|
1982
|
+
label?: string;
|
|
1983
|
+
value: string;
|
|
1984
|
+
/** Realça o value em teal (ex.: número da reserva). */
|
|
1985
|
+
emphasizeValue?: boolean;
|
|
1986
|
+
}
|
|
1987
|
+
/** Uma linha do bloco `summary` (reusa o design da tabela do booking). */
|
|
1988
|
+
interface NotificationEmailSummaryRow {
|
|
1989
|
+
label: string;
|
|
1990
|
+
value: string;
|
|
1991
|
+
/** Realça o value em teal (ex.: saldo a pagar / valor a devolver). */
|
|
1992
|
+
emphasizeValue?: boolean;
|
|
1993
|
+
}
|
|
1994
|
+
/**
|
|
1995
|
+
* Bloco de resumo opcional, renderizado com o MESMO markup do `BookingSummary`
|
|
1996
|
+
* dos e-mails de reserva (heading + tabela 2 colunas label/value). Usado p/
|
|
1997
|
+
* totais de saldo, matriz de tiers de preço, valores de devolução etc.
|
|
1998
|
+
*/
|
|
1999
|
+
interface NotificationEmailSummary {
|
|
2000
|
+
/** Cabeçalho opcional acima da tabela. */
|
|
2001
|
+
heading?: string;
|
|
2002
|
+
rows: NotificationEmailSummaryRow[];
|
|
2003
|
+
}
|
|
2004
|
+
/** Uma pessoa do bloco `roster` (espelha a lista de participantes do g/token). */
|
|
2005
|
+
interface NotificationEmailRosterPerson {
|
|
2006
|
+
name: string;
|
|
2007
|
+
/** Emoji de bandeira (ex.: "🇧🇷"). Opcional. */
|
|
2008
|
+
flag?: string;
|
|
2009
|
+
/** Marca a pill "Leader" (texto vem de `roster.leaderLabel`). */
|
|
2010
|
+
isLeader?: boolean;
|
|
2011
|
+
/** Linha muted sob o nome (ex.: "+2 pessoas já cadastradas"). */
|
|
2012
|
+
note?: string;
|
|
2013
|
+
}
|
|
2014
|
+
/**
|
|
2015
|
+
* Bloco de participantes opcional, renderizado como tabela email-safe
|
|
2016
|
+
* (`<table role="presentation">`, sem flexbox) que mimetiza a lista de
|
|
2017
|
+
* viajantes da página pública g/{token}: card arredondado com 1 linha por
|
|
2018
|
+
* pessoa (avatar teal + nome + bandeira + pill "Leader") + rodapé muted.
|
|
2019
|
+
*/
|
|
2020
|
+
interface NotificationEmailRoster {
|
|
2021
|
+
/** Cabeçalho opcional acima do card. */
|
|
2022
|
+
heading?: string;
|
|
2023
|
+
/** Texto localizado da pill exibida quando `isLeader` (ex.: "Leader"). */
|
|
2024
|
+
leaderLabel?: string;
|
|
2025
|
+
people: NotificationEmailRosterPerson[];
|
|
2026
|
+
/** Linha muted final do card (ex.: "2 viajantes pendentes"). */
|
|
2027
|
+
footnote?: string;
|
|
2028
|
+
}
|
|
2029
|
+
interface NotificationEmailProps {
|
|
2030
|
+
/** Saudação/título no topo (ex.: "Olá Maria," ou "Seu grupo está no ar!"). */
|
|
2031
|
+
greeting: string;
|
|
2032
|
+
/** Corpo: 1+ parágrafos. Cada item vira um <p>. */
|
|
2033
|
+
paragraphs: string[];
|
|
2034
|
+
/** CTA botão opcional, estilizado como o BookingCreatedEmail. */
|
|
2035
|
+
cta?: NotificationEmailCta;
|
|
2036
|
+
/** Lista opcional de detalhes (bullets ou label:value), renderizada em <table role=presentation>. */
|
|
2037
|
+
details?: NotificationEmailDetailItem[];
|
|
2038
|
+
/** Cabeçalho opcional acima da lista `details`. */
|
|
2039
|
+
detailsHeading?: string;
|
|
2040
|
+
/**
|
|
2041
|
+
* Bloco destacado opcional (fundo primaryLight, borda, em <table role=presentation>
|
|
2042
|
+
* p/ Outlook). Renderiza cada linha em <p>. Usado p/ matriz de preço / totais de saldo.
|
|
2043
|
+
*/
|
|
2044
|
+
highlight?: string[];
|
|
2045
|
+
/**
|
|
2046
|
+
* Bloco de resumo opcional renderizado via `BookingSummary` (design byte-idêntico
|
|
2047
|
+
* aos e-mails de reserva). Renderizado após `highlight` e antes de `roster`.
|
|
2048
|
+
*/
|
|
2049
|
+
summary?: NotificationEmailSummary;
|
|
2050
|
+
/**
|
|
2051
|
+
* Bloco de participantes opcional (lista da página pública g/{token}).
|
|
2052
|
+
* Renderizado após `summary` e antes de `details`.
|
|
2053
|
+
*/
|
|
2054
|
+
roster?: NotificationEmailRoster;
|
|
2055
|
+
/** Assinatura final (ex.: "Equipe PlanetaEXO"). */
|
|
2056
|
+
signature: string;
|
|
2057
|
+
/** URL da logo. Default: LOGO_PLANETAEXO_DATA_URI (via EmailLogo). */
|
|
2058
|
+
logoUrl?: string;
|
|
2059
|
+
/** className extra (uso no styleguide). */
|
|
2060
|
+
className?: string;
|
|
2061
|
+
}
|
|
2062
|
+
declare function NotificationEmail({ greeting, paragraphs, cta, details, detailsHeading, highlight, summary, roster, signature, logoUrl, className, }: NotificationEmailProps): react_jsx_runtime.JSX.Element;
|
|
2063
|
+
|
|
1974
2064
|
interface TravellerFormInviteLink {
|
|
1975
2065
|
adventureName?: string;
|
|
1976
2066
|
url: string;
|
|
@@ -4131,4 +4221,4 @@ interface StickyBookingCardProps {
|
|
|
4131
4221
|
}
|
|
4132
4222
|
declare function StickyBookingCard({ currentPrice, deposit, spotsRemaining, mode, onPrimary, note, className, }: StickyBookingCardProps): react_jsx_runtime.JSX.Element;
|
|
4133
4223
|
|
|
4134
|
-
export { type AccommodationRoomItem, ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, AskExo, type AskExoProps, type AskExoSuggestion, BirthDateField, type BirthDateFieldProps, type BlogAuthor, type BlogBlock, type BlogCalloutBlock, BlogCard, type BlogCardCta, type BlogCardProps, type BlogCardSize, type BlogCollageBlock, type BlogHeadingBlock, type BlogImageBlock, type BlogListBlock, type BlogParagraphBlock, BlogPost, type BlogPostProps, type BlogQuoteBlock, type BlogTableBlock, type BlogTableColumn, type BookingAdventure, BookingAdventureCard, type BookingAdventureCardLabels, type BookingAdventureCardLineItem, type BookingAdventureCardProps, type BookingAdventureCardSlots, type BookingAdventureCardTraveller, type BookingCancellationAdventure, type BookingCancellationAgentContactLinks, BookingCancellationEmail, type BookingCancellationEmailLabels, type BookingCancellationEmailProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, BookingCreatedEmail, type BookingCreatedEmailLabels, type BookingCreatedEmailProps, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingPaymentConfirmationEmail, type BookingPaymentConfirmationEmailLabels, type BookingPaymentConfirmationEmailProps, BookingShell, type BookingShellProps, type BookingStatus, BookingSummary, type BookingSummaryLineItem, type BookingSummaryProps, type BookingSummaryRoomItem, type BookingSummaryRow, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type Category2BlogPost, type Category2Faq, type Category2SortOption, type Category2Trip, CategoryPage2, type CategoryPage2Props, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, type CurrencyEstimate, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, type DatePickerFieldProps, type DepartureStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, ExoOrb, type ExoOrbProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, GroupProgressBar, type GroupProgressBarProps, GroupStatusBanner, type GroupStatusBannerProps, 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, type Participant, ParticipantCounter, type ParticipantCounterProps, ParticipantList, type ParticipantListProps, type PartnerBookingCreatedAgentContactLinks, PartnerBookingCreatedEmail, type PartnerBookingCreatedEmailLabels, type PartnerBookingCreatedEmailProps, type PartnerRegistrationCompleteAgentContactLinks, PartnerRegistrationCompleteEmail, type PartnerRegistrationCompleteEmailExpectationRow, type PartnerRegistrationCompleteEmailLabels, type PartnerRegistrationCompleteEmailProps, PaymentAmountSelector, type PaymentAmountSelectorProps, PaymentDetailsBlock, type PaymentDetailsBlockFooterBanner, type PaymentDetailsBlockLabels, type PaymentDetailsBlockProps, type PaymentDetailsBlockRow, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, type PaymentReceiptAdventure, type PaymentReceiptAdventureLineItem, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, type PaymentReminderAgentContactLinks, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, Picture, type PictureProps, PriceProgress, type PriceProgressProps, PricingMatrixCard, type PricingMatrixCardProps, type PricingTier, 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, RegistrationProgressBar, type RegistrationProgressBarProps, type RegistrationProgressTone, type RegistrationReminderAdventureBlock, type RegistrationReminderAgentContactLinks, RegistrationReminderEmail, type RegistrationReminderEmailLabels, type RegistrationReminderEmailProps, type RegistrationReminderEmailVariantLabels, type RegistrationReminderIndividualAgentContactLinks, RegistrationReminderIndividualEmail, type RegistrationReminderIndividualEmailLabels, type RegistrationReminderIndividualEmailProps, type RegistrationReminderIndividualRoute, type RegistrationReminderIndividualSlug, type RegistrationReminderIndividualVariantLabels, type RegistrationReminderSlug, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, ShareWidget, type ShareWidgetProps, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, StatusBadge, type StatusBadgeProps, StickyBookingCard, type StickyBookingCardProps, 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 TripPageLabels, type TripPageProps, type TripReview, type TripSectionIcons, type TripSiteHeaderConfig, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
|
4224
|
+
export { type AccommodationRoomItem, ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, AskExo, type AskExoProps, type AskExoSuggestion, BirthDateField, type BirthDateFieldProps, type BlogAuthor, type BlogBlock, type BlogCalloutBlock, BlogCard, type BlogCardCta, type BlogCardProps, type BlogCardSize, type BlogCollageBlock, type BlogHeadingBlock, type BlogImageBlock, type BlogListBlock, type BlogParagraphBlock, BlogPost, type BlogPostProps, type BlogQuoteBlock, type BlogTableBlock, type BlogTableColumn, type BookingAdventure, BookingAdventureCard, type BookingAdventureCardLabels, type BookingAdventureCardLineItem, type BookingAdventureCardProps, type BookingAdventureCardSlots, type BookingAdventureCardTraveller, type BookingCancellationAdventure, type BookingCancellationAgentContactLinks, BookingCancellationEmail, type BookingCancellationEmailLabels, type BookingCancellationEmailProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, BookingCreatedEmail, type BookingCreatedEmailLabels, type BookingCreatedEmailProps, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingPaymentConfirmationEmail, type BookingPaymentConfirmationEmailLabels, type BookingPaymentConfirmationEmailProps, BookingShell, type BookingShellProps, type BookingStatus, BookingSummary, type BookingSummaryLineItem, type BookingSummaryProps, type BookingSummaryRoomItem, type BookingSummaryRow, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type Category2BlogPost, type Category2Faq, type Category2SortOption, type Category2Trip, CategoryPage2, type CategoryPage2Props, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, type CurrencyEstimate, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, type DatePickerFieldProps, type DepartureStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, ExoOrb, type ExoOrbProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, GroupProgressBar, type GroupProgressBarProps, GroupStatusBanner, type GroupStatusBannerProps, 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, NotificationEmail, type NotificationEmailCta, type NotificationEmailDetailItem, type NotificationEmailProps, type NotificationEmailRoster, type NotificationEmailRosterPerson, type NotificationEmailSummary, type NotificationEmailSummaryRow, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferConfirmedState, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type Participant, ParticipantCounter, type ParticipantCounterProps, ParticipantList, type ParticipantListProps, type PartnerBookingCreatedAgentContactLinks, PartnerBookingCreatedEmail, type PartnerBookingCreatedEmailLabels, type PartnerBookingCreatedEmailProps, type PartnerRegistrationCompleteAgentContactLinks, PartnerRegistrationCompleteEmail, type PartnerRegistrationCompleteEmailExpectationRow, type PartnerRegistrationCompleteEmailLabels, type PartnerRegistrationCompleteEmailProps, PaymentAmountSelector, type PaymentAmountSelectorProps, PaymentDetailsBlock, type PaymentDetailsBlockFooterBanner, type PaymentDetailsBlockLabels, type PaymentDetailsBlockProps, type PaymentDetailsBlockRow, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, type PaymentReceiptAdventure, type PaymentReceiptAdventureLineItem, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, type PaymentReminderAgentContactLinks, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, Picture, type PictureProps, PriceProgress, type PriceProgressProps, PricingMatrixCard, type PricingMatrixCardProps, type PricingTier, 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, RegistrationProgressBar, type RegistrationProgressBarProps, type RegistrationProgressTone, type RegistrationReminderAdventureBlock, type RegistrationReminderAgentContactLinks, RegistrationReminderEmail, type RegistrationReminderEmailLabels, type RegistrationReminderEmailProps, type RegistrationReminderEmailVariantLabels, type RegistrationReminderIndividualAgentContactLinks, RegistrationReminderIndividualEmail, type RegistrationReminderIndividualEmailLabels, type RegistrationReminderIndividualEmailProps, type RegistrationReminderIndividualRoute, type RegistrationReminderIndividualSlug, type RegistrationReminderIndividualVariantLabels, type RegistrationReminderSlug, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, ShareWidget, type ShareWidgetProps, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, StatusBadge, type StatusBadgeProps, StickyBookingCard, type StickyBookingCardProps, 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 TripPageLabels, type TripPageProps, type TripReview, type TripSectionIcons, type TripSiteHeaderConfig, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
package/dist/index.d.ts
CHANGED
|
@@ -1971,6 +1971,96 @@ interface BookingOtpEmailProps {
|
|
|
1971
1971
|
}
|
|
1972
1972
|
declare function BookingOtpEmail({ greeting, intro, code, expiryMessage, teamSignature, logoUrl, className, }: BookingOtpEmailProps): react_jsx_runtime.JSX.Element;
|
|
1973
1973
|
|
|
1974
|
+
interface NotificationEmailCta {
|
|
1975
|
+
/** Texto do botão (ex.: "Pay the balance"). */
|
|
1976
|
+
label: string;
|
|
1977
|
+
/** URL de destino. Se ausente, renderiza <span> não-clicável (paridade BookingCreatedEmail). */
|
|
1978
|
+
url?: string;
|
|
1979
|
+
}
|
|
1980
|
+
interface NotificationEmailDetailItem {
|
|
1981
|
+
/** Rótulo opcional (ex.: "Total"). Quando ausente, renderiza só `value` como bullet. */
|
|
1982
|
+
label?: string;
|
|
1983
|
+
value: string;
|
|
1984
|
+
/** Realça o value em teal (ex.: número da reserva). */
|
|
1985
|
+
emphasizeValue?: boolean;
|
|
1986
|
+
}
|
|
1987
|
+
/** Uma linha do bloco `summary` (reusa o design da tabela do booking). */
|
|
1988
|
+
interface NotificationEmailSummaryRow {
|
|
1989
|
+
label: string;
|
|
1990
|
+
value: string;
|
|
1991
|
+
/** Realça o value em teal (ex.: saldo a pagar / valor a devolver). */
|
|
1992
|
+
emphasizeValue?: boolean;
|
|
1993
|
+
}
|
|
1994
|
+
/**
|
|
1995
|
+
* Bloco de resumo opcional, renderizado com o MESMO markup do `BookingSummary`
|
|
1996
|
+
* dos e-mails de reserva (heading + tabela 2 colunas label/value). Usado p/
|
|
1997
|
+
* totais de saldo, matriz de tiers de preço, valores de devolução etc.
|
|
1998
|
+
*/
|
|
1999
|
+
interface NotificationEmailSummary {
|
|
2000
|
+
/** Cabeçalho opcional acima da tabela. */
|
|
2001
|
+
heading?: string;
|
|
2002
|
+
rows: NotificationEmailSummaryRow[];
|
|
2003
|
+
}
|
|
2004
|
+
/** Uma pessoa do bloco `roster` (espelha a lista de participantes do g/token). */
|
|
2005
|
+
interface NotificationEmailRosterPerson {
|
|
2006
|
+
name: string;
|
|
2007
|
+
/** Emoji de bandeira (ex.: "🇧🇷"). Opcional. */
|
|
2008
|
+
flag?: string;
|
|
2009
|
+
/** Marca a pill "Leader" (texto vem de `roster.leaderLabel`). */
|
|
2010
|
+
isLeader?: boolean;
|
|
2011
|
+
/** Linha muted sob o nome (ex.: "+2 pessoas já cadastradas"). */
|
|
2012
|
+
note?: string;
|
|
2013
|
+
}
|
|
2014
|
+
/**
|
|
2015
|
+
* Bloco de participantes opcional, renderizado como tabela email-safe
|
|
2016
|
+
* (`<table role="presentation">`, sem flexbox) que mimetiza a lista de
|
|
2017
|
+
* viajantes da página pública g/{token}: card arredondado com 1 linha por
|
|
2018
|
+
* pessoa (avatar teal + nome + bandeira + pill "Leader") + rodapé muted.
|
|
2019
|
+
*/
|
|
2020
|
+
interface NotificationEmailRoster {
|
|
2021
|
+
/** Cabeçalho opcional acima do card. */
|
|
2022
|
+
heading?: string;
|
|
2023
|
+
/** Texto localizado da pill exibida quando `isLeader` (ex.: "Leader"). */
|
|
2024
|
+
leaderLabel?: string;
|
|
2025
|
+
people: NotificationEmailRosterPerson[];
|
|
2026
|
+
/** Linha muted final do card (ex.: "2 viajantes pendentes"). */
|
|
2027
|
+
footnote?: string;
|
|
2028
|
+
}
|
|
2029
|
+
interface NotificationEmailProps {
|
|
2030
|
+
/** Saudação/título no topo (ex.: "Olá Maria," ou "Seu grupo está no ar!"). */
|
|
2031
|
+
greeting: string;
|
|
2032
|
+
/** Corpo: 1+ parágrafos. Cada item vira um <p>. */
|
|
2033
|
+
paragraphs: string[];
|
|
2034
|
+
/** CTA botão opcional, estilizado como o BookingCreatedEmail. */
|
|
2035
|
+
cta?: NotificationEmailCta;
|
|
2036
|
+
/** Lista opcional de detalhes (bullets ou label:value), renderizada em <table role=presentation>. */
|
|
2037
|
+
details?: NotificationEmailDetailItem[];
|
|
2038
|
+
/** Cabeçalho opcional acima da lista `details`. */
|
|
2039
|
+
detailsHeading?: string;
|
|
2040
|
+
/**
|
|
2041
|
+
* Bloco destacado opcional (fundo primaryLight, borda, em <table role=presentation>
|
|
2042
|
+
* p/ Outlook). Renderiza cada linha em <p>. Usado p/ matriz de preço / totais de saldo.
|
|
2043
|
+
*/
|
|
2044
|
+
highlight?: string[];
|
|
2045
|
+
/**
|
|
2046
|
+
* Bloco de resumo opcional renderizado via `BookingSummary` (design byte-idêntico
|
|
2047
|
+
* aos e-mails de reserva). Renderizado após `highlight` e antes de `roster`.
|
|
2048
|
+
*/
|
|
2049
|
+
summary?: NotificationEmailSummary;
|
|
2050
|
+
/**
|
|
2051
|
+
* Bloco de participantes opcional (lista da página pública g/{token}).
|
|
2052
|
+
* Renderizado após `summary` e antes de `details`.
|
|
2053
|
+
*/
|
|
2054
|
+
roster?: NotificationEmailRoster;
|
|
2055
|
+
/** Assinatura final (ex.: "Equipe PlanetaEXO"). */
|
|
2056
|
+
signature: string;
|
|
2057
|
+
/** URL da logo. Default: LOGO_PLANETAEXO_DATA_URI (via EmailLogo). */
|
|
2058
|
+
logoUrl?: string;
|
|
2059
|
+
/** className extra (uso no styleguide). */
|
|
2060
|
+
className?: string;
|
|
2061
|
+
}
|
|
2062
|
+
declare function NotificationEmail({ greeting, paragraphs, cta, details, detailsHeading, highlight, summary, roster, signature, logoUrl, className, }: NotificationEmailProps): react_jsx_runtime.JSX.Element;
|
|
2063
|
+
|
|
1974
2064
|
interface TravellerFormInviteLink {
|
|
1975
2065
|
adventureName?: string;
|
|
1976
2066
|
url: string;
|
|
@@ -4131,4 +4221,4 @@ interface StickyBookingCardProps {
|
|
|
4131
4221
|
}
|
|
4132
4222
|
declare function StickyBookingCard({ currentPrice, deposit, spotsRemaining, mode, onPrimary, note, className, }: StickyBookingCardProps): react_jsx_runtime.JSX.Element;
|
|
4133
4223
|
|
|
4134
|
-
export { type AccommodationRoomItem, ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, AskExo, type AskExoProps, type AskExoSuggestion, BirthDateField, type BirthDateFieldProps, type BlogAuthor, type BlogBlock, type BlogCalloutBlock, BlogCard, type BlogCardCta, type BlogCardProps, type BlogCardSize, type BlogCollageBlock, type BlogHeadingBlock, type BlogImageBlock, type BlogListBlock, type BlogParagraphBlock, BlogPost, type BlogPostProps, type BlogQuoteBlock, type BlogTableBlock, type BlogTableColumn, type BookingAdventure, BookingAdventureCard, type BookingAdventureCardLabels, type BookingAdventureCardLineItem, type BookingAdventureCardProps, type BookingAdventureCardSlots, type BookingAdventureCardTraveller, type BookingCancellationAdventure, type BookingCancellationAgentContactLinks, BookingCancellationEmail, type BookingCancellationEmailLabels, type BookingCancellationEmailProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, BookingCreatedEmail, type BookingCreatedEmailLabels, type BookingCreatedEmailProps, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingPaymentConfirmationEmail, type BookingPaymentConfirmationEmailLabels, type BookingPaymentConfirmationEmailProps, BookingShell, type BookingShellProps, type BookingStatus, BookingSummary, type BookingSummaryLineItem, type BookingSummaryProps, type BookingSummaryRoomItem, type BookingSummaryRow, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type Category2BlogPost, type Category2Faq, type Category2SortOption, type Category2Trip, CategoryPage2, type CategoryPage2Props, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, type CurrencyEstimate, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, type DatePickerFieldProps, type DepartureStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, ExoOrb, type ExoOrbProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, GroupProgressBar, type GroupProgressBarProps, GroupStatusBanner, type GroupStatusBannerProps, 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, type Participant, ParticipantCounter, type ParticipantCounterProps, ParticipantList, type ParticipantListProps, type PartnerBookingCreatedAgentContactLinks, PartnerBookingCreatedEmail, type PartnerBookingCreatedEmailLabels, type PartnerBookingCreatedEmailProps, type PartnerRegistrationCompleteAgentContactLinks, PartnerRegistrationCompleteEmail, type PartnerRegistrationCompleteEmailExpectationRow, type PartnerRegistrationCompleteEmailLabels, type PartnerRegistrationCompleteEmailProps, PaymentAmountSelector, type PaymentAmountSelectorProps, PaymentDetailsBlock, type PaymentDetailsBlockFooterBanner, type PaymentDetailsBlockLabels, type PaymentDetailsBlockProps, type PaymentDetailsBlockRow, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, type PaymentReceiptAdventure, type PaymentReceiptAdventureLineItem, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, type PaymentReminderAgentContactLinks, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, Picture, type PictureProps, PriceProgress, type PriceProgressProps, PricingMatrixCard, type PricingMatrixCardProps, type PricingTier, 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, RegistrationProgressBar, type RegistrationProgressBarProps, type RegistrationProgressTone, type RegistrationReminderAdventureBlock, type RegistrationReminderAgentContactLinks, RegistrationReminderEmail, type RegistrationReminderEmailLabels, type RegistrationReminderEmailProps, type RegistrationReminderEmailVariantLabels, type RegistrationReminderIndividualAgentContactLinks, RegistrationReminderIndividualEmail, type RegistrationReminderIndividualEmailLabels, type RegistrationReminderIndividualEmailProps, type RegistrationReminderIndividualRoute, type RegistrationReminderIndividualSlug, type RegistrationReminderIndividualVariantLabels, type RegistrationReminderSlug, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, ShareWidget, type ShareWidgetProps, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, StatusBadge, type StatusBadgeProps, StickyBookingCard, type StickyBookingCardProps, 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 TripPageLabels, type TripPageProps, type TripReview, type TripSectionIcons, type TripSiteHeaderConfig, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
|
4224
|
+
export { type AccommodationRoomItem, ActivityCard, type ActivityCardProps, type ActivityCardSize, AgentContactCard, type AgentContactCardProps, Alert, type AlertProps, type AlertVariant, AskExo, type AskExoProps, type AskExoSuggestion, BirthDateField, type BirthDateFieldProps, type BlogAuthor, type BlogBlock, type BlogCalloutBlock, BlogCard, type BlogCardCta, type BlogCardProps, type BlogCardSize, type BlogCollageBlock, type BlogHeadingBlock, type BlogImageBlock, type BlogListBlock, type BlogParagraphBlock, BlogPost, type BlogPostProps, type BlogQuoteBlock, type BlogTableBlock, type BlogTableColumn, type BookingAdventure, BookingAdventureCard, type BookingAdventureCardLabels, type BookingAdventureCardLineItem, type BookingAdventureCardProps, type BookingAdventureCardSlots, type BookingAdventureCardTraveller, type BookingCancellationAdventure, type BookingCancellationAgentContactLinks, BookingCancellationEmail, type BookingCancellationEmailLabels, type BookingCancellationEmailProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, BookingCreatedEmail, type BookingCreatedEmailLabels, type BookingCreatedEmailProps, type BookingDepositInfo, BookingDetails, type BookingDetailsLabels, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailProps, BookingPaymentConfirmationEmail, type BookingPaymentConfirmationEmailLabels, type BookingPaymentConfirmationEmailProps, BookingShell, type BookingShellProps, type BookingStatus, BookingSummary, type BookingSummaryLineItem, type BookingSummaryProps, type BookingSummaryRoomItem, type BookingSummaryRow, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type Category2BlogPost, type Category2Faq, type Category2SortOption, type Category2Trip, CategoryPage2, type CategoryPage2Props, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, type CurrencyEstimate, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, type DatePickerFieldProps, type DepartureStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, ExoOrb, type ExoOrbProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, GroupProgressBar, type GroupProgressBarProps, GroupStatusBanner, type GroupStatusBannerProps, 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, NotificationEmail, type NotificationEmailCta, type NotificationEmailDetailItem, type NotificationEmailProps, type NotificationEmailRoster, type NotificationEmailRosterPerson, type NotificationEmailSummary, type NotificationEmailSummaryRow, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferConfirmedState, type OfferDepositInfo, type OfferLabels, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type Participant, ParticipantCounter, type ParticipantCounterProps, ParticipantList, type ParticipantListProps, type PartnerBookingCreatedAgentContactLinks, PartnerBookingCreatedEmail, type PartnerBookingCreatedEmailLabels, type PartnerBookingCreatedEmailProps, type PartnerRegistrationCompleteAgentContactLinks, PartnerRegistrationCompleteEmail, type PartnerRegistrationCompleteEmailExpectationRow, type PartnerRegistrationCompleteEmailLabels, type PartnerRegistrationCompleteEmailProps, PaymentAmountSelector, type PaymentAmountSelectorProps, PaymentDetailsBlock, type PaymentDetailsBlockFooterBanner, type PaymentDetailsBlockLabels, type PaymentDetailsBlockProps, type PaymentDetailsBlockRow, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, type PaymentReceiptAdventure, type PaymentReceiptAdventureLineItem, PaymentReceiptEmail, type PaymentReceiptEmailLabels, type PaymentReceiptEmailProps, type PaymentReminderAgentContactLinks, PaymentReminderEmail, type PaymentReminderEmailAdventure, type PaymentReminderEmailLabels, type PaymentReminderEmailLineItem, type PaymentReminderEmailProps, type PaymentReminderEmailVariantLabels, type PaymentReminderVariant, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, Picture, type PictureProps, PriceProgress, type PriceProgressProps, PricingMatrixCard, type PricingMatrixCardProps, type PricingTier, 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, RegistrationProgressBar, type RegistrationProgressBarProps, type RegistrationProgressTone, type RegistrationReminderAdventureBlock, type RegistrationReminderAgentContactLinks, RegistrationReminderEmail, type RegistrationReminderEmailLabels, type RegistrationReminderEmailProps, type RegistrationReminderEmailVariantLabels, type RegistrationReminderIndividualAgentContactLinks, RegistrationReminderIndividualEmail, type RegistrationReminderIndividualEmailLabels, type RegistrationReminderIndividualEmailProps, type RegistrationReminderIndividualRoute, type RegistrationReminderIndividualSlug, type RegistrationReminderIndividualVariantLabels, type RegistrationReminderSlug, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, ShareWidget, type ShareWidgetProps, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, StatusBadge, type StatusBadgeProps, StickyBookingCard, type StickyBookingCardProps, 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 TripPageLabels, type TripPageProps, type TripReview, type TripSectionIcons, type TripSiteHeaderConfig, type TripTrustpilotWidget, TrustpilotEmbed, type TrustpilotWidgetConfig, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
package/dist/index.js
CHANGED
|
@@ -7325,6 +7325,329 @@ function BookingOtpEmail({
|
|
|
7325
7325
|
}
|
|
7326
7326
|
);
|
|
7327
7327
|
}
|
|
7328
|
+
function NotificationEmail({
|
|
7329
|
+
greeting,
|
|
7330
|
+
paragraphs,
|
|
7331
|
+
cta,
|
|
7332
|
+
details,
|
|
7333
|
+
detailsHeading,
|
|
7334
|
+
highlight,
|
|
7335
|
+
summary,
|
|
7336
|
+
roster,
|
|
7337
|
+
signature,
|
|
7338
|
+
logoUrl,
|
|
7339
|
+
className
|
|
7340
|
+
}) {
|
|
7341
|
+
const ctaStyle = {
|
|
7342
|
+
display: "inline-block",
|
|
7343
|
+
backgroundColor: emailTokens.primary,
|
|
7344
|
+
color: emailTokens.primaryForeground,
|
|
7345
|
+
padding: "12px 24px",
|
|
7346
|
+
borderRadius: "8px",
|
|
7347
|
+
fontSize: "14px",
|
|
7348
|
+
fontWeight: "700",
|
|
7349
|
+
textDecoration: "none",
|
|
7350
|
+
fontFamily: emailTokens.fontFamily
|
|
7351
|
+
};
|
|
7352
|
+
const hasHighlight = Array.isArray(highlight) && highlight.length > 0;
|
|
7353
|
+
const hasDetails = Array.isArray(details) && details.length > 0;
|
|
7354
|
+
const hasSummary = !!summary && Array.isArray(summary.rows) && summary.rows.length > 0;
|
|
7355
|
+
const hasRoster = !!roster && Array.isArray(roster.people) && roster.people.length > 0;
|
|
7356
|
+
return /* @__PURE__ */ jsxs(
|
|
7357
|
+
"div",
|
|
7358
|
+
{
|
|
7359
|
+
style: {
|
|
7360
|
+
fontFamily: emailTokens.fontFamily,
|
|
7361
|
+
color: emailTokens.foreground,
|
|
7362
|
+
maxWidth: "600px",
|
|
7363
|
+
margin: "0 auto",
|
|
7364
|
+
padding: "32px",
|
|
7365
|
+
border: `1px solid ${emailTokens.border}`,
|
|
7366
|
+
borderRadius: "12px",
|
|
7367
|
+
backgroundColor: emailTokens.white
|
|
7368
|
+
},
|
|
7369
|
+
className,
|
|
7370
|
+
children: [
|
|
7371
|
+
/* @__PURE__ */ jsx(EmailLogo, { src: logoUrl }),
|
|
7372
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "16px", lineHeight: "1.5", margin: "0 0 16px" }, children: greeting }),
|
|
7373
|
+
paragraphs.map((paragraph, i) => /* @__PURE__ */ jsx(
|
|
7374
|
+
"p",
|
|
7375
|
+
{
|
|
7376
|
+
style: { fontSize: "15px", lineHeight: "1.5", margin: "0 0 16px" },
|
|
7377
|
+
children: paragraph
|
|
7378
|
+
},
|
|
7379
|
+
i
|
|
7380
|
+
)),
|
|
7381
|
+
hasHighlight && /* @__PURE__ */ jsx(
|
|
7382
|
+
"table",
|
|
7383
|
+
{
|
|
7384
|
+
role: "presentation",
|
|
7385
|
+
cellPadding: 0,
|
|
7386
|
+
cellSpacing: 0,
|
|
7387
|
+
border: 0,
|
|
7388
|
+
style: { width: "100%", borderCollapse: "collapse", margin: "0 0 24px" },
|
|
7389
|
+
children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
|
|
7390
|
+
"td",
|
|
7391
|
+
{
|
|
7392
|
+
style: {
|
|
7393
|
+
backgroundColor: emailTokens.primaryLight,
|
|
7394
|
+
border: `1px solid ${emailTokens.border}`,
|
|
7395
|
+
borderRadius: "12px",
|
|
7396
|
+
padding: "24px 16px"
|
|
7397
|
+
},
|
|
7398
|
+
children: highlight.map((line, i) => /* @__PURE__ */ jsx(
|
|
7399
|
+
"p",
|
|
7400
|
+
{
|
|
7401
|
+
style: {
|
|
7402
|
+
fontSize: "15px",
|
|
7403
|
+
lineHeight: "1.5",
|
|
7404
|
+
margin: i < highlight.length - 1 ? "0 0 8px" : "0",
|
|
7405
|
+
color: emailTokens.foreground
|
|
7406
|
+
},
|
|
7407
|
+
children: line
|
|
7408
|
+
},
|
|
7409
|
+
i
|
|
7410
|
+
))
|
|
7411
|
+
}
|
|
7412
|
+
) }) })
|
|
7413
|
+
}
|
|
7414
|
+
),
|
|
7415
|
+
hasSummary && /* @__PURE__ */ jsx(
|
|
7416
|
+
BookingSummary,
|
|
7417
|
+
{
|
|
7418
|
+
heading: summary.heading,
|
|
7419
|
+
rows: summary.rows.map((row) => ({
|
|
7420
|
+
label: row.label,
|
|
7421
|
+
value: row.value,
|
|
7422
|
+
valueColor: row.emphasizeValue ? emailTokens.primary : void 0
|
|
7423
|
+
}))
|
|
7424
|
+
}
|
|
7425
|
+
),
|
|
7426
|
+
hasRoster && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
7427
|
+
roster.heading && /* @__PURE__ */ jsx(
|
|
7428
|
+
"p",
|
|
7429
|
+
{
|
|
7430
|
+
style: {
|
|
7431
|
+
fontSize: "15px",
|
|
7432
|
+
lineHeight: "1.5",
|
|
7433
|
+
fontWeight: 700,
|
|
7434
|
+
margin: "0 0 12px"
|
|
7435
|
+
},
|
|
7436
|
+
children: roster.heading
|
|
7437
|
+
}
|
|
7438
|
+
),
|
|
7439
|
+
/* @__PURE__ */ jsx(
|
|
7440
|
+
"table",
|
|
7441
|
+
{
|
|
7442
|
+
role: "presentation",
|
|
7443
|
+
cellPadding: 0,
|
|
7444
|
+
cellSpacing: 0,
|
|
7445
|
+
border: 0,
|
|
7446
|
+
style: {
|
|
7447
|
+
width: "100%",
|
|
7448
|
+
borderCollapse: "collapse",
|
|
7449
|
+
borderRadius: "12px",
|
|
7450
|
+
border: `1px solid ${emailTokens.border}`,
|
|
7451
|
+
margin: "0 0 24px"
|
|
7452
|
+
},
|
|
7453
|
+
children: /* @__PURE__ */ jsxs("tbody", { children: [
|
|
7454
|
+
roster.people.map((person, i) => {
|
|
7455
|
+
var _a;
|
|
7456
|
+
const isLast = i === roster.people.length - 1 && !roster.footnote;
|
|
7457
|
+
return /* @__PURE__ */ jsxs(
|
|
7458
|
+
"tr",
|
|
7459
|
+
{
|
|
7460
|
+
style: !isLast ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
|
|
7461
|
+
children: [
|
|
7462
|
+
/* @__PURE__ */ jsx(
|
|
7463
|
+
"td",
|
|
7464
|
+
{
|
|
7465
|
+
style: {
|
|
7466
|
+
width: "32px",
|
|
7467
|
+
padding: "12px 0 12px 16px",
|
|
7468
|
+
verticalAlign: "top"
|
|
7469
|
+
},
|
|
7470
|
+
children: /* @__PURE__ */ jsx(
|
|
7471
|
+
"table",
|
|
7472
|
+
{
|
|
7473
|
+
role: "presentation",
|
|
7474
|
+
cellPadding: 0,
|
|
7475
|
+
cellSpacing: 0,
|
|
7476
|
+
border: 0,
|
|
7477
|
+
style: { borderCollapse: "collapse" },
|
|
7478
|
+
children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
|
|
7479
|
+
"td",
|
|
7480
|
+
{
|
|
7481
|
+
style: {
|
|
7482
|
+
width: "32px",
|
|
7483
|
+
height: "32px",
|
|
7484
|
+
borderRadius: "16px",
|
|
7485
|
+
backgroundColor: emailTokens.primaryLight,
|
|
7486
|
+
color: emailTokens.primary,
|
|
7487
|
+
fontSize: "13px",
|
|
7488
|
+
fontWeight: 700,
|
|
7489
|
+
textAlign: "center",
|
|
7490
|
+
verticalAlign: "middle",
|
|
7491
|
+
lineHeight: "32px"
|
|
7492
|
+
},
|
|
7493
|
+
children: ((_a = person.name.trim()[0]) != null ? _a : "\u2022").toUpperCase()
|
|
7494
|
+
}
|
|
7495
|
+
) }) })
|
|
7496
|
+
}
|
|
7497
|
+
)
|
|
7498
|
+
}
|
|
7499
|
+
),
|
|
7500
|
+
/* @__PURE__ */ jsxs(
|
|
7501
|
+
"td",
|
|
7502
|
+
{
|
|
7503
|
+
style: {
|
|
7504
|
+
padding: "12px 16px 12px 12px",
|
|
7505
|
+
verticalAlign: "top"
|
|
7506
|
+
},
|
|
7507
|
+
children: [
|
|
7508
|
+
/* @__PURE__ */ jsx(
|
|
7509
|
+
"span",
|
|
7510
|
+
{
|
|
7511
|
+
style: {
|
|
7512
|
+
fontSize: "14px",
|
|
7513
|
+
fontWeight: 500,
|
|
7514
|
+
color: emailTokens.foreground
|
|
7515
|
+
},
|
|
7516
|
+
children: person.name
|
|
7517
|
+
}
|
|
7518
|
+
),
|
|
7519
|
+
person.flag && /* @__PURE__ */ jsx("span", { style: { fontSize: "14px", paddingLeft: "6px" }, children: person.flag }),
|
|
7520
|
+
person.isLeader && roster.leaderLabel && /* @__PURE__ */ jsx(
|
|
7521
|
+
"span",
|
|
7522
|
+
{
|
|
7523
|
+
style: {
|
|
7524
|
+
display: "inline-block",
|
|
7525
|
+
marginLeft: "8px",
|
|
7526
|
+
padding: "1px 8px",
|
|
7527
|
+
borderRadius: "9999px",
|
|
7528
|
+
backgroundColor: emailTokens.primaryLight,
|
|
7529
|
+
color: emailTokens.primary,
|
|
7530
|
+
fontSize: "11px",
|
|
7531
|
+
fontWeight: 500,
|
|
7532
|
+
verticalAlign: "middle"
|
|
7533
|
+
},
|
|
7534
|
+
children: roster.leaderLabel
|
|
7535
|
+
}
|
|
7536
|
+
),
|
|
7537
|
+
person.note && /* @__PURE__ */ jsx(
|
|
7538
|
+
"span",
|
|
7539
|
+
{
|
|
7540
|
+
style: {
|
|
7541
|
+
display: "block",
|
|
7542
|
+
marginTop: "2px",
|
|
7543
|
+
fontSize: "12px",
|
|
7544
|
+
color: emailTokens.mutedForeground
|
|
7545
|
+
},
|
|
7546
|
+
children: person.note
|
|
7547
|
+
}
|
|
7548
|
+
)
|
|
7549
|
+
]
|
|
7550
|
+
}
|
|
7551
|
+
)
|
|
7552
|
+
]
|
|
7553
|
+
},
|
|
7554
|
+
i
|
|
7555
|
+
);
|
|
7556
|
+
}),
|
|
7557
|
+
roster.footnote && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
|
|
7558
|
+
"td",
|
|
7559
|
+
{
|
|
7560
|
+
colSpan: 2,
|
|
7561
|
+
style: {
|
|
7562
|
+
padding: "12px 16px",
|
|
7563
|
+
fontSize: "12px",
|
|
7564
|
+
color: emailTokens.mutedForeground,
|
|
7565
|
+
backgroundColor: emailTokens.muted
|
|
7566
|
+
},
|
|
7567
|
+
children: roster.footnote
|
|
7568
|
+
}
|
|
7569
|
+
) })
|
|
7570
|
+
] })
|
|
7571
|
+
}
|
|
7572
|
+
)
|
|
7573
|
+
] }),
|
|
7574
|
+
hasDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
7575
|
+
detailsHeading && /* @__PURE__ */ jsx(
|
|
7576
|
+
"p",
|
|
7577
|
+
{
|
|
7578
|
+
style: {
|
|
7579
|
+
fontSize: "15px",
|
|
7580
|
+
lineHeight: "1.5",
|
|
7581
|
+
fontWeight: 700,
|
|
7582
|
+
margin: "0 0 12px"
|
|
7583
|
+
},
|
|
7584
|
+
children: detailsHeading
|
|
7585
|
+
}
|
|
7586
|
+
),
|
|
7587
|
+
/* @__PURE__ */ jsx(
|
|
7588
|
+
"table",
|
|
7589
|
+
{
|
|
7590
|
+
role: "presentation",
|
|
7591
|
+
cellPadding: 0,
|
|
7592
|
+
cellSpacing: 0,
|
|
7593
|
+
border: 0,
|
|
7594
|
+
style: { width: "100%", borderCollapse: "collapse", margin: "0 0 24px" },
|
|
7595
|
+
children: /* @__PURE__ */ jsx("tbody", { children: details.map((item, i) => /* @__PURE__ */ jsx("tr", { children: item.label ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
7596
|
+
/* @__PURE__ */ jsx(
|
|
7597
|
+
"td",
|
|
7598
|
+
{
|
|
7599
|
+
style: {
|
|
7600
|
+
fontSize: "14px",
|
|
7601
|
+
lineHeight: "1.6",
|
|
7602
|
+
color: emailTokens.mutedForeground,
|
|
7603
|
+
padding: "4px 12px 4px 0",
|
|
7604
|
+
verticalAlign: "top",
|
|
7605
|
+
whiteSpace: "nowrap"
|
|
7606
|
+
},
|
|
7607
|
+
children: item.label
|
|
7608
|
+
}
|
|
7609
|
+
),
|
|
7610
|
+
/* @__PURE__ */ jsx(
|
|
7611
|
+
"td",
|
|
7612
|
+
{
|
|
7613
|
+
style: {
|
|
7614
|
+
fontSize: "14px",
|
|
7615
|
+
lineHeight: "1.6",
|
|
7616
|
+
color: item.emphasizeValue ? emailTokens.primary : emailTokens.foreground,
|
|
7617
|
+
fontWeight: item.emphasizeValue ? 700 : 400,
|
|
7618
|
+
padding: "4px 0",
|
|
7619
|
+
verticalAlign: "top",
|
|
7620
|
+
width: "100%"
|
|
7621
|
+
},
|
|
7622
|
+
children: item.value
|
|
7623
|
+
}
|
|
7624
|
+
)
|
|
7625
|
+
] }) : /* @__PURE__ */ jsxs(
|
|
7626
|
+
"td",
|
|
7627
|
+
{
|
|
7628
|
+
colSpan: 2,
|
|
7629
|
+
style: {
|
|
7630
|
+
fontSize: "14px",
|
|
7631
|
+
lineHeight: "1.6",
|
|
7632
|
+
color: emailTokens.foreground,
|
|
7633
|
+
padding: "4px 0",
|
|
7634
|
+
verticalAlign: "top"
|
|
7635
|
+
},
|
|
7636
|
+
children: [
|
|
7637
|
+
/* @__PURE__ */ jsx("span", { style: { color: emailTokens.primary, paddingRight: "8px" }, children: "\u2022" }),
|
|
7638
|
+
item.value
|
|
7639
|
+
]
|
|
7640
|
+
}
|
|
7641
|
+
) }, i)) })
|
|
7642
|
+
}
|
|
7643
|
+
)
|
|
7644
|
+
] }),
|
|
7645
|
+
cta && /* @__PURE__ */ jsx("div", { style: { margin: "24px 0" }, children: cta.url ? /* @__PURE__ */ jsx("a", { href: cta.url, style: ctaStyle, children: cta.label }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: cta.label }) }),
|
|
7646
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", lineHeight: "1.5", margin: "0" }, children: signature })
|
|
7647
|
+
]
|
|
7648
|
+
}
|
|
7649
|
+
);
|
|
7650
|
+
}
|
|
7328
7651
|
function TravellerFormInviteEmail({
|
|
7329
7652
|
greeting,
|
|
7330
7653
|
bodyIntro,
|
|
@@ -16516,6 +16839,6 @@ function StickyBookingCard({
|
|
|
16516
16839
|
);
|
|
16517
16840
|
}
|
|
16518
16841
|
|
|
16519
|
-
export { ActivityCard, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CategoryPage2, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, ShareWidget, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
|
16842
|
+
export { ActivityCard, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CategoryPage2, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, NotificationEmail, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, ShareWidget, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
|
|
16520
16843
|
//# sourceMappingURL=index.js.map
|
|
16521
16844
|
//# sourceMappingURL=index.js.map
|