npm - @duffel/components - Versions diffs - 3.0.0-canary → 3.0.0 - Mend

@duffel/components 3.0.0-canary → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/src/examples/full-stack/index.html CHANGED Viewed

@@ -11,7 +11,7 @@
     />
     <!-- 1. This script loads duffel-components -->
-    <script src="http://localhost:8000/ancillaries/index.js"></script>
+    <script src="http://localhost:8000/duffel-ancillaries.js"></script>
   </head>
   <body style="font-family: sans-serif">

package/src/examples/full-stack/server.mjs CHANGED Viewed

@@ -154,4 +154,5 @@ http
   })
   .listen(6262);
+// eslint-disable-next-line
 console.log(`\n🐄 Serving example on http://localhost:6262`);

package/src/examples/just-typescript/src/index.html CHANGED Viewed

@@ -11,11 +11,11 @@
     />
     <script src="../dist/index.js" defer></script>
-    <title>React app example</title>
+    <title>ancillaries component just typescript example</title>
   </head>
   <body>
     <h1 style="margin-bottom: 2rem">
-      Duffel ancillaries component react-app example
+      Duffel ancillaries component just typescript example
     </h1>
     <duffel-ancillaries></duffel-ancillaries>

package/src/examples/just-typescript/src/index.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import {
   onDuffelAncillariesPayloadReady,
   renderDuffelAncillariesCustomElement,
-} from "duffel-components";
+} from "duffel-components/custom-elements";
 window.onload = () => {
   renderDuffelAncillariesCustomElement({
@@ -29,6 +29,7 @@ window.onload = () => {
     ],
   });
   onDuffelAncillariesPayloadReady((data, metadata) => {
+    /* eslint-disable */
     console.table(data);
     console.table(metadata);
   });

package/src/examples/payments-custom-element/README.md ADDED Viewed

@@ -0,0 +1,17 @@
+# Duffel payments custom element example
+## Setup
+```sh
+# .env.local
+# The url for the component CDN.
+# This is used to load both the styles an
+# COMPONENT_CDN=https://assets.duffel.com/components/ancillaries/VERSION # production
+COMPONENT_CDN=http://localhost:8000 # development
+```
+## Run the example
+1. Serve the Duffel component bundle and watch for changes to rebuild on port `8000` using `yarn dev`.
+2. Open `src/examples/payments-custom-element/index.html` on your browser.

package/src/examples/payments-custom-element/index.html ADDED Viewed

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Payment page example</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="https://duffel.com/images/favicon/favicon-96x96.png"
+    />
+    <!-- 1. This script loads duffel-components -->
+    <script src="http://localhost:8000/duffel-payments.js"></script>
+  </head>
+  <body style="font-family: sans-serif">
+    <h1 style="margin-bottom: 2rem">Payment page example</h1>
+    <!-- 2. Add the custom element to your markup where you want to render the payments card -->
+    <duffel-payments></duffel-payments>
+  </body>
+  <script>
+    const duffelpaymentsElement = document.querySelector("duffel-payments");
+    // 3. Render the component with the required data, you can safely call this function as many times as you want.
+    duffelpaymentsElement.render({
+      paymentIntentClientToken:
+        "eyJjbGllbnRfc2VjcmV0IjoicGlfM0psczlVQWcySmhFeTh2WTBSTm1MU0JkX3NlY3JldF9QUW9yZXNuU3laeWJadGRiejZwNzBCbUdPIiwicHVibGlzaGFibGVfa2V5IjoicGtfdGVzdF9EQUJLY0E2Vzh6OTc0cTdPSWY0YmJ2MVQwMEpwRmMyOUpWIn0=",
+      debug: true,
+    });
+    // 4. Listen to 'onSuccessfulPayment' event on the component:
+    duffelpaymentsElement.addEventListener("onSuccessfulPayment", () =>
+      console.log("onPayloadReady\n")
+    );
+    // 5. If we run into an issue with the payment, you can listen to 'onFailedPayment' event:
+    duffelpaymentsElement.addEventListener("onFailedPayment", (event) =>
+      console.log("onPayloadReady\n", event.detail)
+    );
+  </script>
+</html>

package/src/examples/payments-just-typescript/README.md ADDED Viewed

@@ -0,0 +1,37 @@
+# payments-just-typescript example
+## TL;DR
+Start on the root of the `duffel-components` repository:
+```sh
+# build duffel-components for react env:
+yarn react-build
+# change directory to example folder
+cd src/examples/payments-just-typescript
+# cleanup last install and build
+rm -rf node_modules && rm -rf dist
+# install new version
+yarn
+# build and watch example
+yarn build
+# open example
+open src/index.html -a "Safari"
+```
+## Build duffel-components
+First, navigate to the root folder of the duffel-components repository and run `yarn react-build` to build the package. It should output a react-dist folder on the root. This folder is the one we reference on `src/examples/payments-just-typescript/package.json` dependencies under `duffel-components`
+## Install dependencies
+Once the package is built, you can cd into this directory and run `yarn` to install all dependencies. If there are changes to `react-dist` since your last install, you'll need to `rm -rf node_modules`, otherwise the updates build will not be installed.
+## Run example
+Finally, run `yarn dev` to build `src/examples/payments-just-typescript/src/index.tsx`. This will produce `src/examples/payments-just-typescript/dist` folder that is referenced by `src/examples/payments-just-typescript/src/index.html`. You can then open `src/examples/payments-just-typescript/src/index.html` on your browser to see the example up and running.

package/src/examples/payments-just-typescript/package.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "name": "just-typescript",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "build": "esbuild src/index.ts --bundle --outfile=dist/index.js"
+  },
+  "dependencies": {
+    "@types/node": "20.2.5",
+    "typescript": "5.0.4",
+    "duffel-components": "../../../../duffel-components/react-dist"
+  },
+  "devDependencies": {
+    "esbuild": "^0.17.19"
+  }
+}

