fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/components/Cart/Checkout.js

@@ -1,37 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Checkout_viewer2 = _interopRequireDefault(require("../../__generated__/Checkout_viewer.graphql"));
-var _Checkout_order2 = _interopRequireDefault(require("../../__generated__/Checkout_order.graphql"));
-var _CheckoutUpdateOrderMutation2 = _interopRequireDefault(require("../../__generated__/CheckoutUpdateOrderMutation.graphql"));
-var _Checkout_UpdateOrderErrors2 = _interopRequireDefault(require("../../__generated__/Checkout_UpdateOrderErrors.graphql"));
-var _CheckoutUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/CheckoutUpdateCustomerMutation.graphql"));
-var _Checkout_identity2 = _interopRequireDefault(require("../../__generated__/Checkout_identity.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactStripeJs = require("@stripe/react-stripe-js");
-var _Icons = require("../Icons");
-var _AddressFields = _interopRequireDefault(require("./AddressFields"));
-var _CustomerFields = _interopRequireDefault(require("./CustomerFields"));
-var _CheckoutSteps = _interopRequireDefault(require("./CheckoutSteps"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _Checkout_viewer from "../../__generated__/Checkout_viewer.graphql.js";
+import _Checkout_order from "../../__generated__/Checkout_order.graphql.js";
+import _CheckoutUpdateOrderMutation from "../../__generated__/CheckoutUpdateOrderMutation.graphql.js";
+import _Checkout_UpdateOrderErrors from "../../__generated__/Checkout_UpdateOrderErrors.graphql.js";
+import _CheckoutUpdateCustomerMutation from "../../__generated__/CheckoutUpdateCustomerMutation.graphql.js";
+import _Checkout_identity from "../../__generated__/Checkout_identity.graphql.js";
+import React, { Fragment, useContext, useEffect, useState } from 'react';
+import { commitMutation, graphql, useFragment, useRelayEnvironment } from 'react-relay';
+import { CardElement } from '@stripe/react-stripe-js';
+import { CreditCard, User, Check, License, Receipt, X } from '../Icons/index.js';
+import AddressFields from './AddressFields.js';
+import CustomerFields from './CustomerFields.js';
+import CheckoutSteps from './CheckoutSteps.js';
+import { useElements, useStripe } from '@stripe/react-stripe-js';
+import ConfigContext from '../ConfigContext.js';
+import { parseCustomProperties } from '../../utils.js';
 const MOBILE = 'mobile';
 const DESKTOP = 'desktop';
 
 // countryData will take care of knowing which address fields
 // are required
 const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'country'];
-_Checkout_identity2.default.hash && _Checkout_identity2.default.hash !== "bd574bf28c2ab018312eb3f033fabb73" && console.error("The definition of 'Checkout_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_identity2.default;
-const updateCustomerMutation = (_CheckoutUpdateCustomerMutation2.default.hash && _CheckoutUpdateCustomerMutation2.default.hash !== "0b5cfd0771be9b3107817aefcc7029cf" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation2.default);
-_Checkout_UpdateOrderErrors2.default.hash && _Checkout_UpdateOrderErrors2.default.hash !== "15a33f6b0c5a3de7f1b1dee6982f12ff" && console.error("The definition of 'Checkout_UpdateOrderErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_UpdateOrderErrors2.default;
-const updateOrderMutation = (_CheckoutUpdateOrderMutation2.default.hash && _CheckoutUpdateOrderMutation2.default.hash !== "089745e2478edf385a09357905e4173c" && console.error("The definition of 'CheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateOrderMutation2.default);
+_Checkout_identity.hash && _Checkout_identity.hash !== "bd574bf28c2ab018312eb3f033fabb73" && console.error("The definition of 'Checkout_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_identity;
+const updateCustomerMutation = (_CheckoutUpdateCustomerMutation.hash && _CheckoutUpdateCustomerMutation.hash !== "0b5cfd0771be9b3107817aefcc7029cf" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation);
+_Checkout_UpdateOrderErrors.hash && _Checkout_UpdateOrderErrors.hash !== "15a33f6b0c5a3de7f1b1dee6982f12ff" && console.error("The definition of 'Checkout_UpdateOrderErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_UpdateOrderErrors;
+const updateOrderMutation = (_CheckoutUpdateOrderMutation.hash && _CheckoutUpdateOrderMutation.hash !== "089745e2478edf385a09357905e4173c" && console.error("The definition of 'CheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateOrderMutation);
 const Checkout = _ref => {
   let {
     order,
@@ -45,8 +37,8 @@ const Checkout = _ref => {
     onCancel,
     skipPaymentMethod = false
   } = _ref;
-  const orderData = (0, _reactRelay.useFragment)((_Checkout_order2.default.hash && _Checkout_order2.default.hash !== "693ae9c7f2c7fe9a179bad7b86c16928" && console.error("The definition of 'Checkout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_order2.default), order);
-  const viewerData = (0, _reactRelay.useFragment)((_Checkout_viewer2.default.hash && _Checkout_viewer2.default.hash !== "be63ce5562013aa6a1439e6259c80e2f" && console.error("The definition of 'Checkout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_viewer2.default), viewer);
+  const orderData = useFragment((_Checkout_order.hash && _Checkout_order.hash !== "693ae9c7f2c7fe9a179bad7b86c16928" && console.error("The definition of 'Checkout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_order), order);
+  const viewerData = useFragment((_Checkout_viewer.hash && _Checkout_viewer.hash !== "be63ce5562013aa6a1439e6259c80e2f" && console.error("The definition of 'Checkout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_viewer), viewer);
   const identity = {
     name: '',
     organization: '',
@@ -78,20 +70,20 @@ const Checkout = _ref => {
       vatNumber: data.vatNumber ?? null
     };
   };
-  const [customer, setCustomer] = (0, _react.useState)((orderData === null || orderData === void 0 ? void 0 : orderData.customer) ?? {
+  const [customer, setCustomer] = useState((orderData === null || orderData === void 0 ? void 0 : orderData.customer) ?? {
     name: null,
     email: null,
     newsletterOptIn: false
   });
-  const [billingIdentity, setBillingIdentity] = (0, _react.useState)(transformIdentity(orderData === null || orderData === void 0 ? void 0 : orderData.billingIdentity));
-  const [licenseeIdentity, setLicenseeIdentity] = (0, _react.useState)(transformIdentity(orderData === null || orderData === void 0 ? void 0 : orderData.licenseeIdentity));
-  const [billingRequired, setBillingRequired] = (0, _react.useState)();
-  const [licenseeRequired, setLicenseeRequired] = (0, _react.useState)(null);
-  const [licenseeIsBillingIdentity, setLicenseeIsBillingIdentity] = (0, _react.useState)((orderData === null || orderData === void 0 ? void 0 : orderData.licenseeIsBillingIdentity) ?? true);
-  const [error, setError] = (0, _react.useState)(null);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [mediaQuery, setMediaQuery] = (0, _react.useState)(DESKTOP);
-  (0, _react.useEffect)(() => {
+  const [billingIdentity, setBillingIdentity] = useState(transformIdentity(orderData === null || orderData === void 0 ? void 0 : orderData.billingIdentity));
+  const [licenseeIdentity, setLicenseeIdentity] = useState(transformIdentity(orderData === null || orderData === void 0 ? void 0 : orderData.licenseeIdentity));
+  const [billingRequired, setBillingRequired] = useState();
+  const [licenseeRequired, setLicenseeRequired] = useState(null);
+  const [licenseeIsBillingIdentity, setLicenseeIsBillingIdentity] = useState((orderData === null || orderData === void 0 ? void 0 : orderData.licenseeIsBillingIdentity) ?? true);
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [mediaQuery, setMediaQuery] = useState(DESKTOP);
+  useEffect(() => {
     const updateMediaQuery = () => {
       setMediaQuery(window.innerWidth < 960 ? MOBILE : DESKTOP);
     };
@@ -99,13 +91,13 @@ const Checkout = _ref => {
     window.addEventListener('resize', updateMediaQuery);
     return () => window.removeEventListener('resize', updateMediaQuery);
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setError(null);
     setErrorsObject(null);
     onScrollToTop();
   }, [checkoutStep]);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
+  const environment = useRelayEnvironment();
+  const [errorsObject, setErrorsObject] = useState(null);
   const onCompleted = (res, errors, onSuccess) => {
     var _res$updateOrder;
     if (errors && errors.length > 0) {
@@ -128,7 +120,7 @@ const Checkout = _ref => {
     onScrollToTop();
   };
   const updateCustomer = (variables, onSuccess) => {
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: updateCustomerMutation,
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess),
@@ -136,7 +128,7 @@ const Checkout = _ref => {
     });
   };
   const updateOrder = (variables, onSuccess) => {
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: updateOrderMutation,
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess)
@@ -146,12 +138,12 @@ const Checkout = _ref => {
   let elements;
   if (!skipPaymentMethod) {
     // https://twitter.com/acdlite/status/1581401077915975680
-    stripe = (0, _reactStripeJs.useStripe)();
-    elements = (0, _reactStripeJs.useElements)();
+    stripe = useStripe();
+    elements = useElements();
   }
   const handleSubmit = async () => {
     // Validate Stripe elements first (for Billing and Licensee steps)
-    if ((checkoutStep === _CheckoutSteps.default.Billing || checkoutStep === _CheckoutSteps.default.Licensee && !licenseeIsBillingIdentity) && elements) {
+    if ((checkoutStep === CheckoutSteps.Billing || checkoutStep === CheckoutSteps.Licensee && !licenseeIsBillingIdentity) && elements) {
       const result = await elements.submit();
       if (result.error) {
         // Stripe will show validation errors in the UI
@@ -161,7 +153,7 @@ const Checkout = _ref => {
     }
     setSubmitting(true);
     setError(null);
-    if (checkoutStep === _CheckoutSteps.default.Customer) {
+    if (checkoutStep === CheckoutSteps.Customer) {
       if (!billingIdentity.name && !billingIdentity.email) {
         setBillingIdentity({
           ...billingIdentity,
@@ -171,16 +163,16 @@ const Checkout = _ref => {
       }
       updateCustomer({
         input: customer
-      }, () => setCheckoutStep(_CheckoutSteps.default.Billing));
+      }, () => setCheckoutStep(CheckoutSteps.Billing));
     }
-    if (checkoutStep === _CheckoutSteps.default.Billing) {
+    if (checkoutStep === CheckoutSteps.Billing) {
       updateOrder({
         input: {
           billingIdentity
         }
-      }, () => setCheckoutStep(_CheckoutSteps.default.Licensee));
+      }, () => setCheckoutStep(CheckoutSteps.Licensee));
     }
-    if (checkoutStep === _CheckoutSteps.default.Licensee) {
+    if (checkoutStep === CheckoutSteps.Licensee) {
       updateOrder({
         input: {
           licenseeIsBillingIdentity,
@@ -190,17 +182,17 @@ const Checkout = _ref => {
         if (orderData !== null && orderData !== void 0 && orderData.canCompleteWithCoupon || skipPaymentMethod) {
           onComplete();
         } else {
-          setCheckoutStep(_CheckoutSteps.default.Payment);
+          setCheckoutStep(CheckoutSteps.Payment);
         }
       });
     }
-    if (checkoutStep === _CheckoutSteps.default.Payment) {
+    if (checkoutStep === CheckoutSteps.Payment) {
       var _billingIdentity$stre;
       if (!stripe || !elements) {
         console.error('Stripe failed to load');
         return;
       }
-      const card = elements.getElement(_reactStripeJs.CardElement);
+      const card = elements.getElement(CardElement);
       if (!card) {
         console.error('Didnt find Stripe Card element');
         return;
@@ -288,14 +280,14 @@ const Checkout = _ref => {
     }));
   };
   const isValid = () => {
-    if (checkoutStep === _CheckoutSteps.default.Customer) {
+    if (checkoutStep === CheckoutSteps.Customer) {
       return Boolean(customer.name && customer.email);
     }
-    if (checkoutStep === _CheckoutSteps.default.Billing) {
+    if (checkoutStep === CheckoutSteps.Billing) {
       const requiredFields = IDENTITY_REQUIRED_FIELDS.concat(billingRequired ?? []);
       return requiredFields.every(field => billingIdentity[field]);
     }
-    if (checkoutStep === _CheckoutSteps.default.Licensee) {
+    if (checkoutStep === CheckoutSteps.Licensee) {
       if (licenseeIsBillingIdentity) return true;
       const requiredFields = IDENTITY_REQUIRED_FIELDS.concat(licenseeRequired ?? []);
       return requiredFields.every(field => licenseeIdentity[field]);
@@ -304,21 +296,21 @@ const Checkout = _ref => {
   };
   const renderErrors = () => {
     if (errorsObject) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__errors"
       }, "Please correct the errors.");
     }
     if (!error && !errorProp) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__errors"
-    }, error && /*#__PURE__*/_react.default.createElement("p", null, error), errorProp && /*#__PURE__*/_react.default.createElement("p", null, errorProp));
+    }, error && /*#__PURE__*/React.createElement("p", null, error), errorProp && /*#__PURE__*/React.createElement("p", null, errorProp));
   };
-  const config = (0, _react.useContext)(_ConfigContext.default);
+  const config = useContext(ConfigContext);
   const renderStep = checkoutStep => {
     var _viewerData$themeConf, _viewerData$settings;
-    const customProperties = (0, _utils.parseCustomProperties)((_viewerData$themeConf = viewerData.themeConfig) === null || _viewerData$themeConf === void 0 ? void 0 : _viewerData$themeConf.customProperties);
+    const customProperties = parseCustomProperties((_viewerData$themeConf = viewerData.themeConfig) === null || _viewerData$themeConf === void 0 ? void 0 : _viewerData$themeConf.customProperties);
 
     // stripe validates that the strings match this pattern and throws an error
     // if they don't, and refuses to render the element. for example if a font
@@ -342,34 +334,34 @@ const Checkout = _ref => {
         color: customProperties['--error_color']
       }
     };
-    if (checkoutStep === _CheckoutSteps.default.Customer) {
+    if (checkoutStep === CheckoutSteps.Customer) {
       var _viewerData$settings2;
-      return /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
+      return /*#__PURE__*/React.createElement(CustomerFields, {
         title: "Contact information",
         value: customer,
         onChange: handleCustomerChange,
         optInLabel: (_viewerData$settings2 = viewerData.settings) === null || _viewerData$settings2 === void 0 ? void 0 : _viewerData$settings2.newsletterOptInLabel
       });
     }
-    const customerBreadcrumb = /*#__PURE__*/_react.default.createElement("div", {
+    const customerBreadcrumb = /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__section"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__customer-info"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       className: "checkout-modal__customer-info__button",
-      onClick: () => setCheckoutStep(_CheckoutSteps.default.Customer),
+      onClick: () => setCheckoutStep(CheckoutSteps.Customer),
       type: "button"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.User, null), " Contact information", ' ', /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement(User, null), " Contact information", ' ', /*#__PURE__*/React.createElement("span", {
       className: "checkout-modal__customer-info__check"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null)))));
-    if (checkoutStep === _CheckoutSteps.default.Billing) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, customerBreadcrumb, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Check, null)))));
+    if (checkoutStep === CheckoutSteps.Billing) {
+      return /*#__PURE__*/React.createElement(Fragment, null, customerBreadcrumb, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__section"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__header"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__customer-info-message"
-      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Icons.Receipt, null), " Billing information")))), /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Receipt, null), " Billing information")))), /*#__PURE__*/React.createElement(AddressFields, {
         viewer: viewerData,
         value: billingIdentity,
         onChange: handleBillingChange,
@@ -377,39 +369,39 @@ const Checkout = _ref => {
         identityType: "billing"
       }));
     }
-    const billingBreadcrumb = /*#__PURE__*/_react.default.createElement("div", {
+    const billingBreadcrumb = /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__section"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__customer-info"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       className: "checkout-modal__customer-info__button",
-      onClick: () => setCheckoutStep(_CheckoutSteps.default.Billing),
+      onClick: () => setCheckoutStep(CheckoutSteps.Billing),
       type: "button"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.Receipt, null), " Billing information", ' ', /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement(Receipt, null), " Billing information", ' ', /*#__PURE__*/React.createElement("span", {
       className: "checkout-modal__customer-info__check"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null)))));
-    if (checkoutStep === _CheckoutSteps.default.Licensee) {
+    }, /*#__PURE__*/React.createElement(Check, null)))));
+    if (checkoutStep === CheckoutSteps.Licensee) {
       var _config$form;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, customerBreadcrumb, billingBreadcrumb, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment, null, customerBreadcrumb, billingBreadcrumb, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__section"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__header"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__customer-info-message"
-      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Icons.License, null), " Licensee information")))), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(License, null), " Licensee information")))), /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__checkbox-field"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkbox"
-      }, /*#__PURE__*/_react.default.createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         id: "licensee-is-billing-identity",
         checked: licenseeIsBillingIdentity,
         onChange: e => setLicenseeIsBillingIdentity(e.target.checked)
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: "checkbox__icon"
-      }, ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null))), /*#__PURE__*/_react.default.createElement("label", {
+      }, ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) === 'check' ? /*#__PURE__*/React.createElement(Check, null) : /*#__PURE__*/React.createElement(X, null))), /*#__PURE__*/React.createElement("label", {
         htmlFor: "licensee-is-billing-identity"
-      }, "Use the same billing details for licensee")), licenseeIsBillingIdentity === false && /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+      }, "Use the same billing details for licensee")), licenseeIsBillingIdentity === false && /*#__PURE__*/React.createElement(AddressFields, {
         viewer: viewerData,
         value: licenseeIdentity,
         onChange: handleLicenseeChange,
@@ -417,64 +409,63 @@ const Checkout = _ref => {
         identityType: "licensee"
       }));
     }
