@duffel/components 3.0.0-canary → 3.0.0

package/react-dist/lib/captureErrorInSentry.d.ts

@@ -1 +1 @@
-export declare const captureErrorInSentry: (error: Error, context?: Record<string, any>) => string;
+export declare const captureErrorInSentry: (error: Error) => string;

package/react-dist/lib/fetchFromDuffelAPI.d.ts

@@ -1 +1,8 @@
+export interface ErrorResponse extends Response {
+    data: {
+        meta: any;
+        errors: any[];
+    };
+}
+export declare const isErrorResponse: (response: any) => response is ErrorResponse;
 export declare function fetchFromDuffelAPI(withClientKey: string, path: string, method?: string, body?: string): Promise<any>;

package/react-dist/lib/logging.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * The functions in this file are used to enable logging.
  *
@@ -24,10 +23,12 @@
  * log('This is a log message')
  * logGroup('These messages will be grouped together', ['This is a log message', 'This is another log message'])
  */
-declare const initializeLogger: (debugMode: boolean) => {
-    log: (message: any) => void;
-    logGroup: typeof logGroup;
-};
+declare const initializeLogger: (debugMode: boolean) => void;
+/**
+ * Log a message to the console. Messages will be prefixed with "[Duffel Ancillaries]".
+ * @param message The message to print to the console.
+ */
+declare const log: (message: any) => void;
 /**
  * Log a series of messages to the console inside a collapsible group.
  * @param groupName The name of the group of messages. This will be prefixed with "[Duffel Ancillaries]".
@@ -42,12 +43,4 @@ declare function logGroup(groupName: string, messages: any[]): void;
 declare function logGroup(groupName: string, object: {
     [key: string]: any;
 }): void;
-declare const LogContext: import("react").Context<{
-    log: (message: any) => void;
-    logGroup: typeof logGroup;
-}>;
-declare const useLog: () => {
-    log: (message: any) => void;
-    logGroup: typeof logGroup;
-};
-export { LogContext, initializeLogger, useLog };
+export { initializeLogger, logGroup, log };

package/react-dist/lib/retrieveSeatMaps.d.ts

@@ -1,2 +1,2 @@
 import { SeatMap } from "../types/SeatMap";
-export declare function retrieveSeatMaps(offer_id: string, client_key: string | null, onError: (error: string) => void, setIsLoading: (isLoading: boolean) => void, onSeatMapReady: (seatMaps: SeatMap[]) => void): Promise<void>;
+export declare function retrieveSeatMaps(offer_id: string, client_key: string | null, onError: () => void, setIsLoading: (isLoading: boolean) => void, onSeatMapReady: (seatMaps: SeatMap[]) => void): Promise<void>;

package/react-dist/types/DuffelAncillariesProps.d.ts

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

package/scripts/generate-fixture.ts

@@ -10,6 +10,9 @@ const DUFFEL_API_TOKEN = process.env.DUFFEL_API_TOKEN || "";
 const DUFFEL_API_URL = process.env.DUFFEL_API_URL || "";
 const VERBOSE = process.env.VERBOSE === "true";
 
+// eslint-disable-next-line
+const log = console.log;
+
 if (DUFFEL_API_URL.includes("localhost"))
   process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
 
@@ -89,7 +92,8 @@ const main = async () => {
     const sliceInput = new Array<[string, string]>(sliceCount);
     for (let i = 0; i < sliceCount; i++) {
       let origin = sliceInput[i - 1]?.[0];
-      console.log(`\nSlice #${i + 1}`);
+
+      log(`\nSlice #${i + 1}`);
       const { value } = await prompts({
         type: "text",
         name: "value",
@@ -108,7 +112,7 @@ const main = async () => {
     }
 
     // ask how many adults
-    console.log(`\n`);
+    log(`\n`);
     const { adultCount } = await prompts({
       type: "number",
       name: "adultCount",
@@ -117,7 +121,7 @@ const main = async () => {
     });
 
     // ask for requested sources
-    console.log(`\n`);
+    log(`\n`);
     const { requestedSources } = await prompts({
       type: "text",
       name: "requestedSources",
@@ -135,7 +139,7 @@ const main = async () => {
       const airlines = new Set(
         offerRequest.offers.map((offer) => offer.owner.iata_code)
       );
-      console.log(
+      log(
         `Received ${withPlural(
           offerRequest.offers.length,
           "offer",
@@ -147,7 +151,7 @@ const main = async () => {
             "airlines"
           )}(${Array.from(airlines.values()).join(",")})`
       );
-      console.log(
+      log(
         `Search completed, offer request ID: ${offerRequest.id}.\nUsing first offer to get services: ${offerRequest.offers[0].id}\n`
       );
     }
@@ -183,10 +187,11 @@ const main = async () => {
       JSON.stringify(seatMaps, null, 2)
     );
 
-    console.log(`\n🐄 Fixtures saved for ${firstOffer.id}`);
-    console.log(`  ↳ /src/fixtures/offer/${firstOffer.id}.json`);
-    console.log(`  ↳ /src/fixtures/seat-maps/${firstOffer.id}.json\n`);
+    log(`\n🐄 Fixtures saved for ${firstOffer.id}`);
+    log(`  ↳ /src/fixtures/offer/${firstOffer.id}.json`);
+    log(`  ↳ /src/fixtures/seat-maps/${firstOffer.id}.json\n`);
   } catch (err) {
+    // eslint-disable-next-line
     console.error(err);
     process.exit(1);
   }

package/scripts/upload-to-cdn.sh

@@ -4,7 +4,7 @@
 set -e
 
 # Define where to upload files too
-GCP_PREFIX=gs://duffel-assets/components/ancillaries
+GCP_PREFIX=gs://duffel-assets/components
 
 # Gets current version from package.json 
 VERSION=$(jq '.version' package.json -r)
@@ -16,7 +16,7 @@ if [ -z "$VERSION" ]; then
 fi
 
 # Check if folder exists
-if gsutil -q stat "$GCP_PREFIX/$VERSION/index.js"; then
+if gsutil -q stat "$GCP_PREFIX/$VERSION/duffel-ancillaries.js"; then
   # Confirm with user before overriding
   read -p "Version \`$VERSION\` already exists. Do you want to override it? (\`Y\` to continue) " -n 1 -r
   echo
@@ -30,10 +30,5 @@ if gsutil -q stat "$GCP_PREFIX/$VERSION/index.js"; then
 fi
  
 # Uploads fixtures
-gcloud storage cp -r dist/ancillaries "$GCP_PREFIX/$VERSION"
-
-# Check if --latest argument is provided
-if [ "$1" == "--latest" ]; then
-  # Copies the current version into the latest folder 
-  gcloud storage cp -r "$GCP_PREFIX/$VERSION" "$GCP_PREFIX/latest"
-fi
+gcloud storage cp -r cdn-dist "$GCP_PREFIX/$VERSION"
+ 

package/src/components/{Card.tsx → DuffelAncillaries/Card.tsx}

@@ -1,6 +1,6 @@
+import { Icon, IconName } from "@components/shared/Icon";
 import classNames from "classnames";
 import * as React from "react";
-import { Icon, IconName } from "./Icon";
 
 export interface CardProps {
   buttonTitle: string;

package/src/components/{Counter.tsx → DuffelAncillaries/Counter.tsx}

@@ -1,5 +1,5 @@
+import { IconButton } from "@components/shared/IconButton";
 import * as React from "react";
-import { IconButton } from "./IconButton";
 
 interface CounterProps {
   id: string;

package/src/components/{DuffelAncillaries.tsx → DuffelAncillaries/DuffelAncillaries.tsx}

@@ -1,9 +1,11 @@
+import { ErrorBoundary } from "@components/shared/ErrorBoundary";
+import { FetchOfferErrorState } from "@components/shared/FetchOfferErrorState";
 import { compileCreateOrderPayload } from "@lib/compileCreateOrderPayload";
 import { createPriceFormatters } from "@lib/createPriceFormatters";
 import { formatAvailableServices } from "@lib/formatAvailableServices";
 import { formatSeatMaps } from "@lib/formatSeatMaps";
 import { isPayloadComplete } from "@lib/isPayloadComplete";
-import { LogContext, initializeLogger } from "@lib/logging";
+import { initializeLogger, logGroup } from "@lib/logging";
 import { offerIsExpired } from "@lib/offerIsExpired";
 import { retrieveOffer } from "@lib/retrieveOffer";
 import { retrieveSeatMaps } from "@lib/retrieveSeatMaps";
@@ -19,12 +21,10 @@ import * as React from "react";
 import {
   CreateOrderPayloadPassengers,
   CreateOrderPayloadService,
-} from "../types/CreateOrderPayload";
-import { DuffelAncillariesProps } from "../types/DuffelAncillariesProps";
-import { Offer } from "../types/Offer";
-import { SeatMap } from "../types/SeatMap";
-import { ErrorBoundary } from "./ErrorBoundary";
-import { FetchOfferErrorState } from "./FetchOfferErrorState";
+} from "../../types/CreateOrderPayload";
+import { DuffelAncillariesProps } from "../../types/DuffelAncillariesProps";
+import { Offer } from "../../types/Offer";
+import { SeatMap } from "../../types/SeatMap";
 import { BaggageSelectionCard } from "./bags/BaggageSelectionCard";
 import { CfarSelectionCard } from "./cancel_for_any_reason/CfarSelectionCard";
 import { SeatSelectionCard } from "./seats/SeatSelectionCard";
@@ -33,9 +33,9 @@ const COMPONENT_CDN = process.env.COMPONENT_CDN || "";
 const hrefToComponentStyles = `${COMPONENT_CDN}/global.css`;
 
 export const DuffelAncillaries: React.FC<DuffelAncillariesProps> = (props) => {
-  const logger = initializeLogger(props.debug || false);
+  initializeLogger(props.debug || false);
 
-  logger.logGroup("Properties passed into the component:", props);
+  logGroup("Properties passed into the component:", props);
 
   if (!areDuffelAncillariesPropsValid(props)) {
     throw new Error(
@@ -186,7 +186,7 @@ export const DuffelAncillaries: React.FC<DuffelAncillariesProps> = (props) => {
           ? props.offer_id
           : props.offer.id,
         !isPropsWithOfferIdForFixture ? props.client_key : null,
-        setError,
+        () => updateSeatMaps([]),
         setIsSeatMapLoading,
         updateSeatMaps
       );
@@ -235,7 +235,7 @@ export const DuffelAncillaries: React.FC<DuffelAncillariesProps> = (props) => {
         cancel_for_any_reason_services: cfarSelectedServices,
       };
 
-      logger.logGroup("Payload ready", {
+      logGroup("Payload ready", {
         "Order creation payload": createOrderPayload,
         "Services metadata": metadata,
       });
@@ -284,63 +284,61 @@ export const DuffelAncillaries: React.FC<DuffelAncillariesProps> = (props) => {
     error,
   };
 
-  logger.logGroup("Component's internal state:", state);
+  logGroup("Component's internal state:", state);
 
   return (
     <>
       <link rel="stylesheet" href={hrefToComponentStyles}></link>
 
-      <LogContext.Provider value={logger}>
-        <div className="duffel-components" style={duffelComponentsStyle}>
-          <ErrorBoundary>
-            {error && (
-              <FetchOfferErrorState
-                height={nonIdealStateHeight}
-                message={error}
-              />
-            )}
-
-            {!error &&
-              props.services.map((ancillaryName) => {
-                if (ancillaryName === "bags")
-                  return (
-                    <BaggageSelectionCard
-                      key="bags"
-                      isLoading={isOfferLoading}
-                      offer={offer}
-                      passengers={passengers}
-                      selectedServices={baggageSelectedServices}
-                      setSelectedServices={setBaggageSelectedServices}
-                    />
-                  );
-
-                if (ancillaryName === "seats")
-                  return (
-                    <SeatSelectionCard
-                      key="seats"
-                      isLoading={isOfferLoading || isSeatMapLoading}
-                      seatMaps={seatMaps}
-                      offer={offer}
-                      passengers={passengers}
-                      selectedServices={seatSelectedServices}
-                      setSelectedServices={setSeatSelectedServices}
-                    />
-                  );
-
-                if (ancillaryName === "cancel_for_any_reason")
-                  return (
-                    <CfarSelectionCard
-                      key="cancel_for_any_reason"
-                      isLoading={isOfferLoading}
-                      offer={offer}
-                      selectedServices={cfarSelectedServices}
-                      setSelectedServices={setCfarSelectedServices}
-                    />
-                  );
-              })}
-          </ErrorBoundary>
-        </div>
-      </LogContext.Provider>
+      <div className="duffel-components" style={duffelComponentsStyle}>
+        <ErrorBoundary>
+          {error && (
+            <FetchOfferErrorState
+              height={nonIdealStateHeight}
+              message={error}
+            />
+          )}
+
+          {!error &&
+            props.services.map((ancillaryName) => {
+              if (ancillaryName === "bags")
+                return (
+                  <BaggageSelectionCard
+                    key="bags"
+                    isLoading={isOfferLoading}
+                    offer={offer}
+                    passengers={passengers}
+                    selectedServices={baggageSelectedServices}
+                    setSelectedServices={setBaggageSelectedServices}
+                  />
+                );
+
+              if (ancillaryName === "seats")
+                return (
+                  <SeatSelectionCard
+                    key="seats"
+                    isLoading={isOfferLoading || isSeatMapLoading}
+                    seatMaps={seatMaps}
+                    offer={offer}
+                    passengers={passengers}
+                    selectedServices={seatSelectedServices}
+                    setSelectedServices={setSeatSelectedServices}
+                  />
+                );
+
+              if (ancillaryName === "cancel_for_any_reason")
+                return (
+                  <CfarSelectionCard
+                    key="cancel_for_any_reason"
+                    isLoading={isOfferLoading}
+                    offer={offer}
+                    selectedServices={cfarSelectedServices}
+                    setSelectedServices={setCfarSelectedServices}
+                  />
+                );
+            })}
+        </ErrorBoundary>
+      </div>
     </>
   );
 };

package/src/components/{DuffelAncillariesCustomElement.tsx → DuffelAncillaries/DuffelAncillariesCustomElement.tsx}

@@ -1,5 +1,5 @@
 import { createRoot, Root } from "react-dom/client";
-import { CreateOrderPayload } from "../types/CreateOrderPayload";
+import { CreateOrderPayload } from "../../types/CreateOrderPayload";
 import {
   DuffelAncillariesPropsWithClientKeyAndOfferId,
   DuffelAncillariesPropsWithOfferIdForFixture,
@@ -7,7 +7,7 @@ import {
   DuffelAncillariesPropWithOfferAndClientKey,
   OnPayloadReady,
   OnPayloadReadyMetadata,
-} from "../types/DuffelAncillariesProps";
+} from "../../types/DuffelAncillariesProps";
 import { DuffelAncillaries } from "./DuffelAncillaries";
 
 declare global {

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionCard.tsx

@@ -1,3 +1,5 @@
+import { AnimatedLoaderEllipsis } from "@components/shared/AnimatedLoaderEllipsis";
+import { Stamp } from "@components/shared/Stamp";
 import { getCurrencyForServices } from "@lib/getCurrencyForServices";
 import { getTotalAmountForServices } from "@lib/getTotalAmountForServices";
 import { getTotalQuantity } from "@lib/getTotalQuantity";
@@ -8,11 +10,9 @@ import React from "react";
 import {
   CreateOrderPayload,
   CreateOrderPayloadServices,
-} from "../../types/CreateOrderPayload";
-import { Offer } from "../../types/Offer";
-import { AnimatedLoaderEllipsis } from "../AnimatedLoaderEllipsis";
+} from "../../../types/CreateOrderPayload";
+import { Offer } from "../../../types/Offer";
 import { Card } from "../Card";
-import { Stamp } from "../Stamp";
 import { BaggageSelectionModal } from "./BaggageSelectionModal";
 
 export interface BaggageSelectionCardProps {

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionController.tsx

@@ -2,8 +2,8 @@ import { getBaggageServiceDescription } from "@lib/getBaggageServiceDescription"
 import { hasServiceOfSameMetadataTypeAlreadyBeenSelected } from "@lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected";
 import { moneyStringFormatter } from "@lib/moneyStringFormatter";
 import React from "react";
-import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
-import { OfferAvailableServiceBaggage } from "../../types/Offer";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
+import { OfferAvailableServiceBaggage } from "../../../types/Offer";
 import { Counter } from "../Counter";
 
 interface BaggageSelectionControllerProps {

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModal.tsx

@@ -1,3 +1,4 @@
+import { Modal } from "@components/shared/Modal";
 import { getCurrencyForServices } from "@lib/getCurrencyForServices";
 import { getPassengerMapById } from "@lib/getPassengerMapById";
 import { getSegmentList } from "@lib/getSegmentList";
@@ -7,9 +8,8 @@ import React, { useState } from "react";
 import {
   CreateOrderPayload,
   CreateOrderPayloadServices,
-} from "../../types/CreateOrderPayload";
-import { Offer } from "../../types/Offer";
-import { Modal } from "../Modal";
+} from "../../../types/CreateOrderPayload";
+import { Offer } from "../../../types/Offer";
 import { BaggageSelectionModalBody } from "./BaggageSelectionModalBody";
 import { BaggageSelectionModalFooter } from "./BaggageSelectionModalFooter";
 import { BaggageSelectionModalHeader } from "./BaggageSelectionModalHeader";

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBody.tsx

@@ -1,15 +1,15 @@
-import { ModalBody } from "@components/Modal";
+import { ModalBody } from "@components/shared/Modal";
 import { getPassengerName } from "@lib/getPassengerName";
 import React from "react";
 import {
   CreateOrderPayloadPassenger,
   CreateOrderPayloadServices,
-} from "../../types/CreateOrderPayload";
+} from "../../../types/CreateOrderPayload";
 import {
   Offer,
   OfferAvailableServiceBaggage,
   OfferSliceSegment,
-} from "../../types/Offer";
+} from "../../../types/Offer";
 import { BaggageSelectionModalBodyPassenger } from "./BaggageSelectionModalBodyPassenger";
 
 export interface BaggageSelectionModalBodyProps {

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBodyPassenger.tsx

@@ -1,9 +1,9 @@
 import React from "react";
-import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
 import {
   OfferAvailableServiceBaggage,
   OfferSliceSegmentPassengerBaggage,
-} from "../../types/Offer";
+} from "../../../types/Offer";
 import { BaggageSelectionController } from "./BaggageSelectionController";
 import { IncludedBaggageBanner } from "./IncludedBaggageBanner";
 

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalFooter.tsx

@@ -1,11 +1,11 @@
+import { Button } from "@components/shared/Button";
 import { ServicePriceMapById } from "@lib/getServicePriceMapById";
 import { getTotalAmountForServicesWithPriceMap } from "@lib/getTotalAmountForServices";
 import { getTotalQuantity } from "@lib/getTotalQuantity";
 import { moneyStringFormatter } from "@lib/moneyStringFormatter";
 import { withPlural } from "@lib/withPlural";
 import React from "react";
-import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
-import { Button } from "../Button";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
 
 export interface BaggageSelectionModalFooterProps {
   currency: string;

package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalHeader.tsx

@@ -1,6 +1,6 @@
 import { formatDateString } from "@lib/formatDate";
 import React from "react";
-import { OfferSliceSegment } from "../../types/Offer";
+import { OfferSliceSegment } from "../../../types/Offer";
 
 export interface BaggageSelectionModalHeaderProps {
   segmentCount: number;

package/src/components/{bags → DuffelAncillaries/bags}/IncludedBaggageBanner.tsx

@@ -1,6 +1,6 @@
 import { withPlural } from "@lib/withPlural";
 import React from "react";
-import { OfferSliceSegmentPassengerBaggage } from "../../types/Offer";
+import { OfferSliceSegmentPassengerBaggage } from "../../../types/Offer";
 
 interface IncludedBaggageBannerProps {
   includedBaggage: OfferSliceSegmentPassengerBaggage[];

package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionCard.tsx

@@ -1,5 +1,5 @@
-import { AnimatedLoaderEllipsis } from "@components/AnimatedLoaderEllipsis";
-import { Stamp } from "@components/Stamp";
+import { AnimatedLoaderEllipsis } from "@components/shared/AnimatedLoaderEllipsis";
+import { Stamp } from "@components/shared/Stamp";
 import { getCurrencyForServices } from "@lib/getCurrencyForServices";
 import { getTotalAmountForServices } from "@lib/getTotalAmountForServices";
 import { getTotalQuantity } from "@lib/getTotalQuantity";
@@ -7,8 +7,8 @@ import { hasService } from "@lib/hasService";
 import { isCancelForAnyReasonService } from "@lib/isCancelForAnyReasonService";
 import { moneyStringFormatter } from "@lib/moneyStringFormatter";
 import React from "react";
-import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
-import { Offer } from "../../types/Offer";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
+import { Offer } from "../../../types/Offer";
 import { Card } from "../Card";
 import { CfarSelectionModal } from "./CfarSelectionModal";
 

package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModal.tsx

@@ -1,13 +1,13 @@
+import { Modal } from "@components/shared/Modal";
 import React from "react";
 import {
   CreateOrderPayloadServiceInformationForCancelForAnyReason,
   CreateOrderPayloadServices,
-} from "../../types/CreateOrderPayload";
+} from "../../../types/CreateOrderPayload";
 import {
   Offer,
   OfferAvailableServiceCancelForAnyReason,
-} from "../../types/Offer";
-import { Modal } from "../Modal";
+} from "../../../types/Offer";
 import { CfarSelectionModalBody } from "./CfarSelectionModalBody";
 import { CfarSelectionModalFooter } from "./CfarSelectionModalFooter";
 import { CfarSelectionModalHeader } from "./CfarSelectionModalHeader";

package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBody.tsx

@@ -1,11 +1,11 @@
-import { Icon } from "@components/Icon";
-import { ModalBody } from "@components/Modal";
+import { Icon } from "@components/shared//Icon";
+import { ModalBody } from "@components/shared/Modal";
 import { moneyStringFormatter } from "@lib/moneyStringFormatter";
 import React from "react";
 import {
   Offer,
   OfferAvailableServiceCancelForAnyReason,
-} from "../../types/Offer";
+} from "../../../types/Offer";
 import { CfarSelectionModalBodyListItem } from "./CfarSelectionModalBodyListItem";
 
 export interface CfarSelectionModalBodyProps {

package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBodyListItem.tsx

@@ -1,4 +1,4 @@
-import { Icon } from "@components/Icon";
+import { Icon } from "@components/shared/Icon";
 import React, { ReactNode } from "react";
 
 export const CfarSelectionModalBodyListItem: React.FC<{

package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalFooter.tsx

@@ -1,9 +1,9 @@
-import { Icon } from "@components/Icon";
+import { Button } from "@components/shared/Button";
+import { Icon } from "@components/shared/Icon";
 import { moneyStringFormatter } from "@lib/moneyStringFormatter";
 import React from "react";
-import { CreateOrderPayloadServices } from "../../types/CreateOrderPayload";
-import { OfferAvailableServiceCancelForAnyReason } from "../../types/Offer";
-import { Button } from "../Button";
+import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
+import { OfferAvailableServiceCancelForAnyReason } from "../../../types/Offer";
 
 export interface CfarSelectionModalFooterProps {
   service: OfferAvailableServiceCancelForAnyReason;

package/src/components/{seats → DuffelAncillaries/seats}/Amenity.tsx

@@ -1,7 +1,7 @@
+import { Icon, IconName } from "@components/shared/Icon";
 import classNames from "classnames";
 import * as React from "react";
-import { SeatMapCabinRowSectionElementAmenity } from "../../types/SeatMap";
-import { Icon, IconName } from "../Icon";
+import { SeatMapCabinRowSectionElementAmenity } from "../../../types/SeatMap";
 
 const amenitiesWithoutWrapper = ["bassinet", "exit_row"];
 

package/src/components/{seats → DuffelAncillaries/seats}/DeckSelect.tsx

@@ -1,4 +1,4 @@
-import { Tabs } from "@components/Tabs";
+import { Tabs } from "@components/shared/Tabs";
 import * as React from "react";
 
 export interface DeckSelectProps {

package/src/components/{seats → DuffelAncillaries/seats}/Element.tsx

@@ -1,7 +1,7 @@
 import { isSeatElement } from "@lib/isSeatElement";
 import * as React from "react";
-import { CreateOrderPayloadSeatService } from "../../types/CreateOrderPayload";
-import { SeatMapCabinRowSectionElement } from "../../types/SeatMap";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMapCabinRowSectionElement } from "../../../types/SeatMap";
 import { Amenity } from "./Amenity";
 import { EmptyElement } from "./EmptyElement";
 import { ExitElement } from "./ExitElement";

package/src/components/{seats → DuffelAncillaries/seats}/ExitElement.tsx

@@ -1,6 +1,6 @@
+import { Icon } from "@components/shared/Icon";
 import classNames from "classnames";
 import * as React from "react";
-import { Icon } from "../Icon";
 
 interface ExitElementProps {
   isRight: boolean;

package/src/components/{seats → DuffelAncillaries/seats}/Legend.tsx

@@ -1,6 +1,6 @@
-import { Icon, IconName } from "@components/Icon";
+import { Icon, IconName } from "@components/shared/Icon";
 import * as React from "react";
-import { SeatMapCabinRowSectionElementAmenity } from "../../types/SeatMap";
+import { SeatMapCabinRowSectionElementAmenity } from "../../../types/SeatMap";
 
 export interface LegendProps {
   /**

package/src/components/{seats → DuffelAncillaries/seats}/Row.tsx

@@ -1,7 +1,7 @@
 import { getRowNumber } from "@lib/getRowNumber";
 import * as React from "react";
-import { CreateOrderPayloadSeatService } from "../../types/CreateOrderPayload";
-import { SeatMapCabinRow } from "../../types/SeatMap";
+import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
+import { SeatMapCabinRow } from "../../../types/SeatMap";
 import { RowSection } from "./RowSection";
 
 export interface RowProps {