package/src/examples/payments-just-typescript/src/index.html ADDED Viewed

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="https://duffel.com/images/favicon/favicon-96x96.png"
+    />
+    <script src="../dist/index.js" defer></script>
+    <title>Duffel payments component just typescript example</title>
+  </head>
+  <body>
+    <h1 style="margin-bottom: 2rem">
+      Duffel payments component just typescript example
+    </h1>
+    <duffel-payments></duffel-payments>
+  </body>
+</html>

package/src/examples/payments-just-typescript/src/index.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import {
+  onDuffelPaymentsFailedPayment,
+  onDuffelPaymentsSuccessfulPayment,
+  renderDuffelPaymentsCustomElement,
+} from "duffel-components/custom-elements";
+window.onload = () => {
+  renderDuffelPaymentsCustomElement({
+    paymentIntentClientToken:
+      "eyJjbGllbnRfc2VjcmV0IjoicGlfM0psczlVQWcySmhFeTh2WTBSTm1MU0JkX3NlY3JldF9QUW9yZXNuU3laeWJadGRiejZwNzBCbUdPIiwicHVibGlzaGFibGVfa2V5IjoicGtfdGVzdF9EQUJLY0E2Vzh6OTc0cTdPSWY0YmJ2MVQwMEpwRmMyOUpWIn0=",
+  });
+  // eslint-disable-next-line
+  onDuffelPaymentsFailedPayment((error) => console.error(error));
+  // eslint-disable-next-line
+  onDuffelPaymentsSuccessfulPayment(() => console.log("Payment successful"));
+};

package/src/examples/payments-just-typescript/yarn.lock ADDED Viewed

