@duffel/components 2.7.19 → 3.0.0-canary

package/package.json

@@ -1,221 +1,152 @@
 {
   "name": "@duffel/components",
-  "version": "2.7.19",
-  "description": "Set of pre-built UI components for integrating with Duffel API",
-  "main": "dist/duffel-components.js",
-  "module": "dist/duffel-components.esm.js",
-  "jsnext:main": "dist/duffel-components.esm.js",
-  "unpkg": "dist/duffel-components.umd.js",
-  "unpkg:min": "dist/duffel-components.umd.min.js",
-  "types": "dist/duffel-components.d.ts",
+  "version": "3.0.0-canary",
+  "private": false,
+  "license": "MIT",
+  "main": "react-dist/index.js",
   "scripts": {
-    "prebuild": "node -p \"'export const DUFFEL_COMPONENTS_VERSION = ' + JSON.stringify(require('./package.json').version) + ''\" > ./src/version.ts && yarn prettier",
-    "build": "webpack --mode production --config webpack.config.babel.js && yarn create-dts",
-    "lint": "eslint . --ext .ts,.tsx",
-    "test": "jest",
-    "pre-commit-check": "yarn lint-staged && yarn test --passWithNoTests && yarn build && yarn e2e",
+    "precdn-build": "rm -rf ./cdn-dist",
+    "cdn-build": "node config/esbuild.cdn.config.js",
+    "build-storybook": "storybook build",
+    "check-types": "tsc --project tsconfig.json --noEmit --emitDeclarationOnly false",
+    "dev": "node config/esbuild.dev.config.js",
+    "generate-fixture": "esbuild ./scripts/generate-fixture.ts --outfile=dist/scripts/generate-fixture.cjs --format=cjs --platform=node --bundle --tsconfig=scripts.tsconfig.json",
+    "postgenerate-fixture": "node dist/scripts/generate-fixture.cjs",
+    "generate-type-declarations": "tsc --project tsconfig.json",
+    "commit": "cz",
+    "lint": "eslint . --ext .ts,.tsx,.mjs,.js --max-warnings=0",
+    "pre-commit-check": "concurrently --raw \"yarn check-types\" \"yarn lint-staged\"",
+    "post-commit-check": "yarn commitlint --from main",
     "prepare": "husky install",
-    "get-version": "echo $npm_package_version",
-    "release": "npx semantic-release --debug",
-    "commit": "git-cz",
-    "commitlint": "commitlint",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "chromatic": "npx chromatic",
-    "create-dts": "dts-bundle-generator -o dist/duffel-components.d.ts src/index.ts --no-check",
-    "server": "http-server -p 1234",
-    "e2e": "npx playwright test",
-    "e2e:debug": "PWDEBUG=1 npx playwright test",
     "prettier": "prettier --write --loglevel=warn .",
     "prettier-check": "prettier --check .",
-    "local-package:update": "yarn build && yalc push --replace --changed",
-    "local-package:clean": "yalc installations clean @duffel/components"
+    "prereact-build": "rm -rf ./react-dist",
+    "react-build": "node config/esbuild.react.config.js",
+    "postreact-build": "yarn generate-type-declarations",
+    "run-client-side-server": "http-server src/examples/client-side --port=6262",
+    "run-example:client-side": "concurrently \"yarn dev\" \"yarn run-client-side-server\"",
+    "run-example:full-stack": "concurrently \"yarn dev\" \"yarn run-full-stack-server\"",
+    "run-full-stack-server": "node src/examples/full-stack/server.mjs",
+    "storybook": "storybook dev -p 6006",
+    "test": "LANG='en_US' TZ=UTC yarn jest",
+    "preupload-to-cdn": "yarn cdn-build",
+    "upload-to-cdn": "bash ./scripts/upload-to-cdn.sh",
+    "prerelease": "yarn react-build",
+    "release": "yarn semantic-release",
+    "get-version": "cat package.json | jq '.version'"
   },
-  "config": {
-    "commitizen": {
-      "path": "@commitlint/cz-commitlint"
+  "husky": {
+    "hooks": {
+      "pre-commit": "yarn pre-commit-check",
+      "post-commit": "yarn post-commit"
     }
   },
   "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint",
-      "prettier --write"
-    ],
-    "*.{js,jsx,md,yml,yaml}": [
+    "*.{ts,tsx,mjs,js}": [
+      "eslint --fix",
       "prettier --write"
     ]
   },
-  "files": [
-    "dist/**"
-  ],
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17 || ^18",
-    "react-dom": "^16.8.0 || ^17 || ^18"
-  },
   "dependencies": {
-    "@popperjs/core": "2.11.8",
-    "@stripe/react-stripe-js": "1.8.0",
-    "@stripe/stripe-js": "^1.35.0",
-    "base64-js": "1.5.1",
-    "classnames": "2.3.2",
-    "decimal.js": "^10.4.3",
-    "ieee754": "1.2.1",
-    "prop-types": "15.8.1",
-    "react-popper": "2.2.5",
-    "smoothscroll-polyfill": "0.4.4"
+    "@sentry/browser": "^7.43.0",
+    "classnames": "^2.3.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.21.4",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-proposal-unicode-property-regex": "7.18.6",
-    "@babel/preset-env": "7.21.4",
-    "@babel/preset-react": "7.18.6",
-    "@babel/register": "7.21.0",
-    "@commitlint/cli": "17.4.4",
-    "@commitlint/config-angular": "17.4.4",
-    "@commitlint/cz-commitlint": "17.4.4",
-    "@playwright/test": "1.31.2",
-    "@semantic-release/changelog": "6.0.3",
-    "@semantic-release/commit-analyzer": "9.0.2",
-    "@semantic-release/git": "10.0.1",
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-controls": "6.5.16",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/addon-postcss": "2.0.0",
-    "@storybook/builder-webpack5": "6.5.16",
-    "@storybook/manager-webpack5": "6.5.16",
-    "@storybook/react": "6.5.16",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
-    "@types/jest": "27.5.2",
-    "@types/lodash": "4.14.195",
-    "@types/node": "17.0.42",
-    "@types/react": "18.0.34",
-    "@types/react-dom": "18.0.11",
-    "@types/smoothscroll-polyfill": "0.3.1",
-    "@typescript-eslint/eslint-plugin": "5.36.1",
-    "@typescript-eslint/parser": "5.36.1",
-    "babel-loader": "8.3.0",
-    "babel-plugin-module-resolver": "4.1.0",
-    "chromatic": "6.7.4",
-    "clean-webpack-plugin": "4.0.0",
-    "commitizen": "4.2.6",
-    "css-loader": "6.7.3",
-    "dotenv": "16.0.3",
-    "dts-bundle-generator": "6.12.0",
-    "eslint": "8.22.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-spellcheck": "0.0.20",
-    "eslint-plugin-storybook": "0.6.11",
-    "fork-ts-checker-webpack-plugin": "7.2.14",
-    "http-server": "14.1.1",
-    "husky": "8.0.3",
-    "inquirer": "9.1.4",
-    "jest": "26.6.3",
-    "lint-staged": "13.0.3",
-    "lodash": "4.17.21",
-    "mini-css-extract-plugin": "2.6.1",
-    "node-polyfill-webpack-plugin": "2.0.1",
-    "postcss": "8.4.21",
-    "postcss-combine-duplicated-selectors": "10.0.3",
-    "postcss-discard-duplicates": "5.1.0",
-    "postcss-import": "14.1.0",
-    "postcss-loader": "7.0.2",
-    "postcss-nested": "5.0.6",
-    "prettier": "2.7.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "semantic-release": "19.0.5",
-    "ts-jest": "26.5.6",
-    "ts-loader": "9.3.1",
-    "ts-node": "10.9.1",
-    "tslib": "2.4.0",
-    "types-webpack-bundler": "1.0.2",
-    "typescript": "4.7.4",
-    "webpack": "5.76.0",
-    "webpack-cli": "4.10.0",
-    "webpack-node-externals": "3.0.0"
+    "@babel/core": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@commitlint/cli": "^17.6.5",
+    "@commitlint/config-conventional": "^17.6.5",
+    "@duffel/api": "^1.26.0",
+    "@sentry/esbuild-plugin": "^0.7.0",
+    "@storybook/addon-essentials": "^7.0.2",
+    "@storybook/addon-interactions": "^7.0.2",
+    "@storybook/addon-links": "^7.0.2",
+    "@storybook/addon-storyshots": "^7.0.4",
+    "@storybook/blocks": "^7.0.2",
+    "@storybook/react": "^7.0.2",
+    "@storybook/react-webpack5": "^7.0.2",
+    "@storybook/testing-library": "^0.1.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^18.15.11",
+    "@types/prompts": "^2.4.4",
+    "@types/react": "^18.0.32",
+    "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "babel-jest": "^29.5.0",
+    "commitizen": "^4.3.0",
+    "concurrently": "^8.0.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "dotenv": "^16.0.3",
+    "esbuild": "0.17.19",
+    "esbuild-copy-static-files": "^0.1.0",
+    "eslint": "^8.0.1",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.11",
+    "http-server": "^14.1.1",
+    "husky": "^8.0.3",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "^13.2.0",
+    "prettier": "^2.8.7",
+    "prettier-plugin-organize-imports": "^3.2.2",
+    "prompts": "^2.4.2",
+    "prop-types": "^15.8.1",
+    "semantic-release": "^21.0.3",
+    "storybook": "^7.0.2",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.1",
+    "typescript": "5.0.4"
   },
   "engines": {
-    "node": ">=14.*"
+    "node": "~18.*"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   },
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer"
+    ],
+    [
+      "@semantic-release/release-notes-generator"
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github"
+  ],
   "release": {
     "branches": [
-      {
-        "name": "main"
-      }
-    ],
-    "plugins": [
-      [
-        "@semantic-release/commit-analyzer",
-        {
-          "preset": "angular",
-          "releaseRules": [
-            {
-              "type": "docs",
-              "scope": "readme",
-              "release": "patch"
-            },
-            {
-              "type": "refactor",
-              "release": "patch"
-            },
-            {
-              "breaking": true,
-              "release": "major"
-            },
-            {
-              "type": "build",
-              "scope": "deps",
-              "release": "patch"
-            }
-          ]
-        }
-      ],
-      [
-        "@semantic-release/release-notes-generator"
-      ],
-      [
-        "@semantic-release/git",
-        {
-          "assets": [
-            "CHANGELOG.md"
-          ]
-        }
-      ],
-      "@semantic-release/npm",
-      "@semantic-release/github"
+      "main"
     ]
   },
