@duffel/components 3.12.0 → 3.12.1

package/components/Stays/StaysCancellationTimeline/Policy.d.ts

@@ -0,0 +1,8 @@
+import { IconName } from "@components/shared/Icon";
+import { Color } from "@lib/colors";
+import * as React from "react";
+export declare const Policy: React.FC<React.PropsWithChildren<{
+    iconName: IconName;
+    iconColor: Color;
+    label?: string;
+}>>;

package/components/Stays/StaysCancellationTimeline/StaysCancellationTimeline.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@duffel/api" />
+import * as React from "react";
+import { StaysRate, StaysRateCancellationTimeline } from "@duffel/api/types";
+export interface StaysCancellationTimelineProps {
+    paymentType?: StaysRate["payment_type"];
+    cancellationTimeline: StaysRateCancellationTimeline[];
+    totalAmount: string;
+    bookingDate: string;
+    checkInDate: string;
+    checkInAfterTime?: string;
+}
+export declare const StaysCancellationTimeline: React.FC<StaysCancellationTimelineProps>;

package/components/Stays/StaysCancellationTimeline/StaysCancellationTimelineDeposit.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@duffel/api" />
+import * as React from "react";
+import { StaysRateCancellationTimeline } from "@duffel/api/types";
+interface StaysCancellationTimelineDepositProps {
+    cancellationTimeline: StaysRateCancellationTimeline[];
+    totalAmount: string;
+    bookingDate: string;
+    checkInDate: string;
+    checkInAfterTime?: string;
+}
+export declare const StaysCancellationTimelineDeposit: React.FC<StaysCancellationTimelineDepositProps>;
+export {};

package/components/Stays/StaysCancellationTimeline/StaysCancellationTimelineGuarantee.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@duffel/api" />
+import * as React from "react";
+import { StaysRateCancellationTimeline } from "@duffel/api/types";
+interface StaysCancellationTimelineGuaranteeProps {
+    cancellationTimeline: StaysRateCancellationTimeline[];
+    totalAmount: string;
+    bookingDate: string;
+    checkInDate: string;
+    checkInAfterTime?: string;
+}
+export declare const StaysCancellationTimelineGuarantee: React.FC<StaysCancellationTimelineGuaranteeProps>;
+export {};

package/components/Stays/StaysCancellationTimeline/StaysCancellationTimelinePayNow.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@duffel/api" />
+import * as React from "react";
+import { StaysRateCancellationTimeline } from "@duffel/api/types";
+interface StaysCancellationTimelinePayNowProps {
+    cancellationTimeline: StaysRateCancellationTimeline[];
+    totalAmount: string;
+    bookingDate: string;
+    checkInDate: string;
+    checkInAfterTime?: string;
+}
+export declare const StaysCancellationTimelinePayNow: React.FC<StaysCancellationTimelinePayNowProps>;
+export {};

package/components/Stays/StaysCancellationTimeline/TimelineItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Color } from "@lib/colors";
+export interface TimelineItemProps {
+    label?: string | React.ReactNode;
+    description?: string;
+    dot?: boolean;
+    dotColor?: Color;
+    lineColorLeft?: Color;
+    lineColorRight?: Color;
+    size?: "extra-small" | "small" | "medium" | "large" | "extra-large";
+    tooltip?: string | boolean;
+    aboveDot?: React.ReactNode;
+    date?: string;
+}
+export declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;

package/components/Stays/StaysCancellationTimeline/lib/isTimezoneDate.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Checks if an ISO string is a timezoned date.
+ */
+export declare const isTimezoneDate: (date: string) => boolean;

package/components/Stays/StaysCancellationTimeline/lib/renderTimelineDateTime.d.ts

@@ -0,0 +1 @@
+export declare const renderTimelineDateTime: (date: string, showTime?: boolean, dateTimeZone?: string) => import("react/jsx-runtime").JSX.Element;

package/components/Stays/StaysRating.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface StaysRatingProps {
+    rating: number;
+    small?: boolean;
+}
+export declare const StaysRating: React.FC<StaysRatingProps>;

package/components/Stays/StaysRatingCustomElement.d.ts

