@duffel/components 3.1.3 → 3.1.4

package/scripts/generate-fixture.ts

@@ -1,200 +0,0 @@
-import { config } from "dotenv";
-import fs from "fs";
-import prompts from "prompts";
-import { withPlural } from "../src/lib/withPlural";
-import { Offer } from "../src/types/Offer";
-
-config({ path: ".env.local" });
-
-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";
-
-const duffelHeaders = {
-  "Duffel-Version": "v1",
-  "Accept-Encoding": "gzip",
-  Accept: "application/json",
-  "Content-Type": "application/json",
-  Authorization: `Bearer ${DUFFEL_API_TOKEN}`,
-};
-
-export const makeMockDateInTheFuture = (daysAhead) => {
-  const now = new Date(Date.now());
-  now.setDate(now.getDate() + daysAhead);
-  return now;
-};
-
-const createOfferRequest = async (
-  sliceInput: [string, string][],
-  adults: number,
-  requestedSources?: string[]
-) => {
-  const data = {
-    slices: sliceInput.map(([origin, destination], index) => ({
-      origin,
-      destination,
-      departure_date: makeMockDateInTheFuture(7 * (index + 1))
-        .toISOString()
-        .split("T")[0],
-    })),
-    passengers: Array(adults).fill({ type: "adult" }),
-    ...(requestedSources && { requested_sources: requestedSources }),
-  };
-
-  const response = await fetch(
-    DUFFEL_API_URL + "/air/offer_requests?return_offers=true",
-    {
-      method: "POST",
-      headers: duffelHeaders,
-      body: JSON.stringify({ data }),
-    }
-  );
-
-  return await response.json();
-};
-
-const getOffer = async (offerId: string): Promise<{ data: Offer }> => {
-  const response = await fetch(
-    process.env.DUFFEL_API_URL +
-      `/air/offers/${offerId}/?return_available_services=true`,
-    { headers: duffelHeaders }
-  );
-
-  return await response.json();
-};
-
-const getSeatMaps = async (offerId: string) => {
-  const response = await fetch(
-    process.env.DUFFEL_API_URL + `/air/seat_maps?offer_id=${offerId}`,
-    { headers: duffelHeaders }
-  );
-
-  return await response.json();
-};
-
-const main = async () => {
-  try {
-    // prompt user for how many slices they want
-    const { sliceCount } = await prompts({
-      type: "number",
-      name: "sliceCount",
-      message: "How many slices do you want?",
-      initial: 2,
-    });
-
-    // for each slice, prompt for origin and destination
-    const sliceInput = new Array<[string, string]>(sliceCount);
-    for (let i = 0; i < sliceCount; i++) {
-      let origin = sliceInput[i - 1]?.[0];
-
-      log(`\nSlice #${i + 1}`);
-      const { value } = await prompts({
-        type: "text",
-        name: "value",
-        message: "What is the origin?",
-        limit: 3,
-      });
-      origin = value;
-
-      const { destination } = await prompts({
-        type: "text",
-        name: "destination",
-        message: "What is the destination?",
-        limit: 3,
-      });
-      sliceInput[i] = [origin, destination];
-    }
-
-    // ask how many adults
-    log(`\n`);
-    const { adultCount } = await prompts({
-      type: "number",
-      name: "adultCount",
-      message: "How many adults traveling?",
-      initial: 1,
-    });
-
-    // ask for requested sources
-    log(`\n`);
-    const { requestedSources } = await prompts({
-      type: "text",
-      name: "requestedSources",
-      message: "What sources do you want to request?",
-      initial: "duffel_airways",
-    });
-
-    // run search
-    const { data: offerRequest } = await createOfferRequest(
-      sliceInput,
-      adultCount,
-      requestedSources ? requestedSources.split(",") : undefined
-    );
-    if (VERBOSE) {
-      const airlines = new Set(
-        offerRequest.offers.map((offer) => offer.owner.iata_code)
-      );
-      log(
-        `Received ${withPlural(
-          offerRequest.offers.length,
-          "offer",
-          "offers"
-        )} back ` +
-          `from ${withPlural(
-            airlines.size,
-            "airline",
-            "airlines"
-          )}(${Array.from(airlines.values()).join(",")})`
-      );
-      log(
-        `Search completed, offer request ID: ${offerRequest.id}.\nUsing first offer to get services: ${offerRequest.offers[0].id}\n`
-      );
-    }
-
-    // get offer
-    const { data: firstOffer } = await getOffer(offerRequest.offers[0].id);
-
-    // save to src/fixtures/offer
-    const _description =
-      `This fixture was generated by scripts/generate-fixture.ts. ` +
-      `It includes an offer with ${withPlural(
-        adultCount,
-        "passenger",
-        "passengers"
-      )} and ` +
-      `${withPlural(sliceCount, "slice", "slices")}: ${sliceInput.join(" ⇢ ")}`;
-
-    // Set offer to expire in 10 years so that this fixture won't trigger the
-    // "expired" error in the future.
-    const expires_at = makeMockDateInTheFuture(365 * 10).toISOString();
-
-    fs.writeFileSync(
-      `src/fixtures/offers/${firstOffer.id}.json`,
-      JSON.stringify({ _description, ...firstOffer, expires_at }, null, 2)
-    );
-
-    // get seat maps
-    const { data: seatMaps } = await getSeatMaps(firstOffer.id);
-
-    // save to src/fixtures/seat-maps
-    fs.writeFileSync(
-      `src/fixtures/seat-maps/${firstOffer.id}.json`,
-      JSON.stringify(seatMaps, null, 2)
-    );
-
-    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);
-  }
-};
-
-export default main();