-  "resolutions": {
-    "@types/webpack": "^5.28.0",
-    "immer": "^9.0.6",
-    "ansi-regex": "^5.0.1",
-    "glob-parent": "^6.0.0",
-    "browserslist": "^4.16.5",
-    "trim": "^1.0.0",
-    "@types/react-dom": "18.0.11",
-    "@types/react": "18.0.34",
-    "loader-utils": "^2.0.4"
+  "description": "## What is this?",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/duffelhq/duffel-checkout.git"
   },
   "keywords": [
+    "Duffel",
+    "ancillaries",
+    "seats",
     "seat",
-    "maps",
-    "seat",
-    "selection",
-    "seat",
-    "selections",
-    "duffel",
-    "duffelhq",
-    "seat",
-    "seatmap",
-    "payment",
-    "payments",
+    "map",
     "baggage",
-    "baggages"
+    "travel"
   ],
-  "author": "Duffel Technology Limited <help@duffel.com> (http://duffel.com)",
-  "license": "MIT"
+  "author": "duffel.com",
+  "bugs": {
+    "url": "https://github.com/duffelhq/duffel-checkout/issues"
+  },
+  "homepage": "https://github.com/duffelhq/duffel-checkout#readme"
 }

package/react-dist/components/AnimatedLoaderEllipsis.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const AnimatedLoaderEllipsis: React.FC;

