@duffel/components 2.7.20 → 3.0.0

package/react-dist/components/DuffelAncillaries/seats/Row.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMapCabinRow } from "../../../types/SeatMap";
+export interface RowProps {
+    row: SeatMapCabinRow;
+    hasWings: boolean;
+    selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
+    onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
+    currentPassengerId: string;
+    currentPassengerName: string;
+    currentSegmentId: string;
+}
+export declare const Row: React.FC<RowProps>;

package/react-dist/components/DuffelAncillaries/seats/RowSection.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMapCabinRow, SeatMapCabinRowSection } from "../../../types/SeatMap";
+interface RowSectionProps {
+    row: SeatMapCabinRow;
+    rowNumber: string | null;
+    hasWings: boolean;
+    section: SeatMapCabinRowSection;
+    sectionIndex: number;
+    selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
+    onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
+    currentPassengerId: string;
+    currentPassengerName: string;
+    currentSegmentId: string;
+}
+export declare const RowSection: React.FC<RowSectionProps>;
+export {};

package/react-dist/components/DuffelAncillaries/seats/SeatElement.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
+interface SeatElementProps {
+    element: SeatMapCabinRowSectionElementSeat;
+    currentSegmentId: string;
+    currentPassengerId: string;
+    currentPassengerName: string;
+    onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
+    selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
+}
+export declare const SeatElement: React.FC<SeatElementProps>;
+export {};

package/react-dist/components/DuffelAncillaries/seats/SeatInfo.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { SeatMapCabinRowSectionAvailableService, SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
+export interface SeatInfoProps {
+    seat: SeatMapCabinRowSectionElementSeat | null;
+    service: SeatMapCabinRowSectionAvailableService | undefined;
+}
+export declare const SeatInfo: React.FC<SeatInfoProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatMap.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMap as SeatMapType } from "../../../types/SeatMap";
+export interface SeatMapProps {
+    seatMap: SeatMapType;
+    selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
+    onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
+    currentPassengerId: string;
+    currentPassengerName: string;
+    currentSegmentId: string;
+}
+export declare const SeatMap: React.FC<SeatMapProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatMapUnavailable.d.ts

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

package/react-dist/components/DuffelAncillaries/seats/SeatSelectionCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CreateOrderPayload, CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
+import { Offer } from "../../../types/Offer";
+import { SeatMap } from "../../../types/SeatMap";
+export interface SeatSelectionCardProps {
+    isLoading: boolean;
+    offer?: Offer;
+    seatMaps?: SeatMap[];
+    passengers: CreateOrderPayload["passengers"];
+    selectedServices: CreateOrderPayloadServices;
+    setSelectedServices: (selectedServices: CreateOrderPayloadServices) => void;
+}
+export declare const SeatSelectionCard: React.FC<SeatSelectionCardProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModal.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CreateOrderPayload, CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { Offer } from "../../../types/Offer";
+import { SeatMap } from "../../../types/SeatMap";
+export interface SeatSelectionModalProps {
+    isOpen: boolean;
+    offer?: Offer;
+    seatMaps?: SeatMap[];
+    selectedServices: CreateOrderPayloadSeatService[];
+    passengers: CreateOrderPayload["passengers"];
+    onClose: (selectedServices: CreateOrderPayloadSeatService[]) => void;
+}
+export declare const SeatSelectionModal: React.FC<SeatSelectionModalProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalBody.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SeatMapProps } from "./SeatMap";
+export type SeatSelectionModalBodyProps = SeatMapProps;
+export declare const SeatSelectionModalBody: React.FC<SeatSelectionModalBodyProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalFooter.d.ts

