@duffel/components 3.16.1 → 3.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duffel/components",
-  "version": "3.16.1",
+  "version": "3.17.0",
   "description": "Component library to build your travel product with Duffel.",
   "keywords": [
     "Duffel",
@@ -48,10 +48,12 @@
   },
   "resolutions": {
     "@babel/traverse": "7.29.0",
-    "semver": "7.5.4"
+    "esbuild": "0.28.1",
+    "semver": "7.5.4",
+    "uuid": "11.1.1"
   },
   "dependencies": {
-    "@duffel/api": "4.25.0",
+    "@duffel/api": "4.27.1",
     "@sentry/browser": "7.119.2",
     "@stripe/react-stripe-js": "2.1.0",
     "@stripe/stripe-js": "1.54.2",
@@ -59,7 +61,7 @@
     "date-fns": "4.1.0",
     "date-fns-tz": "3.2.0",
     "duration-fns": "3.0.2",
-    "form-data": "4.0.5",
+    "form-data": "4.0.6",
     "fuse.js": "6.6.2",
     "lodash": "4.18.1",
     "rc-slider": "10.6.2"
@@ -70,24 +72,24 @@
   },
   "devDependencies": {
     "@aashutoshrathi/word-wrap": "1.2.6",
-    "@babel/core": "7.29.0",
+    "@babel/core": "7.29.7",
     "@babel/preset-env": "7.29.5",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@chromatic-com/storybook": "1.9.0",
     "@sentry/cli": "2.58.5",
     "@sentry/esbuild-plugin": "0.7.2",
-    "@storybook/addon-essentials": "8.3.5",
-    "@storybook/addon-interactions": "8.3.5",
-    "@storybook/addon-links": "8.3.5",
+    "@storybook/addon-essentials": "8.6.17",
+    "@storybook/addon-interactions": "8.6.17",
+    "@storybook/addon-links": "8.6.17",
     "@storybook/addon-webpack5-compiler-swc": "1.0.6",
-    "@storybook/blocks": "8.3.5",
-    "@storybook/react": "8.3.5",
-    "@storybook/react-webpack5": "8.3.5",
-    "@storybook/test": "8.3.5",
-    "@storybook/types": "8.3.5",
+    "@storybook/blocks": "8.6.17",
+    "@storybook/react": "8.6.17",
+    "@storybook/react-webpack5": "8.6.17",
+    "@storybook/test": "8.6.17",
+    "@storybook/types": "8.6.17",
     "@testing-library/react": "14.3.1",
-    "@types/jest": "29.5.14",
+    "@types/jest": "30.0.0",
     "@types/lodash": "4.17.24",
     "@types/node": "18.19.130",
     "@types/prompts": "2.4.9",
@@ -95,10 +97,10 @@
     "@types/react-dom": "18.2.14",
     "@typescript-eslint/eslint-plugin": "6.9.1",
     "@typescript-eslint/parser": "6.9.1",
-    "babel-jest": "29.7.0",
+    "babel-jest": "30.4.1",
     "concurrently": "8.2.2",
     "dotenv": "16.4.5",
-    "esbuild": "0.25.12",
+    "esbuild": "0.28.1",
     "esbuild-copy-static-files": "0.1.0",
     "eslint": "8.52.0",
     "eslint-config-prettier": "9.0.0",
@@ -108,16 +110,16 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.9.0",
     "http-server": "14.1.1",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
+    "jest": "30.4.2",
+    "jest-environment-jsdom": "30.4.1",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
     "prompts": "2.4.2",
     "prop-types": "15.8.1",
-    "puppeteer": "22.15.0",
+    "puppeteer": "24.43.1",
     "react": "19.2.5",
     "react-dom": "19.2.5",
-    "storybook": "8.3.5",
+    "storybook": "8.6.17",
     "ts-node": "10.9.2",
     "tsconfig-paths-webpack-plugin": "4.0.1",
     "typescript": "5.2.2"

package/stories/AirlineLogo.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const FullList: React.FC;

package/stories/AirlineSelector.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/stories/BaggageSelectionModalHeader.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import { BaggageSelectionModalHeader } from "../components/DuffelAncillaries/bags/BaggageSelectionModalHeader";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type Story = StoryObj<typeof BaggageSelectionModalHeader>;
 export declare const FirstStory: Story;

package/stories/Button.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryFn, StoryObj } from "@storybook/react";
 import { Button, ButtonProps } from "../components/shared/Button";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type ButtonStory = StoryObj<typeof Button>;
 export declare const Default: ButtonStory;

