fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/components/AddToCartBanner/index.js

@@ -1,18 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _AddToCartBannerQuery2 = _interopRequireDefault(require("../../__generated__/AddToCartBannerQuery.graphql"));
-var _AddToCartBanner_order2 = _interopRequireDefault(require("../../__generated__/AddToCartBanner_order.graphql"));
-var _AddToCartBanner_item2 = _interopRequireDefault(require("../../__generated__/AddToCartBanner_item.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-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 _AddToCartBannerQuery from "../../__generated__/AddToCartBannerQuery.graphql.js";
+import _AddToCartBanner_order from "../../__generated__/AddToCartBanner_order.graphql.js";
+import _AddToCartBanner_item from "../../__generated__/AddToCartBanner_item.graphql.js";
+import React, { useEffect, useState, useRef } from 'react';
+import { graphql, useFragment, useLazyLoadQuery } from 'react-relay';
+import equal from 'fast-deep-equal';
 const getOrderItemName = item => {
   var _item$sku;
   const product = item === null || item === void 0 ? void 0 : (_item$sku = item.sku) === null || _item$sku === void 0 ? void 0 : _item$sku.product;
@@ -30,31 +21,31 @@ const getOrderItemName = item => {
   if ('name' in product) return product.name;
   return null;
 };
-_AddToCartBanner_item2.default.hash && _AddToCartBanner_item2.default.hash !== "93905c08206c30255368dbb06f59ccec" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item2.default;
+_AddToCartBanner_item.hash && _AddToCartBanner_item.hash !== "93905c08206c30255368dbb06f59ccec" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item;
 function AddToCartBanner(_ref) {
   var _order$orderItems, _order$orderItems2;
   let {
     order: orderKey
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_AddToCartBanner_order2.default.hash && _AddToCartBanner_order2.default.hash !== "29516fe27686b4937b1856979f13d22b" && console.error("The definition of 'AddToCartBanner_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_order2.default), orderKey);
-  const [active, setActive] = (0, _react.useState)(false);
-  const prevOrderItemIds = (0, _react.useRef)(order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.map(item => item.id));
-  const newOrderItemIds = (0, _react.useRef)([]);
+  const order = useFragment((_AddToCartBanner_order.hash && _AddToCartBanner_order.hash !== "29516fe27686b4937b1856979f13d22b" && console.error("The definition of 'AddToCartBanner_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_order), orderKey);
+  const [active, setActive] = useState(false);
+  const prevOrderItemIds = useRef(order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.map(item => item.id));
+  const newOrderItemIds = useRef([]);
   const newOrderItems = order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.filter(item => {
     var _newOrderItemIds$curr;
     return (_newOrderItemIds$curr = newOrderItemIds.current) === null || _newOrderItemIds$curr === void 0 ? void 0 : _newOrderItemIds$curr.includes(item.id);
   });
-  const timeoutRef = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
+  const timeoutRef = useRef(undefined);
+  useEffect(() => {
     document.body.dataset.addToCartBannerOpen = `${active}`;
   }, [active]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     var _order$orderItems3, _order$orderItems4, _prevOrderItemIds$cur;
     function setInactive() {
       setActive(false);
     }
     const orderItemIds = order === null || order === void 0 ? void 0 : (_order$orderItems3 = order.orderItems) === null || _order$orderItems3 === void 0 ? void 0 : _order$orderItems3.map(item => item.id);
-    if ((0, _fastDeepEqual.default)(orderItemIds, prevOrderItemIds.current)) return;
+    if (equal(orderItemIds, prevOrderItemIds.current)) return;
     if (((order === null || order === void 0 ? void 0 : (_order$orderItems4 = order.orderItems) === null || _order$orderItems4 === void 0 ? void 0 : _order$orderItems4.length) ?? 0) > (((_prevOrderItemIds$cur = prevOrderItemIds.current) === null || _prevOrderItemIds$cur === void 0 ? void 0 : _prevOrderItemIds$cur.length) ?? 0)) {
       setActive(true);
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -70,7 +61,7 @@ function AddToCartBanner(_ref) {
     };
   }, [order === null || order === void 0 ? void 0 : order.orderItems]);
   const itemText = (newOrderItems === null || newOrderItems === void 0 ? void 0 : newOrderItems.length) === 1 ? getOrderItemName(newOrderItems[0]) : `${newOrderItems === null || newOrderItems === void 0 ? void 0 : newOrderItems.length} items`;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "add-to-cart-banner",
     "data-active": active
   }, "You added ", itemText, " to your cart");
@@ -78,10 +69,9 @@ function AddToCartBanner(_ref) {
 function AddToCartBannerQueryRenderer() {
   const {
     viewer
-  } = (0, _reactRelay.useLazyLoadQuery)((_AddToCartBannerQuery2.default.hash && _AddToCartBannerQuery2.default.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery2.default), {});
-  return /*#__PURE__*/_react.default.createElement(AddToCartBanner, {
+  } = useLazyLoadQuery((_AddToCartBannerQuery.hash && _AddToCartBannerQuery.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery), {});
+  return /*#__PURE__*/React.createElement(AddToCartBanner, {
     order: viewer.currentOrder
   });
 }
-var _default = AddToCartBannerQueryRenderer;
-exports.default = _default;
+export default AddToCartBannerQueryRenderer;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BuyButtonIDQuery } from '../../__generated__/BuyButtonIDQuery.graphql';
-import { BuyButtonSlugQuery } from '../../__generated__/BuyButtonSlugQuery.graphql';
-import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { BuyButtonIDQuery } from '../../__generated__/BuyButtonIDQuery.graphql.js';
+import { BuyButtonSlugQuery } from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
 export interface BuyButton_props {
     collectionId?: string | null;
     collectionSlug?: string | null;

package/dist/components/BuyButton/index.js

@@ -1,37 +1,27 @@
-"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 useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.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,87 +34,87 @@ 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);
 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));
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  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);
+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);
 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, {
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  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) {
+export default function BuyButton(_ref6) {
   let {
     collectionId,
     collectionSlug,
     ...rest
   } = _ref6;
   if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonIDQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonIDQueryRenderer, _extends({
       collectionId: collectionId
     }, rest));
   }
   if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(BuyButtonSlugQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(BuyButtonSlugQueryRenderer, _extends({
       collectionSlug: collectionSlug
     }, rest));
   }

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { BuyButton_props } from './index';
+import { BuyButton_props } from './index.js';
 export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props): Promise<React.JSX.Element | null>;

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

@@ -1,35 +1,28 @@
-"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';
+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.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;
   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 !== "3358a415bba3d69844b42bab6f71b551" && 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 !== "3358a415bba3d69844b42bab6f71b551" && 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 licenseIds = (_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(_ref2 => {
     let {
@@ -27,9 +20,9 @@ function CartItemAdditionalLicenses(_ref) {
   });
   const additionalLicenses = licenses.filter(license => !(licenseIds !== null && licenseIds !== void 0 && licenseIds.some(id => id === 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;