fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/PriceBar/PriceBarSection.js

@@ -1,27 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _PriceBarSection_node2 = _interopRequireDefault(require("../../__generated__/PriceBarSection_node.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _Price = _interopRequireWildcard(require("../Price"));
-var _SelectButton = _interopRequireDefault(require("../SelectButton"));
-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 _PriceBarSection_node from "../../__generated__/PriceBarSection_node.graphql.js";
+import React, { Fragment } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import Price, { PriceFormat } from '../Price/index.js';
+import SelectButton from '../SelectButton/index.js';
+import { isSelected } from '../../utils.js';
 function PriceBarSection(_ref) {
   var _node$sku;
   let {
     node: nodeKey
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.hash !== "f7d785b4599958bb699c2a706ab763cc" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node2.default), nodeKey);
-  const selected = (0, _reactRedux.useSelector)((0, _utils.isSelected)(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const node = useFragment((_PriceBarSection_node.hash && _PriceBarSection_node.hash !== "f7d785b4599958bb699c2a706ab763cc" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node), nodeKey);
+  const selected = useSelector(isSelected(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));
+  const dispatch = useDispatch();
   const onSelectSkuId = (skuId, selected) => {
     if (!skuId) return;
     dispatch({
@@ -30,37 +21,36 @@ function PriceBarSection(_ref) {
       selected
     });
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "select-button-hover-parent select-button-click-parent price-bar-section",
     "data-type": node.collectionType,
     "data-selected": selected
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: "price-bar-section__button",
     type: "button",
     onClick: () => {
       var _node$sku2;
       return onSelectSkuId((_node$sku2 = node.sku) === null || _node$sku2 === void 0 ? void 0 : _node$sku2.id, !selected);
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "price-bar-section__name"
-  }, /*#__PURE__*/_react.default.createElement("span", null, node.name, " ", node.collectionType), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", null, node.name, " ", node.collectionType), "\xA0", /*#__PURE__*/React.createElement("span", {
     className: "price-bar-section__name__styles"
-  }, "(", node.totalStyles, " styles)")), /*#__PURE__*/_react.default.createElement("div", {
+  }, "(", node.totalStyles, " styles)")), /*#__PURE__*/React.createElement("div", {
     className: "price-bar-section__price"
-  }, !selected && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, !selected && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "price-bar-section__price__full"
-  }, /*#__PURE__*/_react.default.createElement(_Price.default, {
+  }, /*#__PURE__*/React.createElement(Price, {
     price: node.totalStylesPrice,
-    format: _Price.PriceFormat.Truncated
-  })), "\xA0", /*#__PURE__*/_react.default.createElement("div", null, node.sku && node.sku.priceWithLicenseOptions && /*#__PURE__*/_react.default.createElement(_Price.default, {
+    format: PriceFormat.Truncated
+  })), "\xA0", /*#__PURE__*/React.createElement("div", null, node.sku && node.sku.priceWithLicenseOptions && /*#__PURE__*/React.createElement(Price, {
     price: node.sku.priceWithLicenseOptions,
-    format: _Price.PriceFormat.Truncated
-  })))), node.sku && /*#__PURE__*/_react.default.createElement("div", {
+    format: PriceFormat.Truncated
+  })))), node.sku && /*#__PURE__*/React.createElement("div", {
     className: "price-bar-section__select-button"
-  }, /*#__PURE__*/_react.default.createElement(_SelectButton.default, {
+  }, /*#__PURE__*/React.createElement(SelectButton, {
     sku: node.sku,
     productId: node.sku.id
   })));
 }
-var _default = PriceBarSection;
-exports.default = _default;
+export default PriceBarSection;

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

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

package/dist/components/PriceBar/index.js

@@ -1,24 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _PriceBar_node2 = _interopRequireDefault(require("../../__generated__/PriceBar_node.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _PriceBarSection = _interopRequireDefault(require("./PriceBarSection"));
-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 _PriceBar_node from "../../__generated__/PriceBar_node.graphql.js";
+import React, { useEffect, useRef, useState } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import PriceBarSection from './PriceBarSection.js';
 function PriceBar(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "60c5de3c786db43860478f1b0e00f3df" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node2.default), nodeKey);
-  const [visible, setVisible] = (0, _react.useState)(false);
-  const $pricebar = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+  const node = useFragment((_PriceBar_node.hash && _PriceBar_node.hash !== "60c5de3c786db43860478f1b0e00f3df" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node), nodeKey);
+  const [visible, setVisible] = useState(false);
+  const $pricebar = useRef(null);
+  useEffect(() => {
     function onScroll() {
       if (!$pricebar.current) return;
       if ($pricebar.current.getBoundingClientRect().top === 0) {
@@ -34,17 +25,16 @@ function PriceBar(_ref) {
     };
   }, [setVisible, $pricebar]);
   if (!node) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "price-bar",
     ref: $pricebar,
     "data-visible": visible
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "price-bar__wrapper"
-  }, node.parent && /*#__PURE__*/_react.default.createElement(_PriceBarSection.default, {
+  }, node.parent && /*#__PURE__*/React.createElement(PriceBarSection, {
     node: node.parent
-  }), /*#__PURE__*/_react.default.createElement(_PriceBarSection.default, {
+  }), /*#__PURE__*/React.createElement(PriceBarSection, {
     node: node
   })));
 }
-var _default = PriceBar;
-exports.default = _default;
+export default PriceBar;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FontdueProvider_props } from '../FontdueProvider';
+import { FontdueProvider_props } from '../FontdueProvider/index.js';
 declare const Root: (props: FontdueProvider_props) => React.JSX.Element;
 export default Root;

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;