fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/components/Root/index.js

@@ -1,48 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactErrorBoundary = require("react-error-boundary");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _uuid = require("uuid");
-var _reducer = require("../../reducer");
-var _retryImport = _interopRequireDefault(require("../../retryImport"));
-var _utils = require("../../utils");
-var _FontdueProvider = _interopRequireDefault(require("../FontdueProvider"));
-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); }
-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, { Suspense, lazy, useEffect, useRef, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import ReactDOM from 'react-dom';
+import { v4 as uuid } from 'uuid';
+import { createDefaultStore } from '../../reducer.js';
+import retryImport from '../../retryImport.js';
+import { kebabToCamel, notEmpty } from '../../utils.js';
+import FontdueProvider from '../FontdueProvider/index.js';
 const customElementMap = {
   // @ts-ignore
-  'fontdue-add-to-cart-banner': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner'))))),
+  'fontdue-add-to-cart-banner': /*#__PURE__*/lazy(() => retryImport(() => import('../AddToCartBanner/index.js'))),
   // @ts-ignore
-  'fontdue-buying-options': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyingOptions'))))),
-  'fontdue-buy-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyButton'))))),
-  'fontdue-cart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Cart'))))),
-  'fontdue-cart-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CartButton'))))),
-  'fontdue-character-viewer': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CharacterViewer'))))),
+  'fontdue-buying-options': /*#__PURE__*/lazy(() => retryImport(() => import('../BuyingOptions/index.js'))),
+  'fontdue-buy-button': /*#__PURE__*/lazy(() => retryImport(() => import('../BuyButton/index.js'))),
+  'fontdue-cart': /*#__PURE__*/lazy(() => retryImport(() => import('../Cart/index.js'))),
+  'fontdue-cart-button': /*#__PURE__*/lazy(() => retryImport(() => import('../CartButton/index.js'))),
+  'fontdue-character-viewer': /*#__PURE__*/lazy(() => retryImport(() => import('../CharacterViewer/index.js'))),
   // @ts-ignore
-  'fontdue-collection-aa': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CollectionAa'))))),
+  'fontdue-collection-aa': /*#__PURE__*/lazy(() => retryImport(() => import('../CollectionAa/index.js'))),
   // @ts-ignore
-  'fontdue-cookie-notification': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CookieNotification'))))),
-  'fontdue-font-families': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../FontFamilies'))))),
-  'fontdue-customer-login-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CustomerLoginForm'))))),
-  'fontdue-newsletter-signup': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NewsletterSignup/NewsletterSignupElement'))))),
-  'fontdue-node-password-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NodePasswordForm'))))),
+  'fontdue-cookie-notification': /*#__PURE__*/lazy(() => retryImport(() => import('../CookieNotification/index.js'))),
+  'fontdue-font-families': /*#__PURE__*/lazy(() => retryImport(() => import('../FontFamilies/index.js'))),
+  'fontdue-customer-login-form': /*#__PURE__*/lazy(() => retryImport(() => import('../CustomerLoginForm/index.js'))),
+  'fontdue-newsletter-signup': /*#__PURE__*/lazy(() => retryImport(() => import('../NewsletterSignup/NewsletterSignupElement.js'))),
+  'fontdue-node-password-form': /*#__PURE__*/lazy(() => retryImport(() => import('../NodePasswordForm/index.js'))),
   // @ts-ignore
-  'fontdue-precart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Precart'))))),
+  'fontdue-precart': /*#__PURE__*/lazy(() => retryImport(() => import('../Precart/index.js'))),
   // @ts-ignore
-  'fontdue-specimen-link': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../SpecimenLink'))))),
+  'fontdue-specimen-link': /*#__PURE__*/lazy(() => retryImport(() => import('../SpecimenLink/index.js'))),
   // @ts-ignore
-  'fontdue-sticky-nav': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StickyNav'))))),
-  'fontdue-store-modal': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StoreModal'))))),
-  'fontdue-test-fonts-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TestFontsForm/TestFontsFormElement'))))),
-  'fontdue-type-tester': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTester/TypeTesterStandaloneElement'))))),
-  'fontdue-type-testers': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTesters/TypeTestersElement')))))
+  'fontdue-sticky-nav': /*#__PURE__*/lazy(() => retryImport(() => import('../StickyNav/index.js'))),
+  'fontdue-store-modal': /*#__PURE__*/lazy(() => retryImport(() => import('../StoreModal/index.js'))),
+  'fontdue-test-fonts-form': /*#__PURE__*/lazy(() => retryImport(() => import('../TestFontsForm/TestFontsFormElement.js'))),
+  'fontdue-type-tester': /*#__PURE__*/lazy(() => retryImport(() => import('../TypeTester/TypeTesterStandaloneElement.js'))),
+  'fontdue-type-testers': /*#__PURE__*/lazy(() => retryImport(() => import('../TypeTesters/TypeTestersElement.js')))
 };
 Object.keys(customElementMap).forEach(elementName => {
   // this might be more sophisticated in the future with a shadow DOM, etc,
@@ -54,14 +45,14 @@ const renderCustomElement = (element, key) => {
   const Component = customElementMap[element.nodeName.toLowerCase()];
   const attributes = element.getAttributeNames();
   const props = attributes.reduce((acc, attribute) => {
-    acc[(0, _utils.kebabToCamel)(attribute)] = element.getAttribute(attribute) ?? '';
+    acc[kebabToCamel(attribute)] = element.getAttribute(attribute) ?? '';
     return acc;
   }, {});
-  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     key: key
   })))), element);
 };
