@duffel/components 3.1.3--prototype.4 → 3.1.3--prototype.7

package/src/index.ts

@@ -1,7 +0,0 @@
-/**
- * This file is the main entry point for the library -- `@duffel/components`.
- * If you'd like to expose other react components, please add them here.
- */
-export * from "./components/DuffelAncillaries/DuffelAncillaries";
-export * from "./components/DuffelPayments/DuffelPayments";
-export * from "./types";

package/src/lib/captureErrorInSentry.ts

@@ -1,42 +0,0 @@
-import * as Sentry from "@sentry/browser";
-
-let hasSentryInitiated = false;
-function initiateSentry() {
-  Sentry.init({
-    dsn: "https://903950caba7d4802afe6c1e985ad5ebd@o128085.ingest.sentry.io/4504854496149504",
-
-    /**
-     * The release identifier used when uploading respective source maps. Specify
-     * this value to allow Sentry to resolve the correct source maps when
-     * processing events.
-     */
-    release: process.env.COMPONENT_VERSION,
-
-    /**
-     * List of integrations that should be installed after SDK was initialized.
-     * Accepts either a list of integrations or a function that receives
-     * default integrations and returns a new, updated list.
-     */
-    integrations: [new Sentry.BrowserTracing()],
-
-    /**
-     * Sample rate to determine trace sampling.
-     *
-     * 0.0 = 0% chance of a given trace being sent (send no traces) 1.0 = 100% chance of a given trace being sent (send
-     * all traces)
-     *
-     * Tracing is enabled if either this or `tracesSampler` is defined. If both are defined, `tracesSampleRate` is
-     * ignored.
-     */
-    tracesSampleRate: 1,
-  });
-  hasSentryInitiated = true;
-}
-
-export const captureErrorInSentry = (error: Error) => {
-  if (!hasSentryInitiated) {
-    initiateSentry();
-  }
-
-  return Sentry.captureException(error);
-};

package/src/lib/compileCreateOrderPayload.ts

@@ -1,63 +0,0 @@
-import {
-  CreateOrderPayload,
-  CreateOrderPayloadService,
-  CreateOrderPayloadServices,
-} from "../types/CreateOrderPayload";
-import { DuffelAncillariesProps } from "../types/DuffelAncillariesProps";
-import { Offer } from "../types/Offer";
-import { SeatMap } from "../types/SeatMap";
-import { getTotalAmountForServices } from "./getTotalAmountForServices";
-
-interface CompileCreateOrderPayloadInput {
-  offer: Offer;
-  passengers: DuffelAncillariesProps["passengers"];
-  baggageSelectedServices: CreateOrderPayloadServices;
-  seatSelectedServices: CreateOrderPayloadServices;
-  cfarSelectedServices: CreateOrderPayloadServices;
-  seatMaps?: SeatMap[];
-}
-
-export const compileCreateOrderPayload = ({
-  baggageSelectedServices,
-  seatSelectedServices,
-  cfarSelectedServices,
-  offer,
-  seatMaps,
-  passengers,
-}: CompileCreateOrderPayloadInput): Partial<CreateOrderPayload> => {
-  const selectedServicesWithInformation = [
-    ...baggageSelectedServices,
-    ...seatSelectedServices,
-    ...cfarSelectedServices,
-  ];
-
-  const totalAmountWithServices =
-    +offer.total_amount +
-    getTotalAmountForServices(offer, selectedServicesWithInformation, seatMaps);
-
-  return {
-    ...(offer && { selected_offers: [offer.id] }),
-    passengers,
-    services: filterServicesForPayload(selectedServicesWithInformation),
-    ...(offer && {
-      payments: [
-        {
-          type: "balance",
-          amount: `${totalAmountWithServices}`,
-          currency: offer.total_currency,
-        },
-      ],
-    }),
-    type: "instant",
-    metadata: { source: `duffel-ancillaries@${process.env.COMPONENT_VERSION}` },
-  };
-};
-
-const filterServicesForPayload = (
-  selectedServices: CreateOrderPayloadServices
-): Pick<CreateOrderPayloadService, "id" | "quantity">[] => {
-  if (!Array.isArray(selectedServices)) return [];
-  return selectedServices
-    .filter(({ quantity }) => quantity > 0)
-    .map(({ id, quantity }) => ({ id, quantity }));
-};

