fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/BuyButton/index.js

@@ -1,37 +1,31 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BuyButtonPreloadedIDQueryRenderer = BuyButtonPreloadedIDQueryRenderer;
-exports.BuyButtonPreloadedSlugQueryRenderer = BuyButtonPreloadedSlugQueryRenderer;
-exports.default = BuyButton;
-var _BuyButtonSlugQuery2 = _interopRequireDefault(require("../../__generated__/BuyButtonSlugQuery.graphql"));
-var _BuyButtonIDQuery2 = _interopRequireDefault(require("../../__generated__/BuyButtonIDQuery.graphql"));
-var _BuyButton_collection2 = _interopRequireDefault(require("../../__generated__/BuyButton_collection.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-var _productState = require("../Root/productState");
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-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 }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import _BuyButtonSlugQuery from "../../__generated__/BuyButtonSlugQuery.graphql.js";
+import _BuyButtonIDQuery from "../../__generated__/BuyButtonIDQuery.graphql.js";
+import _BuyButton_collection from "../../__generated__/BuyButton_collection.graphql.js";
+import React, { useCallback, useContext, useEffect } from 'react';
+import { graphql, useRelayEnvironment, useLazyLoadQuery, useFragment, usePreloadedQuery } from 'react-relay';
+import { useDispatch, useStore } from 'react-redux';
+import ComponentsContext from '../ComponentsContext.js';
+import { populateProductState } from '../Root/productState.js';
+import BuyButtonIDQueryNode from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import BuyButtonSlugQueryNode from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
 function BuyButtonComponent(_ref) {
   let {
     collection: collectionKey,
     label,
     collectionName
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_BuyButton_collection2.default.hash && _BuyButton_collection2.default.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection2.default), collectionKey);
-  const store = (0, _reactRedux.useStore)();
-  const components = (0, _react.useContext)(_ComponentsContext.default);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const handleClick = (0, _react.useCallback)(() => {
+  const collection = useFragment((_BuyButton_collection.hash && _BuyButton_collection.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection), collectionKey);
+  const store = useStore();
+  const components = useContext(ComponentsContext);
+  const dispatch = useDispatch();
+  const environment = useRelayEnvironment();
+  const handleClick = useCallback(() => {
     if (!collection) return;
     dispatch({
       type: 'STORE_MODAL_NAVIGATE',
@@ -44,89 +38,136 @@ function BuyButtonComponent(_ref) {
       type: 'OPEN_CART'
     });
   }, [dispatch, collection]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!collection) return;
-    // populate as soon as BuyButton mounts. this prepares the StoreModal
-    // to be able to apply discounts as soon as the user clicks "BUY" on
-    // a style. (this is necessary if the bundle price is <= single style price)
-    (0, _productState.populateProductState)(store, environment, collection.id);
+    populateProductState(store, environment, collection.id);
   }, [collection === null || collection === void 0 ? void 0 : collection.id]);
   if (components.BuyButton) {
-    return /*#__PURE__*/_react.default.createElement(components.BuyButton, {
+    return /*#__PURE__*/React.createElement(components.BuyButton, {
       innerProps: {
         onClick: handleClick
       }
     });
   }
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     className: "buy-button",
     onClick: handleClick,
     type: "button"
   }, label ? label : `Buy ${collectionName ?? ''}`);
 }
-const idQuery = (_BuyButtonIDQuery2.default.hash && _BuyButtonIDQuery2.default.hash !== "4fbf1dbf9e6c530a5d38c697b174d8b0" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery2.default);
+const idQuery = (_BuyButtonIDQuery.hash && _BuyButtonIDQuery.hash !== "4fbf1dbf9e6c530a5d38c697b174d8b0" && console.error("The definition of 'BuyButtonIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonIDQuery);
+const slugQuery = (_BuyButtonSlugQuery.hash && _BuyButtonSlugQuery.hash !== "6e750adea09698f7cb61f435cd88fd26" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery);
+export async function loadBuyButtonQuery(variables) {
+  if (variables.collectionId) {
+    return loadSerializableQuery(BuyButtonIDQueryNode, {
+      collectionId: variables.collectionId
+    });
+  }
+  if (variables.collectionSlug) {
+    return loadSerializableQuery(BuyButtonSlugQueryNode, {
+      collectionSlug: variables.collectionSlug
+    });
+  }
+  throw new Error('loadBuyButtonQuery expected either a collectionId or collectionSlug');
+}
 function BuyButtonIDQueryRenderer(_ref2) {
   let {
     collectionId,
     ...rest
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+  const data = useLazyLoadQuery(idQuery, {
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-function BuyButtonPreloadedIDQueryRenderer(_ref3) {
+export function BuyButtonPreloadedIDQueryRenderer(_ref3) {
   let {
     preloadedQuery,
     ...rest
   } = _ref3;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, data));
+  // The query node lets the hook commit the payload into the store, so
+  // usePreloadedQuery resolves synchronously during SSR instead of
+  // refetching (the response cache only exists in the browser).
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery, 'store-or-network', idQuery);
+  const data = usePreloadedQuery(idQuery, queryRef);
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, data));
 }
-const slugQuery = (_BuyButtonSlugQuery2.default.hash && _BuyButtonSlugQuery2.default.hash !== "6e750adea09698f7cb61f435cd88fd26" && console.error("The definition of 'BuyButtonSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButtonSlugQuery2.default);
 function BuyButtonSlugQueryRenderer(_ref4) {
   var _data$viewer, _data$viewer$slug;
   let {
     collectionSlug,
     ...rest
   } = _ref4;
-  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+  const data = useLazyLoadQuery(slugQuery, {
     collectionSlug
   });
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, {
     collection: ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$slug = _data$viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null
   }));
 }
-function BuyButtonPreloadedSlugQueryRenderer(_ref5) {
+export function BuyButtonPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer2, _data$viewer2$slug;
   let {
     preloadedQuery,
     ...rest
   } = _ref5;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
-  return /*#__PURE__*/_react.default.createElement(BuyButtonComponent, _extends({}, rest, {
+  // The query node lets the hook commit the payload into the store, so
+  // usePreloadedQuery resolves synchronously during SSR instead of
+  // refetching (the response cache only exists in the browser).
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery, 'store-or-network', slugQuery);
+  const data = usePreloadedQuery(slugQuery, queryRef);
+  return /*#__PURE__*/React.createElement(BuyButtonComponent, _extends({}, rest, {
     collection: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$slug = _data$viewer2.slug) === null || _data$viewer2$slug === void 0 ? void 0 : _data$viewer2$slug.collection) ?? null
   }));
 }
-
-// default client export
-function BuyButton(_ref6) {
+function BuyButtonPreloadedRenderer(_ref6) {
   let {
-    collectionId,
-    collectionSlug,
+    preloadedQuery,
     ...rest
   } = _ref6;
-  if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonIDQueryRenderer, _extends({
-      collectionId: collectionId
+  if (preloadedQuery.params.name === 'BuyButtonIDQuery') {
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
     }, rest));
   }
-  if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonSlugQueryRenderer, _extends({
+  return /*#__PURE__*/React.createElement(BuyButtonPreloadedSlugQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, rest));
+}
+// Unified BuyButton entry. Accepts a preloaded query (server-side preload
+// path) or `{collectionId}`/`{collectionSlug}` for lazy fetch.
+// `EnsureFontdueContext` only self-wraps with `FontdueContextProvider` when
+// no parent Fontdue context is present, seeding it with `config`.
+export default function BuyButton(props) {
+  let inner;
+  if ('preloadedQuery' in props && props.preloadedQuery) {
+    const {
+      preloadedQuery,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonPreloadedRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  } else if ('collectionId' in props && props.collectionId) {
+    const {
+      collectionId,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonIDQueryRenderer, _extends({
+      collectionId: collectionId
+    }, rest));
+  } else if ('collectionSlug' in props && props.collectionSlug) {
+    const {
+      collectionSlug,
+      ...rest
+    } = props;
+    inner = /*#__PURE__*/React.createElement(BuyButtonSlugQueryRenderer, _extends({
       collectionSlug: collectionSlug
     }, rest));
+  } else {
+    throw new Error('BuyButton expected one of preloadedQuery, collectionId, or collectionSlug');
   }
-  throw new Error('BuyButton expected either a collectionId or collectionSlug prop');
+  return /*#__PURE__*/React.createElement(EnsureFontdueContext, {
+    config: props.config
+  }, inner);
 }

package/dist/components/BuyButton/index.server.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
-import { BuyButton_props } from './index';
-export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props): Promise<React.JSX.Element | null>;
+import { BuyButton_props } from './index.js';
+import { Config } from '../ConfigContext.js';
+export type { BuyButtonPreloadedQuery } from './index.js';
+export declare function loadBuyButtonQuery(): never;
+export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props & {
+    collectionId?: string | null;
+    collectionSlug?: string | null;
+    config?: Config;
+}): Promise<React.JSX.Element | null>;

package/dist/components/BuyButton/index.server.js

@@ -1,35 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BuyButton;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _BuyButtonIDQuery = _interopRequireDefault(require("../../__generated__/BuyButtonIDQuery.graphql"));
-var _BuyButtonSlugQuery = _interopRequireDefault(require("../../__generated__/BuyButtonSlugQuery.graphql"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-async function BuyButton(_ref) {
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import { BuyButtonPreloadedIDQueryRenderer, BuyButtonPreloadedSlugQueryRenderer } from './index.js';
+import BuyButtonIDQueryNode from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import BuyButtonSlugQueryNode from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadBuyButtonQuery() {
+  throw new Error("loadBuyButtonQuery isn't needed in React Server Components — " + 'the <BuyButton> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
+
+// Next RSC variant: awaits the query on the server and hands the response to
+// the client `*PreloadedQueryRenderer`. Lets pages just write
+// `<BuyButton collectionId={id} />` in an RSC without manually invoking
+// `loadBuyButtonQuery` + threading `preloadedQuery` through props.
+export default async function BuyButton(_ref) {
   let {
     collectionId,
     collectionSlug,
     ...rest
   } = _ref;
   if (collectionId) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_BuyButtonIDQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(BuyButtonIDQueryNode, {
       collectionId
     });
-    return /*#__PURE__*/_react.default.createElement(_index.BuyButtonPreloadedIDQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedIDQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }
   if (collectionSlug) {
-    const preloadedQuery = await (0, _loadSerializableQuery.default)(_BuyButtonSlugQuery.default, {
+    const preloadedQuery = await loadSerializableQuery(BuyButtonSlugQueryNode, {
       collectionSlug
     });
-    return /*#__PURE__*/_react.default.createElement(_index.BuyButtonPreloadedSlugQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonPreloadedSlugQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
     }, rest));
   }

package/dist/components/BuyingOptions/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface BuyingOptionsProps {
+    onPrecartOpen: () => void;
+}
+declare const _default: import("react-redux").ConnectedComponent<({ onPrecartOpen }: BuyingOptionsProps) => React.JSX.Element, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;

package/dist/components/BuyingOptions/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("react-redux");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
+import { connect } from 'react-redux';
 const BuyingOptions = _ref => {
   let {
     onPrecartOpen
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "buying-options buy-family__options__button",
     onClick: onPrecartOpen
@@ -22,5 +15,4 @@ const mapDispatchToProps = dispatch => ({
     type: 'OPEN_PRECART'
   })
 });
-var _default = (0, _reactRedux.connect)(null, mapDispatchToProps)(BuyingOptions);
-exports.default = _default;
+export default connect(null, mapDispatchToProps)(BuyingOptions);

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AddressFields_viewer$key } from '__generated__/AddressFields_viewer.graphql';
-import { Identity, UpdateOrderErrors } from './types';
+import { AddressFields_viewer$key } from '__generated__/AddressFields_viewer.graphql.js';
+import { Identity, UpdateOrderErrors } from './types.js';
 interface AddressFields_props {
     viewer: AddressFields_viewer$key;
     value: Identity;

package/dist/components/Cart/AddressFields.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _AddressFields_viewer2 = _interopRequireDefault(require("../../__generated__/AddressFields_viewer.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _AddressFieldsRefetchQuery = _interopRequireDefault(require("../../__generated__/AddressFieldsRefetchQuery.graphql"));
-var _utils = require("../../utils");
-var _reactStripeJs = require("@stripe/react-stripe-js");
-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 _AddressFields_viewer from "../../__generated__/AddressFields_viewer.graphql.js";
+import React, { Fragment, useCallback, useEffect, useState } from 'react';
+import { fetchQuery, graphql, useRefetchableFragment, useRelayEnvironment } from 'react-relay';
+import TextField from '../TextField/index.js';
+import AddressFieldsRefetchQuery from '../../__generated__/AddressFieldsRefetchQuery.graphql.js';
+import { notEmpty } from '../../utils.js';
+import { AddressElement } from '@stripe/react-stripe-js';
 const MAPS_API_KEY = 'AIzaSyB9rSjGVPZYcRkPl1PDezIuAp3XCUs2Crk';
 const AddressFields = _ref => {
   var _viewer$countryData, _value$street, _viewer$settings;
@@ -25,15 +16,15 @@ const AddressFields = _ref => {
     errorsObject,
     allowedCountries
   } = _ref;
-  const [refetching, setRefetching] = (0, _react.useState)(false);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "2369fc95f554723701a8294b4522137a" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
+  const [refetching, setRefetching] = useState(false);
+  const [viewer, refetch] = useRefetchableFragment((_AddressFields_viewer.hash && _AddressFields_viewer.hash !== "2369fc95f554723701a8294b4522137a" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer), viewerKey);
   const countryData = (_viewer$countryData = viewer.countryData) === null || _viewer$countryData === void 0 ? void 0 : _viewer$countryData.response;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  (0, _react.useEffect)(() => {
+  const environment = useRelayEnvironment();
+  useEffect(() => {
     setRefetching(true);
 
     // refetch after using fetchQuery to avoid triggering Suspense
-    const subscription = (0, _reactRelay.fetchQuery)(environment, _AddressFieldsRefetchQuery.default, {
+    const subscription = fetchQuery(environment, AddressFieldsRefetchQuery, {
       countryCode: value.country,
       includeCountryCode: true
     }).subscribe({
@@ -54,7 +45,7 @@ const AddressFields = _ref => {
   }, [value.country]);
   const getErrors = field => {
     var _errorsObject$field;
-    return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(_utils.notEmpty);
+    return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(notEmpty);
   };
   const lines = (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.split('\n');
 
@@ -90,7 +81,7 @@ const AddressFields = _ref => {
       state: value.administrativeArea
     }
   };
-  const handleAddressElementChange = (0, _react.useCallback)(e => {
+  const handleAddressElementChange = useCallback(e => {
     // Always update country immediately, regardless of form completeness
     const country = e.value.address.country;
     const value = {
@@ -105,17 +96,17 @@ const AddressFields = _ref => {
     };
     onChange(value, e.complete);
   }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Organization",
     value: value.organization || '',
     onChange: v => onChange({
       organization: v
     })
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: identityType === 'licensee' ? 'Contact email' : 'Email',
     autocomplete: "email",
     type: "email",
@@ -124,9 +115,9 @@ const AddressFields = _ref => {
       email: v
     }),
     errors: getErrors('email')
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.AddressElement, {
+  }, /*#__PURE__*/React.createElement(AddressElement, {
     key: (allowedCountries === null || allowedCountries === void 0 ? void 0 : allowedCountries.join(',')) || 'all',
     options: {
       mode: identityType === 'billing' ? 'billing' : 'shipping',
@@ -145,9 +136,9 @@ const AddressFields = _ref => {
       defaultValues
     },
     onChange: handleAddressElementChange
-  })), identityType === 'billing' ? countryData && !refetching ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/_react.default.createElement("div", {
+  })), identityType === 'billing' ? countryData && !refetching ? /*#__PURE__*/React.createElement(Fragment, null, (countryData.isEuCountry || value.country === 'GB') && /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "VAT number",
     autocomplete: "vat",
     placeholder: "12345678",
@@ -157,11 +148,10 @@ const AddressFields = _ref => {
     }),
     errors: getErrors('vatNumber'),
     prefix: `${countryData.vatCountryCode} `
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__section"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "checkout-modal__field-placeholder"
   })) : null);
 };
-var _default = AddressFields;
-exports.default = _default;
+export default AddressFields;

package/dist/components/Cart/CartItem/CartItemAdditionalLicenses.d.ts

@@ -1,5 +1,5 @@
-import { CartItemAdditionalLicenses_licenses$key } from '__generated__/CartItemAdditionalLicenses_licenses.graphql';
-import { CartItemAdditionalLicenses_orderItem$key } from '__generated__/CartItemAdditionalLicenses_orderItem.graphql';
+import { CartItemAdditionalLicenses_licenses$key } from '__generated__/CartItemAdditionalLicenses_licenses.graphql.js';
+import { CartItemAdditionalLicenses_orderItem$key } from '__generated__/CartItemAdditionalLicenses_orderItem.graphql.js';
 import React from 'react';
 interface AdditionalLicenses_props {
     licenses: CartItemAdditionalLicenses_licenses$key | null;

package/dist/components/Cart/CartItem/CartItemAdditionalLicenses.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartItemAdditionalLicenses;
-var _CartItemAdditionalLicenses_orderItem2 = _interopRequireDefault(require("../../../__generated__/CartItemAdditionalLicenses_orderItem.graphql"));
-var _CartItemAdditionalLicenses_licenses2 = _interopRequireDefault(require("../../../__generated__/CartItemAdditionalLicenses_licenses.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function CartItemAdditionalLicenses(_ref) {
+import _CartItemAdditionalLicenses_orderItem from "../../../__generated__/CartItemAdditionalLicenses_orderItem.graphql.js";
+import _CartItemAdditionalLicenses_licenses from "../../../__generated__/CartItemAdditionalLicenses_licenses.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+export default function CartItemAdditionalLicenses(_ref) {
   var _orderItem$licenseSel, _orderItem$licenseSel2;
   let {
     licenses: licensesKey,
     orderItem: orderItemKey,
     onAddLicense
   } = _ref;
-  const licenses = (0, _reactRelay.useFragment)((_CartItemAdditionalLicenses_licenses2.default.hash && _CartItemAdditionalLicenses_licenses2.default.hash !== "a00d0c8ac3643f7c12911fad6f62ec4e" && console.error("The definition of 'CartItemAdditionalLicenses_licenses' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemAdditionalLicenses_licenses2.default), licensesKey);
-  const orderItem = (0, _reactRelay.useFragment)((_CartItemAdditionalLicenses_orderItem2.default.hash && _CartItemAdditionalLicenses_orderItem2.default.hash !== "52f514c1954a1d93863d7dd4c4871e3a" && console.error("The definition of 'CartItemAdditionalLicenses_orderItem' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemAdditionalLicenses_orderItem2.default), orderItemKey);
+  const licenses = useFragment((_CartItemAdditionalLicenses_licenses.hash && _CartItemAdditionalLicenses_licenses.hash !== "a00d0c8ac3643f7c12911fad6f62ec4e" && console.error("The definition of 'CartItemAdditionalLicenses_licenses' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemAdditionalLicenses_licenses), licensesKey);
+  const orderItem = useFragment((_CartItemAdditionalLicenses_orderItem.hash && _CartItemAdditionalLicenses_orderItem.hash !== "52f514c1954a1d93863d7dd4c4871e3a" && console.error("The definition of 'CartItemAdditionalLicenses_orderItem' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemAdditionalLicenses_orderItem), orderItemKey);
   if (!licenses) return null;
   const selectedLicenseIds = new Set(((_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(_ref2 => {
     let {
@@ -33,9 +26,9 @@ function CartItemAdditionalLicenses(_ref) {
   })) ?? []);
   const additionalLicenses = licenses.filter(license => !selectedLicenseIds.has(license.id) && !excludedLicenseIds.has(license.id));
   if (additionalLicenses.length < 1) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "cart-item__additional-licenses"
-  }, "+ Add:", ' ', additionalLicenses.map(license => /*#__PURE__*/_react.default.createElement("button", {
+  }, "+ Add:", ' ', additionalLicenses.map(license => /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cart-item__additional-licenses__item",
     key: license.id,

package/dist/components/Cart/CartItem/CartItemLicense.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SelectionInput } from '../types';
-import { CartItemLicense_selection$key } from '__generated__/CartItemLicense_selection.graphql';
+import { SelectionInput } from '../types.js';
+import { CartItemLicense_selection$key } from '__generated__/CartItemLicense_selection.graphql.js';
 interface CartItemLicense_props {
     selections: CartItemLicense_selection$key;
     onChange: (value: SelectionInput) => void;

package/dist/components/Cart/CartItem/CartItemLicense.js

@@ -1,18 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartItemLicense;
-var _CartItemLicense_selection2 = _interopRequireDefault(require("../../../__generated__/CartItemLicense_selection.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _Icons = require("../../Icons");
-var _CartItemVariable = _interopRequireDefault(require("./CartItemVariable"));
-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 }; }
-function CartItemLicense(_ref) {
+import _CartItemLicense_selection from "../../../__generated__/CartItemLicense_selection.graphql.js";
+import React, { useState } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { X } from '../../Icons/index.js';
+import CartItemVariable from './CartItemVariable.js';
+export default function CartItemLicense(_ref) {
   var _selections$filter;
   let {
     onChange,
@@ -21,11 +12,11 @@ function CartItemLicense(_ref) {
     closeButtonMouseLeave: parentCloseButtonMouseLeave,
     selections: selectionsKey
   } = _ref;
-  const selections = (0, _reactRelay.useFragment)((_CartItemLicense_selection2.default.hash && _CartItemLicense_selection2.default.hash !== "8a249e2954a1c0d5279a28d666abe1c0" && console.error("The definition of 'CartItemLicense_selection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemLicense_selection2.default), selectionsKey);
+  const selections = useFragment((_CartItemLicense_selection.hash && _CartItemLicense_selection.hash !== "8a249e2954a1c0d5279a28d666abe1c0" && console.error("The definition of 'CartItemLicense_selection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemLicense_selection), selectionsKey);
   if (selections.length === 0) return null;
   const license = selections[0].license;
   if (!license) return null;
-  const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
+  const [closeButtonIsHovered, setCloseButtonIsHovered] = useState(false);
   const closeButtonMouseEnter = () => {
     parentCloseButtonMouseEnter();
     setCloseButtonIsHovered(true);
@@ -38,29 +29,29 @@ function CartItemLicense(_ref) {
     closeButtonMouseLeave();
     onRemoveLicense(license.id);
   };
-  return /*#__PURE__*/_react.default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     key: license.id,
     className: "cart-item__license",
     "data-close-button-hovered": closeButtonIsHovered
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cart-item__license__delete-button",
     "aria-label": "Remove license",
     onClick: handleClickRemove,
     onMouseEnter: closeButtonMouseEnter,
     onMouseLeave: closeButtonMouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(X, null)), /*#__PURE__*/React.createElement("div", {
     className: "cart-item__license-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cart-item__license-name"
-  }, license.name), (((_selections$filter = selections.filter(selection => selection.licenseVariable)) === null || _selections$filter === void 0 ? void 0 : _selections$filter.length) ?? 0) > 0 && /*#__PURE__*/_react.default.createElement("ul", {
+  }, license.name), (((_selections$filter = selections.filter(selection => selection.licenseVariable)) === null || _selections$filter === void 0 ? void 0 : _selections$filter.length) ?? 0) > 0 && /*#__PURE__*/React.createElement("ul", {
     className: "cart-item__license-variables"
   }, selections.map(selection => {
     var _license$licenseVaria;
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: "cart-item__license-variable",
       key: selection.id
-    }, /*#__PURE__*/_react.default.createElement(_CartItemVariable.default, {
+    }, /*#__PURE__*/React.createElement(CartItemVariable, {
       selection: selection,
       onChange: onChange,
       variable: (_license$licenseVaria = license.licenseVariables) === null || _license$licenseVaria === void 0 ? void 0 : _license$licenseVaria.find(_ref2 => {

package/dist/components/Cart/CartItem/CartItemProduct.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CartItemProduct_product$key } from '__generated__/CartItemProduct_product.graphql';
+import { CartItemProduct_product$key } from '__generated__/CartItemProduct_product.graphql.js';
 interface Props {
     product: CartItemProduct_product$key | null;
 }