@@ -0,0 +1,16 @@
+import { ServicePriceMapById } from "@lib/getServicePriceMapById";
+import React from "react";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
+import { SeatMap } from "../../../types/SeatMap";
+export interface SeatSelectionModalFooterProps {
+    currency: string;
+    selectedServices: CreateOrderPayloadServices;
+    servicePrices: ServicePriceMapById;
+    isFirstSegment: boolean;
+    isLastSegment: boolean;
+    onNextSegmentButtonClicked: () => void;
+    onPreviousSegmentButtonClicked: () => void;
+    onClose: () => void;
+    seatMaps: SeatMap[];
+}
+export declare const SeatSelectionModalFooter: React.FC<SeatSelectionModalFooterProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OfferSliceSegment } from "../../../types/Offer";
+export interface SeatSelectionModalHeaderProps {
+    segmentAndPassengerPermutationsCount: number;
+    currentSegment: OfferSliceSegment;
+    currentPassengerName: string;
+    currentSegmentAndPassengerPermutationsIndex: number;
+    setCurrentSegmentAndPassengerPermutationsIndex: (index: number) => void;
+}
+export declare const SeatSelectionModalHeader: React.FC<SeatSelectionModalHeaderProps>;

package/react-dist/components/DuffelAncillaries/seats/SeatUnavailable.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
+export declare const SeatUnavailable: React.FC<{
+    seat: SeatMapCabinRowSectionElementSeat;
+}>;

package/react-dist/components/DuffelPayments/DuffelPayments.d.ts

@@ -0,0 +1,11 @@
+import { StripeError } from "@stripe/stripe-js";
+import * as React from "react";
+import { CustomStyles } from "../../types";
+export interface DuffelPaymentsProps {
+    paymentIntentClientToken: string;
+    onSuccessfulPayment: () => void;
+    onFailedPayment: (error: StripeError) => void;
+    styles?: CustomStyles;
+    debug?: boolean;
+}
+export declare const DuffelPayments: React.FC<DuffelPaymentsProps>;

package/react-dist/components/DuffelPayments/DuffelPaymentsCustomElement.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DuffelPaymentsProps } from "./DuffelPayments";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "duffel-payments": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+type DuffelPaymentsCustomElementRenderArguments = Pick<DuffelPaymentsProps, "paymentIntentClientToken" | "styles">;
+export declare function renderDuffelPaymentsCustomElement(props: DuffelPaymentsCustomElementRenderArguments): void;
+export declare function onDuffelPaymentsSuccessfulPayment(onSuccessfulPayment: DuffelPaymentsProps["onSuccessfulPayment"]): void;
+export declare function onDuffelPaymentsFailedPayment(onFailedPayment: DuffelPaymentsProps["onFailedPayment"]): void;
+export {};

package/react-dist/components/shared/AnimatedLoaderEllipsis.d.ts

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

package/react-dist/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/react-dist/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/react-dist/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/react-dist/components/shared/Icon.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+export declare const ICON_MAP: {
+    add: 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;
+    autorenew: import("react/jsx-runtime").JSX.Element;
+    bassinet: import("react/jsx-runtime").JSX.Element;
+    cabin_bag: import("react/jsx-runtime").JSX.Element;
+    check: import("react/jsx-runtime").JSX.Element;
+    checked_bag: import("react/jsx-runtime").JSX.Element;
+    chevron: import("react/jsx-runtime").JSX.Element;
+    close: import("react/jsx-runtime").JSX.Element;
+    closet: 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;
+    flight_class: import("react/jsx-runtime").JSX.Element;
+    galley: import("react/jsx-runtime").JSX.Element;
+    lavatory: import("react/jsx-runtime").JSX.Element;
+    lie_flat_seat: 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;
+    north_east: 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;
+    stairs: 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;
+    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/react-dist/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/react-dist/components/shared/Modal.d.ts

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

package/react-dist/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/react-dist/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/react-dist/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/react-dist/custom-elements.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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 { onDuffelPaymentsFailedPayment, onDuffelPaymentsSuccessfulPayment, renderDuffelPaymentsCustomElement, } from "./components/DuffelPayments/DuffelPaymentsCustomElement";