package/src/lib/createPriceFormatters.ts

@@ -1,73 +0,0 @@
-import {
-  DuffelAncillariesMarkup,
-  DuffelAncillariesMarkupDefinition,
-  DuffelAncillariesPriceFormatters,
-} from "src/types/DuffelAncillariesProps";
-
-const convertMarkupIntoPriceFormatter = (
-  markup: DuffelAncillariesMarkupDefinition
-) => {
-  return (amount: number, currency: string) => {
-    const { rate, amount: markupAmount } = markup;
-    const newAmount = amount * (1 + rate) + markupAmount;
-    return { amount: newAmount, currency };
-  };
-};
-
-const errorMessage =
-  "You cannot supply both markup and priceFormatters for the same service.";
-
-/**
- * Creates price formatters from the markup and priceFormatters passed in.
- * Throws an error if both are supplied.
- * If neither are supplied, the priceFormatters will be undefined.
- *
- * @param markup The markup to be applied to the prices of the available services of an offer.
- * @param priceFormatters Price formatters to apply to the prices of the available services of an offer.
- * @returns
- */
-const createPriceFormatters = (
-  markup?: DuffelAncillariesMarkup,
-  priceFormatters?: DuffelAncillariesPriceFormatters
-): DuffelAncillariesPriceFormatters => {
-  const formatters: DuffelAncillariesPriceFormatters = {};
-
-  if (priceFormatters) {
-    if (priceFormatters.bags) {
-      formatters.bags = priceFormatters.bags;
-    }
-    if (priceFormatters.seats) {
-      formatters.seats = priceFormatters.seats;
-    }
-    if (priceFormatters.cancel_for_any_reason) {
-      formatters.cancel_for_any_reason = priceFormatters.cancel_for_any_reason;
-    }
-  }
-
-  // Markup takes precedence over priceFormatters.
-  if (markup) {
-    if (markup.bags) {
-      if (priceFormatters && priceFormatters.bags) {
-        throw new Error(errorMessage);
-      }
-      formatters.bags = convertMarkupIntoPriceFormatter(markup.bags);
-    }
-    if (markup.seats) {
-      if (priceFormatters && priceFormatters.seats) {
-        throw new Error(errorMessage);
-      }
-      formatters.seats = convertMarkupIntoPriceFormatter(markup.seats);
-    }
-    if (markup.cancel_for_any_reason) {
-      if (priceFormatters && priceFormatters.cancel_for_any_reason) {
-        throw new Error(errorMessage);
-      }
-      formatters.cancel_for_any_reason = convertMarkupIntoPriceFormatter(
-        markup.cancel_for_any_reason
-      );
-    }
-  }
-  return formatters;
-};
-
-export { createPriceFormatters };

package/src/lib/fetchFromDuffelAPI.ts

@@ -1,54 +0,0 @@
-import { logGroup } from "./logging";
-
-export interface ErrorResponse extends Response {
-  data: { meta: any; errors: any[] };
-}
-export const isErrorResponse = (response: any): response is ErrorResponse => {
-  return "data" in response && Array.isArray(response.data.errors);
-};
-
-const DUFFEL_API_URL = process.env.DUFFEL_API_URL;
-const COMPONENT_VERSION = process.env.COMPONENT_VERSION;
-
-export async function fetchFromDuffelAPI(
-  withClientKey: string,
-  path: string,
-  method = "GET",
-  body?: string
-) {
-  logGroup("Making request to the Duffel API", { path, method });
-  const fullUrl = `${DUFFEL_API_URL}/ancillaries-component/${path}`;
-  let response: Response | null = null;
-  try {
-    response = await fetch(fullUrl, {
-      method,
-      body,
-      headers: {
-        "Duffel-Version": "v1",
-        Authorization: `Bearer ${withClientKey}`,
-        "User-Agent": `Duffel/ancillaries-component@${COMPONENT_VERSION}`,
-      },
-    });
-  } catch (error) {
-    logGroup("Failed to make request to the Duffel API", { error });
-    throw error;
-  }
-
-  const data = await response.json();
-  if (Array.isArray(data.errors)) {
-    logGroup("Request to the Duffel API failed", {
-      operation: `${method} ${fullUrl}`,
-      method,
-      request_id: data?.meta?.request_id,
-      errors: data.errors,
-      status: response.status,
-    });
-    throw { ...response, data };
-  } else {
-    logGroup("Request to the Duffel succeeded", {
-      request_id: data?.meta?.request_id,
-    });
-  }
-
-  return data;
-}

