@duffel/components 3.0.7-canary → 3.1.2--prototype

package/src/stories/DuffelPayments.stories.tsx

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import {
+  DuffelPayments,
+  DuffelPaymentsProps,
+} from "../components/DuffelPayments/DuffelPayments";
+
+export default {
+  title: "DuffelPayments",
+  component: DuffelPayments,
+} as Meta;
+
+type DuffelPaymentsStory = StoryObj<typeof DuffelPayments>;
+
+const defaultProps: DuffelPaymentsProps = {
+  paymentIntentClientToken:
+    "eyJjbGllbnRfc2VjcmV0IjoicGlfM0psczlVQWcySmhFeTh2WTBSTm1MU0JkX3NlY3JldF9QUW9yZXNuU3laeWJadGRiejZwNzBCbUdPIiwicHVibGlzaGFibGVfa2V5IjoicGtfdGVzdF9EQUJLY0E2Vzh6OTc0cTdPSWY0YmJ2MVQwMEpwRmMyOUpWIn0=",
+  onSuccessfulPayment: () => {}, // eslint-disable-line @typescript-eslint/no-empty-function
+  onFailedPayment: () => {}, // eslint-disable-line @typescript-eslint/no-empty-function
+};
+
+export const Default: DuffelPaymentsStory = {
+  args: defaultProps,
+};
+
+export const WithCustomStyles: DuffelPaymentsStory = {
+  args: {
+    ...defaultProps,
+    styles: {
+      accentColor: "29, 78, 216",
+      fontFamily: "monospace",
+      buttonCornerRadius: "15px",
+    },
+  },
+};

package/src/stories/Icon.stories.tsx

@@ -1,12 +1,13 @@
-import { Icon, ICON_MAP, IconName } from "@components/Icon";
 import { Meta } from "@storybook/react";
+import React from "react";
+import { Icon, ICON_MAP, IconName } from "../components/shared/Icon";
 
 export default {
   title: "Icon",
   component: Icon,
 } as Meta;
 
-export const FullList = () => (
+export const FullList: React.FC = () => (
   <div
     style={{
       display: "grid",

package/src/stories/IconButton.stories.tsx

@@ -1,5 +1,5 @@
-import { IconButton, IconButtonProps } from "@components/IconButton";
 import type { Meta, StoryObj } from "@storybook/react";
+import { IconButton, IconButtonProps } from "../components/shared/IconButton";
 
 export default {
   title: "IconButton",

package/src/stories/PlacesLookup.stories.tsx

@@ -0,0 +1,22 @@
+import type { Meta } from "@storybook/react";
+import React from "react";
+import {
+  PlacesLookup,
+  PlacesLookupProps,
+} from "../components/PlacesLookup/PlacesLookup";
+
+export default {
+  title: "PlacesLookup",
+  component: PlacesLookup,
+} as Meta;
+
+const defaultProps: PlacesLookupProps = {
+  onPlaceSelected: (selection) =>
+    alert(`Selected: ${JSON.stringify(selection)}`),
+};
+
+export const Default: React.FC = () => (
+  <div style={{ width: "350px" }}>
+    <PlacesLookup {...defaultProps} />
+  </div>
+);

package/src/stories/ShowData.stories.tsx

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ShowData, ShowDataProps } from "../components/ShowData/ShowData";
+
+export default {
+  title: "ShowData",
+  component: ShowData,
+} as Meta;
+
+const defaultProps: ShowDataProps = {
+  data: { heres: "some test data" },
+  onFinished: console.log,
+};
+
+export const AllServices: StoryObj<typeof ShowData> = {
+  args: defaultProps,
+};

package/src/styles/components/Button.css

@@ -62,7 +62,7 @@ button:-moz-focusring,
 }
 
 .button {
-  --button-color: white;
+  --button-color: var(--SECONDARY, white);
 
   box-sizing: border-box;
   border-radius: var(--BUTTON-RADIUS, 6px);
@@ -80,6 +80,8 @@ button:-moz-focusring,
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25), 0px 0px 0px #e9e9eb;
 
   border: 1px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+  /* Will give the button an outline if the accent color has high luminance */
+  border: 1px solid var(--SECONDARY);
   transition: background-color 0.3s var(--TRANSITION-CUBIC-BEZIER),
     box-shadow 0.3s var(--TRANSITION-CUBIC-BEZIER),
     color 0.3s var(--TRANSITION-CUBIC-BEZIER);
@@ -128,13 +130,19 @@ button:-moz-focusring,
 
 .button--primary:not(:disabled):hover {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-800));
-  border-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-800));
+  border-color: (
+    var(--SECONDARY),
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-800))
+  );
   box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15), 0px 0px 0px 2px #e9e9eb;
 }
 
 .button--primary:not(:disabled):active {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
-  border-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+  border-color: (
+    var(--SECONDARY),
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000))
+  );
   box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px #dcdcde;
 }
 