@@ -0,0 +1,14 @@
+import { StaysRatingProps } from "./StaysRating";
+declare const CUSTOM_ELEMENT_TAG = "duffel-stays-rating";
+type CustomElementRenderArguments = StaysRatingProps & {
+    elementId: string;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [CUSTOM_ELEMENT_TAG]: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export declare function renderDuffelStaysRatingCustomElement(props: CustomElementRenderArguments): void;
+export {};

package/components/Stays/StaysRoomRateCard.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="@duffel/api" />
+import * as React from "react";
+import { StaysRoomRate } from "@duffel/api/types";
+export interface StaysRoomRateCardProps {
+    rate: StaysRoomRate;
+    searchNumberOfRooms: number;
+    numberOfNights: number;
+    selected: boolean;
+    onSelectRate: (rateId: string) => void;
+    hidePaymentMethod?: boolean;
+    hideSource?: boolean;
+}
+export declare const StaysRoomRateCard: React.FC<StaysRoomRateCardProps>;

package/components/Stays/StaysRoomRateCardCustomElement.d.ts

@@ -0,0 +1,14 @@
+import { StaysRoomRateCardProps } from "./StaysRoomRateCard";
+declare const CUSTOM_ELEMENT_TAG = "duffel-stays-room-rate-card";
+type CustomElementRenderArguments = StaysRoomRateCardProps & {
+    elementId: string;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [CUSTOM_ELEMENT_TAG]: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export declare function renderDuffelStaysRoomRateCardCustomElement(props: CustomElementRenderArguments): void;
+export {};

package/components/Stays/StaysSummary.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@duffel/api" />
+import { StaysAccommodation, StaysBooking } from "@duffel/api/types";
+export interface StaysSummaryProps {
+    accommodation: StaysAccommodation;
+    checkInDate: Date;
+    checkOutDate: Date;
+    numRooms?: number;
+    supportedLoyaltyProgramme?: StaysBooking["supported_loyalty_programme"];
+    loyaltyProgrammeAccountNumber?: string | null;
+    accommodationSpecialRequests?: string | null;
+}
+export declare const StaysSummary: React.FC<React.PropsWithChildren<StaysSummaryProps>>;

package/components/Stays/StaysSummaryCustomElement.d.ts

@@ -0,0 +1,12 @@
+import { StaysSummaryProps } from "./StaysSummary";
+declare const CUSTOM_ELEMENT_TAG = "duffel-stays-summary";
+type CustomElementRenderArguments = StaysSummaryProps;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [CUSTOM_ELEMENT_TAG]: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export declare function renderDuffelStaysSummaryCustomElement(props: CustomElementRenderArguments): void;
+export {};

package/components/Stays/lib/getRateLabel.d.ts

@@ -0,0 +1,2 @@
+import { StaysRate } from "@duffel/api/types";
+export declare const getRateLabel: (paymentMethod: StaysRate["available_payment_methods"][number], paymentType: StaysRate["payment_type"]) => string | undefined;

package/components/Stays/lib/types.d.ts

@@ -0,0 +1,29 @@
+import { IconName } from "@components/shared/Icon";
+import { StaysRoomRate } from "@duffel/api/types";
+export declare const LOYALTY_PROGRAMS_NAME_MAP: {
+    wyndham_rewards: string;
+    choice_privileges: string;
+    marriott_bonvoy: string;
+    best_western_rewards: string;
+    world_of_hyatt: string;
+    hilton_honors: string;
+    ihg_one_rewards: string;
+    leaders_club: string;
+    stash_rewards: string;
+    omni_select_guest: string;
+    i_prefer: string;
+    accor_live_limitless: string;
+    my_6: string;
+    jumeirah_one: string;
+    global_hotel_alliance_discovery: string;
+    duffel_hotel_group_rewards: string;
+};
+export declare const SOURCE_NAME_MAP: {
+    bookingcom: string;
+    expedia: string;
+    priceline: string;
+    travelport: string;
+    duffel_hotel_group: string;
+};
+export declare const getBoardTypeLabel: (boardType: StaysRoomRate["board_type"]) => "Room only, no meals" | "Breakfast included" | "Half board" | "Full board" | "All inclusive";
+export declare const boardTypeIcon: (boardType: StaysRoomRate["board_type"]) => IconName;

package/components/shared/AirlineLogo.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface AirlineLogoProps {
+    name: string;
+    iataCode: string | null;
+    size?: number;
+}
+export declare const AirlineLogo: React.FC<AirlineLogoProps>;
+export {};

package/components/shared/AnimatedLoaderEllipsis.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const AnimatedLoaderEllipsis: React.FC;

package/components/shared/Button.d.ts

@@ -0,0 +1,23 @@
+import { IconName } from "@components/shared/Icon";
+import * as React from "react";
+declare const BUTTON_VARIANTS: {
+    primary: string;
+    outlined: string;
+    destructive: string;
+};
+type ButtonVariants = keyof typeof BUTTON_VARIANTS;
+declare const BUTTON_SIZES: {
+    32: string;
+    40: string;
+    48: string;
+};
+type ButtonSizes = keyof typeof BUTTON_SIZES;
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export interface ButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "children" | "className" | "type"> {
+    "data-testid"?: string;
+    iconBefore?: IconName;
+    variant?: ButtonVariants;
+    size?: ButtonSizes;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/components/shared/Card.d.ts

@@ -0,0 +1,14 @@
+import { IconName } from "@components/shared/Icon";
+import * as React from "react";
+export interface CardProps {
+    buttonTitle: string;
+    title: string;
+    icon: IconName;
+    onClick?: (() => void) | null;
+    children: React.ReactNode;
+    copy: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    isSelected?: boolean;
+}
+export declare const Card: React.FC<CardProps>;

package/components/shared/ErrorBoundary.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export declare class ErrorBoundary extends React.Component<{
+    children: React.ReactNode | React.ReactNode[];
+}> {
+    state: {
+        hasError: boolean;
+    };
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}

package/components/shared/FetchOfferErrorState.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const FetchOfferErrorState: React.FC<{
+    height: string;
+    message: string;
+}>;

package/components/shared/HSpace.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+type DivProps = JSX.IntrinsicElements["div"];
+export interface HSpaceProps extends DivProps {
+    /**
+     * A space-delimited list of class names to pass along to a child element.
+     */
+    className?: string;
+    /**
+     * The vertical spacing between each child element
+     */
+    space: 0 | 4 | 8 | 12 | 16;
+    /**
+     * If you'd like all children inside your horizontal space container
+     * to be vertically aligned to the center of the div, you can set `alignCenter` to `true`
+     *
+     * Default: `false`
+     */
+    alignCenter?: boolean;
+    /**
+     * If you'd like all children inside your horizontal space container
+     * to be spread out from one another, you can set `spaceBetween` to `true`
+     *
+     * Default: `false`
+     */
+    spaceBetween?: boolean;
+}
+export declare const HSpace: React.FC<HSpaceProps>;
+export {};

package/components/shared/Icon.d.ts

@@ -0,0 +1,98 @@
+import { Color } from "@lib/colors";
+import * as React from "react";
+export declare const ICON_MAP: {
+    accessible: import("react/jsx-runtime").JSX.Element;
+    add: import("react/jsx-runtime").JSX.Element;
+    airline_seat_flat: import("react/jsx-runtime").JSX.Element;
+    airline_seat_individual_suite: import("react/jsx-runtime").JSX.Element;
+    airline_seat_legroom_extra: import("react/jsx-runtime").JSX.Element;
+    airline_seat_recline_extra: import("react/jsx-runtime").JSX.Element;
+    airline_seat_recline_normal: import("react/jsx-runtime").JSX.Element;
+    airline_stops: import("react/jsx-runtime").JSX.Element;
+    airplane_ticket: import("react/jsx-runtime").JSX.Element;
+    apartment: import("react/jsx-runtime").JSX.Element;
+    arrow_downward: import("react/jsx-runtime").JSX.Element;
+    arrow_drop_down: import("react/jsx-runtime").JSX.Element;
+    arrow_forward: import("react/jsx-runtime").JSX.Element;
+    arrow_left: import("react/jsx-runtime").JSX.Element;
+    arrow_right: import("react/jsx-runtime").JSX.Element;
+    arrow_upward: import("react/jsx-runtime").JSX.Element;
+    atm: import("react/jsx-runtime").JSX.Element;
+    autorenew: import("react/jsx-runtime").JSX.Element;
+    bakery_dining: import("react/jsx-runtime").JSX.Element;
+    bassinet: import("react/jsx-runtime").JSX.Element;
+    bedroom_parent: import("react/jsx-runtime").JSX.Element;
+    brunch_dining: import("react/jsx-runtime").JSX.Element;
+    cabin_bag: import("react/jsx-runtime").JSX.Element;
+    calendar_month: import("react/jsx-runtime").JSX.Element;
+    carry_on_bag_inactive: import("react/jsx-runtime").JSX.Element;
+    check: import("react/jsx-runtime").JSX.Element;
+    check_circle: import("react/jsx-runtime").JSX.Element;
+    check_large: import("react/jsx-runtime").JSX.Element;
+    check_small: import("react/jsx-runtime").JSX.Element;
+    checked_bag: import("react/jsx-runtime").JSX.Element;
+    chevron: import("react/jsx-runtime").JSX.Element;
+    child_care: import("react/jsx-runtime").JSX.Element;
+    close: import("react/jsx-runtime").JSX.Element;
+    closet: import("react/jsx-runtime").JSX.Element;
+    concierge: import("react/jsx-runtime").JSX.Element;
+    credit_card: import("react/jsx-runtime").JSX.Element;
+    currency_exchange: import("react/jsx-runtime").JSX.Element;
+    dinner_dining: import("react/jsx-runtime").JSX.Element;
+    exit_row: import("react/jsx-runtime").JSX.Element;
+    exit_row_right: import("react/jsx-runtime").JSX.Element;
+    expand_content: import("react/jsx-runtime").JSX.Element;
+    fitness_center: import("react/jsx-runtime").JSX.Element;
+    flight: import("react/jsx-runtime").JSX.Element;
+    flight_class: import("react/jsx-runtime").JSX.Element;
+    flight_landing: import("react/jsx-runtime").JSX.Element;
+    flight_takeoff: import("react/jsx-runtime").JSX.Element;
+    galley: import("react/jsx-runtime").JSX.Element;
+    hearing: import("react/jsx-runtime").JSX.Element;
+    image_not_supported: import("react/jsx-runtime").JSX.Element;
+    info_outline: import("react/jsx-runtime").JSX.Element;
+    laundry: import("react/jsx-runtime").JSX.Element;
+    lavatory: import("react/jsx-runtime").JSX.Element;
+    lie_flat_seat: import("react/jsx-runtime").JSX.Element;
+    local_bar: import("react/jsx-runtime").JSX.Element;
+    local_parking: import("react/jsx-runtime").JSX.Element;
+    loyalty: import("react/jsx-runtime").JSX.Element;
+    luggage: import("react/jsx-runtime").JSX.Element;
+    meeting_room: import("react/jsx-runtime").JSX.Element;
+    minus: import("react/jsx-runtime").JSX.Element;
+    no_airplane: import("react/jsx-runtime").JSX.Element;
+    no_bag: import("react/jsx-runtime").JSX.Element;
+    no_seat: import("react/jsx-runtime").JSX.Element;
+    no_stroller: import("react/jsx-runtime").JSX.Element;
+    north_east: import("react/jsx-runtime").JSX.Element;
+    pet_supplies: import("react/jsx-runtime").JSX.Element;
+    pool: import("react/jsx-runtime").JSX.Element;
+    refund: import("react/jsx-runtime").JSX.Element;
+    restaurant: import("react/jsx-runtime").JSX.Element;
+    room_service: import("react/jsx-runtime").JSX.Element;
+    seat: import("react/jsx-runtime").JSX.Element;
+    seat_paid_indicator: import("react/jsx-runtime").JSX.Element;
+    shield_with_moon: import("react/jsx-runtime").JSX.Element;
+    shopfront: import("react/jsx-runtime").JSX.Element;
+    shopping_bag: import("react/jsx-runtime").JSX.Element;
+    spa: import("react/jsx-runtime").JSX.Element;
+    stairs: import("react/jsx-runtime").JSX.Element;
+    star: import("react/jsx-runtime").JSX.Element;
+    unfold_more: import("react/jsx-runtime").JSX.Element;
+    wallet: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
+    wifi: import("react/jsx-runtime").JSX.Element;
+};
+export type IconName = keyof typeof ICON_MAP;
+interface IconProps {
+    name: IconName;
+    className?: string;
+    color?: Color;
+    size?: number;
+    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+    ml?: string;
+    viewBox?: string;
+    style?: React.CSSProperties;
+}
+export declare const Icon: React.FunctionComponent<IconProps>;
+export {};

package/components/shared/IconButton.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { IconName } from "./Icon";
+declare const ICON_BUTTON_VARIANTS: {
+    primary: string;
+    outlined: string;
+};
+type IconButtonVariants = keyof typeof ICON_BUTTON_VARIANTS;
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export interface IconButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "className"> {
+    "data-testid"?: string;
+    icon: IconName;
+    title: string;
+    variant?: IconButtonVariants;
+}
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};

package/components/shared/Modal.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ModalProps {
+    onClose: () => void;
+    isOpen: boolean;
+    children: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+interface ModalBodyProps {
+    tall?: boolean;
+    noPadding?: boolean;
+    children: React.ReactNode;
+}
+export declare const ModalBody: React.FC<ModalBodyProps>;
+export {};

package/components/shared/NonIdealState.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const NonIdealState: React.FC<React.PropsWithChildren<{
+    style?: React.CSSProperties;
+}>>;

package/components/shared/RadioButton.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface RadioButtonProps {
+    value: string;
+    checked?: boolean;
+    className?: string;
+}
+export declare const RadioButton: React.FC<RadioButtonProps>;

package/components/shared/SliceCarriersTitle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="@duffel/api" />
+import { OfferSlice, OfferSliceSegment } from "@duffel/api/types";
+import * as React from "react";
+export interface SliceCarriersTitleProps {
+    slice: OfferSlice;
+}
+export declare const SliceCarriersTitle: React.FC<SliceCarriersTitleProps>;
+export declare function getSegmentCarriersTitle(segment: OfferSliceSegment): string;

package/components/shared/Stamp.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface StampProps {
+    backgroundColor: React.CSSProperties["backgroundColor"];
+    color: React.CSSProperties["color"];
+    children: React.ReactNode;
+}
+export declare const Stamp: React.FC<StampProps>;

package/components/shared/Tabs.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface TabsProps {
+    /**
+     * The currently selected tab option
+     */
+    value: string;
+    /**
+     * Callback for when a new tab option is selected
+     */
+    onChange: (value: string) => void;
+    /**
+     * The options you want to render on the tabs
+     */
+    options: string[];
+}
+export declare const Tabs: React.FC<TabsProps>;

package/components/shared/VSpace.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type DivProps = JSX.IntrinsicElements["div"];
+export interface VSpaceProps extends DivProps {
+    /**
+     * A space-delimited list of class names to pass along to a child element.
+     */
+    className?: string;
+    /**
+     * The vertical spacing between each child element
+     */
+    space: 0 | 4 | 8 | 12 | 16 | 24;
+}
+export declare const VSpace: React.FC<VSpaceProps>;
+export {};

package/components/shared/WithComponentStyles.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare const hrefToComponentStyles: string;
+type WithComponentStylesProps = {
+    children?: React.ReactNode;
+};
+export declare const WithComponentStyles: React.FC<WithComponentStylesProps>;
+export {};

package/custom-elements.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file is one of the entry points for the library -- `@duffel/components/custom-elements`.
+ * If you'd like to expose other custom element functions, please add them here.
+ */
+export { onDuffelAncillariesPayloadReady, renderDuffelAncillariesCustomElement, } from "./components/DuffelAncillaries/DuffelAncillariesCustomElement";
+export { createCardForTemporaryUse, onCreateCardForTemporaryUseFailure, onCreateCardForTemporaryUseSuccess, onSaveCardFailure, onSaveCardSuccess, onSecurityPolicyViolation, renderDuffelCardFormCustomElement, saveCard, } from "./components/DuffelCardForm/DuffelCardFormCustomElement";
+export { onDuffelPaymentsFailedPayment, onDuffelPaymentsSuccessfulPayment, renderDuffelPaymentsCustomElement, } from "./components/DuffelPayments/DuffelPaymentsCustomElement";
+export { onMapboxPlacesLookupPlaceSelected, renderMapboxPlacesLookupCustomElement, } from "./components/MapboxPlacesLookup/MapboxPlacesLookupCustomElement";
+export { renderDuffelStaysAmenitiesCustomElement } from "./components/Stays/StaysAmenitiesCustomElement";
+export { renderDuffelStaysRatingCustomElement } from "./components/Stays/StaysRatingCustomElement";
+export { renderDuffelStaysRoomRateCardCustomElement } from "./components/Stays/StaysRoomRateCardCustomElement";
+export { renderDuffelStaysSummaryCustomElement } from "./components/Stays/StaysSummaryCustomElement";