package/src/lib/fetchFromFixtures.ts

@@ -1,18 +0,0 @@
-import { Offer } from "../types/Offer";
-import { SeatMap } from "../types/SeatMap";
-
-const COMPONENT_CDN = process.env.COMPONENT_CDN;
-
-export const importFromOfferFixtures = async (
-  offerId: string
-): Promise<Offer> =>
-  await (
-    await fetch(COMPONENT_CDN + `/fixtures/offers/${offerId}.json`)
-  ).json();
-
-export const importFromSeatMapsFixtures = async (
-  offerId: string
-): Promise<SeatMap[]> =>
-  await (
-    await fetch(COMPONENT_CDN + `/fixtures/seat-maps/${offerId}.json`)
-  ).json();

package/src/lib/formatAvailableServices.ts

@@ -1,91 +0,0 @@
-import { DuffelAncillariesPriceFormatters } from "../types/DuffelAncillariesProps";
-import { Offer } from "../types/Offer";
-import { isBaggageService } from "./isBaggageService";
-import { isCancelForAnyReasonService } from "./isCancelForAnyReasonService";
-
-const multipleCurrenciesErrorMessage = (
-  label: string,
-  currencies: Set<string>
-) => {
-  return `${label} must all have the same currency, but they have ${
-    currencies.size
-  } different currencies (${[...currencies].join(
-    ", "
-  )}). Check the price formatters passed into the component's render function.`;
-};
-
-/**
- * Formats the prices of the available services of an offer according to the
- * priceFormatters passed in.
- *
- * @param offer An offer from the Duffel API
- * @param priceFormatters Optional price formatting functions. If not passed in, the offer will be returned unchanged.
- * @returns An offer with the prices of its available services formatted according to the priceFormatters passed in.
- */
-const formatAvailableServices = (
-  offer: Offer,
-  priceFormatters?: DuffelAncillariesPriceFormatters
-): Offer => {
-  // If no custom formatters were passed in, don't do anything.
-  if (!priceFormatters) {
-    return offer;
-  }
-
-  const availableServices = offer.available_services;
-
-  const foundCurrencies = new Set<string>();
-
-  const formatters = {
-    baggage: priceFormatters?.bags,
-    cancel_for_any_reason: priceFormatters?.cancel_for_any_reason,
-  };
-
-  const servicesWithFormattedPrices = availableServices.map((service) => {
-    const serviceWithFormattedPrices = { ...service };
-
-    if (service.type in formatters && formatters[service.type]) {
-      let { total_amount, total_currency } = service;
-
-      if (isBaggageService(service)) {
-        const { amount, currency } = formatters[service.type]!(
-          +service.total_amount,
-          service.total_currency,
-          service
-        );
-
-        total_amount = amount.toString();
-        if (currency) {
-          total_currency = currency;
-        }
-      }
-
-      if (isCancelForAnyReasonService(service)) {
-        const { amount, currency } = formatters[service.type]!(
-          +service.total_amount,
-          service.total_currency,
-          service
-        );
-
-        total_amount = amount.toString();
-        if (currency) {
-          total_currency = currency;
-        }
-      }
-
-      // Guard against different currencies being passed in for different services.
-      foundCurrencies.add(total_currency);
-      if (foundCurrencies.size > 1) {
-        throw new Error(
-          multipleCurrenciesErrorMessage(service.type, foundCurrencies)
-        );
-      }
-
-      serviceWithFormattedPrices.total_amount = total_amount;
-      serviceWithFormattedPrices.total_currency = total_currency;
-    }
-    return serviceWithFormattedPrices;
-  });
-  return { ...offer, available_services: servicesWithFormattedPrices };
-};
-
-export { formatAvailableServices };

