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

package/.yarn/sdks/typescript/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "typescript",
-  "version": "5.2.2-sdk",
-  "main": "./lib/typescript.js",
-  "type": "commonjs",
-  "bin": {
-    "tsc": "./bin/tsc",
-    "tsserver": "./bin/tsserver"
-  }
-}

package/.yarnrc.yml

@@ -1,3 +0,0 @@
-nodeLinker: pnp
-
-yarnPath: .yarn/releases/yarn-4.0.1.cjs

package/CONTRIBUTING.md

@@ -1,83 +0,0 @@
-## Debug mode
-
-The component takes a `debug` boolean prop. When enabled, debug output is logged to the console, with useful info like the props that were passed in. This is intended both for our internal use and for users integrating it.
-
-Debug mode is enabled by default in all of this repository's local environments (e.g. Storybook).
-
-Debug mode makes use of a logger, which selectively outputs to the console based on whether or not debug mode is enabled. When it makes sense, make use of the logger to output useful information. See `@lib/logging` for how to use it.
-
-## How to upload new changes to our CDN
-
-### Setup `gcloud`
-
-Our CDN is [hosted on Google Cloud Platform](<https://console.cloud.google.com/storage/browser/duffel-assets/components/ancillaries?pageState=(%22StorageObjectListTable%22:(%22f%22:%22%255B%255D%22))&project=duffel-prod-fda1bc52&prefix=&forceOnObjectsSortingFiltering=false>). To upload new changes you'll need to have `gcloud` intalled and authenticate with GCP. You can do this by running `gcloud auth login` and following the instructions.
-
-### Setup environment
-
-Make sure you have an up-to-date version of `.env.build`:
-
-```sh
-# .env.build
-
-# Include the base url for the Duffel API.
-# This variable is here to give us the ability to build a dist version that points to a local environment.
-# If no value is provided, the default `https://api.duffel.com` will be used.
-DUFFEL_API_URL=https://api.duffel.com
-
-# This is needed so the component knows the url base to use for its stylesheet
-# This variable is here so we can release component versions that may point to local environments or bypass the cache.
-# If no value is provided, the default `https://assets.duffel.com/ancillaries-component` will be used.
-COMPONENT_CDN=https://assets.duffel.com/components
-
-# The auth token is so we send data
-# to sentry during the build.
-# This is helpful when CI is
-# building releases, locally not as much.
-# You can get it here: https://duffel.sentry.io/settings/account/api/auth-tokens
-SENTRY_AUTH_TOKEN=
-```
-
-### Upload to CDN
-
-To upload the latest version of the component to the CDN, run:
-
-```sh
-yarn upload-to-cdn
-```
-
-This command will:
-
-1. Build the component. the output will be in the `dist` folder.
-
-2. Upload the build to the version folder on GCP storage.
-
-   - The build version is defined in [`package.json`](/package.json) under the `version` attribute.
-   - [You can find uploaded versions here](<https://console.cloud.google.com/storage/browser/duffel-assets/components/ancillaries?pageState=(%22StorageObjectListTable%22:(%22f%22:%22%255B%255D%22))&project=duffel-prod-fda1bc52&prefix=&forceOnObjectsSortingFiltering=false>)
-   - A version folder will be created if it doesn't exist.
-   - The version folder will be overwritten if it already exists.
-
-3. Upload the sourcemaps for that version to Sentry
-
-### Build component
-
-#### Build for CDN upload
-
-```sh
-yarn cdn-build # Build will output to ./cdn-dist
-```
-
-You can see this build referenced on:
-
-- `src/examples/client-side`
-- `src/examples/full-stack`
-
-#### Build for npm publishing
-
-```sh
-yarn react-build # Build will output to ./react-dist
-```
-
-You can see this build referenced on:
-
-- `src/examples/react-app`
-- `src/examples/just-typescript`

package/README.md

@@ -1,68 +0,0 @@
-# @duffel/components
-
-This package is a component library to help you build your travel product using the [Duffel API](https://duffel.com/docs).
-
-## Get started
-
-### Installing
-
-```sh
-yarn add @duffel/components
-# -- or --
-npm i @duffel/components
-```
-
-### (alternative) Load from CDN:
-
-```html
-<script src="https://assets.duffel.com/components/VERSION/duffel-ancillaries.js"></script>
-<script src="https://assets.duffel.com/components/VERSION/duffel-payments.js"></script>
-```
-
-## How do I integrate this into my website?
-
-1. Please start by reading our integration guide on https://duffel.com/docs/guides/ancillaries-component
-
-## Integration examples
-
-1. **client-side** | This example loads a local version of the components using a `script` tag. It uses a fixture for the offer and seat maps.
-
-   - [Find it on src/examples/client-side](src/examples/client-side)
-
-2. **full-stack** | This example loads a local version of the components using a `script` tag. It will search and retrieve an offer from the Duffel API and render the ancillaries component custom element with its `offer_id` and `client_key`. As soon as a service modal is closed it will create a test order with the given payload.
-
-   - [Find it on src/examples/full-stack](src/examples/full-stack)
-
-3. **just-typescript** | This example imports a local version of `@duffel/components` and renders the custom element with an offer fixture once the page loads.
-
-   - [Find it on src/examples/just-typescript](src/examples/just-typescript)
-
-4. **react-app** | This example imports a local version of `@duffel/components` and renders the a react element with an offer fixture.
-
-   - [Find it on src/examples/react-app](src/examples/react-app)
-
-5. **payments-custom-element** | This example demonstrates the use of the payments component loaded through a script tag
-
-- [Find it on src/examples/payments-custom-element](src/examples/payments-custom-element)
-
-6. **payments-just-typescript** | This example imports a local version of `@duffel/components` and renders the payments custom element with a fixture of the payment intent.
-
-   - [Find it on src/examples/payments-just-typescript](src/examples/payments-just-typescript)
-
-7. **next** | This example imports and renders `@duffel/components` into a `next.js` project.
-
-   - [Find it on src/examples/payments-just-typescript](src/examples/next)
-
-## What components are available?
-
-### Ancillaries component
-
-The ancillaries component allows your customers to add ancillaries to their order. It's simple to add to your website and can be customised to fit your brand. This component is avaiable through npm and our cdn.
-
-- [Find live demo on codesandbox.io&nbsp;&nbsp;↗](https://codesandbox.io/s/duffel-ancillaries-example-1nxuu7)
-
-### Payments component
-
-The payments component provides a [PCI-compliant](https://help.duffel.com/hc/en-gb/articles/4409049543058) way for you to collect card payments for online bookings from your customers. To learn more about how to work with Duffel payments please visit the [Collecting customer card payments guide](https://duffel.com/docs/guides/collecting-customer-card-payments).
-
-#### more coming soon...

package/__mocks__/styleMock.js

@@ -1,6 +0,0 @@
-/**
- * This is a mock file for CSS imports in Jest tests.
- * It's primarily used by Storyshots, as our Storybook stories
- * rely on some CSS imports.
- */
-module.exports = {};

package/babel.config.js

@@ -1,20 +0,0 @@
-/**
- * This file is used by Storybook and Jest.
- */
-module.exports = {
-  sourceType: "unambiguous",
-  presets: [
-    [
-      "@babel/preset-env",
-      {
-        targets: {
-          chrome: 100,
-          node: "current",
-        },
-      },
-    ],
-    "@babel/preset-typescript",
-    ["@babel/preset-react", { runtime: "automatic" }],
-  ],
-  plugins: [],
-};

package/commitlint.config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  extends: ["@commitlint/config-conventional"],
-  rules: {},
-};

package/config/esbuild.base.config.js

@@ -1,18 +0,0 @@
-module.exports = {
-  entryPoints: [
-    {
-      out: "duffel-ancillaries",
-      in: "src/components/DuffelAncillaries/DuffelAncillariesCustomElement.tsx",
-    },
-    {
-      out: "duffel-payments",
-      in: "src/components/DuffelPayments/DuffelPaymentsCustomElement.tsx",
-    },
-    { out: "global", in: "src/styles/global.css" },
-  ],
-  bundle: true,
-  minify: true,
-  sourcemap: true,
-  treeShaking: true,
-  outdir: "cdn-dist",
-};

package/config/esbuild.cdn.config.js

@@ -1,51 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin");
-const esbuild = require("esbuild");
-const dotenv = require("dotenv");
-const esbuildCopyStaticFiles = require("esbuild-copy-static-files");
-
-dotenv.config({ path: ".env.build" });
-if (process.env.SENTRY_AUTH_TOKEN === undefined) {
-  // eslint-disable-next-line
-  console.error(
-    "'process.env.SENTRY_AUTH_TOKEN' is required but missing." +
-      "Make sure it's included in your .env.build file."
-  );
-  process.exit(1);
-}
-
-const VERSION = require("../package.json").version;
-const envVariablesToDefine = {
-  "process.env.COMPONENT_VERSION": `"${VERSION}"`,
-  "process.env.DUFFEL_API_URL": `"${process.env.DUFFEL_API_URL}"`,
-  "process.env.COMPONENT_CDN": `"${
-    process.env.COMPONENT_CDN.startsWith("http://localhost:")
-      ? process.env.COMPONENT_CDN
-      : `${process.env.COMPONENT_CDN}/${VERSION}`
-  }"`,
-};
-
-esbuild
-  .build({
-    ...require("./esbuild.base.config"),
-    define: envVariablesToDefine,
-    plugins: [
-      // Learn more on https://www.npmjs.com/package/@sentry/esbuild-plugin
-      sentryEsbuildPlugin({
-        org: "duffel",
-        project: "ancillaries-component",
-        // Specify the directory containing build artifacts
-        include: "./cdn-dist",
-        authToken: process.env.SENTRY_AUTH_TOKEN,
-        logLevel: "info",
-        release: VERSION,
-      }),
-      esbuildCopyStaticFiles({
-        src: "src/fixtures",
-        dest: "cdn-dist/fixtures",
-        dereference: true,
-        recursive: true,
-      }),
-    ],
-  })
-  .catch(() => process.exit(1));