package/react-dist/components/Button.d.ts

@@ -0,0 +1,23 @@
+import { IconName } from "@components/Icon";
+import * as React from "react";
+declare const BUTTON_VARIANTS: {
+    primary: string;
+    outlined: string;
+    destructive: string;
+};
+type ButtonVariants = keyof typeof BUTTON_VARIANTS;
+declare const BUTTON_SIZES: {
+    32: string;
+    40: string;
+    48: string;
+};
+type ButtonSizes = keyof typeof BUTTON_SIZES;
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export interface ButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "children" | "className"> {
+    "data-testid"?: string;
+    iconBefore?: IconName;
+    variant?: ButtonVariants;
+    size?: ButtonSizes;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/react-dist/components/Card.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { IconName } from "./Icon";
+export interface CardProps {
+    buttonTitle: string;
+    title: string;
+    icon: IconName;
+    onClick?: (() => void) | null;
+    children: React.ReactNode;
+    copy: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    isSelected?: boolean;
+}
+export declare const Card: React.FC<CardProps>;

package/react-dist/components/Counter.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface CounterProps {
+    id: string;
+    min: number;
+    max: number;
+    value: number;
+    onChange: (value: number) => void;
+}
+export declare const Counter: React.FC<CounterProps>;
+export {};

package/react-dist/components/DuffelAncillaries.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { DuffelAncillariesProps } from "../types/DuffelAncillariesProps";
+export declare const DuffelAncillaries: React.FC<DuffelAncillariesProps>;

package/react-dist/components/DuffelAncillariesCustomElement.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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/react-dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export declare class ErrorBoundary extends React.Component<{
+    children: React.ReactNode | React.ReactNode[];
+}> {
+    state: {
+        hasError: boolean;
+    };
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, context: Record<any, any>): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}