package/scripts/setup-suggestion-data.ts

@@ -1,100 +0,0 @@
-import fs from "fs";
-import readline from "readline";
-
-async function readCSVIntoMatrix(
-  filePath: string,
-  linePrefix: string,
-  keys: string[]
-): Promise<string[]> {
-  const rl = readline.createInterface({
-    input: fs.createReadStream(filePath),
-    crlfDelay: Infinity,
-  });
-
-  // this will map a key into the index
-  let keyNameToIndexMap: Record<string, number> = {};
-  const matrix = new Array<string>();
-
-  rl.on("line", (line) => {
-    if (Object.keys(keyNameToIndexMap).length === 0) {
-      // it's the header line
-      keyNameToIndexMap = line
-        .split(",")
-        .reduce((acc, key, index) => ({ ...acc, [key]: index }), {});
-    } else {
-      // it's a data line
-      const row = line.split(",");
-      const rowObject =
-        linePrefix +
-        keys
-          .map((key) => {
-            const index = keyNameToIndexMap[key];
-            return row[index];
-          })
-          .join(`,`);
-      matrix.push(rowObject);
-    }
-  });
-
-  await new Promise((res) => rl.once("close", res));
-  return matrix;
-}
-
-export interface CityCsvRow {
-  id: string;
-  iata_code: string;
-  iata_country_code: string;
-  name: string;
-  inserted_at: string;
-  updated_at: string;
-  metropolitan_area: string;
-}
-
-async function loadCities() {
-  return await readCSVIntoMatrix("./data/cities.csv", "C,", [
-    "name",
-    "iata_code",
-  ]);
-}
-
-export interface AirportCsvRow {
-  id: string;
-  iata_code: string;
-  iata_city_code: string;
-  iata_country_code: string;
-  name: string;
-  inserted_at: string;
-  updated_at: string;
-  source_type: string;
-  alternative_names: string;
-  icao_code: string;
-  disabled_at: string;
-  city_name: string;
-  latitude: string;
-  longitude: string;
-  time_zone: string;
-}
-
-async function loadAirports() {
-  return await readCSVIntoMatrix("./data/airports.csv", "A,", [
-    "name",
-    "iata_code",
-    "latitude",
-    "longitude",
-  ]);
-}
-
-async function main() {
-  // load airports csv
-  const airports = await loadAirports();
-
-  // load cities csv
-  const cities = await loadCities();
-
-  fs.writeFileSync(
-    "./data/__generated__iata-lookup.json",
-    JSON.stringify([...cities, ...airports])
-  );
-}
-
-export default main();

package/scripts/upload-to-cdn.sh

@@ -1,34 +0,0 @@
-#!/usr/bin/env bash
-
-# Exit if a command fails
-set -e
-
-# Define where to upload files too
-GCP_PREFIX=gs://duffel-assets/components
-
-# Gets current version from package.json 
-VERSION=$(jq '.version' package.json -r)
-
-# Check if version is empty
-if [ -z "$VERSION" ]; then
-  echo "Error: version is empty"
-  exit 1
-fi
-
-# Check if folder exists
-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
-  if [[ $REPLY =~ ^[Yy]$ ]]; then
-    # Delete old version from GCP
-    gcloud storage rm -r "$GCP_PREFIX/$VERSION"
-  else
-    echo "Aborting script."
-    exit 1
-  fi
-fi
- 
-# Uploads fixtures
-gcloud storage cp -r cdn-dist "$GCP_PREFIX/$VERSION"
- 

