fontdue-js 2.22.3 → 3.0.0-alpha1

package/dist/components/StickyNav/index.js

@@ -1,24 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _CartButton = _interopRequireDefault(require("../CartButton"));
-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, { useEffect, useRef, useState } from 'react';
+import CartButton from '../CartButton/index.js';
 function NavItem(_ref) {
   let {
     label,
     link,
     text
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__item",
     "data-label": label
-  }, /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__PURE__*/React.createElement("a", {
     className: "sticky-nav__link",
     href: link
   }, text));
@@ -30,9 +21,9 @@ function StickyNav(_ref2) {
     typefacesPath,
     siteTitle
   } = _ref2;
-  const $stickyNav = (0, _react.useRef)(null);
-  const [visible, setVisible] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
+  const $stickyNav = useRef(null);
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
     function onScroll() {
       var _$stickyNav$current;
       const rect = (_$stickyNav$current = $stickyNav.current) === null || _$stickyNav$current === void 0 ? void 0 : _$stickyNav$current.getBoundingClientRect();
@@ -55,30 +46,29 @@ function StickyNav(_ref2) {
       window.removeEventListener('resize', onScroll);
     };
   }, [$stickyNav, setVisible]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav",
     ref: $stickyNav,
     "data-visible": visible
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__links"
-  }, /*#__PURE__*/_react.default.createElement(NavItem, {
+  }, /*#__PURE__*/React.createElement(NavItem, {
     label: "home",
     link: homePath,
     text: siteTitle
-  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+  }), /*#__PURE__*/React.createElement(NavItem, {
     label: "typefaces",
     link: typefacesPath,
     text: "Typefaces"
-  }), /*#__PURE__*/_react.default.createElement(NavItem, {
+  }), /*#__PURE__*/React.createElement(NavItem, {
     label: "about",
     link: aboutPath,
     text: "About & contact"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "sticky-nav__item",
     "data-label": "cart"
-  }, /*#__PURE__*/_react.default.createElement(_CartButton.default, null))));
+  }, /*#__PURE__*/React.createElement(CartButton, null))));
 }