package/src/styles/components/Card.css

@@ -33,18 +33,18 @@
 .ancillary-card:not(:disabled):not(.ancillary-card--loading):hover,
 .ancillary-card:not(:disabled):not(.ancillary-card--loading):focus-visible {
   /* important is needed here to override the inline border style from Card.tsx */
-  border-color: rgb(var(--ACCENT)) !important;
+  border-color: var(--SECONDARY, rgb(var(--ACCENT))) !important;
 }
 
 .ancillary-card:not(:disabled):not(.ancillary-card--loading):hover
   .ancillary-card__expand-icon,
 .ancillary-card:not(:disabled):not(.ancillary-card--loading):focus-visible
   .ancillary-card__expand-icon {
-  color: rgb(var(--ACCENT));
+  color: var(--SECONDARY, rgb(var(--ACCENT)));
 }
 
 .ancillary-card__selected-icon {
-  background-color: rgb(var(--ACCENT));
+  background-color: var(--SECONDARY, rgb(var(--ACCENT)));
   border-radius: 20px;
   color: rgb(var(--WHITE));
   height: 24px;

package/src/styles/components/CfarSelectionModal.css

@@ -17,7 +17,7 @@
 }
 
 .cfar-modal-list-item > svg {
-  color: rgb(var(--ACCENT));
+  color: var(--SECONDARY, rgb(var(--ACCENT)));
 }
 
 .cfar-modal-list-item > p {

package/src/styles/components/DuffelPayments.css

@@ -0,0 +1,42 @@
+.card-payment__container {
+  width: 480px;
+  height: auto;
+  max-width: 480px;
+  box-sizing: border-box;
+  margin: var(--SPACING-XS-3);
+}
+
+.card-payment__container--invalid {
+  margin-top: var(--SPACING-SM-1);
+  font-size: var(--FONT-SIZES-C2);
+  color: var(--RED);
+}
+
+.card-payment__container--invalid {
+  height: 16px;
+}
+
+.card-details {
+  background-color: rgb(var(--WHITE));
+  border: 1px solid var(--GREY-200);
+  border-radius: 5px;
+  padding: var(--SPACING-SM-2);
+  width: auto;
+}
+
+.card-details.StripeElement--invalid {
+  border: 1px solid var(--RED);
+}
+
+.card-payment__pay-button {
+  width: 100%;
+  margin-top: var(--SPACING-SM-3);
+}
+
+.card-payment--in-progress {
+  display: block;
+  z-index: 3;
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+}

package/src/styles/components/Legend.css

@@ -27,8 +27,9 @@
   width: var(--SPACING-MD-1);
   height: var(--SPACING-MD-1);
   border-radius: 5px;
-  border: 2px solid var(--GREY-400);
-  color: var(--GREY-400);
+  border: 2px solid var(--GREY-200);
+  color: var(--GREY-600);
+  background-color: var(--GREY-100);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -37,22 +38,25 @@
 
 .seat-map__legend-seat--fee-payable {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
-  border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200));
+  border: 2px solid
+    var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)));
 }
 
 .seat-map__legend-seat--fee-payable-indicator {
   position: relative;
   top: var(--SPACING-XS-2);
   left: var(--SPACING-XS-2);
-  color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300));
+  color: var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)));
 }
 
 .seat-map__legend-seat--included {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
-  border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200));
+  border: 2px solid
+    var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)));
 }
 
 .seat-map__legend-seat--selected {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
-  border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+  border: 2px solid
+    var(--SECONDARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)));
 }

