fontdue-js 2.22.3 → 3.0.0-alpha1

package/dist/components/Precart/index.js

@@ -1,26 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _PrecartQuery2 = _interopRequireDefault(require("../../__generated__/PrecartQuery.graphql"));
-var _PrecartAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartAddToCartMutation.graphql"));
-var _PrecartClearCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartClearCartMutation.graphql"));
-var _Precart_collection2 = _interopRequireDefault(require("../../__generated__/Precart_collection.graphql"));
-var _Precart_viewer2 = _interopRequireDefault(require("../../__generated__/Precart_viewer.graphql"));
-var _Precart_license2 = _interopRequireDefault(require("../../__generated__/Precart_license.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _License = _interopRequireDefault(require("./License"));
-var _Price = require("../Price");
-var _utils = require("../../utils");
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-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 _PrecartQuery from "../../__generated__/PrecartQuery.graphql.js";
+import _PrecartAddToCartMutation from "../../__generated__/PrecartAddToCartMutation.graphql.js";
+import _PrecartClearCartMutation from "../../__generated__/PrecartClearCartMutation.graphql.js";
+import _Precart_collection from "../../__generated__/Precart_collection.graphql.js";
+import _Precart_viewer from "../../__generated__/Precart_viewer.graphql.js";
+import _Precart_license from "../../__generated__/Precart_license.graphql.js";
+import React, { useCallback, useEffect, useState, useDeferredValue } from 'react';
+import { commitMutation, graphql, useLazyLoadQuery, useFragment, useRelayEnvironment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import License from './License.js';
+import { Price } from '../Price/index.js';
+import { pluralize } from '../../utils.js';
+import ComponentsContext from '../ComponentsContext.js';
 function skuName(sku) {
   if (sku.product && 'name' in sku.product) return sku.product.name;
   return null;
@@ -81,7 +72,7 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-_Precart_license2.default.hash && _Precart_license2.default.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license2.default;
+_Precart_license.hash && _Precart_license.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license;
 function Precart(_ref3) {
   var _viewer$precart2, _collection$licenses3;
   let {
@@ -89,25 +80,25 @@ function Precart(_ref3) {
     collection: collectionKey,
     isLoading
   } = _ref3;
-  const viewer = (0, _reactRelay.useFragment)((_Precart_viewer2.default.hash && _Precart_viewer2.default.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer2.default), viewerKey);
-  const collection = (0, _reactRelay.useFragment)((_Precart_collection2.default.hash && _Precart_collection2.default.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection2.default), collectionKey);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const viewer = useFragment((_Precart_viewer.hash && _Precart_viewer.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer), viewerKey);
+  const collection = useFragment((_Precart_collection.hash && _Precart_collection.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection), collectionKey);
+  const environment = useRelayEnvironment();
   const subtotal = viewer === null || viewer === void 0 ? void 0 : (_viewer$precart2 = viewer.precart) === null || _viewer$precart2 === void 0 ? void 0 : _viewer$precart2.subtotal;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const precartOpen = useSelector(state => state.precartOpen);
+  const licenseOptions = useSelector(state => state.licenseOptions);
+  const selectedSkuIds = useSelector(state => state.selectedSkuIds);
+  const dispatch = useDispatch();
   const onPrecartClose = () => dispatch({
     type: 'CLOSE_PRECART'
   });
   const onUnselectSkuIds = () => dispatch({
     type: 'UNSELECT_SKUS'
   });
-  const [isConfirming, setIsConfirming] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)(null);
-  const clearCart = (0, _react.useCallback)(() => {
-    const mutation = (_PrecartClearCartMutation2.default.hash && _PrecartClearCartMutation2.default.hash !== "af8f953028924bdc7866e645c2d0a903" && console.error("The definition of 'PrecartClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartClearCartMutation2.default);
-    (0, _reactRelay.commitMutation)(environment, {
+  const [isConfirming, setIsConfirming] = useState(false);
+  const [error, setError] = useState(null);
+  const clearCart = useCallback(() => {
+    const mutation = (_PrecartClearCartMutation.hash && _PrecartClearCartMutation.hash !== "af8f953028924bdc7866e645c2d0a903" && console.error("The definition of 'PrecartClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartClearCartMutation);
+    commitMutation(environment, {
       mutation,
       variables: {
         input: {
@@ -164,8 +155,8 @@ function Precart(_ref3) {
         licenseSelections: licenseSelectionsArray()
       }
     };
-    const mutation = (_PrecartAddToCartMutation2.default.hash && _PrecartAddToCartMutation2.default.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation2.default);
-    (0, _reactRelay.commitMutation)(environment, {
+    const mutation = (_PrecartAddToCartMutation.hash && _PrecartAddToCartMutation.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation);
+    commitMutation(environment, {
       mutation,
       variables,
       onError: err => {
@@ -207,7 +198,7 @@ function Precart(_ref3) {
   const deactivateConfirming = () => {
     setIsConfirming(false);
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     function setDataAttr() {
       requestAnimationFrame(() => {
         document.body.dataset.precartOpen = `${precartOpen}`;
@@ -215,7 +206,7 @@ function Precart(_ref3) {
     }
     setDataAttr();
   }, [precartOpen]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     var _collection$licenses2;
     collection === null || collection === void 0 ? void 0 : (_collection$licenses2 = collection.licenses) === null || _collection$licenses2 === void 0 ? void 0 : _collection$licenses2.filter(license => license.defaultSelected).map(specFromLicense).forEach(spec => dispatch({
       type: 'PRECART_SELECT_LICENSE',
@@ -227,22 +218,22 @@ function Precart(_ref3) {
     if (!isConfirming) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "pre-cart-confirm"
-    }, /*#__PURE__*/_react.default.createElement("h2", {
+    }, /*#__PURE__*/React.createElement("h2", {
       className: "pre-cart-confirm__header"
-    }, "Do you want to add your selection to your cart?"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Do you want to add your selection to your cart?"), /*#__PURE__*/React.createElement("div", {
       className: "pre-cart-confirm__buttons"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "pre-cart-confirm__button",
       "data-label": "confirm",
       onClick: addToCartConfirmed
-    }, /*#__PURE__*/_react.default.createElement("div", null, "Add selection to cart:", /*#__PURE__*/_react.default.createElement("br", null), "(", (_viewer$precart3 = viewer.precart) === null || _viewer$precart3 === void 0 ? void 0 : (_viewer$precart3$skus = _viewer$precart3.skus) === null || _viewer$precart3$skus === void 0 ? void 0 : _viewer$precart3$skus.map(skuName).join(', '), ")", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, /*#__PURE__*/React.createElement("div", null, "Add selection to cart:", /*#__PURE__*/React.createElement("br", null), "(", (_viewer$precart3 = viewer.precart) === null || _viewer$precart3 === void 0 ? void 0 : (_viewer$precart3$skus = _viewer$precart3.skus) === null || _viewer$precart3$skus === void 0 ? void 0 : _viewer$precart3$skus.map(skuName).join(', '), ")", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Price, {
       price: subtotal
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "pre-cart-confirm__button__arrow"
-    }, " \u2192"))), /*#__PURE__*/_react.default.createElement("button", {
+    }, " \u2192"))), /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "pre-cart-confirm__button",
       "data-label": "clear",
@@ -255,49 +246,49 @@ function Precart(_ref3) {
       return null;
     }
     const bundleDiscounts = calculateBundleDiscounts(viewer);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__bottom"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__section pre-cart__your-selection"
-    }, /*#__PURE__*/_react.default.createElement("h3", {
+    }, /*#__PURE__*/React.createElement("h3", {
       className: "pre-cart__your-selection__label"
-    }, "Your Selection"), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Your Selection"), /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__items"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__item"
-    }, /*#__PURE__*/_react.default.createElement("div", null, collection === null || collection === void 0 ? void 0 : collection.name, /*#__PURE__*/_react.default.createElement("br", null), (0, _utils.pluralize)(countStyles(viewer), 'font')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, /*#__PURE__*/React.createElement("div", null, collection === null || collection === void 0 ? void 0 : collection.name, /*#__PURE__*/React.createElement("br", null), pluralize(countStyles(viewer), 'font')), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Price, {
       price: {
         amount: countStylesPrice(viewer),
         currency: subtotal.currency
       }
-    }))), bundleDiscounts < 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }))), bundleDiscounts < 0 && /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__your-selection__item"
-    }, "Bundle discounts:", /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    }, "Bundle discounts:", /*#__PURE__*/React.createElement(Price, {
       price: {
         amount: bundleDiscounts,
         currency: subtotal.currency
       }
-    })))), licenseSelected ? /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => components.PrecartCta && /*#__PURE__*/_react.default.createElement(components.PrecartCta, {
+    })))), licenseSelected ? /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.PrecartCta && /*#__PURE__*/React.createElement(components.PrecartCta, {
       onClick: addToCartConfirmed,
       subtotal: subtotal
-    })) : /*#__PURE__*/_react.default.createElement("div", {
+    })) : /*#__PURE__*/React.createElement("div", {
       className: "pre-cart__cta",
       "data-label": "select-license"
     }, "Please select a license"));
   }
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart",
     "data-open": precartOpen,
     "data-loading": isLoading
-  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => components.PrecartTopBar && /*#__PURE__*/_react.default.createElement(components.PrecartTopBar, {
+  }, /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.PrecartTopBar && /*#__PURE__*/React.createElement(components.PrecartTopBar, {
     backToBrowse: () => backToBrowse(subtotal)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__middle pre-cart__licenses"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__section"
-  }, /*#__PURE__*/_react.default.createElement("ul", null, collection === null || collection === void 0 ? void 0 : (_collection$licenses3 = collection.licenses) === null || _collection$licenses3 === void 0 ? void 0 : _collection$licenses3.map(license => /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/React.createElement("ul", null, collection === null || collection === void 0 ? void 0 : (_collection$licenses3 = collection.licenses) === null || _collection$licenses3 === void 0 ? void 0 : _collection$licenses3.map(license => /*#__PURE__*/React.createElement("li", {
     key: license.id
-  }, /*#__PURE__*/_react.default.createElement(_License.default, {
+  }, /*#__PURE__*/React.createElement(License, {
     node: license,
     selected: licenseOptions.some(_ref5 => {
       let {
@@ -307,13 +298,13 @@ function Precart(_ref3) {
     }),
     onSelectLicense: onSelectLicense,
     onSelectLicenseOption: onSelectLicenseOption
-  }))))), selectedItemsArray().length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }))))), selectedItemsArray().length === 0 && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__section pre-cart__selection-empty"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "pre-cart__selection-empty__arrow"
-  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), error && /*#__PURE__*/_react.default.createElement("div", {
+  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), error && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__error"
-  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, error, ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: clearCart,
     className: "pre-cart__error-button"
@@ -324,10 +315,10 @@ function PrecartQueryRenderer(_ref6) {
     collectionId,
     ...rest
   } = _ref6;
-  const selectedSkuIdsObject = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
+  const selectedSkuIdsObject = useSelector(state => state.selectedSkuIds);
   const selectedSkuIds = Object.keys(selectedSkuIdsObject).filter(id => selectedSkuIdsObject[id] === true);
-  const deferredSelectedSkuIds = (0, _react.useDeferredValue)(selectedSkuIds);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const deferredSelectedSkuIds = useDeferredValue(selectedSkuIds);
+  const licenseOptions = useSelector(state => state.licenseOptions);
   const licenseOptionsSpecs = licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
@@ -335,15 +326,14 @@ function PrecartQueryRenderer(_ref6) {
 
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything
-  const deferredLicenseOptionsSpecs = (0, _react.useDeferredValue)(licenseOptionsSpecs);
-  const data = (0, _reactRelay.useLazyLoadQuery)((_PrecartQuery2.default.hash && _PrecartQuery2.default.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery2.default), {
+  const deferredLicenseOptionsSpecs = useDeferredValue(licenseOptionsSpecs);
+  const data = useLazyLoadQuery((_PrecartQuery.hash && _PrecartQuery.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery), {
     licenseOptionsSpecs: deferredLicenseOptionsSpecs,
     selectedSkuIds: deferredSelectedSkuIds,
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(Precart, _extends({}, data, rest, {
+  return /*#__PURE__*/React.createElement(Precart, _extends({}, data, rest, {
     isLoading: licenseOptionsSpecs !== deferredLicenseOptionsSpecs || selectedSkuIds !== deferredSelectedSkuIds
   }));
 }
-var _default = PrecartQueryRenderer;
-exports.default = _default;
+export default PrecartQueryRenderer;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Price_price$key } from '__generated__/Price_price.graphql';
+import { Price_price$key } from '__generated__/Price_price.graphql.js';
 export declare enum PriceFormat {
     Default = "default",
     Truncated = "truncated"

package/dist/components/Price/index.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Price = Price;
-exports.default = exports.PriceFormat = void 0;
-var _Price_price2 = _interopRequireDefault(require("../../__generated__/Price_price.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-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); }
-let PriceFormat;
-exports.PriceFormat = PriceFormat;
+import _Price_price from "../../__generated__/Price_price.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+export let PriceFormat;
 (function (PriceFormat) {
   PriceFormat["Default"] = "default";
   PriceFormat["Truncated"] = "truncated";
-})(PriceFormat || (exports.PriceFormat = PriceFormat = {}));
+})(PriceFormat || (PriceFormat = {}));
 const currencySymbols = {
   USD: '$',
   AUD: '$',
@@ -65,7 +56,7 @@ const calculateAmount = _ref => {
   }
   return subtracted * multiplier;
 };
-function Price(_ref2) {
+export function Price(_ref2) {
   let {
     price,
     format = PriceFormat.Default,
@@ -94,7 +85,7 @@ function Price(_ref2) {
       multiplier: 1
     }), format, price.currency);
   }
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: "price"
   }, rest, {
     "data-loading": isLoading
@@ -105,10 +96,9 @@ function RelayPrice(_ref3) {
     price: priceKey,
     ...rest
   } = _ref3;
-  const price = (0, _reactRelay.useFragment)((_Price_price2.default.hash && _Price_price2.default.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price2.default), priceKey);
-  return /*#__PURE__*/_react.default.createElement(Price, _extends({
+  const price = useFragment((_Price_price.hash && _Price_price.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price), priceKey);
+  return /*#__PURE__*/React.createElement(Price, _extends({
     price: price
   }, rest));
 }
-var _default = RelayPrice;
-exports.default = _default;
+export default RelayPrice;

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

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

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;