-    const licenseeBreadcrumb = /*#__PURE__*/_react.default.createElement("div", {
+    const licenseeBreadcrumb = /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__section"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "checkout-modal__customer-info"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       className: "checkout-modal__customer-info__button",
-      onClick: () => setCheckoutStep(_CheckoutSteps.default.Licensee),
+      onClick: () => setCheckoutStep(CheckoutSteps.Licensee),
       type: "button"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.License, null), " Licensee information", ' ', /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement(License, null), " Licensee information", ' ', /*#__PURE__*/React.createElement("span", {
       className: "checkout-modal__customer-info__check"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null)))));
-    if (checkoutStep === _CheckoutSteps.default.Payment) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, customerBreadcrumb, billingBreadcrumb, licenseeBreadcrumb, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Check, null)))));
+    if (checkoutStep === CheckoutSteps.Payment) {
+      return /*#__PURE__*/React.createElement(Fragment, null, customerBreadcrumb, billingBreadcrumb, licenseeBreadcrumb, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__section"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__header"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__customer-info-message"
-      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Icons.CreditCard, null), " Payment")), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(CreditCard, null), " Payment")), /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__credit-card-message"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__credit-card-message__text"
-      }, /*#__PURE__*/_react.default.createElement("p", {
+      }, /*#__PURE__*/React.createElement("p", {
         className: "checkout-modal__credit-card-message__primary-text"
-      }, "Please enter your credit card info."), /*#__PURE__*/_react.default.createElement("p", {
+      }, "Please enter your credit card info."), /*#__PURE__*/React.createElement("p", {
         className: "checkout-modal__credit-card-message__secondary-text"
-      }, "(Secure payments powered by Stripe)"))))), /*#__PURE__*/_react.default.createElement("div", {
+      }, "(Secure payments powered by Stripe)"))))), /*#__PURE__*/React.createElement("div", {
         className: "checkout-modal__section"
-      }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.CardElement, {
+      }, /*#__PURE__*/React.createElement(CardElement, {
         options: {
           style: inputStyles,
           hidePostalCode: true
         }
-      })), errorsObject && errorsObject.stripePaymentMethodId && errorsObject.stripePaymentMethodId.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
+      })), errorsObject && errorsObject.stripePaymentMethodId && errorsObject.stripePaymentMethodId.length > 0 && /*#__PURE__*/React.createElement("p", {
         className: "checkout-modal__section__errors"
       }, errorsObject.stripePaymentMethodId[0]));
     }
     return null;
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, renderErrors(), /*#__PURE__*/_react.default.createElement("form", {
+  return /*#__PURE__*/React.createElement(Fragment, null, renderErrors(), /*#__PURE__*/React.createElement("form", {
     onSubmit: e => (e.preventDefault(), handleSubmit())
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__sections"
-  }, renderStep(checkoutStep)), /*#__PURE__*/_react.default.createElement("div", {
+  }, renderStep(checkoutStep)), /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__buttons"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: "checkout-modal__button",
     onClick: onCancel,
     "data-label": "cancel",
     type: "button"
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement("button", {
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
     className: "checkout-modal__button",
     "data-label": "confirm",
     disabled: !isValid() || submitting,
     type: "submit"
-  }, submitting ? 'Submitting...' : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, saveText, /*#__PURE__*/_react.default.createElement("span", {
+  }, submitting ? 'Submitting...' : /*#__PURE__*/React.createElement(Fragment, null, saveText, /*#__PURE__*/React.createElement("span", {
     className: "checkout-modal__button__arrow"
   }, " \u2192"))))));
 };