-var _default = StickyNav;
-exports.default = _default;
+export default StickyNav;

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

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

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -1,48 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalBundleButton;
-var _StoreModalBundleButton_bundle2 = _interopRequireDefault(require("../../__generated__/StoreModalBundleButton_bundle.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 _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _reducer = require("../../reducer");
-var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
-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 _StoreModalBundleButton_bundle from "../../__generated__/StoreModalBundleButton_bundle.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 FontStyle from '../FontStyle/index.js';
+import { isSelected } from '../../reducer.js';
+import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
 const THIN_SPACE = '\u2009';
-function StoreModalBundleButton(_ref) {
+export default function StoreModalBundleButton(_ref) {
   var _bundle$sku;
   let {
     bundle: bundleKey,
     onSelectSku,
     ...rest
   } = _ref;
-  const bundle = (0, _reactRelay.useFragment)((_StoreModalBundleButton_bundle2.default.hash && _StoreModalBundleButton_bundle2.default.hash !== "524b936dedb01e6669ca020b96e28ea6" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle2.default), bundleKey);
-  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)((bundle === null || bundle === void 0 ? void 0 : (_bundle$sku = bundle.sku) === null || _bundle$sku === void 0 ? void 0 : _bundle$sku.id) ?? null));
+  const bundle = useFragment((_StoreModalBundleButton_bundle.hash && _StoreModalBundleButton_bundle.hash !== "524b936dedb01e6669ca020b96e28ea6" && console.error("The definition of 'StoreModalBundleButton_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalBundleButton_bundle), bundleKey);
+  const selected = useSelector(isSelected((bundle === null || bundle === void 0 ? void 0 : (_bundle$sku = bundle.sku) === null || _bundle$sku === void 0 ? void 0 : _bundle$sku.id) ?? null));
   if (!bundle.sku || !bundle.fontStyles) return null;
   const handleSelect = () => {
     if (!bundle.sku) return;
     onSelectSku(bundle.sku.id, !selected);
   };
-  return /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(StoreModalStyleButtonElement, _extends({}, rest, {
     onClick: handleSelect,
     selected: selected
   }), {
-    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/React.createElement(FontStyle, {
       key: fontStyle.id,
       fontStyle: fontStyle,
       Component: "span"
     }, i !== 0 && THIN_SPACE, "Aa")),
     name: bundle.name,
-    price: /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    price: /*#__PURE__*/React.createElement(SKUPrice, {
       sku: bundle.sku,
-      format: _Price.PriceFormat.Truncated,
+      format: PriceFormat.Truncated,
       showCollectionSavings: !selected
     })
   });

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

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

package/dist/components/StoreModal/StoreModalCart.js

@@ -1,38 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalCartQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _CartItem = _interopRequireDefault(require("../Cart/CartItem"));
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _CartState = _interopRequireDefault(require("../Cart/CartState"));
-var _CartTotals = _interopRequireDefault(require("../Cart/CartTotals"));
-var _CouponCodeInput = _interopRequireDefault(require("../Cart/CouponCodeInput"));
-var _StoreModalCartLayout = _interopRequireDefault(require("../elements/StoreModalCartLayout"));
-var _EmptyCart = _interopRequireDefault(require("../elements/EmptyCart"));
-var _StoreModalOrderVariableSelection = _interopRequireDefault(require("./StoreModalOrderVariableSelection"));
-var _StoreModalUnifiedCheckout = _interopRequireDefault(require("../elements/StoreModalUnifiedCheckout"));
-var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
-var _utils = require("../Cart/utils");
-var _ShareCart = _interopRequireDefault(require("../Cart/ShareCart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalCartQuery from "../../__generated__/StoreModalCartQuery.graphql.js";
+import React from 'react';
+import { graphql, usePreloadedQuery } from 'react-relay';
+import CartItem from '../Cart/CartItem/index.js';
+import StoreModalPageContainer from '../elements/StoreModalPageContainer/index.js';
+import CartState from '../Cart/CartState.js';
+import CartTotals from '../Cart/CartTotals.js';
 // @ts-ignore
-
+import CouponCodeInput from '../Cart/CouponCodeInput.js';
+import StoreModalCartLayout from '../elements/StoreModalCartLayout/index.js';
+import EmptyCart from '../elements/EmptyCart/index.js';
+import StoreModalOrderVariableSelection from './StoreModalOrderVariableSelection.js';
+import StoreModalUnifiedCheckout from '../elements/StoreModalUnifiedCheckout.js';
+import StripeProvider from '../StripeProvider/index.js';
+import { textVariablesAllHaveText } from '../Cart/utils.js';
+import ShareCart from '../Cart/ShareCart.js';
 const StoreModalCart = _ref => {
   var _order$orderItems;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "cfbbbef5d65b35eacebf30617fe2538e" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
+  const data = usePreloadedQuery((_StoreModalCartQuery.hash && _StoreModalCartQuery.hash !== "cfbbbef5d65b35eacebf30617fe2538e" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery), prepared.cartQuery);
   const order = data.viewer.currentOrder;
   const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
-  const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
+  const checkoutEnabled = textVariablesAllHaveText(order);
+  return /*#__PURE__*/React.createElement(StoreModalPageContainer, null, {
+    body: order && orderHasItems ? /*#__PURE__*/React.createElement(CartState, {
       order: order
     }, _ref2 => {
       var _data$viewer, _data$viewer$currentO, _data$viewer$currentO2, _order$orderItems2, _order$total, _data$viewer2, _data$viewer2$setting;
@@ -42,45 +34,44 @@ const StoreModalCart = _ref => {
         onUpdateOrderItem,
         errors
       } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_StoreModalCartLayout.default, {
+      return /*#__PURE__*/React.createElement(StoreModalCartLayout, {
         checkoutEnabled: checkoutEnabled
       }, {
-        orderVariables: (_data$viewer = data.viewer) !== null && _data$viewer !== void 0 && (_data$viewer$currentO = _data$viewer.currentOrder) !== null && _data$viewer$currentO !== void 0 && (_data$viewer$currentO2 = _data$viewer$currentO.orderVariableSelections) !== null && _data$viewer$currentO2 !== void 0 && _data$viewer$currentO2.length ? /*#__PURE__*/_react.default.createElement(_StoreModalOrderVariableSelection.default, {
+        orderVariables: (_data$viewer = data.viewer) !== null && _data$viewer !== void 0 && (_data$viewer$currentO = _data$viewer.currentOrder) !== null && _data$viewer$currentO !== void 0 && (_data$viewer$currentO2 = _data$viewer$currentO.orderVariableSelections) !== null && _data$viewer$currentO2 !== void 0 && _data$viewer$currentO2.length ? /*#__PURE__*/React.createElement(StoreModalOrderVariableSelection, {
           viewer: data.viewer,
           order: order,
           onSelectionChange: onUpdateOrderVariableSelections
         }) : null,
         items: order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.map((item, i) => {
           var _errors$orderItems;
-          return /*#__PURE__*/_react.default.createElement(_CartItem.default, {
+          return /*#__PURE__*/React.createElement(CartItem, {
             node: item,
             key: item.id,
             onChange: onUpdateOrderItem,
             errors: errors === null || errors === void 0 ? void 0 : (_errors$orderItems = errors.orderItems) === null || _errors$orderItems === void 0 ? void 0 : _errors$orderItems[i]
           });
         }),
-        couponCodeInput: !(order && order.discount) && /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, null),
-        shareCart: /*#__PURE__*/_react.default.createElement(_ShareCart.default, {
+        couponCodeInput: !(order && order.discount) && /*#__PURE__*/React.createElement(CouponCodeInput, null),
+        shareCart: /*#__PURE__*/React.createElement(ShareCart, {
           key: (_order$total = order.total) === null || _order$total === void 0 ? void 0 : _order$total.amount
         }),
-        totals: /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
+        totals: /*#__PURE__*/React.createElement(CartTotals, {
           order: order,
           onRemoveDiscount: onRemoveDiscount,
           billingIdentity: order.billingIdentity,
           taxSystem: (_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$setting = _data$viewer2.settings) === null || _data$viewer2$setting === void 0 ? void 0 : _data$viewer2$setting.taxSystem
         }),
-        checkout: /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+        checkout: /*#__PURE__*/React.createElement(StripeProvider, {
           viewer: data.viewer,
           providerType: "elements"
-        }, /*#__PURE__*/_react.default.createElement(_StoreModalUnifiedCheckout.default, {
+        }, /*#__PURE__*/React.createElement(StoreModalUnifiedCheckout, {
           viewer: data.viewer,
           order: order,
           onScrollToTop: () => {},
           onUpdateOrderVariableSelections: onUpdateOrderVariableSelections
         }))
       });
-    }) : /*#__PURE__*/_react.default.createElement(_EmptyCart.default, null)
+    }) : /*#__PURE__*/React.createElement(EmptyCart, null)
   });
 };
-var _default = StoreModalCart;
-exports.default = _default;
+export default StoreModalCart;

package/dist/components/StoreModal/StoreModalCheckout.js

@@ -1,25 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalCheckoutQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
-var _reactStripeJs = require("@stripe/react-stripe-js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StoreModalCheckoutQuery from "../../__generated__/StoreModalCheckoutQuery.graphql.js";
+import React from 'react';
+import { graphql, usePreloadedQuery } from 'react-relay';
+import StripeProvider from '../StripeProvider/index.js';
+import { EmbeddedCheckout } from '@stripe/react-stripe-js';
 const StoreModalCheckout = _ref => {
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCheckoutQuery2.default.hash && _StoreModalCheckoutQuery2.default.hash !== "70ae58665e32b49a33ffd9d27ff5e0cc" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery2.default), prepared.checkoutQuery);
+  const data = usePreloadedQuery((_StoreModalCheckoutQuery.hash && _StoreModalCheckoutQuery.hash !== "70ae58665e32b49a33ffd9d27ff5e0cc" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery), prepared.checkoutQuery);
   const viewer = data.viewer;
-  return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+  return /*#__PURE__*/React.createElement(StripeProvider, {
     viewer: viewer,
     providerType: "checkout"
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.EmbeddedCheckout, null));
+  }, /*#__PURE__*/React.createElement(EmbeddedCheckout, null));
 };
-var _default = StoreModalCheckout;
-exports.default = _default;
+export default StoreModalCheckout;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import CheckoutSteps from '../Cart/CheckoutSteps';
+import CheckoutSteps from '../Cart/CheckoutSteps.js';
 interface CheckoutContext {
     checkoutStep: CheckoutSteps;
     setCheckoutStep?: (step: CheckoutSteps) => void;

package/dist/components/StoreModal/StoreModalCheckoutContext.js

@@ -1,13 +1,7 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = /*#__PURE__*/_react.default.createContext({
-  checkoutStep: _CheckoutSteps.default.Customer
-});
-exports.default = _default;
+import React from 'react';
+import CheckoutSteps from '../Cart/CheckoutSteps.js';
+export default /*#__PURE__*/React.createContext({
+  checkoutStep: CheckoutSteps.Customer
+});

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;