package/react-dist/components/FetchOfferErrorState.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const FetchOfferErrorState: React.FC<{
+    height: string;
+    message: string;
+}>;

package/react-dist/components/Icon.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+export declare const ICON_MAP: {
+    add: 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;
+    autorenew: import("react/jsx-runtime").JSX.Element;
+    bassinet: import("react/jsx-runtime").JSX.Element;
+    cabin_bag: import("react/jsx-runtime").JSX.Element;
+    check: import("react/jsx-runtime").JSX.Element;
+    checked_bag: import("react/jsx-runtime").JSX.Element;
+    chevron: import("react/jsx-runtime").JSX.Element;
+    close: import("react/jsx-runtime").JSX.Element;
+    closet: 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;
+    flight_class: import("react/jsx-runtime").JSX.Element;
+    galley: import("react/jsx-runtime").JSX.Element;
+    lavatory: import("react/jsx-runtime").JSX.Element;
+    lie_flat_seat: 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;
+    north_east: 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;
+    stairs: import("react/jsx-runtime").JSX.Element;
+    wifi: import("react/jsx-runtime").JSX.Element;
+};
+export type IconName = keyof typeof ICON_MAP;
+interface IconProps {
+    name: IconName;
+    className?: string;
+    size?: number;
+    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+    ml?: string;
+    viewBox?: string;
+    style?: React.CSSProperties;
+}
+export declare const Icon: React.FunctionComponent<IconProps>;
+export {};

package/react-dist/components/IconButton.d.ts

@@ -0,0 +1,16 @@
+import { IconName } from "@components/Icon";
+import * as React from "react";
+declare const ICON_BUTTON_VARIANTS: {
+    primary: string;
+    outlined: string;
+};
+type IconButtonVariants = keyof typeof ICON_BUTTON_VARIANTS;
+type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export interface IconButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "className"> {
+    "data-testid"?: string;
+    icon: IconName;
+    title: string;
+    variant?: IconButtonVariants;
+}
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};

package/react-dist/components/Modal.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface ModalProps {
+    onClose: () => void;
+    isOpen: boolean;
+    children: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+export declare const ModalBody: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/react-dist/components/NonIdealState.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const NonIdealState: React.FC<React.PropsWithChildren<{
+    style?: React.CSSProperties;
+}>>;

package/react-dist/components/Stamp.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface StampProps {
+    backgroundColor: React.CSSProperties["backgroundColor"];
+    color: React.CSSProperties["color"];
+    children: React.ReactNode;
+}
+export declare const Stamp: React.FC<StampProps>;

package/react-dist/components/Tabs.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface TabsProps {
+    /**
+     * The currently selected tab option
+     */
+    value: string;
+    /**
+     * Callback for when a new tab option is selected
+     */
+    onChange: (value: string) => void;
+    /**
+     * The options you want to render on the tabs
+     */
+    options: string[];
+}
+export declare const Tabs: React.FC<TabsProps>;

package/react-dist/components/bags/BaggageSelectionCard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { CreateOrderPayload, CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { Offer } from "../../types/Offer";
+export interface BaggageSelectionCardProps {
+    isLoading: boolean;
+    offer?: Offer;
+    passengers: CreateOrderPayload["passengers"];
+    selectedServices: CreateOrderPayloadServices;
+    setSelectedServices: (selectedServices: CreateOrderPayloadServices) => void;
+}
+export declare const BaggageSelectionCard: React.FC<BaggageSelectionCardProps>;

package/react-dist/components/bags/BaggageSelectionController.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { OfferAvailableServiceBaggage } from "../../types/Offer";
+interface BaggageSelectionControllerProps {
+    segmentId: string;
+    passengerId: string;
+    availableService: OfferAvailableServiceBaggage;
+    selectedServices: CreateOrderPayloadServices;
+    quantity: number;
+    onQuantityChanged: (quantity: number) => void;
+}
+export declare const BaggageSelectionController: React.FC<BaggageSelectionControllerProps>;
+export {};

package/react-dist/components/bags/BaggageSelectionModal.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { CreateOrderPayload, CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { Offer } from "../../types/Offer";
+export interface BaggageSelectionModalProps {
+    isOpen: boolean;
+    offer?: Offer;
+    passengers: CreateOrderPayload["passengers"];
+    selectedServices: CreateOrderPayloadServices;
+    onClose: (selectedServices: CreateOrderPayloadServices) => void;
+}
+export declare const BaggageSelectionModal: React.FC<BaggageSelectionModalProps>;

package/react-dist/components/bags/BaggageSelectionModalBody.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { CreateOrderPayloadPassenger, CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { Offer, OfferSliceSegment } from "../../types/Offer";
+export interface BaggageSelectionModalBodyProps {
+    offer: Offer;
+    segment: OfferSliceSegment;
+    passengersById: Record<CreateOrderPayloadPassenger["id"], CreateOrderPayloadPassenger>;
+    selectedServices: CreateOrderPayloadServices;
+    setSelectedServices: (selectedServices: CreateOrderPayloadServices) => void;
+}
+export declare const BaggageSelectionModalBody: React.FC<BaggageSelectionModalBodyProps>;

package/react-dist/components/bags/BaggageSelectionModalBodyPassenger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { OfferAvailableServiceBaggage, OfferSliceSegmentPassengerBaggage } from "../../types/Offer";
+export interface BaggageSelectionModalBodyPassengerProps {
+    segmentId: string;
+    passengerId: string;
+    passengerName: string;
+    includedBaggage: OfferSliceSegmentPassengerBaggage[];
+    passengerServicesForSegment: OfferAvailableServiceBaggage[];
+    selectedServices: CreateOrderPayloadServices;
+    setSelectedServices: (selectedServices: CreateOrderPayloadServices) => void;
+}
+export declare const BaggageSelectionModalBodyPassenger: React.FC<BaggageSelectionModalBodyPassengerProps>;

package/react-dist/components/bags/BaggageSelectionModalFooter.d.ts

@@ -0,0 +1,14 @@
+import { ServicePriceMapById } from "@lib/getServicePriceMapById";
+import React from "react";
+import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+export interface BaggageSelectionModalFooterProps {
+    currency: string;
+    selectedServices: CreateOrderPayloadServices;
+    servicePrices: ServicePriceMapById;
+    isFirstSegment: boolean;
+    isLastSegment: boolean;
+    onNextSegmentButtonClicked: () => void;
+    onPreviousSegmentButtonClicked: () => void;
+    onClose: () => void;
+}
+export declare const BaggageSelectionModalFooter: React.FC<BaggageSelectionModalFooterProps>;