fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js

@@ -1,16 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+import React, { useContext } from 'react';
+import ConfigContext from '../ConfigContext.js';
+import Button from '../elements/Button/index.js';
+import { Checkbox, CheckboxChecked, CheckboxCrossed } from '../Icons/index.js';
 const LicenseElement = _ref => {
   let {
     onClick,
@@ -23,25 +14,24 @@ const LicenseElement = _ref => {
   } = _ref;
   const {
     form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  } = useContext(ConfigContext);
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__license"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     className: "store-modal__license-selection__license-button",
     "data-selected": isSelected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__license-button-label"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "store-modal__license-selection__icon-pair"
-  }, 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), name)), variables && variables.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(CheckboxCrossed, null) : /*#__PURE__*/React.createElement(Checkbox, null), name)), variables && variables.length > 0 ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__variables"
-  }, variables) : null), description && /*#__PURE__*/_react.default.createElement("div", {
+  }, variables) : null), description && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__description",
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
-var _default = LicenseElement;
-exports.default = _default;
+export default LicenseElement;

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
+import { CarrotDown } from '../Icons/index.js';
 const LicenseVariableElement = _ref => {
   let {
     value,
@@ -16,14 +9,14 @@ const LicenseVariableElement = _ref => {
       selectionText
     }
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: "store-modal__license-selection__license-label"
-  }, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  }, selectionText, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
     className: "store-modal__license-selection__license-select",
     value: value,
     onChange: onChange,
     onClick: e => e.stopPropagation() /* since this thing is contained by a button */
-  }, /*#__PURE__*/_react.default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "",
     disabled: true
   }, "Select an option"), options.map(_ref2 => {
@@ -31,11 +24,10 @@ const LicenseVariableElement = _ref => {
       value,
       text
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: value,
       value: value
     }, text);
   })));
 };
-var _default = LicenseVariableElement;
-exports.default = _default;
+export default LicenseVariableElement;

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js

