@duffel/components 3.7.22 → 3.7.24

package/components/DuffelAncillaries/DuffelAncillariesCustomElement.d.ts

@@ -0,0 +1,12 @@
+import { DuffelAncillariesPropsWithClientKeyAndOfferId, DuffelAncillariesPropsWithOfferIdForFixture, DuffelAncillariesPropsWithOffersAndSeatMaps, DuffelAncillariesPropWithOfferAndClientKey, OnPayloadReady } from "../../types/DuffelAncillariesProps";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "duffel-ancillaries": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+type DuffelAncillariesCustomElementRenderArguments = Omit<DuffelAncillariesPropsWithOfferIdForFixture, "onPayloadReady"> | Omit<DuffelAncillariesPropsWithClientKeyAndOfferId, "onPayloadReady"> | Omit<DuffelAncillariesPropWithOfferAndClientKey, "onPayloadReady"> | Omit<DuffelAncillariesPropsWithOffersAndSeatMaps, "onPayloadReady">;
+export declare function renderDuffelAncillariesCustomElement(props: DuffelAncillariesCustomElementRenderArguments): void;
+export declare function onDuffelAncillariesPayloadReady(onPayloadReady: OnPayloadReady): void;
+export {};

package/components/DuffelAncillaries/bags/BaggageSelectionCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrder, CreateOrderService, Offer } from "@duffel/api/types";
 import React from "react";
 import { WithBaggageServiceInformation } from "src/types";

package/components/DuffelAncillaries/bags/BaggageSelectionController.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, OfferAvailableServiceBaggage } from "@duffel/api/types";
 import React from "react";
 import { WithBaggageServiceInformation } from "src/types";

package/components/DuffelAncillaries/bags/BaggageSelectionModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrder, CreateOrderService, Offer } from "@duffel/api/types";
 import React from "react";
 import { WithBaggageServiceInformation } from "src/types";

package/components/DuffelAncillaries/bags/BaggageSelectionModalBody.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import React from "react";
 import { CreateOrderPassenger, CreateOrderService, Offer, OfferSliceSegment } from "@duffel/api/types";
 import { WithBaggageServiceInformation } from "src/types";

package/components/DuffelAncillaries/bags/BaggageSelectionModalBodyPassenger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, OfferAvailableServiceBaggage, OfferSliceSegmentPassengerBaggage } from "@duffel/api/types";
 import React from "react";
 import { WithBaggageServiceInformation } from "src/types";

package/components/DuffelAncillaries/bags/BaggageSelectionModalFooter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrder } from "@duffel/api/types";
 import { ServicePriceMapById } from "@lib/getServicePriceMapById";
 import React from "react";

package/components/DuffelAncillaries/bags/BaggageSelectionModalHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferSliceSegment } from "@duffel/api/types";
 import React from "react";
 export interface BaggageSelectionModalHeaderProps {

package/components/DuffelAncillaries/bags/IncludedBaggageBanner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferSliceSegmentPassengerBaggage } from "@duffel/api/types";
 import React from "react";
 interface IncludedBaggageBannerProps {

package/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, Offer } from "@duffel/api/types";
 import React from "react";
 import { WithServiceInformation } from "src/types";

package/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, Offer, OfferAvailableServiceCFAR } from "@duffel/api/types";
 import React from "react";
 import { WithServiceInformation } from "src/types";

package/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalBody.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import React from "react";
 import { Offer, OfferAvailableServiceCFAR } from "@duffel/api/types";
 export interface CfarSelectionModalBodyProps {

package/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalFooter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, OfferAvailableServiceCFAR } from "@duffel/api/types";
 import React from "react";
 import { WithServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/Amenity.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { SeatMapCabinRowSectionElementAmenity } from "@duffel/api/types";
 import * as React from "react";
 export interface AmenityProps {

package/components/DuffelAncillaries/seats/Element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, SeatMapCabinRowSectionElement } from "@duffel/api/types";
 import * as React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/Legend.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { SeatMapCabinRowSectionElementAmenity } from "@duffel/api/types";
 import * as React from "react";
 export interface LegendProps {

package/components/DuffelAncillaries/seats/Row.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, SeatMapCabinRow } from "@duffel/api/types";
 import * as React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/RowSection.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, SeatMapCabinRow, SeatMapCabinRowSection } from "@duffel/api/types";
 import * as React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/SeatElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, SeatMapCabinRowSectionElementSeat } from "@duffel/api/types";
 import * as React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/SeatInfo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { SeatMapCabinRowSectionAvailableService, SeatMapCabinRowSectionElementSeat } from "@duffel/api/types";
 import * as React from "react";
 export interface SeatInfoProps {

package/components/DuffelAncillaries/seats/SeatMap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrderService, SeatMap as SeatMapType } from "@duffel/api/types";
 import * as React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/SeatSelectionCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrder, CreateOrderService, Offer, SeatMap } from "@duffel/api/types";
 import React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/SeatSelectionModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { CreateOrder, CreateOrderService, Offer, SeatMap } from "@duffel/api/types";
 import React from "react";
 import { WithSeatServiceInformation } from "src/types";