package/src/styles/components/LoadingState.css

@@ -24,7 +24,10 @@
   margin: var(--SPACING-SM-3) 0;
   border-radius: 999px;
   width: calc(100% - var(--SPACING-SM-1));
-  background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
+  background-color: var(
+    --SECONDARY,
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-100))
+  );
   position: relative;
   transition: var(--TRANSITIONS-CUBIC-BEZIER);
 }
@@ -33,7 +36,10 @@
   display: block;
   height: 100%;
   border-radius: 999px;
-  background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+  background-color: var(
+    --TERTIARY,
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000))
+  );
   position: relative;
   animation: fillstatus 1s linear;
 }

package/src/styles/components/Modal.css

@@ -27,7 +27,8 @@
 
 .modal--open,
 .modal--open .modal--content {
-  opacity: 1;
+  /* important needed to override inline style */
+  opacity: 1 !important;
   pointer-events: all;
 }
 

package/src/styles/components/PassengerSelect.css

@@ -43,7 +43,10 @@
 .passenger-selection-passenger:hover,
 .passenger-selection-passenger:focus,
 .passenger-selection-passenger:active {
-  background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
+  background-color: var(
+    --SECONDARY,
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-100))
+  );
 }
 
 .passenger-selection-passenger__identifier,
@@ -78,7 +81,10 @@
 .passenger-selection-passenger--selected {
   box-shadow: 4px 0px 0px 0px rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000))
     inset;
-  background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
+  background-color: var(
+    --SECONDARY,
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-100))
+  );
 }
 
 .passenger-selection-segment {

package/src/styles/components/PlacesLookup.css

@@ -0,0 +1,36 @@
+.places-lookup-input {
+  width: 100%;
+}
+
+.places-lookup-popover {
+  background-color: var(--WHITE);
+  box-shadow: 0px 1px 4px rgba(59, 64, 86, 0.3);
+  border-radius: 4px;
+  margin-top: 4px;
+  width: 100%;
+  padding: 4px;
+}
+
+.places-lookup-popover__item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem;
+  cursor: pointer;
+  column-gap: var(--SPACING-XS-2);
+  background-color: transparent;
+  border: none;
+  border-radius: 4px;
+}
+
+.places-lookup-popover__item:hover,
+.places-lookup-popover__item:focus {
+  background-color: var(--GREY-100);
+}
+
+.places-lookup-popover__icon-and-name-container {
+  column-gap: var(--SPACING-SM-1);
+  display: flex;
+  align-items: flex-start;
+  text-align: start;
+}

package/src/styles/components/Seat.css

@@ -21,16 +21,17 @@
 }
 
 .map-element--available {
-  border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200));
+  border: 2px solid
+    var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)));
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100));
-  color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300));
+  color: var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)));
 }
 
 .map-element--fee-payable {
   position: absolute;
   bottom: -2px;
   right: -2px;
-  color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300));
+  color: var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)));
 }
 
 @media (hover: hover) and (pointer: fine) {
@@ -40,18 +41,19 @@
 
   .map-element--actionable:not(.map-element--selected):hover {
     background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-200));