package/src/lib/formatDate.ts

@@ -1,20 +0,0 @@
-import { captureErrorInSentry } from "./captureErrorInSentry";
-
-export const formatDateString = (dateString: string) => {
-  const date = new Date(dateString);
-  if (!isNaN(date.valueOf())) return formatDate(date);
-  else {
-    captureErrorInSentry(
-      new Error(
-        `formatDateString attempted to parse an invalid date string: ${dateString}`
-      )
-    );
-  }
-};
-
-export const formatDate = (date: Date) => {
-  const { format } = new Intl.DateTimeFormat(undefined, {
-    dateStyle: "medium",
-  });
-  return format(date);
-};

package/src/lib/formatSeatMaps.ts

@@ -1,81 +0,0 @@
-import { DuffelAncillariesPriceFormatterForSeats } from "../types/DuffelAncillariesProps";
-import { SeatMap, SeatMapCabinRowSectionElement } from "../types/SeatMap";
-import { isSeatElement } from "./isSeatElement";
-
-const multipleCurrenciesErrorMessage = (currencies: Set<string>) => {
-  return `Seats must all have the same currency, but they have ${
-    currencies.size
-  } different currencies (${[...currencies].join(
-    ", "
-  )}). Check the price formatters passed into the component's render function.`;
-};
-
-const formatElement = (
-  element: SeatMapCabinRowSectionElement,
-  priceFormatter: DuffelAncillariesPriceFormatterForSeats,
-  foundCurrencies: Set<string>
-) => {
-  const formattedElement = { ...element };
-  if (
-    isSeatElement(formattedElement) &&
-    formattedElement.available_services.length > 0
-  ) {
-    const formattedServices = formattedElement.available_services.map(
-      (service) => {
-        const formattedService = { ...service };
-        const { amount, currency } = priceFormatter(
-          +service.total_amount,
-          service.total_currency,
-          service
-        );
-
-        formattedService.total_amount = amount.toString();
-
-        // Guard against different currencies being passed in for different seats.
-        if (currency) {
-          formattedService.total_currency = currency;
-          foundCurrencies.add(currency);
-          if (foundCurrencies.size > 1) {
-            throw new Error(multipleCurrenciesErrorMessage(foundCurrencies));
-          }
-        }
-
-        return formattedService;
-      }
-    );
-    formattedElement.available_services = formattedServices;
-  }
-  return formattedElement;
-};
-
-const formatSeatMaps = (
-  seatMaps: SeatMap[],
-  priceFormatter?: DuffelAncillariesPriceFormatterForSeats
-): SeatMap[] => {
-  // If a custom formatter wasn't passed in, don't do anything.
-  if (!priceFormatter) {
-    return seatMaps;
-  }
-
-  const foundCurrencies = new Set<string>();
-
-  const formattedSeatMaps: SeatMap[] = seatMaps.map((seatMap) => {
-    const formattedCabins = seatMap.cabins.map((cabin) => {
-      const formattedRows = cabin.rows.map((row) => {
-        const formattedSections = row.sections.map((section) => {
-          const formattedElements = section.elements.map((element) => {
-            return formatElement(element, priceFormatter, foundCurrencies);
-          });
-          return { ...section, elements: formattedElements };
-        });
-        return { ...row, sections: formattedSections };
-      });
-      return { ...cabin, rows: formattedRows };
-    });
-    return { ...seatMap, cabins: formattedCabins };
-  });
-
-  return formattedSeatMaps;
-};
-
-export { formatSeatMaps };

package/src/lib/getBaggageServiceDescription.ts