package/components/DuffelAncillaries/seats/SeatSelectionModalFooter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { ServicePriceMapById } from "@lib/getServicePriceMapById";
 import React from "react";
 import { CreateOrder, SeatMap } from "@duffel/api/types";

package/components/DuffelAncillaries/seats/SeatSelectionModalHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferSliceSegment } from "@duffel/api/types";
 import React from "react";
 export interface SeatSelectionModalHeaderProps {

package/components/DuffelAncillaries/seats/SeatUnavailable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { SeatMapCabinRowSectionElementSeat } from "@duffel/api/types";
 import * as React from "react";
 export declare const SeatUnavailable: React.FC<{

package/components/DuffelCardForm/DuffelCardForm.d.ts

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

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

@@ -0,0 +1 @@
+export declare function postMessageToCreateCardForTemporaryUse(iFrameReference: React.RefObject<HTMLIFrameElement>, baseUrl: URL): void;

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

@@ -0,0 +1 @@
+export declare function postMessageToSaveCard(iFrameReference: React.RefObject<HTMLIFrameElement>, baseUrl: URL): void;

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

@@ -0,0 +1,2 @@
+import { DuffelCardFormStyles } from "./types";
+export declare function postMessageWithStyles(iFrameReference: React.RefObject<HTMLIFrameElement>, baseUrl: URL, styles: DuffelCardFormStyles | undefined): void;

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

@@ -1,7 +1,21 @@
 interface CommonCardData {
+    /**
+     * Duffel's unique identifier for the resource
+     */
     id: string;
+    /**
+     * Whether the card was created in live mode. This field will be set to true
+     * if the card was created in live mode, or false if it was created in test mode.
+     */
+    live_mode: boolean;
+    /**
+     * Last 4 digits of the card number.
+     */
     last_4_digits: string;
-    live_mode: false;
+    /**
+     * Card brand name.
+     */
+    brand: "visa" | "mastercard" | "uatp" | "american_express" | "diners_club" | "jcb" | "discover";
 }
 interface CardActionError {
     status: number;
@@ -12,11 +26,16 @@ export interface SecurityPolicyViolationData {
 }
 export interface CreateCardForTemporaryUseData extends CommonCardData {
     saved: false;
-    /** The card will no longer be available for use after this time. */
+    /**
+     * The ISO 8601 datetime at which the card will be automatically deleted.
+     */
     unavailable_at: string;
 }
 export interface SaveCardData extends CommonCardData {
     saved: true;
+    /**
+     * The ISO 8601 datetime at which the card will be automatically deleted.
+     */
     unavailable_at: null;
 }
 export interface SaveCardError extends CardActionError {
@@ -67,10 +86,11 @@ export interface DuffelCardFormProps {
      * The card intent defines what the form is meant to look like.
      * It can be one of:
      *
-     * - `to-create-card-for-temporary-use`: The full form will be shown. You may also use this intent for the use case of using and saving the card.
-     * - `to-use-saved-card`: When using this intent also provide the saved card ID. Only a cvv field will be rendered.
-     * - `to-save-card`: The form will be shown without the cvv field. This only allows you to save a card for future use,
-     *    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.
+     * - `to-create-card-for-temporary-use`: The full form will be shown. You may also use this intent for the use case of saving and using the card.
+     * - `to-use-saved-card`: Only a CVC field will be shown. When using this intent a saved card ID is required.
+     * - `to-save-card`: The form will be shown without the CVC field. This only allows you to save a card for future use,
+     *    but not create an ID for immediate, temporary use. For the use case of saving and using during checkout, use the `to-create-card-for-temporary-use` intent.
+    
      */
     intent: DuffelCardFormIntent;
     /**

package/components/DuffelNGSView/DuffelNGSView.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest } from "@duffel/api/types";
 import * as React from "react";
 import { NGSOfferRow } from "./lib/group-offers-for-ngs-view";
 export declare function useSort(): {
-    sortOption: any;
-    setSortOption: any;
+    sortOption: "duration-asc" | "duration-desc" | "1-asc" | "1-desc" | "2-asc" | "2-desc" | "3-asc" | "3-desc" | "4-asc" | "4-desc" | "5-asc" | "5-desc" | "recommended";
+    setSortOption: React.Dispatch<React.SetStateAction<"duration-asc" | "duration-desc" | "1-asc" | "1-desc" | "2-asc" | "2-desc" | "3-asc" | "3-desc" | "4-asc" | "4-desc" | "5-asc" | "5-desc" | "recommended">>;
     sortingFunction: (rows: NGSOfferRow[]) => NGSOfferRow[];
 };
 export interface DuffelNGSViewProps {

package/components/DuffelNGSView/FilterControls.d.ts

@@ -0,0 +1,13 @@
+import { Filters } from "./lib/filter-results";
+interface FilterControlsProps {
+    selectedOwner?: string;
+    airlines: Filters["airlines"];
+    airlinesFilter: Filters["airlines"];
+    setAirlinesFilter: (airlines: Filters["airlines"]) => void;
+    timesFilter: Filters["times"];
+    setTimesFilter: (times: Filters["times"]) => void;
+    stopsFilter: Filters["stops"];
+    setStopsFilter: (stops: Filters["stops"]) => void;
+}
+export declare const FilterControls: React.FC<FilterControlsProps>;
+export {};

package/components/DuffelNGSView/NGSSliceFareCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { Offer } from "@duffel/api/types";
 import * as React from "react";
 export interface NGSSliceFareCardProps {

package/components/DuffelNGSView/NGSTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import * as React from "react";
 import { NGSShelf } from "./lib";
 import { NGSOfferRow } from "./lib/group-offers-for-ngs-view";

package/components/DuffelNGSView/SliceSummary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferSlice } from "@duffel/api/types";
 import React from "react";
 export interface SliceSummaryProps {

package/components/DuffelNGSView/lib/deduplicate-mapped-offers-by-fare-brand.d.ts

@@ -1,6 +1,7 @@
-import { Offer } from "@duffel/api/types";
+/// <reference types="@duffel/api" />
+import { Offer, OfferRequest } from "@duffel/api/types";
 import { NGSOfferRow } from "./group-offers-for-ngs-view";
 export declare const deduplicateMappedOffersByFareBrand: (offersMap: Record<string, NGSOfferRow>) => Record<string, NGSOfferRow>;
 export declare const getFareBrandNameForOffer: (offer: Omit<Offer, "available_services">, sliceIndex?: number) => string;
-export declare const getCheapestOffer: (offers: OfferRequest) => any;
-export declare const groupByFareBrandName: (offers: OfferRequest) => OfferRequest[];
+export declare const getCheapestOffer: (offers: OfferRequest["offers"]) => Omit<Offer, "available_services">;
+export declare const groupByFareBrandName: (offers: OfferRequest["offers"]) => Omit<Offer, "available_services">[][];

package/components/DuffelNGSView/lib/does-slice-have-mixed-cabins.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest, OfferSlice } from "@duffel/api/types";
 export declare function doesSliceHaveMixedCabins(slice: OfferSlice): boolean;
-export declare function doOffersHaveMixedCabin(offer: OfferRequest["offers"] | null, sliceIndex?: number): any;
+export declare function doOffersHaveMixedCabin(offer: OfferRequest["offers"] | null, sliceIndex?: number): boolean;

package/components/DuffelNGSView/lib/filter-results.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { NGSTableProps } from "../NGSTable";
 export interface Filters {
     airlines: Array<{
@@ -10,4 +11,4 @@ export interface Filters {
         arrival: [number, number];
     };
 }
-export declare function filterResults(offers: NGSTableProps["offers"], currentSliceIndex: number, filters: Filters): any;
+export declare function filterResults(offers: NGSTableProps["offers"], currentSliceIndex: number, filters: Filters): Omit<import("@duffel/api/types").Offer, "available_services">[];

package/components/DuffelNGSView/lib/get-initial-filter-values.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest } from "@duffel/api/booking/OfferRequests/OfferRequestsTypes";
 import { Filters } from "./filter-results";
 export declare function getInitialFilterValues(offerRequest: OfferRequest): Filters;

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

@@ -1,7 +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) => OfferSliceSegmentPassenger;
+export declare const getMaxBaggagesForOfferSlice: (offerSlice: OfferSlice, type: OfferAvailableServiceBaggageMetadata["type"]) => OfferSliceSegmentPassenger["baggages"];

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

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest } from "@duffel/api/types";
 import { Filters } from "./filter-results";
 export declare function getAirlines(offerRequest: OfferRequest): Filters["airlines"];

package/components/DuffelNGSView/lib/group-offers-for-ngs-view.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest, OfferSlice } from "@duffel/api/types";
 import { NGSShelf } from ".";
 export type NGSOfferRow = Record<"slice", OfferSlice> & Record<NGSShelf, OfferRequest["offers"] | null>;
 export declare const getNGSSliceKey: (slice: OfferSlice, ownerId: string | null, includeFareBrand?: boolean) => string;
-export declare const groupOffersForNGSView: (offers: OfferRequest, sliceIndex: number, previousSliceKeys: string[]) => NGSOfferRow[];
+export declare const groupOffersForNGSView: (offers: OfferRequest["offers"], sliceIndex: number, previousSliceKeys: string[]) => NGSOfferRow[];

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

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { IconName } from "@components/shared/Icon";
 import { OfferSlice, SeatType } from "@duffel/api/types";
 export declare const NGS_SHELVES: readonly [1, 2, 3, 4, 5];

package/components/DuffelNGSView/lib/sort-ngs-rows-by-shelf-price.d.ts

@@ -1,5 +1,6 @@
 import { OfferRequest } from "@duffel/api/types";
+import { NGSShelf } from ".";
 import { NGSOfferRow } from "./group-offers-for-ngs-view";
 export type SortDirection = "asc" | "desc";
 export declare const getCheapestOfferAmount: (offers: OfferRequest["offers"] | null) => number | null;
-export declare const sortNGSRowsByShelfPrice: (rows: NGSOfferRow[], sortShelf: OfferSlice, sortDirection: SortDirection) => NGSOfferRow[];
+export declare const sortNGSRowsByShelfPrice: (rows: NGSOfferRow[], sortShelf: NGSShelf, sortDirection: SortDirection) => NGSOfferRow[];

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

@@ -1,15 +1,28 @@
+/// <reference types="@duffel/api" />
 import { OfferRequest } from "@duffel/api/types";
 export declare function useFilters(offerRequest: OfferRequest, selectedSliceKeys: string[]): {
     airlinesFilterOptions: {
         iata_code: string;
         name: string;
     }[];
-    airlinesFilter: any;
-    timesFilter: any;
-    stopsFilter: any;
-    setAirlinesFilter: any;
-    setTimesFilter: any;
-    setStopsFilter: any;
+    airlinesFilter: {
+        iata_code: string;
+        name: string;
+    }[];
+    timesFilter: {
+        departure: [number, number];
+        arrival: [number, number];
+    };
+    stopsFilter: "direct-only" | "1-stop-at-most" | "2-stops-at-most" | "any";
+    setAirlinesFilter: import("react").Dispatch<import("react").SetStateAction<{
+        iata_code: string;
+        name: string;
+    }[]>>;
+    setTimesFilter: import("react").Dispatch<import("react").SetStateAction<{
+        departure: [number, number];
+        arrival: [number, number];
+    }>>;
+    setStopsFilter: import("react").Dispatch<import("react").SetStateAction<"direct-only" | "1-stop-at-most" | "2-stops-at-most" | "any">>;
     clearFilters: () => void;
-    filteredOffers: any;
+    filteredOffers: Omit<import("@duffel/api/types").Offer, "available_services">[];
 };

package/components/DuffelPayments/DuffelPaymentsCustomElement.d.ts

@@ -0,0 +1,13 @@
+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/components/MapboxPlacesLookup/MapboxPlacesLookupCustomElement.d.ts

@@ -0,0 +1,13 @@
+import { MapboxPlacesLookupProps } from "./MapboxPlacesLookup";
+declare const CUSTOM_ELEMENT_TAG = "duffel-mapbox-places-lookup";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [CUSTOM_ELEMENT_TAG]: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+type MapboxPlacesLookupCustomElementRenderArguments = Pick<MapboxPlacesLookupProps, "mapboxPublicKey" | "placeholder" | "inputClassName">;
+export declare function renderMapboxPlacesLookupCustomElement(props: MapboxPlacesLookupCustomElementRenderArguments): void;
+export declare function onMapboxPlacesLookupPlaceSelected(onPlaceSelected: MapboxPlacesLookupProps["onPlaceSelected"]): void;
+export {};

package/components/OfferSlice/OfferSlice.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import { OfferSlice as OfferSliceType } from "@duffel/api/types";
 import React from "react";
 export interface OfferSliceProps {

package/components/OfferSlice/OfferSliceConditions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="@duffel/api" />
+import { OfferSlice } from "@duffel/api/types";
+interface OfferSliceConditionsProps {
+    slice: OfferSlice;
+}
+export declare const OfferSliceConditions: React.FC<OfferSliceConditionsProps>;
+export {};

package/components/OfferSlice/OfferSliceDetailTravelItem.d.ts

@@ -0,0 +1,9 @@
+import { SliceDetailItemChangeStatus, TravelDetails } from "src/types/TravelDetails";
+export interface SliceDetailsTravelItemProps {
+    changeStatus?: SliceDetailItemChangeStatus;
+    travelDetails: TravelDetails<"offer" | "order">;
+    highlightAll?: boolean;
+    keysToHighlight?: string[];
+}
+export declare const getTerminalString: (terminal?: string | null) => string;
+export declare const OfferSliceDetailTravelItem: React.FC<SliceDetailsTravelItemProps>;

package/components/OfferSlice/lib/getHighlightStyles.d.ts

@@ -1,6 +1,6 @@
 import { Color } from "@lib/colors";
 export declare const getHighlightStyles: (highlightAll: boolean, key?: string, keysToHighlight?: string[], highlightColor?: Color) => {
-    className?: any;
+    className?: string | undefined;
     style?: {
         backgroundColor: string;
     } | undefined;

package/components/OfferSliceModal/OfferSliceModal.d.ts

@@ -0,0 +1,7 @@
+import { OfferSliceProps } from "@components/OfferSlice/OfferSlice";
+import { ModalProps } from "@components/shared/Modal";
+interface OfferSliceModalProps extends Pick<ModalProps, "isOpen" | "onClose"> {
+    slice: OfferSliceProps["slice"];
+}
+export declare const OfferSliceModal: React.FC<OfferSliceModalProps>;
+export {};

package/components/Stays/StaysAmenities.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="@duffel/api" />
 import * as React from "react";
 import { IconName } from "@components/shared/Icon";
-import { StaysAccommodation } from "@duffel/api/types";
-export declare const amenityIcon: (type: StaysAmenity) => IconName;
+import { StaysAccommodation, StaysAmenity } from "@duffel/api/types";
+export declare const amenityIcon: (type: StaysAmenity["type"]) => IconName;
 export interface StaysAmenitiesProps {
     amenities: StaysAccommodation["amenities"];
 }

package/components/Stays/StaysAmenitiesCustomElement.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="@duffel/api" />
 import * as React from "react";
 import { StaysRoomRate } from "@duffel/api/types";
 export interface 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

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

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

@@ -1,4 +1,5 @@
 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;
@@ -24,5 +25,5 @@ export declare const SOURCE_NAME_MAP: {
     travelport: string;
     duffel_hotel_group: string;
 };
-export declare const getBoardTypeLabel: (boardType: StaysRoomRate) => any;
-export declare const boardTypeIcon: (boardType: StaysRoomRate) => IconName;
+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/ErrorBoundary.d.ts

@@ -9,5 +9,5 @@ export declare class ErrorBoundary extends React.Component<{
         hasError: boolean;
     };
     componentDidCatch(error: Error): void;
-    render(): any;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }