fontdue-js 2.22.3 → 3.0.0-alpha1

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;
 }

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

@@ -1,38 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartItemProduct;
-var _CartItemProduct_product2 = _interopRequireDefault(require("../../../__generated__/CartItemProduct_product.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _CollectionAa = require("../../CollectionAa");
-var _FontStyle = _interopRequireDefault(require("../../FontStyle"));
-var _reactRelay = require("react-relay");
-var _utils = require("../../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function CartItemProduct(_ref) {
+import _CartItemProduct_product from "../../../__generated__/CartItemProduct_product.graphql.js";
+import React from 'react';
+import { CollectionAa } from '../../CollectionAa/index.js';
+import FontStyle from '../../FontStyle/index.js';
+import { graphql, useFragment } from 'react-relay';
+import { pluralize } from '../../../utils.js';
+export default function CartItemProduct(_ref) {
   var _product$name, _product$variableInst;
   let {
     product: productKey
   } = _ref;
-  const product = (0, _reactRelay.useFragment)((_CartItemProduct_product2.default.hash && _CartItemProduct_product2.default.hash !== "a3931102e3ec08c57abd262038b5d74a" && console.error("The definition of 'CartItemProduct_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemProduct_product2.default), productKey);
+  const product = useFragment((_CartItemProduct_product.hash && _CartItemProduct_product.hash !== "a3931102e3ec08c57abd262038b5d74a" && console.error("The definition of 'CartItemProduct_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemProduct_product), productKey);
   let productName = (product === null || product === void 0 ? void 0 : product.name) ?? '??';
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontStyle' && product.family) productName = `${product.family.name} ${product.name}`;
   if (((product === null || product === void 0 ? void 0 : product.__typename) === 'Bundle' || (product === null || product === void 0 ? void 0 : product.__typename) === 'CollectionBundle') && product.fontCollection && !((_product$name = product.name) !== null && _product$name !== void 0 && _product$name.startsWith(product.fontCollection.name))) productName = `${product.fontCollection.name} ${product.name}`;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "cart-item__aa"
-  }, product ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['FontCollection', 'Bundle', 'CollectionBundle'].indexOf(product.__typename) >= 0 ? /*#__PURE__*/_react.default.createElement(_CollectionAa.CollectionAa, {
+  }, product ? /*#__PURE__*/React.createElement(React.Fragment, null, ['FontCollection', 'Bundle', 'CollectionBundle'].indexOf(product.__typename) >= 0 ? /*#__PURE__*/React.createElement(CollectionAa, {
     product: product
-  }) : /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+  }) : /*#__PURE__*/React.createElement(FontStyle, {
     fontStyle: product
-  }, /*#__PURE__*/_react.default.createElement("span", null, "A"), /*#__PURE__*/_react.default.createElement("span", null, "a"))) : '??'), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "A"), /*#__PURE__*/React.createElement("span", null, "a"))) : '??'), /*#__PURE__*/React.createElement("div", {
     className: "cart-item__product"
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "cart-item__name"
-  }, productName), product !== null && product !== void 0 && product.isVariableFont || product !== null && product !== void 0 && (_product$variableInst = product.variableInstances) !== null && _product$variableInst !== void 0 && _product$variableInst.length ? /*#__PURE__*/_react.default.createElement("div", {
+  }, productName), product !== null && product !== void 0 && product.isVariableFont || product !== null && product !== void 0 && (_product$variableInst = product.variableInstances) !== null && _product$variableInst !== void 0 && _product$variableInst.length ? /*#__PURE__*/React.createElement("div", {
     className: "cart-item__label"
-  }, "Variable font") : ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontCollection' || (product === null || product === void 0 ? void 0 : product.__typename) === 'CollectionBundle') && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Variable font") : ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontCollection' || (product === null || product === void 0 ? void 0 : product.__typename) === 'CollectionBundle') && /*#__PURE__*/React.createElement("div", {
     className: "cart-item__label"
-  }, "(", (0, _utils.pluralize)(product.totalStyles ?? 0, 'style'), ")")));
+  }, "(", pluralize(product.totalStyles ?? 0, 'style'), ")")));
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CartItemVariable_selection$key } from '__generated__/CartItemVariable_selection.graphql';
-import { CartItemVariable_variable$key } from '__generated__/CartItemVariable_variable.graphql';
-import { SelectionInput } from '../types';
+import { CartItemVariable_selection$key } from '__generated__/CartItemVariable_selection.graphql.js';
+import { CartItemVariable_variable$key } from '__generated__/CartItemVariable_variable.graphql.js';
+import { SelectionInput } from '../types.js';
 interface Props {
     selection: CartItemVariable_selection$key;
     variable?: CartItemVariable_variable$key;

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

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartItemVariable;
-var _CartItemVariable_variable2 = _interopRequireDefault(require("../../../__generated__/CartItemVariable_variable.graphql"));
-var _CartItemVariable_selection2 = _interopRequireDefault(require("../../../__generated__/CartItemVariable_selection.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _VariableTableAmounts = _interopRequireDefault(require("../../VariableTableAmounts"));
-var _VariableTextInput = _interopRequireDefault(require("./VariableTextInput"));
-var _Icons = require("../../Icons");
-var _reactRelay = require("react-relay");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function CartItemVariable(_ref) {
+import _CartItemVariable_variable from "../../../__generated__/CartItemVariable_variable.graphql.js";
+import _CartItemVariable_selection from "../../../__generated__/CartItemVariable_selection.graphql.js";
+import React from 'react';
+import VariableTableAmounts from '../../VariableTableAmounts/index.js';
+import VariableTextInput from './VariableTextInput.js';
+import { CarrotDown } from '../../Icons/index.js';
+import { graphql, useFragment } from 'react-relay';
+export default function CartItemVariable(_ref) {
   var _variableOptions, _selection$licenseOpt2, _selection$licenseOpt3, _selection$licenseOpt4, _variableOptions2;
   let {
     // selection may contain *deleted* licenseVariable and/or licenseOptions
@@ -21,8 +14,8 @@ function CartItemVariable(_ref) {
     variable: variableKey,
     onChange
   } = _ref;
-  const selection = (0, _reactRelay.useFragment)((_CartItemVariable_selection2.default.hash && _CartItemVariable_selection2.default.hash !== "9a658e82957a12990886e5e14dae37bc" && console.error("The definition of 'CartItemVariable_selection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemVariable_selection2.default), selectionKey);
-  const variable = (0, _reactRelay.useFragment)((_CartItemVariable_variable2.default.hash && _CartItemVariable_variable2.default.hash !== "4f53aadeee4ad6e8d84a087459ba2343" && console.error("The definition of 'CartItemVariable_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemVariable_variable2.default), variableKey);
+  const selection = useFragment((_CartItemVariable_selection.hash && _CartItemVariable_selection.hash !== "9a658e82957a12990886e5e14dae37bc" && console.error("The definition of 'CartItemVariable_selection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemVariable_selection), selectionKey);
+  const variable = useFragment((_CartItemVariable_variable.hash && _CartItemVariable_variable.hash !== "4f53aadeee4ad6e8d84a087459ba2343" && console.error("The definition of 'CartItemVariable_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemVariable_variable), variableKey);
   if (!selection.licenseVariable) return null;
   let variableOptions = (variable === null || variable === void 0 ? void 0 : variable.licenseOptions) ?? [];
   if (variableOptions && selection.licenseOption && !((_variableOptions = variableOptions) !== null && _variableOptions !== void 0 && _variableOptions.find(option => {
@@ -51,24 +44,24 @@ function CartItemVariable(_ref) {
       variableText: value
     });
   };
-  return /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: "cart-item__license-variable__option",
     "data-variable-type": selection.licenseVariable.variableType
-  }, selection.licenseVariable.variableType === 'select' || selection.licenseVariable.variableType === 'table' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selection.licenseVariable.variableType === 'table' ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }, selection.licenseVariable.variableType === 'select' || selection.licenseVariable.variableType === 'table' ? /*#__PURE__*/React.createElement(React.Fragment, null, selection.licenseVariable.variableType === 'table' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "cart-item__license-variable__option-name"
-  }, (_selection$licenseOpt2 = selection.licenseOption) === null || _selection$licenseOpt2 === void 0 ? void 0 : _selection$licenseOpt2.name), /*#__PURE__*/_react.default.createElement(_VariableTableAmounts.default, {
+  }, (_selection$licenseOpt2 = selection.licenseOption) === null || _selection$licenseOpt2 === void 0 ? void 0 : _selection$licenseOpt2.name), /*#__PURE__*/React.createElement(VariableTableAmounts, {
     variable: selection.licenseVariable,
     option: selection.licenseOption
-  })) : (_selection$licenseOpt3 = selection.licenseOption) === null || _selection$licenseOpt3 === void 0 ? void 0 : _selection$licenseOpt3.amount, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  })) : (_selection$licenseOpt3 = selection.licenseOption) === null || _selection$licenseOpt3 === void 0 ? void 0 : _selection$licenseOpt3.amount, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
     value: (_selection$licenseOpt4 = selection.licenseOption) === null || _selection$licenseOpt4 === void 0 ? void 0 : _selection$licenseOpt4.id,
     onChange: handleSelectChange
   }, (_variableOptions2 = variableOptions) === null || _variableOptions2 === void 0 ? void 0 : _variableOptions2.map((option, i) => {
     var _selection$licenseVar3;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: i,
       value: option.id
     }, ((_selection$licenseVar3 = selection.licenseVariable) === null || _selection$licenseVar3 === void 0 ? void 0 : _selection$licenseVar3.variableType) === 'table' ? option.name : option.amount);
-  }))) : /*#__PURE__*/_react.default.createElement(_VariableTextInput.default, {
+  }))) : /*#__PURE__*/React.createElement(VariableTextInput, {
     defaultValue: selection.variableText,
     placeholder: `${selection.licenseVariable.name} *`,
     onChange: handleTextChange

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

@@ -1,24 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = VariableTextInput;
-var _react = _interopRequireWildcard(require("react"));
-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 _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); }
-function VariableTextInput(_ref) {
+import React, { useEffect, useRef, useState } from 'react';
+export default function VariableTextInput(_ref) {
   let {
     defaultValue,
     onChange,
     placeholder,
     ...rest
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(defaultValue || '');
-  const [editing, setEditing] = (0, _react.useState)(!defaultValue);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const inputRef = (0, _react.useRef)(null);
+  const [value, setValue] = useState(defaultValue || '');
+  const [editing, setEditing] = useState(!defaultValue);
+  const [submitting, setSubmitting] = useState(false);
+  const inputRef = useRef(null);
   function submit() {
     setEditing(false);
     if (value) {
@@ -31,7 +23,7 @@ function VariableTextInput(_ref) {
       setEditing(!defaultValue);
     }
   }
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (submitting && value === defaultValue) setSubmitting(false);
   }, [submitting, setSubmitting, value, defaultValue]);
   function handleBlur() {
@@ -47,22 +39,22 @@ function VariableTextInput(_ref) {
   function handleEditButtonClick() {
     setEditing(true);
   }
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (editing) {
       var _inputRef$current;
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     }
   }, [editing]);
   if (submitting) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "cart-item__license-variable__loading"
     }, "Updating...");
   }
   if (editing) {
-    return /*#__PURE__*/_react.default.createElement("form", {
+    return /*#__PURE__*/React.createElement("form", {
       onSubmit: handleSubmit,
       className: "cart-item__license-variable__text-input-form"
-    }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
       className: "cart-item__license-variable__text-input",
       "data-empty": !value,
@@ -73,9 +65,9 @@ function VariableTextInput(_ref) {
       placeholder: `Enter ${placeholder}`
     }, rest)));
   }
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     className: "cart-item__license-variable__text-input-button",
     type: "button",
     onClick: handleEditButtonClick
-  }, defaultValue, " ", /*#__PURE__*/_react.default.createElement("span", null, "Edit"));
+  }, defaultValue, " ", /*#__PURE__*/React.createElement("span", null, "Edit"));
 }

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CartItem_node$key } from '../../../__generated__/CartItem_node.graphql';
-import { CartItemChangeInput } from '../types';
+import { CartItem_node$key } from '../../../__generated__/CartItem_node.graphql.js';
+import { CartItemChangeInput } from '../types.js';
 interface CartItem_props {
     node: CartItem_node$key;
     onChange: (value: CartItemChangeInput) => void;

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

@@ -1,28 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartItem;
-var _CartItem_node2 = _interopRequireDefault(require("../../../__generated__/CartItem_node.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _Price = _interopRequireDefault(require("../../Price"));
-var _CartItemLicense = _interopRequireDefault(require("./CartItemLicense"));
-var _CartItemAdditionalLicenses = _interopRequireDefault(require("./CartItemAdditionalLicenses"));
-var _CartItemProduct = _interopRequireDefault(require("./CartItemProduct"));
-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 CartItem(_ref) {
+import _CartItem_node from "../../../__generated__/CartItem_node.graphql.js";
+import React, { useState } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import Price from '../../Price/index.js';
+import CartItemLicense from './CartItemLicense.js';
+import CartItemAdditionalLicenses from './CartItemAdditionalLicenses.js';
+import CartItemProduct from './CartItemProduct.js';
+export default function CartItem(_ref) {
   var _node$licenseSelectio, _node$licenseSelectio2, _node$sku2, _node$sku3, _node$sku3$product;
   let {
     node: nodeKey,
     onChange,
     errors
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_CartItem_node2.default.hash && _CartItem_node2.default.hash !== "c17a59a874f66eaed523d8928f9f1171" && console.error("The definition of 'CartItem_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_node2.default), nodeKey);
-  const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
+  const node = useFragment((_CartItem_node.hash && _CartItem_node.hash !== "c17a59a874f66eaed523d8928f9f1171" && console.error("The definition of 'CartItem_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_node), nodeKey);
+  const [closeButtonIsHovered, setCloseButtonIsHovered] = useState(false);
   const closeButtonMouseEnter = () => {
     setCloseButtonIsHovered(true);
   };
@@ -75,28 +66,28 @@ function CartItem(_ref) {
       licenseSelections: existingLicenseSelectionsInputs.concat(newLicenseSelectionInput)
     });
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "cart-item",
     "data-close-button-hovered": closeButtonIsHovered,
     "data-license-count": Object.keys(groupedSelections).length
-  }, /*#__PURE__*/_react.default.createElement(_CartItemProduct.default, {
+  }, /*#__PURE__*/React.createElement(CartItemProduct, {
     product: ((_node$sku2 = node.sku) === null || _node$sku2 === void 0 ? void 0 : _node$sku2.product) ?? null
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("ul", {
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
     className: "cart-item__licenses"
-  }, Object.keys(groupedSelections).filter(licenseId => groupedSelections[licenseId].length > 0).map(licenseId => /*#__PURE__*/_react.default.createElement(_CartItemLicense.default, {
+  }, Object.keys(groupedSelections).filter(licenseId => groupedSelections[licenseId].length > 0).map(licenseId => /*#__PURE__*/React.createElement(CartItemLicense, {
     key: licenseId,
     onChange: handleChangeSelection,
     onRemoveLicense: handleRemoveLicense,
     selections: groupedSelections[licenseId],
     closeButtonMouseEnter: closeButtonMouseEnter,
     closeButtonMouseLeave: closeButtonMouseLeave
-  }))), errors !== null && errors !== void 0 && errors.licenseSelections ? /*#__PURE__*/_react.default.createElement("div", {
+  }))), errors !== null && errors !== void 0 && errors.licenseSelections ? /*#__PURE__*/React.createElement("div", {
     className: "cart-item__error"
-  }, "License selections ", errors === null || errors === void 0 ? void 0 : errors.licenseSelections) : null), node.price && /*#__PURE__*/_react.default.createElement("div", {
+  }, "License selections ", errors === null || errors === void 0 ? void 0 : errors.licenseSelections) : null), node.price && /*#__PURE__*/React.createElement("div", {
     className: "cart-item__price"
-  }, /*#__PURE__*/_react.default.createElement(_Price.default, {
+  }, /*#__PURE__*/React.createElement(Price, {
     price: node.price
-  })), /*#__PURE__*/_react.default.createElement(_CartItemAdditionalLicenses.default, {
+  })), /*#__PURE__*/React.createElement(CartItemAdditionalLicenses, {
     licenses: ((_node$sku3 = node.sku) === null || _node$sku3 === void 0 ? void 0 : (_node$sku3$product = _node$sku3.product) === null || _node$sku3$product === void 0 ? void 0 : _node$sku3$product.licenses) ?? null,
     orderItem: node,
     onAddLicense: handleAddLicense

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CartOrder_order$key } from '__generated__/CartOrder_order.graphql';
-import { CartOrder_viewer$key } from '__generated__/CartOrder_viewer.graphql';
+import { CartOrder_order$key } from '__generated__/CartOrder_order.graphql.js';
+import { CartOrder_viewer$key } from '__generated__/CartOrder_viewer.graphql.js';
 interface CartOrder_props {
     order: CartOrder_order$key;
     viewer: CartOrder_viewer$key;