@@ -1,15 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Checkbox = _interopRequireDefault(require("../Icons/Checkbox"));
-var _CheckboxChecked = _interopRequireDefault(require("../Icons/CheckboxChecked"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+import React, { Fragment } from 'react';
+import Checkbox from '../Icons/Checkbox.js';
+import CheckboxChecked from '../Icons/CheckboxChecked.js';
 const LicenseVariableRadioElement = _ref => {
   let {
     value: selectedValue,
@@ -20,7 +11,7 @@ const LicenseVariableRadioElement = _ref => {
     e.stopPropagation();
     if (e.target.checked) onChange(e.target.value);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(_ref2 => {
+  return /*#__PURE__*/React.createElement(Fragment, null, options.map(_ref2 => {
     let {
       value,
       text,
@@ -30,20 +21,19 @@ const LicenseVariableRadioElement = _ref => {
 
     // it's actually checkboxes so that we can uncheck the selected item easily
     // but the behavior is like a radio list
-    return /*#__PURE__*/_react.default.createElement("label", {
+    return /*#__PURE__*/React.createElement("label", {
       key: value,
       className: "store-modal__license-selection__radio-label",
       "data-selected": selected
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
       value: value,
       checked: selected,
       onClick: e => e.stopPropagation(),
       onChange: handleChange
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "store-modal__license-selection__icon-pair"
-    }, selected ? /*#__PURE__*/_react.default.createElement(_CheckboxChecked.default, null) : /*#__PURE__*/_react.default.createElement(_Checkbox.default, null), text), help);
+    }, selected ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(Checkbox, null), text), help);
   }));
 };
-var _default = LicenseVariableRadioElement;
-exports.default = _default;
+export default LicenseVariableRadioElement;

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalProductLicense_license$key } from '../../__generated__/StoreModalProductLicense_license.graphql';
+import { StoreModalProductLicense_license$key } from '../../__generated__/StoreModalProductLicense_license.graphql.js';
 interface StoreModalProductLicenseProps {
     license: StoreModalProductLicense_license$key;
 }

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalProduceLicense;
-var _StoreModalProductLicense_license2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicense_license.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _LicenseElement = _interopRequireDefault(require("./LicenseElement"));
-var _LicenseVariableElement = _interopRequireDefault(require("./LicenseVariableElement"));
-var _VariableTableAmounts = _interopRequireDefault(require("../VariableTableAmounts"));
-var _LicenseVariableRadioElement = _interopRequireDefault(require("./LicenseVariableRadioElement"));
-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 _StoreModalProductLicense_license from "../../__generated__/StoreModalProductLicense_license.graphql.js";
+import React, { useCallback, useEffect } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector, useDispatch } from 'react-redux';
+import LicenseElement from './LicenseElement.js';
+import LicenseVariableElement from './LicenseVariableElement.js';
+import VariableTableAmounts from '../VariableTableAmounts/index.js';
+import LicenseVariableRadioElement from './LicenseVariableRadioElement.js';
 const specFromLicense = license => {
   let licenseOptionSpec = {
     licenseId: license.id
@@ -37,13 +28,13 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-function StoreModalProduceLicense(_ref) {
+export default function StoreModalProduceLicense(_ref) {
   var _license$variables;
   let {
     license: licenseKey
   } = _ref;
-  const license = (0, _reactRelay.useFragment)((_StoreModalProductLicense_license2.default.hash && _StoreModalProductLicense_license2.default.hash !== "5729815aeedac2b8ea39eaab0a986b48" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license2.default), licenseKey);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const license = useFragment((_StoreModalProductLicense_license.hash && _StoreModalProductLicense_license.hash !== "5729815aeedac2b8ea39eaab0a986b48" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license), licenseKey);
+  const licenseOptions = useSelector(state => state.licenseOptions);
   const selectedOptions = licenseOptions.find(_ref2 => {
     let {
       licenseId
@@ -51,8 +42,8 @@ function StoreModalProduceLicense(_ref) {
     return licenseId === license.id;
   });
   const isSelected = Boolean(selectedOptions);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const handleSelectLicense = (0, _react.useCallback)(() => {
+  const dispatch = useDispatch();
+  const handleSelectLicense = useCallback(() => {
     dispatch({
       type: 'PRECART_TOGGLE_LICENSE',
       licenseId: license.id,
@@ -60,7 +51,7 @@ function StoreModalProduceLicense(_ref) {
       licenseOptionSpec: specFromLicense(license)
     });
   }, [dispatch, license, isSelected]);
-  const handleLicenseOptionChange = (0, _react.useCallback)(_ref3 => {
+  const handleLicenseOptionChange = useCallback(_ref3 => {
     let {
       variableId,
       optionId
@@ -78,7 +69,7 @@ function StoreModalProduceLicense(_ref) {
       optionId
     });
   }, [dispatch, license, isSelected]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (license.defaultSelected) {
       dispatch({
         type: 'PRECART_SELECT_LICENSE',
@@ -86,7 +77,7 @@ function StoreModalProduceLicense(_ref) {
       });
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_LicenseElement.default, {
+  return /*#__PURE__*/React.createElement(LicenseElement, {
     onClick: handleSelectLicense,
     isSelected: isSelected
   }, {
@@ -103,7 +94,7 @@ function StoreModalProduceLicense(_ref) {
         return id === selectedLicenseOption;
       });
       if (variable.variableType === 'table') {
-        return /*#__PURE__*/_react.default.createElement(_LicenseVariableRadioElement.default, {
+        return /*#__PURE__*/React.createElement(LicenseVariableRadioElement, {
           key: variable.id,
           onChange: value => handleLicenseOptionChange({
             variableId: variable.id,
@@ -113,7 +104,7 @@ function StoreModalProduceLicense(_ref) {
           options: variable.options.map(option => ({
             value: option.id,
             text: option.name,
-            help: /*#__PURE__*/_react.default.createElement(_VariableTableAmounts.default, {
+            help: /*#__PURE__*/React.createElement(VariableTableAmounts, {
               variable: variable,
               option: option
             })
@@ -121,7 +112,7 @@ function StoreModalProduceLicense(_ref) {
         });
       }
       if (variable.variableType === 'select') {
-        return /*#__PURE__*/_react.default.createElement(_LicenseVariableElement.default, {
+        return /*#__PURE__*/React.createElement(LicenseVariableElement, {
           key: variable.id,
           onChange: e => handleLicenseOptionChange({
             variableId: variable.id,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalProductLicenseSelection_collection$key } from '__generated__/StoreModalProductLicenseSelection_collection.graphql';
+import { StoreModalProductLicenseSelection_collection$key } from '__generated__/StoreModalProductLicenseSelection_collection.graphql.js';
 interface StoreModalProductLicenseSelectionProps {
     collection: StoreModalProductLicenseSelection_collection$key;
     disabled: boolean;

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalProductLicenseSelection;
-var _StoreModalProductLicenseSelection_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicenseSelection_collection.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _StoreModalProductLicense = _interopRequireDefault(require("./StoreModalProductLicense"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function StoreModalProductLicenseSelection(_ref) {
+import _StoreModalProductLicenseSelection_collection from "../../__generated__/StoreModalProductLicenseSelection_collection.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import StoreModalProductLicense from './StoreModalProductLicense.js';
+export default function StoreModalProductLicenseSelection(_ref) {
   var _collection$licenses;
   let {
     collection: collectionKey,
@@ -18,15 +11,15 @@ function StoreModalProductLicenseSelection(_ref) {
       label
     }
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalProductLicenseSelection_collection2.default.hash && _StoreModalProductLicenseSelection_collection2.default.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection2.default), collectionKey);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const collection = useFragment((_StoreModalProductLicenseSelection_collection.hash && _StoreModalProductLicenseSelection_collection.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection), collectionKey);
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__container",
     "data-disabled": disabled
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__license-selection__title"
-  }, label), /*#__PURE__*/_react.default.createElement("div", {
+  }, label), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__licenses"
-  }, collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+  }, collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/React.createElement(StoreModalProductLicense, {
     key: license.id,
     license: license
   }))));

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalProductSummary_viewer$key } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
+import { StoreModalProductSummary_viewer$key } from '../../__generated__/StoreModalProductSummary_viewer.graphql.js';
 interface StoreModalProductSummaryProps {
     viewer: StoreModalProductSummary_viewer$key;
 }

package/dist/components/StoreModalProductSummary/index.js

@@ -1,27 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalProductSummary_viewer2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummary_viewer.graphql"));
-var _StoreModalProductSummaryClearCartMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryClearCartMutation.graphql"));
-var _StoreModalProductSummaryAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _Price = _interopRequireWildcard(require("../Price"));
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _StoreModalProductSummaryRefetchQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryRefetchQuery.graphql"));
-var _utils = require("../../utils");
-var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const addToCartMutation = (_StoreModalProductSummaryAddToCartMutation2.default.hash && _StoreModalProductSummaryAddToCartMutation2.default.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation2.default);
-const clearCartMutation = (_StoreModalProductSummaryClearCartMutation2.default.hash && _StoreModalProductSummaryClearCartMutation2.default.hash !== "b5c37f74432030a297c1bcf2be63b6f7" && console.error("The definition of 'StoreModalProductSummaryClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryClearCartMutation2.default);
+import _StoreModalProductSummary_viewer from "../../__generated__/StoreModalProductSummary_viewer.graphql.js";
+import _StoreModalProductSummaryClearCartMutation from "../../__generated__/StoreModalProductSummaryClearCartMutation.graphql.js";
+import _StoreModalProductSummaryAddToCartMutation from "../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql.js";
+import React, { useCallback, useState, useMemo, useContext } from 'react';
+import { graphql, useRefetchableFragment, useMutation, useRelayEnvironment, commitMutation } from 'react-relay';
+import { useSelector, useDispatch, shallowEqual } from 'react-redux';
+import RelayPrice, { Price } from '../Price/index.js';
+import Button from '../elements/Button/index.js';
+import StoreModalProductSummaryRefetchQuery from '../../__generated__/StoreModalProductSummaryRefetchQuery.graphql.js';
+import { pluralize } from '../../utils.js';
+import { useLicenseAndOrderVariables } from '../../hooks/useLicenseAndOrderVariables.js';
+import { useRefetchOnLicenseChanges } from '../../hooks/useRefetchOnLicenseChanges.js';
+import ConfigContext from '../ConfigContext.js';
+const addToCartMutation = (_StoreModalProductSummaryAddToCartMutation.hash && _StoreModalProductSummaryAddToCartMutation.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation);
+const clearCartMutation = (_StoreModalProductSummaryClearCartMutation.hash && _StoreModalProductSummaryClearCartMutation.hash !== "b5c37f74432030a297c1bcf2be63b6f7" && console.error("The definition of 'StoreModalProductSummaryClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryClearCartMutation);
 const countStyles = viewer => {
   const {
     precart
@@ -53,30 +44,30 @@ const StoreModalProductSummary = _ref => {
   let {
     viewer: viewerKey
   } = _ref;
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds, _reactRedux.shallowEqual);
+  const dispatch = useDispatch();
+  const environment = useRelayEnvironment();
+  const selectedSkuIds = useSelector(state => state.selectedSkuIds, shallowEqual);
   const {
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
-  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions, _reactRedux.shallowEqual);
-  const selectedSkuIdsArray = (0, _react.useMemo)(() => Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true), [selectedSkuIds]);
-  const refetchVariables = (0, _react.useMemo)(() => ({
+  } = useLicenseAndOrderVariables();
+  const licenseeIsBillingIdentity = useSelector(state => state.licenseeIsBillingIdentity);
+  const licenseOptions = useSelector(state => state.licenseOptions, shallowEqual);
+  const selectedSkuIdsArray = useMemo(() => Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true), [selectedSkuIds]);
+  const refetchVariables = useMemo(() => ({
     selectedSkuIds: selectedSkuIdsArray
   }), [selectedSkuIdsArray]);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductSummary_viewer2.default.hash && _StoreModalProductSummary_viewer2.default.hash !== "81a5f120d76cbb84753d158a7ff38c19" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer2.default), viewerKey);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+  const [viewer, refetch] = useRefetchableFragment((_StoreModalProductSummary_viewer.hash && _StoreModalProductSummary_viewer.hash !== "81a5f120d76cbb84753d158a7ff38c19" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer), viewerKey);
+  useRefetchOnLicenseChanges({
     environment,
     refetch,
-    query: _StoreModalProductSummaryRefetchQuery.default,
+    query: StoreModalProductSummaryRefetchQuery,
     variables: refetchVariables
   });
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)(null);
-  const [commitAddToCart] = (0, _reactRelay.useMutation)(addToCartMutation);
-  const clearCart = (0, _react.useCallback)(() => {
-    (0, _reactRelay.commitMutation)(environment, {
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [commitAddToCart] = useMutation(addToCartMutation);
+  const clearCart = useCallback(() => {
+    commitMutation(environment, {
       mutation: clearCartMutation,
       variables: {
         input: {
@@ -91,7 +82,7 @@ const StoreModalProductSummary = _ref => {
       }
     });
   }, [environment]);
-  const handleAddToCart = (0, _react.useCallback)(() => {
+  const handleAddToCart = useCallback(() => {
     setSubmitting(true);
     const variables = {
       input: {
@@ -174,24 +165,24 @@ const StoreModalProductSummary = _ref => {
   const validSelections = anySkusSelected && licenseOptions.length > 0 && !requiredOrderVariablesNotYetSelected && hasSelectionForLicenseeIsBillingIdentity;
   const {
     storeModal: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const licensesPosition = config.productLicensesPosition;
   if (validSelections) {
     if (viewer.precart.subtotal) {
-      message = /*#__PURE__*/_react.default.createElement("div", {
+      message = /*#__PURE__*/React.createElement("div", {
         className: "store-modal__product-summary__selection-text"
-      }, (0, _utils.pluralize)(countStyles(viewer), 'font'), ' for ', viewer.precart.subtotal.amount < stylesPrice && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      }, pluralize(countStyles(viewer), 'font'), ' for ', viewer.precart.subtotal.amount < stylesPrice && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
         className: "store-modal__product-summary__styles-price"
-      }, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+      }, /*#__PURE__*/React.createElement(Price, {
         price: {
           amount: stylesPrice,
           currency: viewer.precart.subtotal.currency
         }
-      })), ' '), /*#__PURE__*/_react.default.createElement(_Price.default, {
+      })), ' '), /*#__PURE__*/React.createElement(RelayPrice, {
         price: viewer.precart.subtotal
       }), taxLabel);
     } else {
-      message = /*#__PURE__*/_react.default.createElement("span", {
+      message = /*#__PURE__*/React.createElement("span", {
         className: "store-modal__product-summary__nothing-selected"
       }, "Calculating price...");
     }
@@ -202,25 +193,24 @@ const StoreModalProductSummary = _ref => {
     if (requiredOrderVariablesNotYetSelected) validationMessage = `Please select a ${requiredOrderVariablesNotYetSelected.name.toLocaleLowerCase()}`;
     if (!hasSelectionForLicenseeIsBillingIdentity) validationMessage = 'Please select the licensee';
     if (!anySkusSelected && licensesPosition === 'bottom') validationMessage = 'Please select some fonts';
-    message = /*#__PURE__*/_react.default.createElement("span", {
+    message = /*#__PURE__*/React.createElement("span", {
       className: "store-modal__product-summary__nothing-selected"
     }, validationMessage);
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__row"
-  }, message, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, message, /*#__PURE__*/React.createElement(Button, {
     className: "store-modal__product-summary__add-to-cart-button",
     onClick: handleAddToCart,
     disabled: submitting || !validSelections
-  }, submitting ? 'Adding...' : 'Add to cart')), error && /*#__PURE__*/_react.default.createElement("div", {
+  }, submitting ? 'Adding...' : 'Add to cart')), error && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__error"
-  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, error, ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: clearCart,
     className: "store-modal__product-summary__error-button"
   }, "Empty cart and try again")));
 };
-var _default = StoreModalProductSummary;
-exports.default = _default;
+export default StoreModalProductSummary;

package/dist/components/StripeLogo.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StripeLogo;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function StripeLogo() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
+import React from 'react';
+export default function StripeLogo() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "33",
     height: "15"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M32.956 7.925c0-2.313-1.12-4.138-3.261-4.138-2.15 0-3.451 1.825-3.451 4.12 0 2.719 1.535 4.092 3.74 4.092 1.075 0 1.888-.244 2.502-.587V9.605c-.614.307-1.319.497-2.213.497-.876 0-1.653-.307-1.753-1.373h4.418c0-.118.018-.588.018-.804m-4.463-.859c0-1.02.624-1.445 1.193-1.445.55 0 1.138.424 1.138 1.445h-2.33zm-5.737-3.279c-.885 0-1.454.415-1.77.704l-.118-.56H18.88v10.535l2.259-.48.009-2.556c.325.235.804.57 1.6.57 1.616 0 3.089-1.302 3.089-4.166-.01-2.62-1.5-4.047-3.08-4.047zm-.542 6.225c-.533 0-.85-.19-1.066-.425l-.009-3.352c.235-.262.56-.443 1.075-.443.822 0 1.391.922 1.391 2.105 0 1.211-.56 2.115-1.39 2.115zM18.04 2.766V.932l-2.268.479v1.843zM15.772 3.94h2.268v7.905h-2.268zm-2.43.669-.144-.669h-1.952v7.906h2.259V6.488c.533-.696 1.436-.57 1.716-.47V3.94c-.289-.108-1.346-.307-1.879.669M8.825 1.98l-2.205.47-.009 7.236c0 1.337 1.003 2.322 2.34 2.322.741 0 1.283-.135 1.581-.298V9.876c-.289.117-1.716.533-1.716-.804V5.865h1.716V3.94H8.816zM2.718 6.235c0-.352.289-.488.767-.488.687 0 1.554.208 2.241.578V4.202a6 6 0 0 0-2.24-.415c-1.835 0-3.054.957-3.054 2.557 0 2.493 3.433 2.096 3.433 3.17 0 .416-.361.552-.867.552-.75 0-1.708-.307-2.467-.723v2.15c.84.362 1.69.515 2.467.515 1.879 0 3.17-.93 3.17-2.548-.008-2.692-3.45-2.213-3.45-3.225"
   }));

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

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql';
+import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql.js';
 interface StripeProvider_props {
     viewer: StripeProvider_viewer$key;
     children: JSX.Element;