-var _default = Checkout;
-exports.default = _default;
+export default Checkout;

package/dist/components/Cart/CheckoutSteps.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 var CheckoutSteps;
 (function (CheckoutSteps) {
   CheckoutSteps[CheckoutSteps["Customer"] = 0] = "Customer";
@@ -11,5 +5,4 @@ var CheckoutSteps;
   CheckoutSteps[CheckoutSteps["Licensee"] = 2] = "Licensee";
   CheckoutSteps[CheckoutSteps["Payment"] = 3] = "Payment";
 })(CheckoutSteps || (CheckoutSteps = {}));
-var _default = CheckoutSteps;
-exports.default = _default;
+export default CheckoutSteps;

package/dist/components/Cart/CouponCodeInput.js

@@ -1,28 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CouponCodeInputApplyCouponMutation2 = _interopRequireDefault(require("../../__generated__/CouponCodeInputApplyCouponMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _Icons = require("../Icons");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const applyCouponMutation = (_CouponCodeInputApplyCouponMutation2.default.hash && _CouponCodeInputApplyCouponMutation2.default.hash !== "c53b64e200d60a461b3f47f15578e34e" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation2.default);
+import _CouponCodeInputApplyCouponMutation from "../../__generated__/CouponCodeInputApplyCouponMutation.graphql.js";
+import React, { useRef, useState } from 'react';
+import { graphql, commitMutation, useRelayEnvironment } from 'react-relay';
+import { X } from '../Icons/index.js';
+const applyCouponMutation = (_CouponCodeInputApplyCouponMutation.hash && _CouponCodeInputApplyCouponMutation.hash !== "c53b64e200d60a461b3f47f15578e34e" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation);
 function CouponCodeInput() {
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-  const [value, setValue] = (0, _react.useState)('');
-  const [error, setError] = (0, _react.useState)(null);
-  const inputRef = (0, _react.useRef)(null);
+  const environment = useRelayEnvironment();
+  const [submitting, setSubmitting] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const [value, setValue] = useState('');
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
   const applyCoupon = () => {
     if (submitting) return;
     setSubmitting(true);
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: applyCouponMutation,
       variables: {
         input: {
@@ -50,23 +41,23 @@ function CouponCodeInput() {
     }
   };
   if (!expanded) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "cart-additions"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: () => setExpanded(true),
       className: "cart-additions__expand-button"
     }, "Add a coupon code"));
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "cart-additions",
     "data-status": error ? 'error' : 'idle'
-  }, /*#__PURE__*/_react.default.createElement("form", {
+  }, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
     className: "cart-additions__form"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cart-additions__field-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     type: "text",
     value: value,
@@ -77,15 +68,14 @@ function CouponCodeInput() {
     placeholder: "Enter code",
     size: 21,
     className: "cart-additions__field"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "cart-additions__state-icon",
     onClick: handleIconClick
-  }, error ? /*#__PURE__*/_react.default.createElement(_Icons.X, null) : null)), /*#__PURE__*/_react.default.createElement("button", {
+  }, error ? /*#__PURE__*/React.createElement(X, null) : null)), /*#__PURE__*/React.createElement("button", {
     type: "submit",
     className: "cart-additions__button"
-  }, "Apply")), error && /*#__PURE__*/_react.default.createElement("p", {
+  }, "Apply")), error && /*#__PURE__*/React.createElement("p", {
     className: "cart-additions__error"
   }, error));
 }
-var _default = CouponCodeInput;
-exports.default = _default;
+export default CouponCodeInput;

package/dist/components/Cart/CustomerFields.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Customer } from './types';
+import { Customer } from './types.js';
 interface CustomerFields_props {
     title?: string;
     value: Customer;