@@ -0,0 +1,154 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+"@esbuild/android-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd"
+  integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==
+"@esbuild/android-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d"
+  integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==
+"@esbuild/android-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1"
+  integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==
+"@esbuild/darwin-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276"
+  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
+"@esbuild/darwin-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb"
+  integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==
+"@esbuild/freebsd-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2"
+  integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==
+"@esbuild/freebsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4"
+  integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==
+"@esbuild/linux-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb"
+  integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==
+"@esbuild/linux-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a"
+  integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==
+"@esbuild/linux-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a"
+  integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==
+"@esbuild/linux-loong64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72"
+  integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==
+"@esbuild/linux-mips64el@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289"
+  integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==
+"@esbuild/linux-ppc64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7"
+  integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==
+"@esbuild/linux-riscv64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09"
+  integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==
+"@esbuild/linux-s390x@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829"
+  integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==
+"@esbuild/linux-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4"
+  integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==
+"@esbuild/netbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462"
+  integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==
+"@esbuild/openbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691"
+  integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==
+"@esbuild/sunos-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273"
+  integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==
+"@esbuild/win32-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f"
+  integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==
+"@esbuild/win32-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03"
+  integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==
+"@esbuild/win32-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
+  integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
+"@types/node@20.2.5":
+  version "20.2.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.2.5.tgz#26d295f3570323b2837d322180dfbf1ba156fefb"
+  integrity sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==
+duffel-components@../../../../duffel-components/react-dist:
+  version "0.0.0"
+esbuild@^0.17.19:
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955"
+  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.17.19"
+    "@esbuild/android-arm64" "0.17.19"
+    "@esbuild/android-x64" "0.17.19"
+    "@esbuild/darwin-arm64" "0.17.19"
+    "@esbuild/darwin-x64" "0.17.19"
+    "@esbuild/freebsd-arm64" "0.17.19"
+    "@esbuild/freebsd-x64" "0.17.19"
+    "@esbuild/linux-arm" "0.17.19"
+    "@esbuild/linux-arm64" "0.17.19"
+    "@esbuild/linux-ia32" "0.17.19"
+    "@esbuild/linux-loong64" "0.17.19"
+    "@esbuild/linux-mips64el" "0.17.19"
+    "@esbuild/linux-ppc64" "0.17.19"
+    "@esbuild/linux-riscv64" "0.17.19"
+    "@esbuild/linux-s390x" "0.17.19"
+    "@esbuild/linux-x64" "0.17.19"
+    "@esbuild/netbsd-x64" "0.17.19"
+    "@esbuild/openbsd-x64" "0.17.19"
+    "@esbuild/sunos-x64" "0.17.19"
+    "@esbuild/win32-arm64" "0.17.19"
+    "@esbuild/win32-ia32" "0.17.19"
+    "@esbuild/win32-x64" "0.17.19"
+typescript@5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.0.4.tgz#b217fd20119bd61a94d4011274e0ab369058da3b"
+  integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==

package/src/examples/react-app/src/index.tsx CHANGED Viewed

@@ -1,12 +1,10 @@
-import { DuffelAncillaries } from "duffel-components";
+import { DuffelAncillaries, DuffelPayments } from "duffel-components";
 import React from "react";
 import { createRoot } from "react-dom/client";
 const App: React.FC = () => (
-  <>
-    <h1 style={{ marginBottom: "2rem" }}>
-      Duffel ancillaries component react-app example
-    </h1>
+  <div style={{ display: "grid", gridTemplateColumns: "1fr", rowGap: "2rem" }}>
+    <h1>Duffel ancillaries component react-app example</h1>
     <DuffelAncillaries
       offer_id="fixture_off_1"
@@ -31,9 +29,16 @@ const App: React.FC = () => (
           born_on: "1942-10-17",
         },
       ]}
+      // eslint-disable-next-line
       onPayloadReady={console.log}
     />
-  </>
+    <DuffelPayments
+      paymentIntentClientToken="eyJjbGllbnRfc2VjcmV0IjoicGlfM0psczlVQWcySmhFeTh2WTBSTm1MU0JkX3NlY3JldF9QUW9yZXNuU3laeWJadGRiejZwNzBCbUdPIiwicHVibGlzaGFibGVfa2V5IjoicGtfdGVzdF9EQUJLY0E2Vzh6OTc0cTdPSWY0YmJ2MVQwMEpwRmMyOUpWIn0="
+      onSuccessfulPayment={console.log}
+      onFailedPayment={console.log}
+    />
+  </div>
 );
 const rootElement = document.getElementById("root");