package/scripts.tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2021",
-    "module": "commonjs",
-    "outDir": "dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["scripts/**/*", "src/**/*"]
-}

package/src/components/DuffelAncillaries/Card.tsx

@@ -1,126 +0,0 @@
-import { Icon, IconName } from "@components/shared/Icon";
-import classNames from "classnames";
-import * as React from "react";
-
-export interface CardProps {
-  buttonTitle: string;
-  title: string;
-  icon: IconName;
-  onClick?: (() => void) | null;
-  children: React.ReactNode;
-  copy: string;
-  isLoading?: boolean;
-  disabled?: boolean;
-  isSelected?: boolean;
-}
-
-export const Card: React.FC<CardProps> = ({
-  buttonTitle,
-  title,
-  icon,
-  copy,
-  onClick,
-  children,
-  isLoading,
-  disabled,
-  isSelected,
-}) => {
-  const hasChildren = React.Children.toArray(children).length > 0;
-
-  return (
-    <button
-      title={buttonTitle}
-      {...(onClick && { onClick })}
-      disabled={disabled}
-      className={classNames(
-        "ancillary-card",
-        isLoading && "ancillary-card--loading"
-      )}
-      // We are using inline styles here because
-      // we don't want the cards to appear unstyled
-      // before the CSS stylesheet loads.
-      // This is important for this component since it
-      // be on visible on the page when it loads.
-      style={{
-        cursor: "pointer",
-        background: "transparent",
-        color: "var(--GREY-900)",
-        border: "solid 1px rgba(226, 226, 232, 1)",
-        display: "flex",
-        rowGap: "4px",
-        padding: "20px",
-        borderRadius: "8px",
-        justifyContent: "space-between",
-        flexWrap: "wrap",
-        flexDirection: "column",
-        width: "100%",
-        boxSizing: "border-box",
-        fontSize: "16px",
-        fontWeight: "400",
-        lineHeight: "24px",
-        letterSpacing: "0em",
-        transition:
-          "border-color 0.3s var(--TRANSITION-CUBIC-BEZIER) background-color 0.3s var(--TRANSITION-CUBIC-BEZIER)",
-      }}
-    >
-      <div
-        style={{
-          display: "flex",
-          alignItems: "flex-start",
-          marginBlock: "0",
-          textAlign: "start",
-          marginTop: "2px",
-          columnGap: "12px",
-          width: "100%",
-        }}
-      >
-        <div>
-          {isSelected ? (
-            <Icon name="check" className="ancillary-card__selected-icon" />
-          ) : (
-            <Icon name={icon} />
-          )}
-        </div>
-
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "start",
-            width: "100%",
-          }}
-        >
-          <p
-            className="p1--semibold"
-            style={{
-              marginBlock: "0",
-            }}
-          >
-            {title}
-          </p>
-          <div className="ancillary-card__children">
-            {hasChildren ? (
-              children
-            ) : (
-              <Icon
-                name="expand_content"
-                className="ancillary-card__expand-icon"
-              />
-            )}
-          </div>
-        </div>
-      </div>
-      <p
-        className="p1--regular"
-        style={{
-          textAlign: "start",
-          color: "var(--GREY-600)",
-          marginLeft: "34px",
-          marginBlock: "0",
-        }}
-      >
-        {copy}
-      </p>
-    </button>
-  );
-};

package/src/components/DuffelAncillaries/Counter.tsx

@@ -1,40 +0,0 @@
-import { IconButton } from "@components/shared/IconButton";
-import * as React from "react";
-
-interface CounterProps {
-  id: string;
-  min: number;
-  max: number;
-  value: number;
-  onChange: (value: number) => void;
-}
-
-export const Counter: React.FC<CounterProps> = ({
-  id,
-  min,
-  max,
-  value,
-  onChange,
-}) => (
-  <div className="counter" id={id}>
-    <IconButton
-      icon="minus"
-      title="Remove one"
-      id={`${id}-minus`}
-      data-testid={`${id}-minus`}
-      variant="outlined"
-      disabled={value <= min}
-      onClick={() => onChange(Math.max(value - 1, min))}
-    />
-    <div className="counter__count-label">{value}</div>
-    <IconButton
-      icon="add"
-      title="Add one"
-      id={`${id}-plus`}
-      data-testid={`${id}-plus`}
-      variant="outlined"
-      disabled={value >= max}
-      onClick={() => onChange(Math.min(value + 1, max))}
-    />
-  </div>
-);