package/config/esbuild.dev.config.js

@@ -1,46 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const esbuild = require("esbuild");
-const dotenv = require("dotenv");
-dotenv.config({ path: ".env.local" });
-
-const DUFFEL_API_URL = process.env.DUFFEL_API_URL;
-const VERSION = require("../package.json").version;
-
-const COMPONENT_CDN = process.env.COMPONENT_CDN.startsWith("http://localhost:")
-  ? process.env.COMPONENT_CDN
-  : `${process.env.COMPONENT_CDN}/${VERSION}`;
-
-(async function () {
-  const esbuildContext = await esbuild.context({
-    ...require("./esbuild.base.config"),
-    // The `define` config will replace the values in the code with the ones we scecify below.
-    // This is needed since the component will be used in the browser,
-    // where we don't have access to environment variables.
-    define: {
-      "process.env.COMPONENT_CDN": `"${COMPONENT_CDN}"`,
-      "process.env.DUFFEL_API_URL": `"${DUFFEL_API_URL}"`,
-      "process.env.COMPONENT_VERSION": `"${VERSION}"`,
-    },
-    plugins: [
-      // This plugin copies the offer and seat maps fixtures to the dist folder.
-      // When using the component with an offer id prefixed with `fixture_`
-      // the component will attempt to fetch it from the hosted folder.
-      require("esbuild-copy-static-files")({
-        src: "src/fixtures",
-        dest: "cdn-dist/fixtures",
-        dereference: true,
-        recursive: true,
-      }),
-    ],
-  });
-
-  let { host, port } = await esbuildContext.serve({
-    host: "localhost",
-    servedir: "cdn-dist",
-    port: 8000,
-  });
-  await esbuildContext.watch();
-
-  // eslint-disable-next-line
-  console.log(`\n🐄 Serving component on http://${host}:${port}`);
-})();