package/src/index.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 /**
- * This file is the entry point for the library.
- * If you'd like to expose other components,
- * they must be exported here.
+ * 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";
-export * from "./components/DuffelAncillariesCustomElement";
+export * from "./components/DuffelAncillaries/DuffelAncillaries";
+export * from "./components/DuffelPayments/DuffelPayments";
 export * from "./types";

package/src/lib/captureErrorInSentry.ts CHANGED Viewed

@@ -1,8 +1,5 @@
 import * as Sentry from "@sentry/browser";
-/* eslint-disable-next-line @typescript-eslint/no-var-requires */
-const PACKAGE_DOT_JSON = require("../../package.json");
 let hasSentryInitiated = false;
 function initiateSentry() {
   Sentry.init({
@@ -13,7 +10,7 @@ function initiateSentry() {
      * this value to allow Sentry to resolve the correct source maps when
      * processing events.
      */
-    release: `${PACKAGE_DOT_JSON.name}@${PACKAGE_DOT_JSON.version}`,
+    release: process.env.COMPONENT_VERSION,
     /**
      * List of integrations that should be installed after SDK was initialized.
@@ -36,25 +33,10 @@ function initiateSentry() {
   hasSentryInitiated = true;
 }
-export const captureErrorInSentry = (
-  error: Error,
-  context?: Record<string, any>
-) => {
+export const captureErrorInSentry = (error: Error) => {
   if (!hasSentryInitiated) {
     initiateSentry();
   }
-  Sentry.configureScope((scope) => {
-    if (error.message) {
-      scope.setFingerprint([error.message]);
-    }
-    if (context) {
-      Object.entries(context).forEach(([key, value]) =>
-        scope.setExtra(key, value)
-      );
-    }
-  });
   return Sentry.captureException(error);
 };

package/src/lib/fetchFromDuffelAPI.ts CHANGED Viewed

@@ -1,3 +1,12 @@
+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;
@@ -7,9 +16,11 @@ export async function fetchFromDuffelAPI(
   method = "GET",
   body?: string
 ) {
-  const response = await fetch(
-    `${DUFFEL_API_URL}/ancillaries-component/${path}`,
-    {
+  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: {
@@ -17,8 +28,27 @@ export async function fetchFromDuffelAPI(
         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 await response.json();
+  return data;
 }

package/src/lib/formatDate.ts CHANGED Viewed

@@ -5,10 +5,9 @@ export const formatDateString = (dateString: string) => {
   if (!isNaN(date.valueOf())) return formatDate(date);
   else {
     captureErrorInSentry(
-      new Error("formatDateString attempted to parse an invalid date string"),
-      {
-        dateString,
-      }
+      new Error(
+        `formatDateString attempted to parse an invalid date string: ${dateString}`
+      )
     );
   }
 };

package/src/lib/getBaggageServiceDescription.ts CHANGED Viewed

@@ -6,8 +6,7 @@ export const getBaggageServiceDescription = (
 ) => {
   if (!metadata) {
     captureErrorInSentry(
-      new Error("getBaggageServiceDescription was not given any metadata"),
-      { metadata }
+      new Error("getBaggageServiceDescription was not given any metadata")
     );
     return null;
   }
@@ -19,8 +18,7 @@ export const getBaggageServiceDescription = (
     !metadata.maximum_depth_cm
   ) {
     captureErrorInSentry(
-      new Error("getBaggageServiceDescription metadata doesn't have any data"),
-      { metadata }
+      new Error("getBaggageServiceDescription metadata doesn't have any data")
     );
     return null;
   }

package/src/lib/getTotalAmountForServices.ts CHANGED Viewed

@@ -37,7 +37,7 @@ export const getTotalAmountForServicesWithPriceMap = (
       } else {
         captureErrorInSentry(
           new Error(
-            `The service id provided could not be found in neither the offer nor the seat maps. Service id: ${id}`
+            `The service id (${id}) provided could not be found in neither the offer nor the seat maps.`
           )
         );
       }