@duffel/components 3.7.20 → 3.7.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duffel/components",
-  "version": "3.7.20",
+  "version": "3.7.23",
   "description": "Component library to build your travel product with Duffel.",
   "keywords": [
     "Duffel",
@@ -47,12 +47,12 @@
     "create-local-ssl-certificate": "bash ./scripts/create-local-ssl-certificate.sh"
   },
   "resolutions": {
-    "@babel/traverse": "7.25.4",
+    "@babel/traverse": "7.25.7",
     "semver": "7.5.4"
   },
   "dependencies": {
-    "@duffel/api": "2.14.0",
-    "@sentry/browser": "7.77.0",
+    "@duffel/api": "2.14.4",
+    "@sentry/browser": "7.119.2",
     "@stripe/react-stripe-js": "2.1.0",
     "@stripe/stripe-js": "1.54.2",
     "classnames": "2.3.2",
@@ -65,23 +65,26 @@
   },
   "devDependencies": {
     "@aashutoshrathi/word-wrap": "1.2.6",
-    "@babel/core": "7.25.2",
-    "@babel/preset-env": "7.25.4",
-    "@babel/preset-react": "7.24.7",
-    "@babel/preset-typescript": "7.24.7",
-    "@sentry/cli": "2.33.1",
+    "@babel/core": "7.25.8",
+    "@babel/preset-env": "7.25.8",
+    "@babel/preset-react": "7.25.7",
+    "@babel/preset-typescript": "7.25.7",
+    "@chromatic-com/storybook": "1.9.0",
+    "@sentry/cli": "2.37.0",
     "@sentry/esbuild-plugin": "0.7.2",
-    "@storybook/addon-essentials": "7.0.2",
-    "@storybook/addon-interactions": "7.0.2",
-    "@storybook/addon-links": "7.0.2",
-    "@storybook/blocks": "7.0.2",
-    "@storybook/react": "7.0.2",
-    "@storybook/react-webpack5": "7.0.2",
-    "@storybook/testing-library": "0.2.2",
+    "@storybook/addon-essentials": "8.3.5",
+    "@storybook/addon-interactions": "8.3.5",
+    "@storybook/addon-links": "8.3.5",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.5",
+    "@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",
     "@testing-library/react": "14.3.1",
-    "@types/jest": "29.5.12",
-    "@types/lodash": "4.17.7",
-    "@types/node": "18.19.45",
+    "@types/jest": "29.5.13",
+    "@types/lodash": "4.17.10",
+    "@types/node": "18.19.55",
     "@types/prompts": "2.4.9",
     "@types/react": "18.2.33",
     "@types/react-dom": "18.2.14",
@@ -98,7 +101,7 @@
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "0.6.15",
+    "eslint-plugin-storybook": "0.9.0",
     "http-server": "14.1.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -107,12 +110,12 @@
     "prompts": "2.4.2",
     "prop-types": "15.8.1",
     "puppeteer": "22.4.1",
-    "storybook": "7.0.2",
+    "storybook": "8.3.5",
     "ts-node": "10.9.2",
     "tsconfig-paths-webpack-plugin": "4.0.1",
     "typescript": "5.2.2"
   },
-  "packageManager": "yarn@4.0.2",
+  "packageManager": "yarn@4.5.0",
   "engines": {
     "node": ">=18.*"
   }

package/stories/AirlineLogo.stories.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 type DuffelPaymentsStory = StoryObj<typeof DuffelPayments>;
 export declare const Default: DuffelPaymentsStory;

package/stories/Icon.stories.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 type IconButtonStory = StoryObj<typeof IconButton>;
 export declare const Default: IconButtonStory;

package/stories/MapboxPlacesLookup.stories.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "../styles/components/PlacesLookup.css";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const FullList: React.FC;

package/stories/NGSSliceFareCard.stories.d.ts

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

package/stories/OfferSlice.stories.d.ts

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

package/stories/OfferSliceModal.stories.d.ts

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

package/stories/PlacesLookup.stories.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const Default: 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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 type SliceCarriersTitleStory = StoryObj<typeof SliceCarriersTitle>;
 export declare const OneSegmentWithSameOperatingCarrier: SliceCarriersTitleStory;

package/stories/SliceSummary.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StaysAmenitiesProps>;
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysAmenitiesProps>;
     args: {
         amenities: import("@duffel/api/types").StaysAmenity[] | null;
     };

package/stories/StaysRating.stories.d.ts

@@ -1,14 +1,14 @@
 import { StaysRatingProps } from "@components/Stays/StaysRating";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StaysRatingProps>;
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysRatingProps>;
     args: {
         rating: number;
     };
 };
 export declare const Small: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StaysRatingProps>;
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const RateWithMinimalInformation: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -14,7 +14,7 @@ export declare const RateWithMinimalInformation: {
     };
 };
 export declare const PayLaterRate: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -52,7 +52,7 @@ export declare const PayLaterRate: {
     };
 };
 export declare const RateWithCompleteInformation: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {
@@ -64,7 +64,7 @@ export declare const RateWithCompleteInformation: {
     };
 };
 export declare const RatesCrossComparison: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         roomRates: StaysRoomRateCardProps[];
     }>;
     args: {

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/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StaysSummaryProps>;
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
     args: {
         accommodation: StaysAccommodation;
         checkInDate: Date;
@@ -16,7 +16,7 @@ export declare const Default: {
     };
 };
 export declare const WithNoPhoto: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StaysSummaryProps>;
+    render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StaysSummaryProps>;
     args: {
         accommodation: {
             photos: never[];