fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/OrderVariableSelection/index.js

@@ -1,18 +1,10 @@
-"use strict";
+import _OrderVariableSelection_variables from "../../__generated__/OrderVariableSelection_variables.graphql.js";
+import React, { useCallback, useContext } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import Button from '../elements/Button/index.js';
+import ConfigContext from '../ConfigContext.js';
+import { CarrotDown, Checkbox, CheckboxChecked, CheckboxCrossed } from '../Icons/index.js';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = OrderVariableSelection;
-var _OrderVariableSelection_variables2 = _interopRequireDefault(require("../../__generated__/OrderVariableSelection_variables.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _Icons = require("../Icons");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Ghost variable type
 
 // Component props
@@ -29,9 +21,9 @@ function Variable(_ref) {
   } = _ref;
   const {
     form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const isSelected = Boolean(selection);
-  const handleClickVariable = (0, _react.useCallback)(() => {
+  const handleClickVariable = useCallback(() => {
     var _variable$orderVariab;
     // Only toggle boolean variables when clicked
     if (variable.variableType === 'boolean') {
@@ -42,7 +34,7 @@ function Variable(_ref) {
     }
     // Country variables are now static (non-editable)
   }, [variable, isSelected, onToggle]);
-  const handleChangeVariableOption = (0, _react.useCallback)(e => {
+  const handleChangeVariableOption = useCallback(e => {
     onToggle(variable.id, e.target.value);
   }, [variable.id, onToggle]);
   let options = (_variable$orderVariab2 = variable.orderVariableOptions) === null || _variable$orderVariab2 === void 0 ? void 0 : _variable$orderVariab2.map(option => ({
@@ -63,26 +55,26 @@ function Variable(_ref) {
   }
   const selectedOption = (_options = options) === null || _options === void 0 ? void 0 : _options.find(o => o.id === (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId));
   const selectedCountry = countries === null || countries === void 0 ? void 0 : countries.find(c => c.code === (selection === null || selection === void 0 ? void 0 : selection.countryCode));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__item",
     "data-variable-type": variable.variableType,
     "data-ghost": ghost
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     className: "store-modal__order-variable-selection__button",
     onClick: handleClickVariable,
     "data-selected": isSelected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__label"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "store-modal__order-variable-selection__icon-pair"
-  }, variable.variableType === 'boolean' ? isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null) : null, variable.name)), variable.variableType === 'select' ? /*#__PURE__*/_react.default.createElement("label", {
+  }, variable.variableType === 'boolean' ? isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(CheckboxCrossed, null) : /*#__PURE__*/React.createElement(Checkbox, null) : null, variable.name)), variable.variableType === 'select' ? /*#__PURE__*/React.createElement("label", {
     className: "store-modal__order-variable-selection__select-label"
-  }, selectedOption ? selectedOption.amount : `Select an option`, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  }, selectedOption ? selectedOption.amount : `Select an option`, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
     className: "store-modal__order-variable-selection__select",
     value: (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId) || '',
     onChange: handleChangeVariableOption,
     onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/_react.default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "",
     disabled: true
   }, "Select an option"), (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.map(_ref2 => {
@@ -91,26 +83,26 @@ function Variable(_ref) {
       amount,
       disabled
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: id,
       value: id,
       disabled: disabled
     }, amount, " ", disabled ? '(Deprecated)' : null);
-  }))) : null, variable.variableType === 'country' && selectedCountry ? /*#__PURE__*/_react.default.createElement("span", {
+  }))) : null, variable.variableType === 'country' && selectedCountry ? /*#__PURE__*/React.createElement("span", {
     className: "store-modal__order-variable-selection__country-value"
-  }, selectedCountry.name) : null), variable.description ? /*#__PURE__*/_react.default.createElement("div", {
+  }, selectedCountry.name) : null), variable.description ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__description",
     dangerouslySetInnerHTML: {
       __html: variable.description
     }
-  }) : null, ghost && /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, ghost && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__ghost-container"
-  }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/React.createElement("button", {
     className: "store-modal__order-variable-selection__ghost-remove",
     onClick: onRemoveGhost
   }, "Remove")));
 }
