@planetaexo/design-system 0.3.15 → 0.3.17

package/dist/index.d.cts

@@ -431,6 +431,117 @@ interface BookingFormProps {
 }
 declare function BookingForm({ defaultValues, onSubmit, submitLabel, loading, showHeader, title, subtitle, className, }: BookingFormProps): react_jsx_runtime.JSX.Element;
 
+type RegistrationFieldType = "text" | "textarea" | "number" | "date" | "birthDate" | "select" | "radio" | "checkbox" | "name" | "phone" | "nationality" | "emergencyContact";
+interface RegistrationFieldOption {
+    value: string;
+    label: string;
+}
+interface RegistrationField {
+    id: string;
+    label: string;
+    type: RegistrationFieldType;
+    required?: boolean;
+    order?: number;
+    helpText?: string;
+    options?: RegistrationFieldOption[];
+}
+interface RegistrationNameValue {
+    firstName: string;
+    lastName: string;
+}
+interface RegistrationPhoneValue {
+    /** ISO country code used by PhoneCountrySelect, e.g. "BR" */
+    country: string;
+    /** National number, digits only */
+    nationalNumber: string;
+}
+interface RegistrationEmergencyContactValue {
+    contactName: RegistrationNameValue;
+    phone: RegistrationPhoneValue;
+}
+type RegistrationFieldValue = string | Date | boolean | string[] | RegistrationNameValue | RegistrationPhoneValue | RegistrationEmergencyContactValue | undefined;
+type RegistrationFormValues = Record<string, RegistrationFieldValue>;
+interface RegistrationAdventure {
+    name: string;
+    startDate?: string;
+    endDate?: string;
+    partnerName?: string;
+}
+interface RegistrationBooking {
+    id: string;
+}
+interface RegistrationTraveller {
+    fullName: string;
+}
+interface RegistrationTerms {
+    markdown: string;
+    acceptControl?: "checkbox" | "radio";
+}
+interface RegistrationFormLabels {
+    formSubtitle?: string;
+    detailsSectionTitle?: string;
+    tripInfoSectionTitle?: string;
+    termsSectionTitle?: string;
+    termsAccept?: string;
+    termsDecline?: string;
+    submitButton?: string;
+    submitting?: string;
+    adventureLabel?: string;
+    bookingLabel?: string;
+    partnerLabel?: string;
+    travellerLabel?: string;
+    firstNameLabel?: string;
+    lastNameLabel?: string;
+    phoneLabel?: string;
+    emergencyContactFirstName?: string;
+    emergencyContactLastName?: string;
+    emergencyContactPhoneLabel?: string;
+    nationalityLabel?: string;
+    selectPlaceholder?: string;
+    optionalLabel?: string;
+}
+interface RegistrationFormProps {
+    /** Logo shown above the title. Defaults to "/logo-planetaexo.png" (matching Offer). Pass null to hide. */
+    logo?: string | null;
+    logoAlt?: string;
+    /**
+     * When provided, the header becomes a hero card with this image as the background
+     * and the logo automatically inverted to white. Title and subtitle overlay the image.
+     */
+    heroImage?: string;
+    heroImageAlt?: string;
+    title: string;
+    subtitle?: string;
+    adventure?: RegistrationAdventure;
+    booking?: RegistrationBooking;
+    traveller?: RegistrationTraveller;
+    fields: RegistrationField[];
+    values?: RegistrationFormValues;
+    defaultValues?: RegistrationFormValues;
+    onChange?: (values: RegistrationFormValues) => void;
+    onSubmit?: (values: RegistrationFormValues) => void;
+    terms?: RegistrationTerms;
+    includeTerms?: boolean;
+    loading?: boolean;
+    error?: string;
+    defaultPhoneCountry?: string;
+    dateFormatter?: (iso: string | undefined) => string;
+    labels?: RegistrationFormLabels;
+    className?: string;
+}
+declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+interface RegistrationSuccessCardProps {
+    title?: string;
+    message?: string;
+    answersTitle?: string;
+    fields: RegistrationField[];
+    answers: RegistrationFormValues;
+    dateFormatter?: (date: Date | string | undefined) => string;
+    formatAnswer?: (field: RegistrationField, value: RegistrationFieldValue) => string;
+    className?: string;
+}
+declare function RegistrationSuccessCard({ title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     error?: string;
@@ -490,6 +601,15 @@ interface DatePickerFieldProps {
 }
 declare function DatePickerField({ label, required, value, onChange, placeholder, disabled, fromDate, className, }: DatePickerFieldProps): react_jsx_runtime.JSX.Element;
 
+interface BirthDateFieldProps {
+    label: string;
+    required?: boolean;
+    value: Date | undefined;
+    onChange: (date: Date | undefined) => void;
+    className?: string;
+}
+declare function BirthDateField({ label, required, value, onChange, className, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
+
 interface FilterItem {
     id: string;
     label: string;
@@ -1173,4 +1293,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, getStripeAppearance, stripeAppearance };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, 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 BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, getStripeAppearance, stripeAppearance };

package/dist/index.d.ts

@@ -431,6 +431,117 @@ interface BookingFormProps {
 }
 declare function BookingForm({ defaultValues, onSubmit, submitLabel, loading, showHeader, title, subtitle, className, }: BookingFormProps): react_jsx_runtime.JSX.Element;
 
+type RegistrationFieldType = "text" | "textarea" | "number" | "date" | "birthDate" | "select" | "radio" | "checkbox" | "name" | "phone" | "nationality" | "emergencyContact";
+interface RegistrationFieldOption {
+    value: string;
+    label: string;
+}
+interface RegistrationField {
+    id: string;
+    label: string;
+    type: RegistrationFieldType;
+    required?: boolean;
+    order?: number;
+    helpText?: string;
+    options?: RegistrationFieldOption[];
+}
+interface RegistrationNameValue {
+    firstName: string;
+    lastName: string;
+}
+interface RegistrationPhoneValue {
+    /** ISO country code used by PhoneCountrySelect, e.g. "BR" */
+    country: string;
+    /** National number, digits only */
+    nationalNumber: string;
+}
+interface RegistrationEmergencyContactValue {
+    contactName: RegistrationNameValue;
+    phone: RegistrationPhoneValue;
+}
+type RegistrationFieldValue = string | Date | boolean | string[] | RegistrationNameValue | RegistrationPhoneValue | RegistrationEmergencyContactValue | undefined;
+type RegistrationFormValues = Record<string, RegistrationFieldValue>;
+interface RegistrationAdventure {
+    name: string;
+    startDate?: string;
+    endDate?: string;
+    partnerName?: string;
+}
+interface RegistrationBooking {
+    id: string;
+}
+interface RegistrationTraveller {
+    fullName: string;
+}
+interface RegistrationTerms {
+    markdown: string;
+    acceptControl?: "checkbox" | "radio";
+}
+interface RegistrationFormLabels {
+    formSubtitle?: string;
+    detailsSectionTitle?: string;
+    tripInfoSectionTitle?: string;
+    termsSectionTitle?: string;
+    termsAccept?: string;
+    termsDecline?: string;
+    submitButton?: string;
+    submitting?: string;
+    adventureLabel?: string;
+    bookingLabel?: string;
+    partnerLabel?: string;
+    travellerLabel?: string;
+    firstNameLabel?: string;
+    lastNameLabel?: string;
+    phoneLabel?: string;
+    emergencyContactFirstName?: string;
+    emergencyContactLastName?: string;
+    emergencyContactPhoneLabel?: string;
+    nationalityLabel?: string;
+    selectPlaceholder?: string;
+    optionalLabel?: string;
+}
+interface RegistrationFormProps {
+    /** Logo shown above the title. Defaults to "/logo-planetaexo.png" (matching Offer). Pass null to hide. */
+    logo?: string | null;
+    logoAlt?: string;
+    /**
+     * When provided, the header becomes a hero card with this image as the background
+     * and the logo automatically inverted to white. Title and subtitle overlay the image.
+     */
+    heroImage?: string;
+    heroImageAlt?: string;
+    title: string;
+    subtitle?: string;
+    adventure?: RegistrationAdventure;
+    booking?: RegistrationBooking;
+    traveller?: RegistrationTraveller;
+    fields: RegistrationField[];
+    values?: RegistrationFormValues;
+    defaultValues?: RegistrationFormValues;
+    onChange?: (values: RegistrationFormValues) => void;
+    onSubmit?: (values: RegistrationFormValues) => void;
+    terms?: RegistrationTerms;
+    includeTerms?: boolean;
+    loading?: boolean;
+    error?: string;
+    defaultPhoneCountry?: string;
+    dateFormatter?: (iso: string | undefined) => string;
+    labels?: RegistrationFormLabels;
+    className?: string;
+}
+declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+interface RegistrationSuccessCardProps {
+    title?: string;
+    message?: string;
+    answersTitle?: string;
+    fields: RegistrationField[];
+    answers: RegistrationFormValues;
+    dateFormatter?: (date: Date | string | undefined) => string;
+    formatAnswer?: (field: RegistrationField, value: RegistrationFieldValue) => string;
+    className?: string;
+}
+declare function RegistrationSuccessCard({ title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     error?: string;
@@ -490,6 +601,15 @@ interface DatePickerFieldProps {
 }
 declare function DatePickerField({ label, required, value, onChange, placeholder, disabled, fromDate, className, }: DatePickerFieldProps): react_jsx_runtime.JSX.Element;
 
+interface BirthDateFieldProps {
+    label: string;
+    required?: boolean;
+    value: Date | undefined;
+    onChange: (date: Date | undefined) => void;
+    className?: string;
+}
+declare function BirthDateField({ label, required, value, onChange, className, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
+
 interface FilterItem {
     id: string;
     label: string;
@@ -1173,4 +1293,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, getStripeAppearance, stripeAppearance };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, 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 BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, getStripeAppearance, stripeAppearance };