package/config/esbuild.react.config.js

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const esbuild = require("esbuild");
-const dotenv = require("dotenv");
-const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin");
-
-dotenv.config({ path: ".env.build" });
-
-const VERSION = require("../package.json").version;
-const envVariablesToDefine = {
-  "process.env.COMPONENT_VERSION": `"${VERSION}"`,
-  "process.env.DUFFEL_API_URL": `"${process.env.DUFFEL_API_URL}"`,
-  "process.env.COMPONENT_CDN": `"${
-    process.env.COMPONENT_CDN.startsWith("http://localhost:")
-      ? process.env.COMPONENT_CDN
-      : `${process.env.COMPONENT_CDN}/${VERSION}`
-  }"`,
-};
-
-// Builds for react environment
-esbuild
-  .build({
-    define: envVariablesToDefine,
-    entryPoints: ["src/index.ts", "src/custom-elements.ts"],
-    bundle: true,
-    minify: true,
-    sourcemap: true,
-    outdir: "react-dist",
-    format: "cjs",
-    external: ["react", "react-dom"],
-    plugins: [
-      // Learn more on https://www.npmjs.com/package/@sentry/esbuild-plugin
-      sentryEsbuildPlugin({
-        org: "duffel",
-        project: "ancillaries-component",
-        include: `./react-dist`,
-        authToken: process.env.SENTRY_AUTH_TOKEN,
-        logLevel: "info",
-        release: VERSION,
-      }),
-    ],
-  })
-  .catch(() => process.exit(1));