@@ -76,16 +67,16 @@ const allFontdueElements = element => customElementTags.flatMap(elementName => {
 });
 const getInitialElements = () => {
   const map = new Map();
-  allFontdueElements(document.body).filter(_utils.notEmpty).forEach(element => map.set(element, (0, _uuid.v4)()));
+  allFontdueElements(document.body).filter(notEmpty).forEach(element => map.set(element, uuid()));
   return map;
 };
 const Root = props => {
   // use a Map here instead of an array in case we register the same element
   // more than once (otherwise we run into issues rendering the component
   // twice into the same element). this also gives us a way to set unique keys.
-  const [elements, setElements] = (0, _react.useState)(getInitialElements());
-  const store = (0, _react.useRef)((0, _reducer.createDefaultStore)(props.config));
-  (0, _react.useEffect)(() => {
+  const [elements, setElements] = useState(getInitialElements());
+  const store = useRef(createDefaultStore(props.config));
+  useEffect(() => {
     // watch for any new or removed fontdue elements
 
     const mutationObserver = new MutationObserver(mutations => {
@@ -96,11 +87,11 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             newElements.push(node);
           }
-          newElements = newElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
+          newElements = newElements.concat(allFontdueElements(node).filter(notEmpty));
           if (newElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
-              newElements.forEach(el => newMap.set(el, (0, _uuid.v4)()));
+              newElements.forEach(el => newMap.set(el, uuid()));
               return newMap;
             });
           }
@@ -111,7 +102,7 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             removedElements.push(node);
           }
-          removedElements = removedElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
+          removedElements = removedElements.concat(allFontdueElements(node).filter(notEmpty));
           if (removedElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
@@ -196,16 +187,15 @@ const Root = props => {
       document.body.removeEventListener('click', handleClick);
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_FontdueProvider.default, {
+  return /*#__PURE__*/React.createElement(FontdueProvider, {
     url: props.url,
     stripeIntegration: props.stripeIntegration,
     config: props.config,
     components: props.components,
     store: store.current
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(elements).map(_ref => {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(elements).map(_ref => {
     let [el, key] = _ref;
     return renderCustomElement(el, key);
   })));
 };
-var _default = Root;
-exports.default = _default;
+export default Root;

package/dist/components/Root/productState.d.ts

@@ -1,6 +1,6 @@
 import { Environment } from 'react-relay';
 import { Store } from 'redux';
-import { FontdueState, FontdueAction } from '../../reducer';
+import { FontdueState, FontdueAction } from '../../reducer.js';
 export declare const populateProductState: (store: Store<FontdueState, FontdueAction>, environment: Environment, id: string) => import("relay-runtime").Subscription | undefined;
 export interface CollectionStyleSkus {
     fontStyleSkuIds: string[];

package/dist/components/Root/productState.js

@@ -1,28 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.populateProductStateReducer = exports.populateProductState = void 0;
-var _productState_Query2 = _interopRequireDefault(require("../../__generated__/productState_Query.graphql"));
-var _productState_node2 = _interopRequireDefault(require("../../__generated__/productState_node.graphql"));
-var _productState_collectionBundle2 = _interopRequireDefault(require("../../__generated__/productState_collectionBundle.graphql"));
-var _productState_bundle2 = _interopRequireDefault(require("../../__generated__/productState_bundle.graphql"));
-var _productState_collection2 = _interopRequireDefault(require("../../__generated__/productState_collection.graphql"));
-var _productState_sku2 = _interopRequireDefault(require("../../__generated__/productState_sku.graphql"));
-var _reactRelay = require("react-relay");
-var _utils = require("../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku2.default;
-_productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection2.default;
-_productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle2.default;
-_productState_collectionBundle2.default.hash && _productState_collectionBundle2.default.hash !== "6744aa8f57d14b0111a0c49f488d7b03" && console.error("The definition of 'productState_collectionBundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collectionBundle2.default;
-_productState_node2.default.hash && _productState_node2.default.hash !== "a1e172db45ca550a254819d877497d12" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node2.default;
-const query = (_productState_Query2.default.hash && _productState_Query2.default.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query2.default);
-const populateProductState = (store, environment, id) => {
+import _productState_Query from "../../__generated__/productState_Query.graphql.js";
+import _productState_node from "../../__generated__/productState_node.graphql.js";
+import _productState_collectionBundle from "../../__generated__/productState_collectionBundle.graphql.js";
+import _productState_bundle from "../../__generated__/productState_bundle.graphql.js";
+import _productState_collection from "../../__generated__/productState_collection.graphql.js";
+import _productState_sku from "../../__generated__/productState_sku.graphql.js";
+import { fetchQuery, graphql } from 'react-relay';
+import { notEmpty } from '../../utils.js';
+_productState_sku.hash && _productState_sku.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku;
+_productState_collection.hash && _productState_collection.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection;
+_productState_bundle.hash && _productState_bundle.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle;
+_productState_collectionBundle.hash && _productState_collectionBundle.hash !== "6744aa8f57d14b0111a0c49f488d7b03" && console.error("The definition of 'productState_collectionBundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collectionBundle;
+_productState_node.hash && _productState_node.hash !== "a1e172db45ca550a254819d877497d12" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node;
+const query = (_productState_Query.hash && _productState_Query.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query);
+export const populateProductState = (store, environment, id) => {
   const existingState = store.getState().fetchedCollectionIds;
   if (existingState && existingState.indexOf(id) >= 0) return;
-  return (0, _reactRelay.fetchQuery)(environment, query, {
+  return fetchQuery(environment, query, {
     id
   }).subscribe({
     next: data => store.dispatch({
@@ -31,7 +24,6 @@ const populateProductState = (store, environment, id) => {
     })
   });
 };
-exports.populateProductState = populateProductState;
 const allSkus = function (collection) {
   var _collection$fontStyle;
   let includeCollections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -52,14 +44,14 @@ const allSkus = function (collection) {
     memberCollectionSkus = collection.memberCollections.flatMap(member => {
       var _member$fontStyles;
       return [includeCollections ? member.sku : null, ...(includeFontStyles ? ((_member$fontStyles = member.fontStyles) === null || _member$fontStyles === void 0 ? void 0 : _member$fontStyles.map(style => style.sku)) ?? [] : [])];
-    }).filter(_utils.notEmpty);
+    }).filter(notEmpty);
   }
   let childrenSkus = [];
   if ('children' in collection) {
     var _collection$children;
     childrenSkus = ((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.flatMap(child => allSkus(child, includeCollections, includeFontStyles))) ?? [];
   }
-  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles && 'fontStyles' in collection ? (collection === null || collection === void 0 ? void 0 : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle.map(style => style.sku)) ?? [] : []), ...bundleSkus, ...collectionBundleSkus, ...memberCollectionSkus, ...childrenSkus].filter(_utils.notEmpty);
+  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles && 'fontStyles' in collection ? (collection === null || collection === void 0 ? void 0 : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle.map(style => style.sku)) ?? [] : []), ...bundleSkus, ...collectionBundleSkus, ...memberCollectionSkus, ...childrenSkus].filter(notEmpty);
 };
 const flattenSkuData = collection => {
   let bundles = {};
@@ -120,7 +112,7 @@ const flattenSkuPrices = collection => {
     return acc;
   }, {});
 };
-const populateProductStateReducer = (state, action) => {
+export const populateProductStateReducer = (state, action) => {
   var _data$node, _data$node$sku;
   if (action.type !== 'POPULATE_PRODUCT_STATE') return state;
   const {
@@ -155,5 +147,4 @@ const populateProductStateReducer = (state, action) => {
     },
     fetchedCollectionIds: state.fetchedCollectionIds.concat(data.node.id)
   };
-};
-exports.populateProductStateReducer = populateProductStateReducer;
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Price_props } from '../Price';
-import { SKUPrice_sku$key } from '__generated__/SKUPrice_sku.graphql';
+import { Price_props } from '../Price/index.js';
+import { SKUPrice_sku$key } from '__generated__/SKUPrice_sku.graphql.js';
 interface SKUPrice_props {
     sku: SKUPrice_sku$key;
     format?: Price_props['format'];

package/dist/components/SKUPrice/index.js

@@ -1,22 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SKUPrice_sku2 = _interopRequireDefault(require("../../__generated__/SKUPrice_sku.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _Price = _interopRequireDefault(require("../Price"));
-var _reducer = require("../../reducer");
-var _reactRedux = require("react-redux");
-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 _SKUPrice_sku from "../../__generated__/SKUPrice_sku.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import Price from '../Price/index.js';
+import { collectionSkuIdWithDiscount, isSelected } from '../../reducer.js';
+import { useSelector } from 'react-redux';
 const getSavingsMultiplier = (state, options) => {
   if (options.showCollectionSavings === false) return 1;
   if (!options.sku) return 1;
   const baseSkuPrice = state.skuPrices[options.sku.id];
-  const [collectionWithSavings, savingsAmount] = (0, _reducer.collectionSkuIdWithDiscount)(state, options.sku.id);
+  const [collectionWithSavings, savingsAmount] = collectionSkuIdWithDiscount(state, options.sku.id);
 
   // we make it a multiplier since the `collectionSkuIdsDifference`
   // helper doesnt take license multiplication into account
@@ -31,17 +24,16 @@ function SKUPrice(_ref) {
     showCollectionSavings,
     ...rest
   } = _ref;
-  const sku = (0, _reactRelay.useFragment)((_SKUPrice_sku2.default.hash && _SKUPrice_sku2.default.hash !== "344d6975fdcc1c1ccc6f306608473e2e" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku2.default), skuKey);
-  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(sku.id));
-  const savingsMultiplier = (0, _reactRedux.useSelector)(state => getSavingsMultiplier(state, {
+  const sku = useFragment((_SKUPrice_sku.hash && _SKUPrice_sku.hash !== "344d6975fdcc1c1ccc6f306608473e2e" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku), skuKey);
+  const selected = useSelector(isSelected(sku.id));
+  const savingsMultiplier = useSelector(state => getSavingsMultiplier(state, {
     showCollectionSavings,
     sku
   }));
   if (!(sku !== null && sku !== void 0 && sku.price)) return null;
-  return /*#__PURE__*/_react.default.createElement(_Price.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Price, _extends({}, rest, {
     price: sku.price,
     multiplier: selected ? 1 : savingsMultiplier
   }));
 }
-var _default = SKUPrice;
-exports.default = _default;
+export default SKUPrice;

package/dist/components/Select/index.js

@@ -1,13 +1,6 @@
-"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 }; }
 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 React from 'react';
+import { CarrotDown } from '../Icons/index.js';
 const Select = _ref => {
   var _options$find;
   let {
@@ -16,19 +9,19 @@ const Select = _ref => {
     nullText = 'Select',
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: "select"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "select__text"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), value === null ? nullText : (_options$find = options.find(_ref2 => {
+  }, /*#__PURE__*/React.createElement(CarrotDown, null), value === null ? nullText : (_options$find = options.find(_ref2 => {
     let {
       value: v
     } = _ref2;
     return value === v;
-  })) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
+  })) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/React.createElement("select", _extends({
     value: value ?? '',
     className: "select__select"
-  }, rest), nullText && value === null && /*#__PURE__*/_react.default.createElement("option", {
+  }, rest), nullText && value === null && /*#__PURE__*/React.createElement("option", {
     value: "",
     disabled: true
   }, nullText), options.map(_ref3 => {
@@ -36,11 +29,10 @@ const Select = _ref => {
       value,
       text
     } = _ref3;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       value: value,
       key: value
     }, text);
   })));
 };
-var _default = Select;
-exports.default = _default;
+export default Select;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SelectButton_moduleProps } from '../ComponentsContext';
-import { SelectButton_sku$key } from '__generated__/SelectButton_sku.graphql';
+import { SelectButton_moduleProps } from '../ComponentsContext.js';
+import { SelectButton_sku$key } from '__generated__/SelectButton_sku.graphql.js';
 interface SelectButton_props {
     productId: string;
     sku: SelectButton_sku$key;

package/dist/components/SelectButton/index.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SelectButton;
-var _SelectButton_sku2 = _interopRequireDefault(require("../../__generated__/SelectButton_sku.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-var _utils = require("../../utils");
-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 }; }
 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 _SelectButton_sku from "../../__generated__/SelectButton_sku.graphql.js";
+import React, { Suspense, useContext } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import ComponentsContext from '../ComponentsContext.js';
+import { isSelected } from '../../utils.js';
+import ConfigContext from '../ConfigContext.js';
 const DefaultSelectButton = _ref => {
   let {
     productId,
@@ -24,10 +15,10 @@ const DefaultSelectButton = _ref => {
       ...rest
     }
   } = _ref;
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const dispatch = useDispatch();
   const {
     typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const handleClick = e => {
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
     dispatch({
@@ -41,29 +32,29 @@ const DefaultSelectButton = _ref => {
       type: 'OPEN_CART'
     });
   };
-  return /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     onClick: handleClick,
     className: "select-button"
   }), config.selectButtonLabel);
 };
-function SelectButton(_ref2) {
+export default function SelectButton(_ref2) {
   let {
     productId,
     sku: skuKey,
     ...rest
   } = _ref2;
-  const sku = (0, _reactRelay.useFragment)((_SelectButton_sku2.default.hash && _SelectButton_sku2.default.hash !== "ce7cb4cf209fc2d1076d29ecbda4ebf3" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku2.default), skuKey);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const components = (0, _react.useContext)(_ComponentsContext.default);
+  const sku = useFragment((_SelectButton_sku.hash && _SelectButton_sku.hash !== "ce7cb4cf209fc2d1076d29ecbda4ebf3" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku), skuKey);
+  const dispatch = useDispatch();
+  const components = useContext(ComponentsContext);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const selected = (0, _reactRedux.useSelector)(state => sku && (0, _utils.isSelected)(sku.id)(state));
+  const precartOpen = useSelector(state => state.precartOpen);
+  const selected = useSelector(state => sku && isSelected(sku.id)(state));
   const onSelectSkuId = (skuId, selected) => dispatch({
     type: 'SELECT_SKU_ID',
     skuId,
     selected
   });
-  return /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+  return /*#__PURE__*/React.createElement(ButtonComponent, {
     productId: productId,
     selected: selected,
     precartOpen: precartOpen,
@@ -72,9 +63,9 @@ function SelectButton(_ref2) {
       ...rest
     }
   }, {
-    price: /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    price: /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
-    }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    }, /*#__PURE__*/React.createElement(SKUPrice, {
       sku: sku
     }))
   });

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Config } from '../ConfigContext';
+import { Config } from '../ConfigContext.js';
 interface Props {
     codeConfig?: Config;
     children: React.ReactNode;

package/dist/components/ServerConfigProvider/index.js

@@ -1,25 +1,17 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ServerConfigProviderQuery2 = _interopRequireDefault(require("../../__generated__/ServerConfigProviderQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _ConfigContext = _interopRequireWildcard(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 query = (_ServerConfigProviderQuery2.default.hash && _ServerConfigProviderQuery2.default.hash !== "b20ad9bdada6a425ee660a8662a78840" && console.error("The definition of 'ServerConfigProviderQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ServerConfigProviderQuery2.default);
+import _ServerConfigProviderQuery from "../../__generated__/ServerConfigProviderQuery.graphql.js";
+import React from 'react';
+import { graphql, useLazyLoadQuery } from 'react-relay';
+import ConfigContext, { makeConfig } from '../ConfigContext.js';
+const query = (_ServerConfigProviderQuery.hash && _ServerConfigProviderQuery.hash !== "b20ad9bdada6a425ee660a8662a78840" && console.error("The definition of 'ServerConfigProviderQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ServerConfigProviderQuery);
 const ServerConfigProvider = _ref => {
   var _data$viewer, _data$viewer$fontdueC;
   let {
     codeConfig,
     children
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  const data = useLazyLoadQuery(query, {});
   const tracking = (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$fontdueC = _data$viewer.fontdueConfig) === null || _data$viewer$fontdueC === void 0 ? void 0 : _data$viewer$fontdueC.tracking;
 
   // Server config is the base; code config overrides.
@@ -32,10 +24,9 @@ const ServerConfigProvider = _ref => {
       ...(codeConfig === null || codeConfig === void 0 ? void 0 : codeConfig.tracking)
     }
   };
-  const configValue = (0, _ConfigContext.makeConfig)(merged);
-  return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+  const configValue = makeConfig(merged);
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
     value: configValue
   }, children);
 };
-var _default = ServerConfigProvider;
-exports.default = _default;
+export default ServerConfigProvider;

package/dist/components/SpecimenLink/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SpecimenLinkQuery2 = _interopRequireDefault(require("../../__generated__/SpecimenLinkQuery.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _SpecimenLinkQuery from "../../__generated__/SpecimenLinkQuery.graphql.js";
+import React from 'react';
+import { graphql, useLazyLoadQuery } from 'react-relay';
+import { ArrowRight } from '../Icons/index.js';
 const SpecimenLink = _ref => {
   var _node$pdfs;
   let {
@@ -16,24 +9,23 @@ const SpecimenLink = _ref => {
   } = _ref;
   const {
     node
-  } = (0, _reactRelay.useLazyLoadQuery)((_SpecimenLinkQuery2.default.hash && _SpecimenLinkQuery2.default.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery2.default), {
+  } = useLazyLoadQuery((_SpecimenLinkQuery.hash && _SpecimenLinkQuery.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery), {
     collectionId
   });
   const pdf = node === null || node === void 0 ? void 0 : (_node$pdfs = node.pdfs) === null || _node$pdfs === void 0 ? void 0 : _node$pdfs[0];
   if (!pdf) return null;
-  return /*#__PURE__*/_react.default.createElement("a", {
+  return /*#__PURE__*/React.createElement("a", {
     href: pdf.url ?? '',
     target: "_blank",
     className: "specimen-link"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "specimen-link__image"
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: pdf.thumbnailUrl ?? ''
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "specimen-link__text"
-  }, "PDF Specimen", /*#__PURE__*/_react.default.createElement("span", {
+  }, "PDF Specimen", /*#__PURE__*/React.createElement("span", {
     className: "specimen-link__arrow"
-  }, ' ', /*#__PURE__*/_react.default.createElement(_Icons.ArrowRight, null))));
+  }, ' ', /*#__PURE__*/React.createElement(ArrowRight, null))));
 };
-var _default = SpecimenLink;
-exports.default = _default;
+export default SpecimenLink;