@duffel/components 3.3.0 → 3.3.1--canary.1

package/components/Stays/StaysAmenities.d.ts

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

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,11 @@
+import { StaysRatingProps } from "./StaysRating";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "duffel-stays-rating": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+type DuffelStaysRatingCustomElementRenderArguments = StaysRatingProps;
+export declare function renderDuffelStaysRatingCustomElement(props: DuffelStaysRatingCustomElementRenderArguments): void;
+export {};

package/components/Stays/StaysRoomRateCard.d.ts

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

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/lib/types.d.ts

@@ -0,0 +1,22 @@
+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 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/HSpace.d.ts

@@ -8,7 +8,21 @@ export interface HSpaceProps extends DivProps {
     /**
      * The vertical spacing between each child element
      */
-    space: 0 | 4 | 8 | 16;
+    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

@@ -1,35 +1,64 @@
+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;
     apartment: 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;
+    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;
     check: import("react/jsx-runtime").JSX.Element;
+    check_circle: 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;
+    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_class: 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;
+    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;
+    spa: import("react/jsx-runtime").JSX.Element;
     stairs: import("react/jsx-runtime").JSX.Element;
+    star: 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;
 };
@@ -37,6 +66,7 @@ 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;

package/components/shared/RadioButton.d.ts

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

package/components/shared/VSpace.d.ts

@@ -8,7 +8,7 @@ export interface VSpaceProps extends DivProps {
     /**
      * The vertical spacing between each child element
      */
-    space: 0 | 4 | 8 | 16;
+    space: 0 | 4 | 8 | 12 | 16 | 24;
 }
 export declare const VSpace: React.FC<VSpaceProps>;
 export {};

package/custom-elements.d.ts

@@ -4,3 +4,4 @@
  */
 export { onDuffelAncillariesPayloadReady, renderDuffelAncillariesCustomElement, } from "./components/DuffelAncillaries/DuffelAncillariesCustomElement";
 export { onDuffelPaymentsFailedPayment, onDuffelPaymentsSuccessfulPayment, renderDuffelPaymentsCustomElement, } from "./components/DuffelPayments/DuffelPaymentsCustomElement";
+export { renderDuffelStaysRatingCustomElement } from "./components/Stays/StaysRatingCustomElement";