package/stories/DuffelAncillaries.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryFn, StoryObj } from "@storybook/react";
 import { DuffelAncillaries } from "../components/DuffelAncillaries/DuffelAncillaries";
 import { DuffelAncillariesPropsWithOffersAndSeatMaps } from "../types/DuffelAncillariesProps";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type DuffelAncillariesStory = StoryObj<typeof DuffelAncillaries>;
 export declare const AllServices: DuffelAncillariesStory;

package/stories/DuffelCardForm.stories.d.ts

@@ -1,6 +1,6 @@
 import { DuffelCardForm } from "@components/DuffelCardForm/DuffelCardForm";
 import type { StoryObj } from "@storybook/react";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type DuffelCardFormStory = StoryObj<typeof DuffelCardForm>;
 export declare const Default: DuffelCardFormStory;

package/stories/DuffelNGSView.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryFn } from "@storybook/react";
 import { DuffelNGSViewProps } from "../components/DuffelNGSView/DuffelNGSView";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: StoryFn<DuffelNGSViewProps>;
 export declare const Deduplicated: StoryFn<DuffelNGSViewProps>;

package/stories/DuffelPayments.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import { DuffelPayments } from "../components/DuffelPayments/DuffelPayments";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type DuffelPaymentsStory = StoryObj<typeof DuffelPayments>;
 export declare const Default: DuffelPaymentsStory;

package/stories/Icon.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const FullList: React.FC;

package/stories/IconButton.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import { IconButton } from "../components/shared/IconButton";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type IconButtonStory = StoryObj<typeof IconButton>;
 export declare const Default: IconButtonStory;

package/stories/MapboxPlacesLookup.stories.d.ts

@@ -1,5 +1,5 @@
 import "../styles/components/PlacesLookup.css";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;
 export declare const WithStyles: React.FC;

package/stories/NGSShelfInfoCard.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const FullList: React.FC;

package/stories/NGSSliceFareCard.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const FullList: React.FC;

package/stories/OfferSlice.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;
 export declare const WithStop: React.FC;

package/stories/OfferSliceModal.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;
 export declare const WithStop: React.FC;

package/stories/PlacesLookup.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;

package/stories/SeatMap.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;
 export declare const Qantas: React.FC;

package/stories/SliceCarriersTitle.stories.d.ts

@@ -1,6 +1,6 @@
 import { SliceCarriersTitle } from "@components/shared/SliceCarriersTitle";
 import { StoryObj } from "@storybook/react";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 type SliceCarriersTitleStory = StoryObj<typeof SliceCarriersTitle>;
 export declare const OneSegmentWithSameOperatingCarrier: SliceCarriersTitleStory;

package/stories/SliceSummary.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: React.FC;
 export declare const WithStop: React.FC;

package/stories/StaysAmenities.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="@duffel/api" />
 import { StaysAmenitiesProps } from "@components/Stays/StaysAmenities";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysAmenitiesProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysAmenitiesProps>;
     args: {
         amenities: import("@duffel/api/types").StaysAmenity[] | null;
     };

package/stories/StaysCancellationTimeline.stories.d.ts

@@ -1,8 +1,8 @@
 import { StaysCancellationTimelineProps } from "../components/Stays/StaysCancellationTimeline/StaysCancellationTimeline";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const FullAndPartialRefundable: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -15,7 +15,7 @@ export declare const FullAndPartialRefundable: {
     };
 };
 export declare const FullAndPartialRefundableWithCheckInTime: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -29,7 +29,7 @@ export declare const FullAndPartialRefundableWithCheckInTime: {
     };
 };
 export declare const FullRefundableOnly: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -42,14 +42,14 @@ export declare const FullRefundableOnly: {
     };
 };
 export declare const NotRefundable: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: never[];
         bookingDate: string;
     };
 };
 export declare const PartialRefundableDeposit: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -63,7 +63,7 @@ export declare const PartialRefundableDeposit: {
     };
 };
 export declare const FullRefundableOnlyDeposit: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -77,7 +77,7 @@ export declare const FullRefundableOnlyDeposit: {
     };
 };
 export declare const NotRefundableDeposit: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: never[];
         bookingDate: string;
