@duffel/components 3.5.0--canary-5 → 3.5.0--canary-7

package/components/DuffelCardForm/DuffelCardForm.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
 import { DuffelCardFormProps } from "./lib/types";
-export declare const DuffelCardForm: React.FC<DuffelCardFormProps>;
+export declare const DuffelCardForm: React.ForwardRefExoticComponent<DuffelCardFormProps & React.RefAttributes<DuffelCardFormActions>>;

package/components/DuffelCardForm/lib/getIframeURL.d.ts

@@ -1,2 +1,2 @@
 import { DuffelCardFormProps } from "./types";
-export declare function getIframeURL(tokenProxyEnvironment: DuffelCardFormProps["tokenProxyEnvironment"], intent: DuffelCardFormProps["intent"], clientKey: DuffelCardFormProps["clientKey"], cardId: DuffelCardFormProps["cardId"]): URL;
+export declare function getIframeURL(tokenProxyEnvironment: DuffelCardFormProps["tokenProxyEnvironment"], intent: DuffelCardFormProps["intent"], clientKey: DuffelCardFormProps["clientKey"], savedCardData: DuffelCardFormProps["savedCardData"]): URL;

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

@@ -67,23 +67,14 @@ export interface DuffelCardFormProps {
      *    but not create an id for immediate, temporary use. For the use case of saving during checkout or save + use, use the `to-create-card-for-temporary-use` intent.
      */
     intent: DuffelCardFormIntent;
-    /**
-     * The actions you'd like the component to perform.
-     *
-     * This prop is a dependecy of a useEffect hook in the component
-     * and so when it's changed it will perform the action you specify.
-     *
-     * The `create-card-for-temporary-use` and `save-card` actions will only happen once `validate` has been successful.
-     *
-     * We recommend using the `useDuffelCardFormActions` hook for a simpler, more readable interface to manage the actions array.
-     *
-     */
-    actions: DuffelCardFormAction[];
     /**
      * Once a card is saved, in order to use it, travellers need to enter its cvv.
      * When using the `use-saved-card` intent, you must provide the card ID.
      */
-    cardId?: string;
+    savedCardData?: {
+        id: string;
+        brand: string;
+    };
     /**
      * This function will be called when the card form validation has been successful.
      */

package/components/DuffelCardForm/lib/useDuffelCardFormActions.d.ts

@@ -1,23 +1,24 @@
-import { DuffelCardFormProps } from "./types";
+import React from "react";
+export interface DuffelCardFormActions {
+    saveCard: () => void;
+    createCardForTemporaryUse: () => void;
+}
 export interface UseDuffelCardFormActionsHook {
     /**
-     * The actions array that should be passed to the `actions` prop of the `DuffelCardForm` component.
-     * You do not have have to modify this array directly, instead rely on `triggerSaveCard` and `triggerCreateCardForTemporaryUse` to update the array.
+     * The ref you should pass to the DuffelCardForm component.
      */
-    actions: DuffelCardFormProps["actions"];
+    ref: React.RefObject<DuffelCardFormActions>;
     /**
      *  Call this function to tell the component to save the card.
      */
-    triggerSaveCard: () => void;
+    saveCard: () => void;
     /**
      *  Call this function to tell the component to create a card for temporary use.
      */
-    triggerCreateCardForTemporaryUse: () => void;
+    createCardForTemporaryUse: () => void;
 }
 /**
- * This hook gives you convinient helpers to read and reason through the DuffelCardForm integration.
- * Add `actions` to the `DuffelCardForm` actions prop and call the functions to trigger the actions you'd like.
- *
- * In the background, this hook is setting the state on actions prop and the component's useEffect hook will trigger the action.
+ * This hook abstracts the ref for convinience and readability.
+ * Add `ref` to the `DuffelCardForm` `ref` prop and call the functions to trigger the actions you'd like.
  */
 export declare function useDuffelCardFormActions(): UseDuffelCardFormActionsHook;

package/components/DuffelNGSView/DuffelNGSView.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { OfferWithNGS } from "./lib";
+export interface DuffelNGSViewProps {
+    offers: OfferWithNGS[];
+}
+export declare const DuffelNGSView: React.FC<DuffelNGSViewProps>;

package/components/DuffelNGSView/NGSShelfInfoCard.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { NGSShelf } from "./lib";
+export interface NGSShelfInfoCardProps {
+    ngs_shelf: NGSShelf;
+}
+export declare const NGSShelfInfoCard: React.FC<NGSShelfInfoCardProps>;

package/components/DuffelNGSView/NGSSliceFareCard.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { OfferWithNGS } from "./lib";
+export interface NGSSliceFareCardProps {
+    offer: OfferWithNGS;
+    sliceIndex: number;
+    selected?: boolean;
+    onSelect?: () => void;
+    compareToAmount?: number;
+}
+export declare const NGSSliceFareCard: React.FC<NGSSliceFareCardProps>;

package/components/DuffelNGSView/lib/get-max-baggages-for-offer-slice.d.ts

@@ -0,0 +1,8 @@
+import { OfferAvailableServiceBaggageMetadata, OfferSlice, OfferSliceSegmentPassenger } from "@duffel/api/types";
+/**
+ * Returns the passenger baggages object with the largest quantity of baggages
+ * of a specified type for a slice. Baggage quantity can (very occasionally)
+ * vary across passengers  and segments in a slice, so the 'max' baggages can
+ * be used as the baseline for a slice.
+ */
+export declare const getMaxBaggagesForOfferSlice: (offerSlice: OfferSlice, type: OfferAvailableServiceBaggageMetadata["type"]) => OfferSliceSegmentPassenger["baggages"];

package/components/DuffelNGSView/lib/index.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="@duffel/api" />
+import { IconName } from "@components/shared/Icon";
+import { Offer, OfferSlice, OfferSliceSegment, OfferSliceSegmentPassenger } from "@duffel/api/types";
+export declare const NGS_SHELVES: readonly ["1", "2", "3", "4", "5", "6"];
+export type NGSShelf = (typeof NGS_SHELVES)[number];
+type SeatWithNGS = {
+    type: string;
+    flatness: string;
+};
+type CabinWithNGS = {
+    amenities: {
+        seat: SeatWithNGS;
+        power: {
+            available: boolean;
+        };
+        wifi: {
+            available: boolean;
+            cost: "free" | "paid" | "free or paid" | "n/a";
+        };
+    };
+    layout: {
+        type: string;
+    };
+};
+type OfferSliceSegmentPassengerWithNGS = OfferSliceSegmentPassenger & {
+    cabin: CabinWithNGS;
+    ticket_attributes: {
+        advanced_selection_available: boolean;
+    };
+};
+export type OfferSliceSegmentWithNGS = OfferSliceSegment & {
+    passengers: OfferSliceSegmentPassengerWithNGS[];
+};
+type OfferSliceWithNGS = OfferSlice & {
+    segments: OfferSliceSegmentWithNGS[];
+    ngs_shelf: NGSShelf;
+};
+export type OfferWithNGS = Offer & {
+    slices: OfferSliceWithNGS[];
+};
+type SeatType = "Standard seat" | "Extra legroom" | "Larger seat" | "Lie flat bed" | "Lie flat suite";
+type ShelfInfo = {
+    short_title: string;
+    full_title: string;
+    description: string;
+    seat: {
+        description: SeatType;
+        icon: IconName;
+    };
+    checked_bag: boolean;
+    seat_selection: boolean;
+    icon: IconName;
+};
+export declare const SEAT_ICONS_MAP: Record<SeatType, IconName>;
+export declare const NGS_SHELF_INFO: Record<NGSShelf, ShelfInfo>;
+export {};

package/components/shared/Icon.d.ts

@@ -3,6 +3,12 @@ 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;
+    airplane_ticket: import("react/jsx-runtime").JSX.Element;
     apartment: import("react/jsx-runtime").JSX.Element;
     arrow_forward: import("react/jsx-runtime").JSX.Element;
     arrow_left: import("react/jsx-runtime").JSX.Element;
@@ -14,8 +20,10 @@ export declare const ICON_MAP: {
     bedroom_parent: import("react/jsx-runtime").JSX.Element;
     brunch_dining: import("react/jsx-runtime").JSX.Element;
     cabin_bag: 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_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;
@@ -23,6 +31,7 @@ export declare const ICON_MAP: {
     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;
@@ -40,6 +49,7 @@ export declare const ICON_MAP: {
     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;
@@ -55,6 +65,7 @@ export declare const ICON_MAP: {
     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;
+    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;

package/components/shared/RadioButton.d.ts

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