@planetaexo/design-system 0.2.10 → 0.2.12

package/dist/index.d.cts

@@ -91,6 +91,175 @@ declare function OfferAdventureCard({ adventure }: {
 }): react_jsx_runtime.JSX.Element;
 declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, summaryNotesSlot, summaryDiscountLine, continueDisabled, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
+type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed";
+interface BookingTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    email?: string;
+    status: "completed" | "pending";
+    isChild?: boolean;
+    formUrl?: string;
+}
+interface SuggestedTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+}
+interface BookingSummaryLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+    isBold?: boolean;
+}
+interface BookingAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    location?: string;
+    partner?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+        seniors?: number;
+    };
+    tags?: string[];
+    travellers: BookingTraveller[];
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    cancellationPolicy?: string[];
+    lineItems?: BookingSummaryLineItem[];
+    subtotal?: string;
+    suggestedTravellers?: SuggestedTraveller[];
+    formName?: string;
+}
+interface BookingContact {
+    name: string;
+    email?: string;
+    phone?: string;
+    country?: string;
+    passport?: string;
+}
+interface BookingDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingDetailsProps {
+    bookingId: string;
+    status: BookingStatus;
+    createdAt: string;
+    contact: BookingContact;
+    agentName?: string;
+    agentContactUrl?: string;
+    adventures: BookingAdventure[];
+    summaryLineItems?: BookingSummaryLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: BookingDepositInfo;
+    onAddContactAsTraveller?: (adventureId: string) => void;
+    onEditTraveller?: (adventureId: string, travellerId: string) => void;
+    onRemoveTraveller?: (adventureId: string, travellerId: string) => void;
+    onAddSuggestedTraveller?: (adventureId: string, travellerId: string) => void;
+    onPayBalance?: () => void;
+    onCancelRequest?: () => void;
+    className?: string;
+}
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+
+interface BookingConfirmationEmailProps {
+    /** Nome do destinatário (ex: "Maria") */
+    recipientName: string;
+    /** URL do link para adicionar viajantes. Se omitido, o botão é renderizado sem link. */
+    addTravellersUrl?: string;
+    /** URL da logo PlanetaEXO. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Número da reserva */
+    bookingNumber: string;
+    /** Nome da atividade */
+    activity: string;
+    /** Nome da aventura */
+    adventure: string;
+    /** Data de início (formatada) */
+    startingDate: string;
+    /** Número de pessoas */
+    numberOfPeople: number;
+    /** Nome do host/anfitrião */
+    host: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, className, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+
+interface ConfirmationLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+}
+interface ConfirmationTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    isChild?: boolean;
+}
+interface ConfirmationAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    partner?: string;
+    location?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+    };
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    lineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    travellers?: ConfirmationTraveller[];
+}
+interface ConfirmationDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingConfirmationProps {
+    /** Nome do destinatario (ex: "Maria") */
+    recipientName: string;
+    /** URL da logo. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Numero da reserva */
+    bookingReference: string;
+    /** Adventures included in the booking */
+    adventures: ConfirmationAdventure[];
+    /** Global line items (e.g. coupons, fees) */
+    summaryLineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: ConfirmationDepositInfo;
+    /** Nome do agente responsavel */
+    agent: string;
+    /** URL para ver os detalhes completos do booking */
+    viewBookingUrl?: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmation({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, className, }: BookingConfirmationProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, cn };
+export { type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };

package/dist/index.d.ts

@@ -91,6 +91,175 @@ declare function OfferAdventureCard({ adventure }: {
 }): react_jsx_runtime.JSX.Element;
 declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, summaryNotesSlot, summaryDiscountLine, continueDisabled, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
+type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed";
+interface BookingTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    email?: string;
+    status: "completed" | "pending";
+    isChild?: boolean;
+    formUrl?: string;
+}
+interface SuggestedTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+}
+interface BookingSummaryLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+    isBold?: boolean;
+}
+interface BookingAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    location?: string;
+    partner?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+        seniors?: number;
+    };
+    tags?: string[];
+    travellers: BookingTraveller[];
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    cancellationPolicy?: string[];
+    lineItems?: BookingSummaryLineItem[];
+    subtotal?: string;
+    suggestedTravellers?: SuggestedTraveller[];
+    formName?: string;
+}
+interface BookingContact {
+    name: string;
+    email?: string;
+    phone?: string;
+    country?: string;
+    passport?: string;
+}
+interface BookingDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingDetailsProps {
+    bookingId: string;
+    status: BookingStatus;
+    createdAt: string;
+    contact: BookingContact;
+    agentName?: string;
+    agentContactUrl?: string;
+    adventures: BookingAdventure[];
+    summaryLineItems?: BookingSummaryLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: BookingDepositInfo;
+    onAddContactAsTraveller?: (adventureId: string) => void;
+    onEditTraveller?: (adventureId: string, travellerId: string) => void;
+    onRemoveTraveller?: (adventureId: string, travellerId: string) => void;
+    onAddSuggestedTraveller?: (adventureId: string, travellerId: string) => void;
+    onPayBalance?: () => void;
+    onCancelRequest?: () => void;
+    className?: string;
+}
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+
+interface BookingConfirmationEmailProps {
+    /** Nome do destinatário (ex: "Maria") */
+    recipientName: string;
+    /** URL do link para adicionar viajantes. Se omitido, o botão é renderizado sem link. */
+    addTravellersUrl?: string;
+    /** URL da logo PlanetaEXO. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Número da reserva */
+    bookingNumber: string;
+    /** Nome da atividade */
+    activity: string;
+    /** Nome da aventura */
+    adventure: string;
+    /** Data de início (formatada) */
+    startingDate: string;
+    /** Número de pessoas */
+    numberOfPeople: number;
+    /** Nome do host/anfitrião */
+    host: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, className, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+
+interface ConfirmationLineItem {
+    label: string;
+    price: string;
+    isDiscount?: boolean;
+}
+interface ConfirmationTraveller {
+    id: string;
+    firstName: string;
+    lastName: string;
+    isChild?: boolean;
+}
+interface ConfirmationAdventure {
+    id: string;
+    reference?: string;
+    image: string;
+    imageAlt?: string;
+    title: string;
+    partner?: string;
+    location?: string;
+    dateFrom: string;
+    dateTo: string;
+    slots?: {
+        adults: number;
+        children?: number;
+    };
+    description?: string;
+    included?: string[];
+    notIncluded?: string[];
+    lineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    travellers?: ConfirmationTraveller[];
+}
+interface ConfirmationDepositInfo {
+    depositPercent: number;
+    depositAmount: string;
+    remainingAmount: string;
+    balanceDueDate: string;
+    isPaidInFull?: boolean;
+}
+interface BookingConfirmationProps {
+    /** Nome do destinatario (ex: "Maria") */
+    recipientName: string;
+    /** URL da logo. Para e-mails reais, use URL absoluta. Default: /logo-planetaexo.png */
+    logoUrl?: string;
+    /** Numero da reserva */
+    bookingReference: string;
+    /** Adventures included in the booking */
+    adventures: ConfirmationAdventure[];
+    /** Global line items (e.g. coupons, fees) */
+    summaryLineItems?: ConfirmationLineItem[];
+    subtotal?: string;
+    total: string;
+    depositInfo?: ConfirmationDepositInfo;
+    /** Nome do agente responsavel */
+    agent: string;
+    /** URL para ver os detalhes completos do booking */
+    viewBookingUrl?: string;
+    /** className adicional no container */
+    className?: string;
+}
+declare function BookingConfirmation({ recipientName, logoUrl, bookingReference, adventures, summaryLineItems, subtotal, total, depositInfo, agent, viewBookingUrl, className, }: BookingConfirmationProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, cn };
+export { type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailProps, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, type SuggestedTraveller, cn };