@@ -1,39 +0,0 @@
-import { captureErrorInSentry } from "@lib/captureErrorInSentry";
-import { OfferAvailableServiceBaggageMetadata } from "../types/Offer";
-
-export const getBaggageServiceDescription = (
-  metadata: OfferAvailableServiceBaggageMetadata
-) => {
-  if (!metadata) {
-    captureErrorInSentry(
-      new Error("getBaggageServiceDescription was not given any metadata")
-    );
-    return null;
-  }
-
-  if (
-    !metadata.maximum_weight_kg &&
-    !metadata.maximum_length_cm &&
-    !metadata.maximum_height_cm &&
-    !metadata.maximum_depth_cm
-  ) {
-    return null;
-  }
-
-  const hasAllDimensions =
-    metadata.maximum_length_cm &&
-    metadata.maximum_height_cm &&
-    metadata.maximum_depth_cm;
-
-  let dimensionsLabel = "";
-  if (hasAllDimensions) {
-    dimensionsLabel = ` / ${metadata.maximum_height_cm} x ${metadata.maximum_length_cm} x ${metadata.maximum_depth_cm} cm`;
-  }
-
-  let weightLabel = "";
-  if (metadata.maximum_weight_kg) {
-    weightLabel = `Up to ${metadata.maximum_weight_kg}kg`;
-  }
-
-  return `${weightLabel}${dimensionsLabel}`;
-};

package/src/lib/getCabinsForSegmentAndDeck.ts

@@ -1,4 +0,0 @@
-import { SeatMap } from "../types/SeatMap";
-
-export const getCabinsForSegmentAndDeck = (forDeck: number, seatMap: SeatMap) =>
-  seatMap.cabins.filter((cabin) => cabin.deck === forDeck);

package/src/lib/getCurrencyForSeatMaps.ts

@@ -1,22 +0,0 @@
-import { SeatMap, SeatMapCabinRowSectionElementSeat } from "../types/SeatMap";
-import { getFirstSeatElementMatchingCriteria } from "./getFirstSeatElementMatchingCriteria";
-
-/**
- *
- * Returns the currency of the first service of the given seat maps.
- *
- * @param seatMaps[] Array of seat maps
- * @returns A string representing the currency of the seat maps in the offer.
- */
-const getCurrencyForSeatMaps = (seatMaps: SeatMap[]): string | undefined => {
-  const firstElementWithServices:
-    | SeatMapCabinRowSectionElementSeat
-    | undefined = getFirstSeatElementMatchingCriteria(
-    seatMaps,
-    (element) =>
-      element.type === "seat" && element.available_services.length > 0
-  ) as SeatMapCabinRowSectionElementSeat;
-  return firstElementWithServices?.available_services[0]?.total_currency;
-};
-
-export { getCurrencyForSeatMaps };

package/src/lib/getCurrencyForServices.ts

@@ -1,24 +0,0 @@
-import { Offer } from "../types/Offer";
-
-/**
- *
- * Returns the currency of the first service of the given type in the offer.
- *
- * @param offer An offer
- * @returns A string representing the currency of the services in the offer.
- * @throws If there are no services, or none of the services are of the given type.
- */
-const getCurrencyForServices = (offer: Offer, serviceType: string): string => {
-  if (offer.available_services.length === 0) {
-    throw new Error("No services available");
-  }
-  const firstService = offer.available_services.find(
-    (service) => service.type === serviceType
-  );
-  if (!firstService) {
-    throw new Error(`No ${serviceType} services available`);
-  }
-  return firstService.total_currency;
-};
-
-export { getCurrencyForServices };

package/src/lib/getFirstSeatElementMatchingCriteria.ts

@@ -1,22 +0,0 @@
-import { SeatMap, SeatMapCabinRowSectionElement } from "../types/SeatMap";
-
-const getFirstSeatElementMatchingCriteria = (
-  seatMaps: SeatMap[],
-  matcher: (element: SeatMapCabinRowSectionElement) => boolean
-) => {
-  for (const seatMap of seatMaps) {
-    for (const cabin of seatMap.cabins) {
-      for (const row of cabin.rows) {
-        for (const section of row.sections) {
-          for (const element of section.elements) {
-            if (matcher(element)) {
-              return element;
-            }
-          }
-        }
-      }
-    }
-  }
-};
-
-export { getFirstSeatElementMatchingCriteria };