-    color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+    color: var(--SECONDARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)));
     transition: var(--TRANSITIONS-CUBIC-BEZIER);
   }
 
   .map-element--fee-payable {
-    color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
+    color: var(--TERTIARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)));
     transition: var(--TRANSITIONS-CUBIC-BEZIER);
   }
 }
 
 .map-element--selected {
   background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
-  border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
-  color: rgba(var(--WHITE), 1);
+  border: 2px solid
+    var(--SECONDARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)));
+  color: var(--SECONDARY, rgba(var(--WHITE), 1));
 }

package/src/styles/components/SeatInfo.css

@@ -1,5 +1,5 @@
 .seat-info {
-  --INFO-CARD-MARGIN: 10px;
+  --INFO-CARD-MARGIN: 20px;
   background-color: rgb(var(--WHITE));
   padding: 24px;
   padding-bottom: 24px;

package/src/styles/components/Tabs.css

@@ -28,8 +28,11 @@
 .seat-map__tab-select-option:hover,
 .seat-map__tab-select-option:focus,
 .seat-map__tab-select-option:active {
-  color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000));
-  background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-200));
+  color: var(--SECONDARY, rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)));
+  background-color: var(
+    --TERTIARY,
+    rgba(var(--ACCENT), var(--ACCENT-LIGHT-200))
+  );
   transition: var(--TRANSITIONS-CUBIC-BEZIER);
 }
 

package/src/styles/global.css

@@ -12,6 +12,7 @@
 @import "./components/CfarSelectionModal.css";
 @import "./components/Card.css";
 @import "./components/Counter.css";
+@import "./components/DuffelPayments.css";
 @import "./components/IconButton.css";
 @import "./components/Legend.css";
 @import "./components/Loader.css";
@@ -19,6 +20,7 @@
 @import "./components/Modal.css";
 @import "./components/PassengerSelect.css";
 @import "./components/PassengersLayout.css";
+@import "./components/PlacesLookup.css";
 @import "./components/Row.css";
 @import "./components/Seat.css";
 @import "./components/SeatInfo.css";

package/src/tests/components/DuffelAncillaries.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render } from "@testing-library/react";
 import React from "react";
