@duffel/components 3.5.0--canary-6 → 3.5.0--canary-8

package/README.md

@@ -125,7 +125,7 @@ If you are not in a node environment and can't rely on npm to install the packag
      document.querySelector("duffel-ancillaries");
 
    duffelAncillariesElement.addEventListener("onPayloadReady", (event) =>
-     console.log("onPayloadReady\n", event.detail)
+     console.log("onPayloadReady\n", event.detail),
    );
    ```
 

package/components/DuffelCardForm/DuffelCardForm.d.ts

@@ -1,8 +1,4 @@
 import * as React from "react";
 import { DuffelCardFormProps } from "./lib/types";
-type DuffelCardFormActions = {
-    saveCard: () => void;
-    createCardForTemporaryUse: () => void;
-};
+import { DuffelCardFormActions } from "./lib/useDuffelCardFormActions";
 export declare const DuffelCardForm: React.ForwardRefExoticComponent<DuffelCardFormProps & React.RefAttributes<DuffelCardFormActions>>;
-export {};

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 convenience 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

@@ -2,5 +2,7 @@ import * as React from "react";
 import { OfferWithNGS } from "./lib";
 export interface DuffelNGSViewProps {
     offers: OfferWithNGS[];
+    sliceIndex: number;
+    onSelect: (offerId: string) => void;
 }
 export declare const DuffelNGSView: React.FC<DuffelNGSViewProps>;

package/components/DuffelNGSView/NGSShelfInfoCard.d.ts

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

package/components/DuffelNGSView/NGSSliceFareCard.d.ts

@@ -6,5 +6,6 @@ export interface NGSSliceFareCardProps {
     selected?: boolean;
     onSelect?: () => void;
     compareToAmount?: number;
+    className?: string;
 }
 export declare const NGSSliceFareCard: React.FC<NGSSliceFareCardProps>;

package/components/DuffelNGSView/SliceSummary.d.ts

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

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

@@ -0,0 +1,3 @@
+import { NGSShelf, OfferSliceWithNGS, OfferWithNGS } from ".";
+export type NGSOfferRow = Record<"slice", OfferSliceWithNGS> & Record<NGSShelf, OfferWithNGS | null>;
+export declare const groupOffersForNGSView: (offers: OfferWithNGS[], sliceIndex: number) => NGSOfferRow[];

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

@@ -1,7 +1,7 @@
 /// <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 declare const NGS_SHELVES: readonly ["1", "2", "3", "4", "5"];
 export type NGSShelf = (typeof NGS_SHELVES)[number];
 type SeatWithNGS = {
     type: string;
@@ -31,7 +31,7 @@ type OfferSliceSegmentPassengerWithNGS = OfferSliceSegmentPassenger & {
 export type OfferSliceSegmentWithNGS = OfferSliceSegment & {
     passengers: OfferSliceSegmentPassengerWithNGS[];
 };
-type OfferSliceWithNGS = OfferSlice & {
+export type OfferSliceWithNGS = OfferSlice & {
     segments: OfferSliceSegmentWithNGS[];
     ngs_shelf: NGSShelf;
 };

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

@@ -0,0 +1,4 @@
+import { NGSShelf } from ".";
+import { NGSOfferRow } from "./group-offers-for-ngs-view";
+export type SortDirection = "asc" | "desc";
+export declare const sortNGSRows: (rows: NGSOfferRow[], sortShelf: NGSShelf, sortDirection: SortDirection) => NGSOfferRow[];

package/components/shared/Icon.d.ts

@@ -10,9 +10,11 @@ export declare const ICON_MAP: {
     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_downward: 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;
@@ -69,6 +71,7 @@ export declare const ICON_MAP: {
     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;

package/components/shared/SliceCarriersTitle.d.ts

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