package/src/lib/getPassengerBySegmentList.ts

@@ -1,10 +0,0 @@
-import { OfferSliceSegment } from "../types/Offer";
-
-export const getPassengerBySegmentList = (segments: OfferSliceSegment[]) =>
-  segments.flatMap((segment) =>
-    segment.passengers.map((passenger, passengerIndex) => ({
-      passenger,
-      passengerIndex,
-      segment,
-    }))
-  );

package/src/lib/getPassengerInitials.ts

@@ -1,6 +0,0 @@
-export const getPassengerInitials = (passengerName = "") =>
-  passengerName
-    .split(" ")
-    .map((partOfTheName) => partOfTheName[0])
-    .slice(0, 2)
-    .join("");

package/src/lib/getPassengerMapById.ts

@@ -1,17 +0,0 @@
-import {
-  CreateOrderPayloadPassenger,
-  CreateOrderPayloadPassengers,
-} from "../types/CreateOrderPayload";
-
-export type PassengerMapById = Record<
-  CreateOrderPayloadPassenger["id"],
-  CreateOrderPayloadPassenger
->;
-
-export const getPassengerMapById = (
-  passengers: CreateOrderPayloadPassengers
-): PassengerMapById =>
-  passengers.reduce(
-    (all, passenger) => ({ [passenger.id]: passenger, ...all }),
-    {} as PassengerMapById
-  );

package/src/lib/getPassengerName.ts

@@ -1,41 +0,0 @@
-import { CreateOrderPayloadPassenger } from "../types/CreateOrderPayload";
-import { OfferPassenger } from "../types/Offer";
-
-export const getPassengerName = (
-  createOrderPayloadPassenger: CreateOrderPayloadPassenger,
-  offerPassenger: OfferPassenger | undefined,
-  fallbackIndex: number
-): string => {
-  if (!createOrderPayloadPassenger) {
-    return `Passenger ${fallbackIndex}`;
-  }
-
-  if (
-    createOrderPayloadPassenger.given_name &&
-    createOrderPayloadPassenger.family_name
-  ) {
-    return `${createOrderPayloadPassenger.given_name} ${createOrderPayloadPassenger.family_name}`;
-  }
-
-  if (createOrderPayloadPassenger.given_name) {
-    return createOrderPayloadPassenger.given_name;
-  }
-
-  if (createOrderPayloadPassenger.family_name) {
-    return createOrderPayloadPassenger.family_name;
-  }
-
-  if (offerPassenger?.given_name && offerPassenger?.family_name) {
-    return `${offerPassenger.given_name} ${offerPassenger.family_name}`;
-  }
-
-  if (offerPassenger?.given_name) {
-    return offerPassenger.given_name;
-  }
-
-  if (offerPassenger?.family_name) {
-    return offerPassenger.family_name;
-  }
-
-  return `Passenger ${fallbackIndex}`;
-};

package/src/lib/getRowNumber.ts

@@ -1,16 +0,0 @@
-import {
-  SeatMapCabinRow,
-  SeatMapCabinRowSectionElementSeat,
-} from "../types/SeatMap";
-
-export const getRowNumber = (row: SeatMapCabinRow): string | null => {
-  const seats = Object.values(row.sections)
-    .map((section) => section.elements)
-    .reduce((acc, val) => acc.concat(val), [])
-    .filter(
-      (element) => element.type === "seat"
-    ) as SeatMapCabinRowSectionElementSeat[];
-  return seats.length > 0
-    ? seats[0].designator.substring(0, seats[0].designator.length - 1)
-    : null;
-};

package/src/lib/getSegmentList.ts

@@ -1,7 +0,0 @@
-import { Offer, OfferSliceSegment } from "../types/Offer";
-
-export const getSegmentList = (offer: Offer) =>
-  offer.slices.reduce(
-    (accumulator, slice) => [...accumulator, ...slice.segments],
-    new Array<OfferSliceSegment>()
-  );