-function OrderVariableSelection(_ref3) {
+export default function OrderVariableSelection(_ref3) {
   let {
     variables: variablesKey,
     selections,
@@ -123,8 +115,8 @@ function OrderVariableSelection(_ref3) {
       label
     }
   } = _ref3;
-  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
-  const handleSelectionChange = (0, _react.useCallback)((variableId, optionId, countryCode) => {
+  const variables = useFragment((_OrderVariableSelection_variables.hash && _OrderVariableSelection_variables.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables), variablesKey);
+  const handleSelectionChange = useCallback((variableId, optionId, countryCode) => {
     var _variables$orderVaria;
     // Update the selections with the new value
     const newSelections = selections.map(selection => ({
@@ -165,10 +157,10 @@ function OrderVariableSelection(_ref3) {
   if (!variables.orderVariables || variables.orderVariables.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__container",
     "data-disabled": disabled
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__order-variable-selection__title"
   }, label), variables.orderVariables.map(variable => {
     var _variables$countries;
@@ -179,7 +171,7 @@ function OrderVariableSelection(_ref3) {
       ...variable,
       description: descriptionOverrides[variable.id]
     } : variable;
-    return /*#__PURE__*/_react.default.createElement(Variable, {
+    return /*#__PURE__*/React.createElement(Variable, {
       key: variable.id,
       variable: effectiveVariable,
       selection: currentSelection,
@@ -188,7 +180,7 @@ function OrderVariableSelection(_ref3) {
     });
   }), ghostVariables.map(ghost => {
     var _ghost$orderVariableO, _ghost$orderVariableO2, _variables$countries2;
-    return /*#__PURE__*/_react.default.createElement(Variable, {
+    return /*#__PURE__*/React.createElement(Variable, {
       key: ghost.orderVariable.id,
       variable: {
         ...ghost.orderVariable,

package/dist/components/Precart/License.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { License_node$key } from '__generated__/License_node.graphql';
+import { License_node$key } from '__generated__/License_node.graphql.js';
 interface License_props {
     node: License_node$key;
     selected: boolean;

package/dist/components/Precart/License.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _License_node2 = _interopRequireDefault(require("../../__generated__/License_node.graphql"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _react = _interopRequireDefault(require("react"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _License_node from "../../__generated__/License_node.graphql.js";
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import React from 'react';
+import { CarrotDown, CircledInfo, Check } from '../Icons/index.js';
 const License = _ref => {
   let {
     node: nodeKey,
@@ -17,56 +10,55 @@ const License = _ref => {
     onSelectLicense,
     onSelectLicenseOption
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node2.default), nodeKey);
+  const node = useFragment((_License_node.hash && _License_node.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node), nodeKey);
   if (!node) return null;
-  const selectedLicenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const selectedLicenseOptions = useSelector(state => state.licenseOptions);
   const selectedOptions = selectedLicenseOptions.find(spec => spec.licenseId === node.id);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license",
     "data-selected": selected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__name-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: "pre-cart__license__name"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__checkbox"
-  }, selected && /*#__PURE__*/_react.default.createElement(_Icons.Check, null)), node.name, /*#__PURE__*/_react.default.createElement("input", {
+  }, selected && /*#__PURE__*/React.createElement(Check, null)), node.name, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     checked: selected,
     value: node.id,
     onChange: e => onSelectLicense(node.id, e.target.checked)
-  })), selected && /*#__PURE__*/_react.default.createElement("a", {
+  })), selected && /*#__PURE__*/React.createElement("a", {
     href: node.url,
     "aria-label": "Info",
     className: "pre-cart__license__icon",
     "data-label": "info"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CircledInfo, null))), selected && /*#__PURE__*/_react.default.createElement("ul", null, node.variables && node.variables.map(variable => {
+  }, /*#__PURE__*/React.createElement(CircledInfo, null))), selected && /*#__PURE__*/React.createElement("ul", null, node.variables && node.variables.map(variable => {
     var _variable$options, _variable$options$fin;
     const selectedLicenseOption = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.licenseOptions[variable.id];
     if (variable.variableType === 'text') return null;
     const selectedLicenseAmount = variable === null || variable === void 0 ? void 0 : (_variable$options = variable.options) === null || _variable$options === void 0 ? void 0 : (_variable$options$fin = _variable$options.find(option => option.id === selectedLicenseOption)) === null || _variable$options$fin === void 0 ? void 0 : _variable$options$fin.amount;
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       key: variable.id
-    }, /*#__PURE__*/_react.default.createElement("label", {
+    }, /*#__PURE__*/React.createElement("label", {
       className: "pre-cart__license__option"
-    }, "\u21B3 ", selectedLicenseAmount, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+    }, "\u21B3 ", selectedLicenseAmount, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
       value: selectedLicenseOption || '',
       onChange: e => onSelectLicenseOption(node.id, variable.id, e.target.value)
-    }, /*#__PURE__*/_react.default.createElement("option", {
+    }, /*#__PURE__*/React.createElement("option", {
       value: "",
       disabled: true
-    }, "Select one"), variable.options && variable.options.map(option => /*#__PURE__*/_react.default.createElement("option", {
+    }, "Select one"), variable.options && variable.options.map(option => /*#__PURE__*/React.createElement("option", {
       key: option.id,
       value: option.id
     }, option.amount)))));
-  }))), node.description && /*#__PURE__*/_react.default.createElement("div", {
+  }))), node.description && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__description",
     dangerouslySetInnerHTML: {
       __html: node.description
     }
   }));
 };
-var _default = License;
-exports.default = _default;
+export default License;

package/dist/components/Precart/index.js

@@ -1,26 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _PrecartQuery2 = _interopRequireDefault(require("../../__generated__/PrecartQuery.graphql"));
-var _PrecartAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartAddToCartMutation.graphql"));
-var _PrecartClearCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartClearCartMutation.graphql"));
-var _Precart_collection2 = _interopRequireDefault(require("../../__generated__/Precart_collection.graphql"));
-var _Precart_viewer2 = _interopRequireDefault(require("../../__generated__/Precart_viewer.graphql"));
-var _Precart_license2 = _interopRequireDefault(require("../../__generated__/Precart_license.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _License = _interopRequireDefault(require("./License"));
-var _Price = require("../Price");
-var _utils = require("../../utils");
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-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 _PrecartQuery from "../../__generated__/PrecartQuery.graphql.js";
+import _PrecartAddToCartMutation from "../../__generated__/PrecartAddToCartMutation.graphql.js";
+import _PrecartClearCartMutation from "../../__generated__/PrecartClearCartMutation.graphql.js";
+import _Precart_collection from "../../__generated__/Precart_collection.graphql.js";
+import _Precart_viewer from "../../__generated__/Precart_viewer.graphql.js";
+import _Precart_license from "../../__generated__/Precart_license.graphql.js";
+import React, { useCallback, useEffect, useState, useDeferredValue } from 'react';
+import { commitMutation, graphql, useLazyLoadQuery, useFragment, useRelayEnvironment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import License from './License.js';
+import { Price } from '../Price/index.js';
+import { pluralize } from '../../utils.js';
+import ComponentsContext from '../ComponentsContext.js';
 function skuName(sku) {
   if (sku.product && 'name' in sku.product) return sku.product.name;
   return null;
@@ -81,7 +72,7 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-_Precart_license2.default.hash && _Precart_license2.default.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license2.default;
+_Precart_license.hash && _Precart_license.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license;
 function Precart(_ref3) {
   var _viewer$precart2, _collection$licenses3;
   let {
@@ -89,25 +80,25 @@ function Precart(_ref3) {
     collection: collectionKey,
     isLoading
   } = _ref3;
-  const viewer = (0, _reactRelay.useFragment)((_Precart_viewer2.default.hash && _Precart_viewer2.default.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer2.default), viewerKey);
-  const collection = (0, _reactRelay.useFragment)((_Precart_collection2.default.hash && _Precart_collection2.default.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection2.default), collectionKey);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const viewer = useFragment((_Precart_viewer.hash && _Precart_viewer.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer), viewerKey);
+  const collection = useFragment((_Precart_collection.hash && _Precart_collection.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection), collectionKey);
+  const environment = useRelayEnvironment();
   const subtotal = viewer === null || viewer === void 0 ? void 0 : (_viewer$precart2 = viewer.precart) === null || _viewer$precart2 === void 0 ? void 0 : _viewer$precart2.subtotal;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const precartOpen = useSelector(state => state.precartOpen);
+  const licenseOptions = useSelector(state => state.licenseOptions);
+  const selectedSkuIds = useSelector(state => state.selectedSkuIds);
+  const dispatch = useDispatch();
   const onPrecartClose = () => dispatch({
     type: 'CLOSE_PRECART'
   });
   const onUnselectSkuIds = () => dispatch({
     type: 'UNSELECT_SKUS'
   });
-  const [isConfirming, setIsConfirming] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)(null);
-  const clearCart = (0, _react.useCallback)(() => {
-    const mutation = (_PrecartClearCartMutation2.default.hash && _PrecartClearCartMutation2.default.hash !== "af8f953028924bdc7866e645c2d0a903" && console.error("The definition of 'PrecartClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartClearCartMutation2.default);
-    (0, _reactRelay.commitMutation)(environment, {
+  const [isConfirming, setIsConfirming] = useState(false);
+  const [error, setError] = useState(null);
+  const clearCart = useCallback(() => {
+    const mutation = (_PrecartClearCartMutation.hash && _PrecartClearCartMutation.hash !== "af8f953028924bdc7866e645c2d0a903" && console.error("The definition of 'PrecartClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartClearCartMutation);
+    commitMutation(environment, {
       mutation,
       variables: {
         input: {
@@ -164,8 +155,8 @@ function Precart(_ref3) {
         licenseSelections: licenseSelectionsArray()
       }
     };
-    const mutation = (_PrecartAddToCartMutation2.default.hash && _PrecartAddToCartMutation2.default.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation2.default);
-    (0, _reactRelay.commitMutation)(environment, {
+    const mutation = (_PrecartAddToCartMutation.hash && _PrecartAddToCartMutation.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation);
+    commitMutation(environment, {
       mutation,
       variables,
       onError: err => {
@@ -207,7 +198,7 @@ function Precart(_ref3) {
   const deactivateConfirming = () => {
     setIsConfirming(false);
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     function setDataAttr() {
       requestAnimationFrame(() => {
         document.body.dataset.precartOpen = `${precartOpen}`;
@@ -215,7 +206,7 @@ function Precart(_ref3) {
     }
     setDataAttr();
   }, [precartOpen]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     var _collection$licenses2;
     collection === null || collection === void 0 ? void 0 : (_collection$licenses2 = collection.licenses) === null || _collection$licenses2 === void 0 ? void 0 : _collection$licenses2.filter(license => license.defaultSelected).map(specFromLicense).forEach(spec => dispatch({
       type: 'PRECART_SELECT_LICENSE',
@@ -227,22 +218,22 @@ function Precart(_ref3) {
     if (!isConfirming) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "pre-cart-confirm"
-    }, /*#__PURE__*/_react.default.createElement("h2", {
+    }, /*#__PURE__*/React.createElement("h2", {
       className: "pre-cart-confirm__header"
-    }, "Do you want to add your selection to your cart?"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Do you want to add your selection to your cart?"), /*#__PURE__*/React.createElement("div", {
       className: "pre-cart-confirm__buttons"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "pre-cart-confirm__button",
       "data-label": "confirm",
       onClick: addToCartConfirmed
-    }, /*#__PURE__*/_react.default.createElement("div", null, "Add selection to cart:", /*#__PURE__*/_react.default.createElement("br", null), "(", (_viewer$precart3 = viewer.precart) === null || _viewer$precart3 === void 0 ? void 0 : (_viewer$precart3$skus = _viewer$precart3.skus) === null || _viewer$precart3$skus === void 0 ? void 0 : _viewer$precart3$skus.map(skuName).join(', '), ")", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, /*#__PURE__*/React.createElement("div", null, "Add selection to cart:", /*#__PURE__*/React.createElement("br", null), "(", (_viewer$precart3 = viewer.precart) === null || _viewer$precart3 === void 0 ? void 0 : (_viewer$precart3$skus = _viewer$precart3.skus) === null || _viewer$precart3$skus === void 0 ? void 0 : _viewer$precart3$skus.map(skuName).join(', '), ")", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Price, {
       price: subtotal
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "pre-cart-confirm__button__arrow"
-    }, " \u2192"))), /*#__PURE__*/_react.default.createElement("button", {
+    }, " \u2192"))), /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "pre-cart-confirm__button",
       "data-label": "clear",
@@ -255,49 +246,49 @@ function Precart(_ref3) {
       return null;
     }
     const bundleDiscounts = calculateBundleDiscounts(viewer);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__bottom"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__section pre-cart__your-selection"
-    }, /*#__PURE__*/_react.default.createElement("h3", {
+    }, /*#__PURE__*/React.createElement("h3", {
       className: "pre-cart__your-selection__label"
-    }, "Your Selection"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Your Selection"), /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__items"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__item"
-    }, /*#__PURE__*/_react.default.createElement("div", null, collection === null || collection === void 0 ? void 0 : collection.name, /*#__PURE__*/_react.default.createElement("br", null), (0, _utils.pluralize)(countStyles(viewer), 'font')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, /*#__PURE__*/React.createElement("div", null, collection === null || collection === void 0 ? void 0 : collection.name, /*#__PURE__*/React.createElement("br", null), pluralize(countStyles(viewer), 'font')), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Price, {
       price: {
         amount: countStylesPrice(viewer),
         currency: subtotal.currency
       }
-    }))), bundleDiscounts < 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }))), bundleDiscounts < 0 && /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__item"
-    }, "Bundle discounts:", /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, "Bundle discounts:", /*#__PURE__*/React.createElement(Price, {
       price: {
         amount: bundleDiscounts,
         currency: subtotal.currency
       }
-    })))), licenseSelected ? /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => components.PrecartCta && /*#__PURE__*/_react.default.createElement(components.PrecartCta, {
+    })))), licenseSelected ? /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.PrecartCta && /*#__PURE__*/React.createElement(components.PrecartCta, {
       onClick: addToCartConfirmed,
       subtotal: subtotal
-    })) : /*#__PURE__*/_react.default.createElement("div", {
+    })) : /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__cta",
       "data-label": "select-license"
     }, "Please select a license"));
   }
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart",
     "data-open": precartOpen,
     "data-loading": isLoading
-  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => components.PrecartTopBar && /*#__PURE__*/_react.default.createElement(components.PrecartTopBar, {
+  }, /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.PrecartTopBar && /*#__PURE__*/React.createElement(components.PrecartTopBar, {
     backToBrowse: () => backToBrowse(subtotal)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__middle pre-cart__licenses"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__section"
-  }, /*#__PURE__*/_react.default.createElement("ul", null, collection === null || collection === void 0 ? void 0 : (_collection$licenses3 = collection.licenses) === null || _collection$licenses3 === void 0 ? void 0 : _collection$licenses3.map(license => /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/React.createElement("ul", null, collection === null || collection === void 0 ? void 0 : (_collection$licenses3 = collection.licenses) === null || _collection$licenses3 === void 0 ? void 0 : _collection$licenses3.map(license => /*#__PURE__*/React.createElement("li", {
     key: license.id
-  }, /*#__PURE__*/_react.default.createElement(_License.default, {
+  }, /*#__PURE__*/React.createElement(License, {
     node: license,
     selected: licenseOptions.some(_ref5 => {
       let {
@@ -307,13 +298,13 @@ function Precart(_ref3) {
     }),
     onSelectLicense: onSelectLicense,
     onSelectLicenseOption: onSelectLicenseOption
-  }))))), selectedItemsArray().length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }))))), selectedItemsArray().length === 0 && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__section pre-cart__selection-empty"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "pre-cart__selection-empty__arrow"
-  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), error && /*#__PURE__*/_react.default.createElement("div", {
+  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), error && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__error"
-  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, error, ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: clearCart,
     className: "pre-cart__error-button"
@@ -324,10 +315,10 @@ function PrecartQueryRenderer(_ref6) {
     collectionId,
     ...rest
   } = _ref6;
-  const selectedSkuIdsObject = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
+  const selectedSkuIdsObject = useSelector(state => state.selectedSkuIds);
   const selectedSkuIds = Object.keys(selectedSkuIdsObject).filter(id => selectedSkuIdsObject[id] === true);
-  const deferredSelectedSkuIds = (0, _react.useDeferredValue)(selectedSkuIds);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const deferredSelectedSkuIds = useDeferredValue(selectedSkuIds);
+  const licenseOptions = useSelector(state => state.licenseOptions);
   const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
@@ -335,15 +326,14 @@ function PrecartQueryRenderer(_ref6) {
 
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything
-  const deferredLicenseOptionsSpecs = (0, _react.useDeferredValue)(licenseOptionsSpecs);
-  const data = (0, _reactRelay.useLazyLoadQuery)((_PrecartQuery2.default.hash && _PrecartQuery2.default.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery2.default), {
+  const deferredLicenseOptionsSpecs = useDeferredValue(licenseOptionsSpecs);
+  const data = useLazyLoadQuery((_PrecartQuery.hash && _PrecartQuery.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery), {
     licenseOptionsSpecs: deferredLicenseOptionsSpecs,
     selectedSkuIds: deferredSelectedSkuIds,
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(Precart, _extends({}, data, rest, {
+  return /*#__PURE__*/React.createElement(Precart, _extends({}, data, rest, {
     isLoading: licenseOptionsSpecs !== deferredLicenseOptionsSpecs || selectedSkuIds !== deferredSelectedSkuIds
   }));
 }
-var _default = PrecartQueryRenderer;
-exports.default = _default;
+export default PrecartQueryRenderer;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Price_price$key } from '__generated__/Price_price.graphql';
+import { Price_price$key } from '__generated__/Price_price.graphql.js';
 export declare enum PriceFormat {
     Default = "default",
     Truncated = "truncated"

package/dist/components/Price/index.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Price = Price;
-exports.default = exports.PriceFormat = void 0;
-var _Price_price2 = _interopRequireDefault(require("../../__generated__/Price_price.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-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); }
-let PriceFormat;
-exports.PriceFormat = PriceFormat;
+import _Price_price from "../../__generated__/Price_price.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+export let PriceFormat;
 (function (PriceFormat) {
   PriceFormat["Default"] = "default";
   PriceFormat["Truncated"] = "truncated";
-})(PriceFormat || (exports.PriceFormat = PriceFormat = {}));
+})(PriceFormat || (PriceFormat = {}));
 const currencySymbols = {
   USD: '$',
   AUD: '$',
@@ -65,7 +56,7 @@ const calculateAmount = _ref => {
   }
   return subtracted * multiplier;
 };
-function Price(_ref2) {
+export function Price(_ref2) {
   let {
     price,
     format = PriceFormat.Default,
@@ -94,7 +85,7 @@ function Price(_ref2) {
       multiplier: 1
     }), format, price.currency);
   }
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: "price"
   }, rest, {
     "data-loading": isLoading
@@ -105,10 +96,9 @@ function RelayPrice(_ref3) {
     price: priceKey,
     ...rest
   } = _ref3;
-  const price = (0, _reactRelay.useFragment)((_Price_price2.default.hash && _Price_price2.default.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price2.default), priceKey);
-  return /*#__PURE__*/_react.default.createElement(Price, _extends({
+  const price = useFragment((_Price_price.hash && _Price_price.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price), priceKey);
+  return /*#__PURE__*/React.createElement(Price, _extends({
     price: price
   }, rest));
 }
-var _default = RelayPrice;
-exports.default = _default;
+export default RelayPrice;

package/dist/components/PriceBar/PriceBarSection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PriceBarSection_node$key } from '__generated__/PriceBarSection_node.graphql';
+import { PriceBarSection_node$key } from '__generated__/PriceBarSection_node.graphql.js';
 interface PriceBarSection_props {
     node: PriceBarSection_node$key;
 }