fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/StoreModal/StoreModalContainer.js

@@ -1,22 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalContainerQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalContainerQuery.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _StoreModalContainer = _interopRequireDefault(require("../elements/StoreModalContainer"));
-var _reactRelay = require("react-relay");
-var _StoreModalCheckoutContext = _interopRequireDefault(require("./StoreModalCheckoutContext"));
-var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
-var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
-var _StoreModalLoadingScreen = _interopRequireDefault(require("../elements/StoreModalLoadingScreen"));
-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 }; }
+import _StoreModalContainerQuery from "../../__generated__/StoreModalContainerQuery.graphql.js";
+import React, { Suspense, useCallback, useContext, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import StoreModalContainerElement from '../elements/StoreModalContainer/index.js';
+import { useLazyLoadQuery, graphql } from 'react-relay';
+import StoreModalCheckoutContext from './StoreModalCheckoutContext.js';
+import CheckoutSteps from '../Cart/CheckoutSteps.js';
+import useFontStyle from '../useFontStyle.js';
+import StoreModalLoadingScreen from '../elements/StoreModalLoadingScreen/index.js';
+import ConfigContext from '../ConfigContext.js';
 const getPageTitle = name => {
   switch (name) {
     case 'index':
@@ -42,27 +33,27 @@ const StoreModalContainer = _ref => {
   let {
     children
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)((_StoreModalContainerQuery2.default.hash && _StoreModalContainerQuery2.default.hash !== "ae784b9ab1842dacc5857b045b399701" && console.error("The definition of 'StoreModalContainerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalContainerQuery2.default), {});
+  const data = useLazyLoadQuery((_StoreModalContainerQuery.hash && _StoreModalContainerQuery.hash !== "ae784b9ab1842dacc5857b045b399701" && console.error("The definition of 'StoreModalContainerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalContainerQuery), {});
   const uiFontStyle = (_settings = data.viewer.settings) === null || _settings === void 0 ? void 0 : _settings.uiFontStyle;
   const uiFontStyleBold = (_settings2 = data.viewer.settings) === null || _settings2 === void 0 ? void 0 : _settings2.uiFontStyleBold;
-  (0, _useFontStyle.default)({
+  useFontStyle({
     fontStyle: uiFontStyle
   });
-  (0, _useFontStyle.default)({
+  useFontStyle({
     fontStyle: uiFontStyleBold
   });
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const dispatch = useDispatch();
   const orderItemCount = ((_currentOrder = data.viewer.currentOrder) === null || _currentOrder === void 0 ? void 0 : (_currentOrder$orderIt = _currentOrder.orderItems) === null || _currentOrder$orderIt === void 0 ? void 0 : _currentOrder$orderIt.length) ?? 0;
   const showCartButton = orderItemCount > 0;
-  const handleClose = (0, _react.useCallback)(() => {
+  const handleClose = useCallback(() => {
     dispatch({
       type: 'CLOSE_CART'
     });
   }, [dispatch]);
-  const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute.name);
-  const history = (0, _reactRedux.useSelector)(state => state.storeModalHistory);
+  const currentRoute = useSelector(state => state.storeModalRoute.name);
+  const history = useSelector(state => state.storeModalHistory);
   const link = getBackLink(history, currentRoute);
-  const config = (0, _react.useContext)(_ConfigContext.default);
+  const config = useContext(ConfigContext);
   const handleBack = () => {
     if (history.length === 0) {
       dispatch({
@@ -84,18 +75,18 @@ const StoreModalContainer = _ref => {
       route: 'cart'
     });
   };
-  const [checkoutStep, setCheckoutStep] = (0, _react.useState)(_CheckoutSteps.default.Customer);
-  const [checkoutError, setCheckoutError] = (0, _react.useState)(null);
+  const [checkoutStep, setCheckoutStep] = useState(CheckoutSteps.Customer);
+  const [checkoutError, setCheckoutError] = useState(null);
   const regularName = uiFontStyle ? `${uiFontStyle.cssFamily} ${uiFontStyle.name}` : null;
   const boldName = uiFontStyleBold ? `${uiFontStyleBold.cssFamily} ${uiFontStyleBold.name}` : null;
-  return /*#__PURE__*/_react.default.createElement(_StoreModalCheckoutContext.default.Provider, {
+  return /*#__PURE__*/React.createElement(StoreModalCheckoutContext.Provider, {
     value: {
       checkoutStep,
       setCheckoutStep,
       checkoutError,
       setCheckoutError
     }
-  }, /*#__PURE__*/_react.default.createElement(_StoreModalContainer.default, {
+  }, /*#__PURE__*/React.createElement(StoreModalContainerElement, {
     onClickBackground: handleClose,
     onClickClose: handleClose,
     onClickBack: handleBack,
@@ -110,10 +101,9 @@ const StoreModalContainer = _ref => {
   }, {
     backText: link,
     pageTitle: getPageTitle(currentRoute),
-    body: /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-      fallback: /*#__PURE__*/_react.default.createElement(_StoreModalLoadingScreen.default, null)
+    body: /*#__PURE__*/React.createElement(Suspense, {
+      fallback: /*#__PURE__*/React.createElement(StoreModalLoadingScreen, null)
     }, children)
   }));
 };
-var _default = StoreModalContainer;
-exports.default = _default;
+export default StoreModalContainer;

package/dist/components/StoreModal/StoreModalDownload.d.ts

@@ -1,5 +1,5 @@
 import { RelayRefetchProp } from 'react-relay';
-import { StoreModalDownload_order$data } from '../../__generated__/StoreModalDownload_order.graphql';
+import { StoreModalDownload_order$data } from '../../__generated__/StoreModalDownload_order.graphql.js';
 interface StoreModalDownload_props {
     order: StoreModalDownload_order$data;
     relay: RelayRefetchProp;

package/dist/components/StoreModal/StoreModalDownload.js

@@ -1,39 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalDownloadRefetchQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalDownloadRefetchQuery.graphql"));
-var _StoreModalDownload_order2 = _interopRequireDefault(require("../../__generated__/StoreModalDownload_order.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _StoreModalDownloadLayout = _interopRequireDefault(require("../elements/StoreModalDownloadLayout"));
-var _useInterval = _interopRequireDefault(require("../useInterval"));
-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 _StoreModalDownloadRefetchQuery from "../../__generated__/StoreModalDownloadRefetchQuery.graphql.js";
+import _StoreModalDownload_order from "../../__generated__/StoreModalDownload_order.graphql.js";
+import React, { Fragment } from 'react';
+import { createRefetchContainer, graphql } from 'react-relay';
+import StoreModalPageContainer from '../elements/StoreModalPageContainer/index.js';
+import StoreModalDownloadLayout from '../elements/StoreModalDownloadLayout/index.js';
+import useInterval from '../useInterval.js';
 const StoreModalDownload = _ref => {
   let {
     order,
     relay
   } = _ref;
-  (0, _useInterval.default)(() => {
+  useInterval(() => {
     if (order.archiveUrl) return;
     relay.refetch({
       id: order.id
     });
   }, 2000);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: /*#__PURE__*/_react.default.createElement(_StoreModalDownloadLayout.default, {
+  return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
+    body: /*#__PURE__*/React.createElement(StoreModalDownloadLayout, {
       archiveUrl: order.archiveUrl
     }, {
-      message: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "Your order was confirmed."), /*#__PURE__*/_react.default.createElement("p", null, "Your download is ", order.archiveUrl ? 'ready.' : 'being prepared...'), /*#__PURE__*/_react.default.createElement("p", null, "An email receipt with a download link has been sent to your email address."))
+      message: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("p", null, "Your order was confirmed."), /*#__PURE__*/React.createElement("p", null, "Your download is ", order.archiveUrl ? 'ready.' : 'being prepared...'), /*#__PURE__*/React.createElement("p", null, "An email receipt with a download link has been sent to your email address."))
     })
   });
 };
-var _default = (0, _reactRelay.createRefetchContainer)(StoreModalDownload, {
-  order: (_StoreModalDownload_order2.default.hash && _StoreModalDownload_order2.default.hash !== "089669cea2185d50b071a901cfd3b159" && console.error("The definition of 'StoreModalDownload_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalDownload_order2.default)
-}, (_StoreModalDownloadRefetchQuery2.default.hash && _StoreModalDownloadRefetchQuery2.default.hash !== "f4bd85e641db0b1e20e780b7a0cdaf98" && console.error("The definition of 'StoreModalDownloadRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalDownloadRefetchQuery2.default));
-exports.default = _default;
+export default createRefetchContainer(StoreModalDownload, {
+  order: (_StoreModalDownload_order.hash && _StoreModalDownload_order.hash !== "089669cea2185d50b071a901cfd3b159" && console.error("The definition of 'StoreModalDownload_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalDownload_order)
+}, (_StoreModalDownloadRefetchQuery.hash && _StoreModalDownloadRefetchQuery.hash !== "f4bd85e641db0b1e20e780b7a0cdaf98" && console.error("The definition of 'StoreModalDownloadRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalDownloadRefetchQuery));

package/dist/components/StoreModal/StoreModalFamily.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalFamily_collection$key } from '../../__generated__/StoreModalFamily_collection.graphql';
+import { StoreModalFamily_collection$key } from '../../__generated__/StoreModalFamily_collection.graphql.js';
 interface StoreModalFamilyProps {
     collection: StoreModalFamily_collection$key;
     onSelect: (skuId: string, selected: boolean) => void;

package/dist/components/StoreModal/StoreModalFamily.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalFamily;
-var _StoreModalFamily_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalFamily_collection.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _StoreModalFamilyButton = _interopRequireDefault(require("./StoreModalFamilyButton"));
-var _StoreModalStyleButton = _interopRequireDefault(require("./StoreModalStyleButton"));
-var _StoreModalFamily = _interopRequireDefault(require("../elements/StoreModalFamily"));
-var _StoreModalBundleButton = _interopRequireDefault(require("./StoreModalBundleButton"));
-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 _StoreModalFamily_collection from "../../__generated__/StoreModalFamily_collection.graphql.js";
+import React, { useMemo } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import FamilyButton from './StoreModalFamilyButton.js';
+import StyleButton from './StoreModalStyleButton.js';
+import FamilyElement from '../elements/StoreModalFamily/index.js';
+import StoreModalBundleButton from './StoreModalBundleButton.js';
 // chunk items if they match condition, but only chunk if they match in
 // consecutive order. this prevents the list from being reordered
 function chunkConsecutiveBy(collection, compare) {
@@ -40,28 +31,28 @@ const stylesGrouped = collection => {
     return slantedCount === 1 ? [chunk] : chunk.map(style => [style]);
   });
 };
-function StoreModalFamily(_ref) {
+export default function StoreModalFamily(_ref) {
   var _collection$bundles;
   let {
     collection: collectionKey,
     onSelect,
     title
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamily_collection2.default.hash && _StoreModalFamily_collection2.default.hash !== "d2d429ebada7593dd5debcce7a69317d" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection2.default), collectionKey);
-  const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
+  const collection = useFragment((_StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "d2d429ebada7593dd5debcce7a69317d" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection), collectionKey);
+  const fontStyles = useMemo(() => stylesGrouped(collection), [collection]);
   if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
-  return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {
+  return /*#__PURE__*/React.createElement(FamilyElement, null, {
     title,
-    familyButton: /*#__PURE__*/_react.default.createElement(_StoreModalFamilyButton.default, {
+    familyButton: /*#__PURE__*/React.createElement(FamilyButton, {
       collection: collection,
       onSelectSku: onSelect
     }),
-    bundles: collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.filter(bundle => !bundle.hidden).map(bundle => /*#__PURE__*/_react.default.createElement(_StoreModalBundleButton.default, {
+    bundles: collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.filter(bundle => !bundle.hidden).map(bundle => /*#__PURE__*/React.createElement(StoreModalBundleButton, {
       key: bundle.id,
       bundle: bundle,
       onSelectSku: onSelect
     })),
-    styleGroups: fontStyles.map(group => group.map(fontStyle => /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, {
+    styleGroups: fontStyles.map(group => group.map(fontStyle => /*#__PURE__*/React.createElement(StyleButton, {
       key: fontStyle.id,
       fontStyle: fontStyle,
       onSelectSku: onSelect,

package/dist/components/StoreModal/StoreModalFamilyButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalFamilyButton_collection$key } from '../../__generated__/StoreModalFamilyButton_collection.graphql';
+import { StoreModalFamilyButton_collection$key } from '../../__generated__/StoreModalFamilyButton_collection.graphql.js';
 interface FamilyButtonProps {
     collection: StoreModalFamilyButton_collection$key;
     onSelectSku: (skuId: string, selected: boolean) => void;

package/dist/components/StoreModal/StoreModalFamilyButton.js

@@ -1,22 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FamilyButton;
-var _StoreModalFamilyButton_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalFamilyButton_collection.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _Price = require("../Price");
-var _reducer = require("../../reducer");
-var _StoreModalFamilyButton = _interopRequireDefault(require("../elements/StoreModalFamilyButton"));
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _useTotalStyles = _interopRequireDefault(require("../useTotalStyles"));
-var _utils = require("../../utils");
-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 _StoreModalFamilyButton_collection from "../../__generated__/StoreModalFamilyButton_collection.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import { PriceFormat } from '../Price/index.js';
+import { isSelected } from '../../reducer.js';
+import StoreModalFamilyButtonElement from '../elements/StoreModalFamilyButton/index.js';
+import FontStyle from '../FontStyle/index.js';
+import useTotalStyles from '../useTotalStyles.js';
+import { pluralize } from '../../utils.js';
 const getFamilyType = collection => {
   if (collection.collectionType === 'superfamily') return 'Collection';
   return 'Family';
@@ -25,16 +18,16 @@ const getSuffix = collection => {
   if (collection.isVariableFont) return;
   return ' ' + getFamilyType(collection);
 };
-function FamilyButton(_ref) {
+export default function FamilyButton(_ref) {
   var _collection$featureSt, _collection$featureSt2;
   let {
     collection: collectionKey,
     onSelectSku,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamilyButton_collection2.default.hash && _StoreModalFamilyButton_collection2.default.hash !== "3ca5466b4680374b74cf161a9bdef313" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection2.default), collectionKey);
-  const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
-  const selected = (0, _reactRedux.useSelector)(selector);
+  const collection = useFragment((_StoreModalFamilyButton_collection.hash && _StoreModalFamilyButton_collection.hash !== "3ca5466b4680374b74cf161a9bdef313" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection), collectionKey);
+  const selector = collection.sku ? isSelected(collection.sku.id) : () => false;
+  const selected = useSelector(selector);
   const handleClick = () => {
     if (!collection.sku) return;
     onSelectSku(collection.sku.id, !selected);
@@ -42,30 +35,30 @@ function FamilyButton(_ref) {
   const {
     totalStyles,
     variableFonts
-  } = (0, _useTotalStyles.default)({
+  } = useTotalStyles({
     fontCollection: collection
   });
   let label = [];
   if (totalStyles > 0) {
-    label.push((0, _utils.pluralize)(totalStyles, 'style'));
+    label.push(pluralize(totalStyles, 'style'));
   }
   if (variableFonts > 0) {
-    label.push((0, _utils.pluralize)(variableFonts, 'variable font'));
+    label.push(pluralize(variableFonts, 'variable font'));
   }
   const supportsEnglish = (_collection$featureSt = collection.featureStyle) === null || _collection$featureSt === void 0 ? void 0 : (_collection$featureSt2 = _collection$featureSt.supportedLanguages) === null || _collection$featureSt2 === void 0 ? void 0 : _collection$featureSt2.includes('en');
-  return /*#__PURE__*/_react.default.createElement(_StoreModalFamilyButton.default, _extends({
+  return /*#__PURE__*/React.createElement(StoreModalFamilyButtonElement, _extends({
     selected: selected,
     onClick: collection.sku ? handleClick : undefined,
     supportsEnglish: supportsEnglish ?? true
   }, rest), {
-    name: collection.featureStyle && supportsEnglish ? /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    name: collection.featureStyle && supportsEnglish ? /*#__PURE__*/React.createElement(FontStyle, {
       Component: "span",
       fontStyle: collection.featureStyle
-    }, collection.name, getSuffix(collection)) : /*#__PURE__*/_react.default.createElement("span", null, collection.name, " ", getSuffix(collection)),
+    }, collection.name, getSuffix(collection)) : /*#__PURE__*/React.createElement("span", null, collection.name, " ", getSuffix(collection)),
     label: label.join(', '),
-    price: collection.sku && /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    price: collection.sku && /*#__PURE__*/React.createElement(SKUPrice, {
       sku: collection.sku,
-      format: _Price.PriceFormat.Truncated
+      format: PriceFormat.Truncated
     })
   });
 }

package/dist/components/StoreModal/StoreModalIndex.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PreloadedQuery } from 'react-relay';
-import { StoreModalIndexQuery } from '__generated__/StoreModalIndexQuery.graphql';
+import { StoreModalIndexQuery } from '__generated__/StoreModalIndexQuery.graphql.js';
 interface StoreModalIndexProps {
     prepared: {
         indexQuery: PreloadedQuery<StoreModalIndexQuery>;

package/dist/components/StoreModal/StoreModalIndex.js

@@ -1,29 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalIndexQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalIndexQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _StoreModalIndexItem = _interopRequireDefault(require("./StoreModalIndexItem"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalIndexQuery from "../../__generated__/StoreModalIndexQuery.graphql.js";
+import React from 'react';
+import { graphql, usePreloadedQuery } from 'react-relay';
+import StoreModalPageContainer from '../elements/StoreModalPageContainer/index.js';
+import StoreModalIndexItem from './StoreModalIndexItem.js';
 const StoreModalIndex = _ref => {
   var _viewer$rootCollectio;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalIndexQuery2.default.hash && _StoreModalIndexQuery2.default.hash !== "099c77808b41054885365ebe3eda03c8" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery2.default), prepared.indexQuery);
+  const data = usePreloadedQuery((_StoreModalIndexQuery.hash && _StoreModalIndexQuery.hash !== "099c77808b41054885365ebe3eda03c8" && console.error("The definition of 'StoreModalIndexQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexQuery), prepared.indexQuery);
   const viewer = data.viewer;
   const edges = (viewer === null || viewer === void 0 ? void 0 : (_viewer$rootCollectio = viewer.rootCollections) === null || _viewer$rootCollectio === void 0 ? void 0 : _viewer$rootCollectio.edges) ?? [];
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: edges.map(edge => /*#__PURE__*/_react.default.createElement(_StoreModalIndexItem.default, {
+  return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
+    body: edges.map(edge => /*#__PURE__*/React.createElement(StoreModalIndexItem, {
       collection: edge.node,
       key: edge.node.id
     }))
   });
 };
-var _default = StoreModalIndex;
-exports.default = _default;
+export default StoreModalIndex;

package/dist/components/StoreModal/StoreModalIndexItem.d.ts

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

package/dist/components/StoreModal/StoreModalIndexItem.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalIndexItem_fontCollection2 = _interopRequireDefault(require("../../__generated__/StoreModalIndexItem_fontCollection.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _reactRelay = require("react-relay");
-var _StoreModalIndexItem = _interopRequireDefault(require("../elements/StoreModalIndexItem"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _useTotalStyles = _interopRequireDefault(require("../useTotalStyles"));
-var _utils = require("../../utils");
-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 _StoreModalIndexItem_fontCollection from "../../__generated__/StoreModalIndexItem_fontCollection.graphql.js";
+import React, { useContext } from 'react';
+import { useDispatch } from 'react-redux';
+import { graphql, useFragment } from 'react-relay';
+import StoreModalIndexItemElement from '../elements/StoreModalIndexItem/index.js';
+import ConfigContext from '../ConfigContext.js';
+import FontStyle from '../FontStyle/index.js';
+import useTotalStyles from '../useTotalStyles.js';
+import { getFeatureGlyphs, pluralize } from '../../utils.js';
 const StoreModalIndexItem = _ref => {
   var _data$featureStyle;
   let {
@@ -23,9 +14,9 @@ const StoreModalIndexItem = _ref => {
   } = _ref;
   const {
     storeModal: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const data = (0, _reactRelay.useFragment)((_StoreModalIndexItem_fontCollection2.default.hash && _StoreModalIndexItem_fontCollection2.default.hash !== "8a990fad8dc50c9f00b391902e9bc482" && console.error("The definition of 'StoreModalIndexItem_fontCollection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexItem_fontCollection2.default), collection);
-  const dispatch = (0, _reactRedux.useDispatch)();
+  } = useContext(ConfigContext);
+  const data = useFragment((_StoreModalIndexItem_fontCollection.hash && _StoreModalIndexItem_fontCollection.hash !== "8a990fad8dc50c9f00b391902e9bc482" && console.error("The definition of 'StoreModalIndexItem_fontCollection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalIndexItem_fontCollection), collection);
+  const dispatch = useDispatch();
   const handleClickProduct = productId => {
     dispatch({
       type: 'STORE_MODAL_NAVIGATE',
@@ -38,28 +29,27 @@ const StoreModalIndexItem = _ref => {
   const {
     totalStyles,
     variableFonts
-  } = (0, _useTotalStyles.default)({
+  } = useTotalStyles({
     fontCollection: data
   });
   let label = [];
   if (totalStyles > 0) {
-    label.push((0, _utils.pluralize)(totalStyles, 'style'));
+    label.push(pluralize(totalStyles, 'style'));
   }
   if (variableFonts > 0) {
-    label.push((0, _utils.pluralize)(variableFonts, 'variable font'));
+    label.push(pluralize(variableFonts, 'variable font'));
   }
-  return /*#__PURE__*/_react.default.createElement(_StoreModalIndexItem.default, {
+  return /*#__PURE__*/React.createElement(StoreModalIndexItemElement, {
     key: data.id,
     onClick: handleClickProduct.bind(null, data.id)
   }, {
-    aa: config.indexLayout === 'styled-aa' && (data.featureStyle ? /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    aa: config.indexLayout === 'styled-aa' && (data.featureStyle ? /*#__PURE__*/React.createElement(FontStyle, {
       fontStyle: data.featureStyle
-    }, (0, _utils.getFeatureGlyphs)((_data$featureStyle = data.featureStyle) === null || _data$featureStyle === void 0 ? void 0 : _data$featureStyle.supportedLanguages)) : null),
-    name: config.indexLayout === 'styled-font-names' ? data.featureStyle && /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    }, getFeatureGlyphs((_data$featureStyle = data.featureStyle) === null || _data$featureStyle === void 0 ? void 0 : _data$featureStyle.supportedLanguages)) : null),
+    name: config.indexLayout === 'styled-font-names' ? data.featureStyle && /*#__PURE__*/React.createElement(FontStyle, {
       fontStyle: data.featureStyle
     }, data.name) : data.name,
     label: label.join(', ')
   });
 };
-var _default = StoreModalIndexItem;
-exports.default = _default;
+export default StoreModalIndexItem;

package/dist/components/StoreModal/StoreModalLicenseeIsBillingSelection.js

@@ -1,29 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalLicenseeIsBillingSelection;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _StoreModalLicenseeIsBillingIdentityElement = _interopRequireDefault(require("../elements/StoreModalLicenseeIsBillingIdentityElement"));
-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; }
-function StoreModalLicenseeIsBillingSelection(_ref) {
+import React, { useCallback } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import StoreModalLicenseeIsBillingIdentityElement from '../elements/StoreModalLicenseeIsBillingIdentityElement.js';
+export default function StoreModalLicenseeIsBillingSelection(_ref) {
   let {
     disabled,
     children
   } = _ref;
-  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const handleChange = (0, _react.useCallback)(licenseeIsBilling => {
+  const licenseeIsBillingIdentity = useSelector(state => state.licenseeIsBillingIdentity);
+  const dispatch = useDispatch();
+  const handleChange = useCallback(licenseeIsBilling => {
     dispatch({
       type: 'UPDATE_LICENSEE_IS_BILLING_IDENTITY',
       value: licenseeIsBilling
     });
   }, [dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingIdentityElement.default, {
+  return /*#__PURE__*/React.createElement(StoreModalLicenseeIsBillingIdentityElement, {
     disabled: disabled,
     value: licenseeIsBillingIdentity,
     onChange: handleChange

package/dist/components/StoreModal/StoreModalLoader.js

@@ -1,23 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-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, { useEffect } from 'react';
+import { useSelector } from 'react-redux';
 function StoreModalLoader(_ref) {
   let {
     children
   } = _ref;
-  const cartOpen = (0, _reactRedux.useSelector)(state => state.cartOpen);
-  (0, _react.useEffect)(() => {
+  const cartOpen = useSelector(state => state.cartOpen);
+  useEffect(() => {
     document.body.dataset.fontdueStoreModal = cartOpen ? 'open' : 'closed';
   }, [cartOpen]);
   if (!cartOpen) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 }
-var _default = StoreModalLoader;
-exports.default = _default;
+export default StoreModalLoader;

package/dist/components/StoreModal/StoreModalOrderVariableSelection.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { StoreModalOrderVariableSelection_viewer$key } from '__generated__/StoreModalOrderVariableSelection_viewer.graphql';
-import { StoreModalOrderVariableSelection_order$key } from '__generated__/StoreModalOrderVariableSelection_order.graphql';
-import { OrderVariableSelectionInput } from '../OrderVariableSelection';
+import { StoreModalOrderVariableSelection_viewer$key } from '__generated__/StoreModalOrderVariableSelection_viewer.graphql.js';
+import { StoreModalOrderVariableSelection_order$key } from '__generated__/StoreModalOrderVariableSelection_order.graphql.js';
+import { OrderVariableSelectionInput } from '../OrderVariableSelection/index.js';
 interface StoreModalOrderVariableSelectionProps {
     viewer: StoreModalOrderVariableSelection_viewer$key;
     order: StoreModalOrderVariableSelection_order$key;