-import { DuffelAncillaries } from "../../components/DuffelAncillaries";
+import { DuffelAncillaries } from "../../components/DuffelAncillaries/DuffelAncillaries";
 import mockPassengers from "../../fixtures/passengers/mock_passengers";
 import {
   DuffelAncillariesPropsWithOffersAndSeatMaps,

package/src/tests/lib/createPriceFormatters.test.tsx

@@ -1,4 +1,4 @@
-import { createPriceFormatters } from "@lib/createPriceFormatters";
+import { createPriceFormatters } from "../../lib/createPriceFormatters";
 
 describe("createPriceFormatters", () => {
   it("should return an empty object if neither markup nor priceFormatters are supplied", () => {

package/src/tests/lib/formatAvailableServices.test.tsx

@@ -1,4 +1,4 @@
-import { formatAvailableServices } from "@lib/formatAvailableServices";
+import { formatAvailableServices } from "../../lib/formatAvailableServices";
 import { OfferAvailableServiceBaggage } from "../../types/Offer";
 
 /* eslint-disable @typescript-eslint/no-var-requires */

package/src/tests/lib/formatSeatMaps.test.tsx

@@ -1,5 +1,5 @@
-import { formatSeatMaps } from "@lib/formatSeatMaps";
-import { getFirstSeatElementMatchingCriteria } from "@lib/getFirstSeatElementMatchingCriteria";
+import { formatSeatMaps } from "../../lib/formatSeatMaps";
+import { getFirstSeatElementMatchingCriteria } from "../../lib/getFirstSeatElementMatchingCriteria";
 import { SeatMapCabinRowSectionElementSeat } from "../../types/SeatMap";
 
 /* eslint-disable @typescript-eslint/no-var-requires */

package/src/tests/lib/getCurrencyForServices.test.tsx

@@ -1,4 +1,4 @@
-import { getCurrencyForServices } from "@lib/getCurrencyForServices";
+import { getCurrencyForServices } from "../../lib/getCurrencyForServices";
 import { Offer } from "../../types/Offer";
 
 describe("getCurrencyForServices", () => {

package/src/tests/lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected.test.ts

@@ -1,4 +1,4 @@
-import { hasServiceOfSameMetadataTypeAlreadyBeenSelected } from "@lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected";
+import { hasServiceOfSameMetadataTypeAlreadyBeenSelected } from "../../lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected";
 import { CreateOrderPayloadService } from "../../types/CreateOrderPayload";
 import { OfferAvailableBaggageService } from "../../types/Offer";
 

package/src/tests/lib/logging.test.tsx

@@ -1,32 +1,32 @@
-import { initializeLogger } from "@lib/logging";
+import { initializeLogger, log, logGroup } from "../../lib/logging";
 
 const consoleSpies = {
-  log: jest.spyOn(console, "log"),
+  log: jest.spyOn(console, "info"),
   groupCollapsed: jest.spyOn(console, "groupCollapsed"),
   groupEnd: jest.spyOn(console, "groupEnd"),
 };
 
-describe("initializeLogger", () => {
+describe("logging", () => {
   it("should return functions that do nothing when debugMode is false", () => {
-    const logger = initializeLogger(false);
-    logger.log("This should not be logged");
+    initializeLogger(false);
+    log("This should not be logged");
     expect(consoleSpies.log).not.toHaveBeenCalled();
   });
 
   it("should return functions that log a message when debugMode is true", () => {
-    const logger = initializeLogger(true);
-    logger.log("This should be logged");
+    initializeLogger(true);
+    log("This should be logged");
 
-    // Twice because initializeLogger logs a message when it's called,
-    // and then the message we're testing.
-    expect(consoleSpies.log).toHaveBeenCalledTimes(2);
+    // Once because initializeLogger was initialised on the test above
+    // And so, the initialisation message would not show up twice.
+    expect(consoleSpies.log).toHaveBeenCalledTimes(1);
 
-    logger.logGroup("This should be logged", ["one", "two"]);
+    logGroup("This should be logged", ["one", "two"]);
     expect(consoleSpies.groupCollapsed).toHaveBeenCalledTimes(1);
     expect(consoleSpies.groupEnd).toHaveBeenCalledTimes(1);
 
-    // Four times: once for the initializeLogger message, once for the
-    // earlier message, and twice for the array passed to logGroup.
-    expect(consoleSpies.log).toHaveBeenCalledTimes(4);
+    // once for the call to `log` above and then
+    // twice for the array passed to logGroup
+    expect(consoleSpies.log).toHaveBeenCalledTimes(3);
   });
 });

package/src/tests/lib/moneyStringFormatter.test.tsx

@@ -1,4 +1,4 @@
-import { moneyStringFormatter } from "@lib/moneyStringFormatter";
+import { moneyStringFormatter } from "../../lib/moneyStringFormatter";
 
 describe("moneyStringFormatter", () => {
   it("should format known currencies correctly", () => {

package/src/tests/lib/validateProps.test.tsx

@@ -4,7 +4,7 @@
  * that we can test functions with invalid props.
  */
 
-import { hasCommonRequiredProps } from "@lib/validateProps";
+import { hasCommonRequiredProps } from "../../lib/validateProps";
 import { Ancillaries } from "../../types/DuffelAncillariesProps";
 
 describe("hasCommonRequiredProps", () => {

package/src/types/DuffelAncillariesProps.ts

@@ -75,7 +75,7 @@ export type DuffelAncillariesPriceFormatterForCancelForAnyReason = (
   amount: number,
   currency: string,
   service: OfferAvailableServiceCancelForAnyReason
-) => { amount: number; currency: string };
+) => { amount: number; currency?: string };
 
 export interface DuffelAncillariesPriceFormatters {
   bags?: DuffelAncillariesPriceFormatterForBags;

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

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

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

@@ -1,23 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-/// <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

@@ -1,13 +0,0 @@
-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;
-}