@@ -85,7 +85,7 @@ export declare const NotRefundableDeposit: {
     };
 };
 export declare const PartialRefundableGuarantee: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -99,7 +99,7 @@ export declare const PartialRefundableGuarantee: {
     };
 };
 export declare const FullRefundableOnlyGuarantee: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: {
             refund_amount: string;
@@ -113,7 +113,7 @@ export declare const FullRefundableOnlyGuarantee: {
     };
 };
 export declare const NotRefundableGuarantee: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysCancellationTimelineProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysCancellationTimelineProps>;
     args: {
         cancellationTimeline: never[];
         bookingDate: string;

package/stories/StaysRating.stories.d.ts

@@ -1,14 +1,14 @@
 import { StaysRatingProps } from "@components/Stays/StaysRating";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysRatingProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysRatingProps>;
     args: {
         rating: number;
     };
 };
 export declare const Small: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysRatingProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysRatingProps>;
     args: {
         rating: number;
         small: boolean;

package/stories/StaysRoomRateCard.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="@duffel/api" />
 import { StaysRoomRateCardProps } from "@components/Stays/StaysRoomRateCard";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const RateWithMinimalInformation: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -14,7 +14,7 @@ export declare const RateWithMinimalInformation: {
     };
 };
 export declare const PayLaterRate: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -57,7 +57,7 @@ export declare const PayLaterRate: {
     };
 };
 export declare const RateWithCompleteInformation: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -69,7 +69,7 @@ export declare const RateWithCompleteInformation: {
     };
 };
 export declare const RatesCrossComparison: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -115,7 +115,7 @@ export declare const RatesCrossComparison: {
     };
 };
 export declare const DepositRate: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -157,3 +157,42 @@ export declare const DepositRate: {
         }[];
     };
 };
+export declare const RatesFromAllKnownSources: {
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, {
+        roomRates: StaysRoomRateCardProps[];
+    }>;
+    args: {
+        roomRates: {
+            rate: {
+                source: string;
+                quantity_available: number | null;
+                base_amount: string | null;
+                base_currency: string;
+                board_type: "room_only" | "breakfast" | "half_board" | "full_board" | "all_inclusive";
+                cancellation_timeline: import("@duffel/api/types").StaysRateCancellationTimeline[];
+                conditions: import("@duffel/api/types").StaysRateCondition[];
+                due_at_accommodation_amount: string | null;
+                due_at_accommodation_currency: string;
+                id: string;
+                payment_type: import("@duffel/api/types").StaysPaymentType;
+                fee_amount: string | null;
+                fee_currency: string;
+                tax_amount: string | null;
+                tax_currency: string;
+                total_amount: string;
+                total_currency: string;
+                available_payment_methods: import("@duffel/api/types").StaysPaymentMethod[];
+                supported_loyalty_programme: import("@duffel/api/types").StaysLoyaltyProgrammeReference | null;
+                loyalty_programme_required: boolean;
+                estimated_commission_amount: string | null;
+                estimated_commission_currency: string | null;
+                expires_at: string;
+                code: string | null;
+                description: string | null;
+                name: string | null;
+            };
+            numberOfNights: number;
+            searchNumberOfRooms: number;
+        }[];
+    };
+};

package/stories/StaysSummary.stories.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="@duffel/api" />
 import { StaysSummaryProps } from "@components/Stays/StaysSummary";
 import { StaysAccommodation } from "@duffel/api/types";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysSummaryProps>;
     args: {
         accommodation: StaysAccommodation;
         checkInDate: Date;
@@ -16,7 +16,7 @@ export declare const Default: {
     };
 };
 export declare const WithNoPhoto: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysSummaryProps>;
     args: {
         accommodation: {
             photos: never[];
@@ -47,7 +47,7 @@ export declare const WithNoPhoto: {
     };
 };
 export declare const BookingSummaryUseCase: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysSummaryProps>;
     args: {
         accommodation: {
             rooms: {
@@ -111,7 +111,7 @@ export declare const BookingSummaryUseCase: {
     };
 };
 export declare const BookingSummaryWithRateName: {
-    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
+    render: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, StaysSummaryProps>;
     args: {
         accommodation: {
             rooms: {