fontdue-js 2.22.3 → 3.0.0-alpha1

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalReviewIdentity_identity$key } from '../../__generated__/StoreModalReviewIdentity_identity.graphql';
+import { StoreModalReviewIdentity_identity$key } from '../../__generated__/StoreModalReviewIdentity_identity.graphql.js';
 interface StoreModalReviewIdentity_props {
     identity: StoreModalReviewIdentity_identity$key;
 }

package/dist/components/StoreModal/StoreModalReviewIdentity.js

@@ -1,19 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalReviewIdentity;
-var _StoreModalReviewIdentity_identity2 = _interopRequireDefault(require("../../__generated__/StoreModalReviewIdentity_identity.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-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 StoreModalReviewIdentity(_ref) {
+import _StoreModalReviewIdentity_identity from "../../__generated__/StoreModalReviewIdentity_identity.graphql.js";
+import React, { Fragment } from 'react';
+import { graphql, useFragment } from 'react-relay';
+export default function StoreModalReviewIdentity(_ref) {
   let {
     identity: identityKey
   } = _ref;
-  const identity = (0, _reactRelay.useFragment)((_StoreModalReviewIdentity_identity2.default.hash && _StoreModalReviewIdentity_identity2.default.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity2.default), identityKey);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, identity.addressFormatted, /*#__PURE__*/_react.default.createElement("br", null), identity.email, /*#__PURE__*/_react.default.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "VAT: ", identity.vatNumber));
+  const identity = useFragment((_StoreModalReviewIdentity_identity.hash && _StoreModalReviewIdentity_identity.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity), identityKey);
+  return /*#__PURE__*/React.createElement(Fragment, null, identity.addressFormatted, /*#__PURE__*/React.createElement("br", null), identity.email, /*#__PURE__*/React.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("br", null), "VAT: ", identity.vatNumber));
 }

package/dist/components/StoreModal/StoreModalRouter.js

@@ -1,28 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
-var _reactRelay = require("react-relay");
-var _routes = _interopRequireDefault(require("./routes"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { useEffect, useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { useRelayEnvironment } from 'react-relay';
+import routes from './routes.js';
 const StoreModalRouter = () => {
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute);
-  const route = _routes.default[currentRoute.name];
-  (0, _react.useEffect)(() => {}, [currentRoute]);
-  const prepared = (0, _react.useMemo)(() => {
+  const environment = useRelayEnvironment();
+  const currentRoute = useSelector(state => state.storeModalRoute);
+  const route = routes[currentRoute.name];
+  useEffect(() => {}, [currentRoute]);
+  const prepared = useMemo(() => {
     // @ts-ignore
-    return _routes.default[currentRoute.name].prepare(currentRoute.variables, environment);
+    return routes[currentRoute.name].prepare(currentRoute.variables, environment);
   }, [currentRoute, environment]);
-  return /*#__PURE__*/_react.default.createElement(route.Component, {
+  return /*#__PURE__*/React.createElement(route.Component, {
     prepared: prepared
   });
 };
-var _default = StoreModalRouter;
-exports.default = _default;
+export default StoreModalRouter;

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

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

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalStyleButton;
-var _StoreModalStyleButton_fontStyle2 = _interopRequireDefault(require("../../__generated__/StoreModalStyleButton_fontStyle.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-var _Price = require("../Price");
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-var _reducer = require("../../reducer");
-var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
-var _utils = require("../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import _StoreModalStyleButton_fontStyle from "../../__generated__/StoreModalStyleButton_fontStyle.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import SKUPrice from '../SKUPrice/index.js';
+import { PriceFormat } from '../Price/index.js';
+import FontStyle from '../FontStyle/index.js';
+import { isSelected } from '../../reducer.js';
+import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
+import { getFeatureGlyphs, variableInstanceCSS } from '../../utils.js';
 const THIN_SPACE = '\u2009';
-function StoreModalStyleButton(_ref) {
+export default function StoreModalStyleButton(_ref) {
   var _fontStyle$variableIn;
   let {
     fontStyle: fontStyleKey,
@@ -25,29 +18,29 @@ function StoreModalStyleButton(_ref) {
     isVariableFont,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "3497be385e11b764fa6795bc3f3a0f1f" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle2.default), fontStyleKey);
-  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
+  const fontStyle = useFragment((_StoreModalStyleButton_fontStyle.hash && _StoreModalStyleButton_fontStyle.hash !== "3497be385e11b764fa6795bc3f3a0f1f" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle), fontStyleKey);
+  const selected = useSelector(isSelected(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
   const handleSelect = () => {
     if (!fontStyle.sku) return;
     onSelectSku(fontStyle.sku.id, !selected);
   };
-  return /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(StoreModalStyleButtonElement, _extends({}, rest, {
     onClick: fontStyle.sku ? handleSelect : undefined,
     selected: selected
   }), {
-    featureGlyphs: /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    featureGlyphs: /*#__PURE__*/React.createElement(FontStyle, {
       fontStyle: fontStyle,
       Component: "span"
-    }, isVariableFont ? (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.map((instance, i) => /*#__PURE__*/_react.default.createElement("span", {
+    }, isVariableFont ? (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.map((instance, i) => /*#__PURE__*/React.createElement("span", {
       key: instance.name,
-      style: (0, _utils.variableInstanceCSS)(instance)
-    }, i !== 0 && THIN_SPACE, (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages))) : (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages)),
+      style: variableInstanceCSS(instance)
+    }, i !== 0 && THIN_SPACE, getFeatureGlyphs(fontStyle.supportedLanguages))) : getFeatureGlyphs(fontStyle.supportedLanguages)),
     // for variable fonts, only show the name of the style if there are
     // multiple styles
     name: isVariableFont ? fontStyle.sku ? fontStyle.name : undefined : fontStyle.name,
-    price: fontStyle.sku ? /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    price: fontStyle.sku ? /*#__PURE__*/React.createElement(SKUPrice, {
       sku: fontStyle.sku,
-      format: _Price.PriceFormat.Truncated,
+      format: PriceFormat.Truncated,
       showCollectionSavings: !selected
     }) : null
   });

package/dist/components/StoreModal/index.js

@@ -1,23 +1,15 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _StoreModalLoader = _interopRequireDefault(require("./StoreModalLoader"));
-var _StoreModalContainer = _interopRequireDefault(require("./StoreModalContainer"));
-var _StoreModalRouter = _interopRequireDefault(require("./StoreModalRouter"));
-var _reactRedux = require("react-redux");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { Suspense, useEffect } from 'react';
+import StoreModalLoader from './StoreModalLoader.js';
+import StoreModalContainer from './StoreModalContainer.js';
+import StoreModalRouter from './StoreModalRouter.js';
+import { useDispatch } from 'react-redux';
 const StoreModal = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const dispatch = useDispatch();
 
   // Check for store-modal=open URL parameter and open cart automatically
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (typeof window !== 'undefined') {
       const urlParams = new URLSearchParams(window.location.search);
       if (urlParams.get('cart') === 'open') {
@@ -31,9 +23,8 @@ const StoreModal = () => {
       }
     }
   }, [dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_StoreModalLoader.default, null, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  return /*#__PURE__*/React.createElement(StoreModalLoader, null, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(_StoreModalContainer.default, null, /*#__PURE__*/_react.default.createElement(_StoreModalRouter.default, null))));
+  }, /*#__PURE__*/React.createElement(StoreModalContainer, null, /*#__PURE__*/React.createElement(StoreModalRouter, null))));
 };
-var _default = StoreModal;
-exports.default = _default;
+export default StoreModal;

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

@@ -1,10 +1,10 @@
 import { Environment, PreloadedQuery } from 'react-relay';
 import { OperationType } from 'relay-runtime';
 import React from 'react';
-import { StoreModalIndexQuery } from '../../__generated__/StoreModalIndexQuery.graphql';
-import { StoreModalProductQuery } from '../../__generated__/StoreModalProductQuery.graphql';
-import { StoreModalCartQuery } from '../../__generated__/StoreModalCartQuery.graphql';
-import { StoreModalCheckoutQuery } from '../../__generated__/StoreModalCheckoutQuery.graphql';
+import { StoreModalIndexQuery } from '../../__generated__/StoreModalIndexQuery.graphql.js';
+import { StoreModalProductQuery } from '../../__generated__/StoreModalProductQuery.graphql.js';
+import { StoreModalCartQuery } from '../../__generated__/StoreModalCartQuery.graphql.js';
+import { StoreModalCheckoutQuery } from '../../__generated__/StoreModalCheckoutQuery.graphql.js';
 export interface Route<TOperation extends OperationType> {
     Component: React.ComponentType<any>;
     render?: (props: TOperation['response']) => React.ReactElement<any>;

package/dist/components/StoreModal/routes.js

@@ -1,31 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactRelay = require("react-relay");
-var _StoreModalIndex = _interopRequireDefault(require("./StoreModalIndex"));
-var _StoreModalProduct = _interopRequireDefault(require("./StoreModalProduct"));
-var _StoreModalCart = _interopRequireDefault(require("./StoreModalCart"));
-var _StoreModalCheckout = _interopRequireDefault(require("./StoreModalCheckout"));
-var _StoreModalIndexQuery = _interopRequireDefault(require("../../__generated__/StoreModalIndexQuery.graphql"));
-var _StoreModalProductQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductQuery.graphql"));
-var _StoreModalCartQuery = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
-var _StoreModalCheckoutQuery = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { loadQuery } from 'react-relay';
+import StoreModalIndex from './StoreModalIndex.js';
+import StoreModalProduct from './StoreModalProduct.js';
+import StoreModalCart from './StoreModalCart.js';
+import StoreModalCheckout from './StoreModalCheckout.js';
+import IndexQuery from '../../__generated__/StoreModalIndexQuery.graphql.js';
+import ProductQuery from '../../__generated__/StoreModalProductQuery.graphql.js';
+import CartQuery from '../../__generated__/StoreModalCartQuery.graphql.js';
+import CheckoutQuery from '../../__generated__/StoreModalCheckoutQuery.graphql.js';
 const route = routeConfig => routeConfig;
 const routes = {
   index: route({
-    Component: _StoreModalIndex.default,
+    Component: StoreModalIndex,
     prepare: (variables, environment) => ({
-      indexQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalIndexQuery.default, variables)
+      indexQuery: loadQuery(environment, IndexQuery, variables)
     })
   }),
   product: route({
-    Component: _StoreModalProduct.default,
+    Component: StoreModalProduct,
     prepare: (variables, environment) => ({
-      productQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalProductQuery.default, {
+      productQuery: loadQuery(environment, ProductQuery, {
         ...variables,
         licenseOptions: [],
         orderVariables: []
@@ -33,19 +26,18 @@ const routes = {
     })
   }),
   cart: route({
-    Component: _StoreModalCart.default,
+    Component: StoreModalCart,
     prepare: (variables, environment) => ({
-      cartQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCartQuery.default, variables, {
+      cartQuery: loadQuery(environment, CartQuery, variables, {
         fetchPolicy: 'store-and-network'
       })
     })
   }),
   checkout: route({
-    Component: _StoreModalCheckout.default,
+    Component: StoreModalCheckout,
     prepare: (variables, environment) => ({
-      checkoutQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCheckoutQuery.default, variables)
+      checkoutQuery: loadQuery(environment, CheckoutQuery, variables)
     })
   })
 };
-var _default = routes;
-exports.default = _default;
+export default routes;

package/dist/components/StoreModal/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js

@@ -1,16 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { useContext } from 'react';
+import ConfigContext from '../ConfigContext.js';
+import Button from '../elements/Button/index.js';
+import { Checkbox, CheckboxChecked, CheckboxCrossed } from '../Icons/index.js';
 const LicenseElement = _ref => {
   let {
     onClick,
@@ -23,25 +14,24 @@ const LicenseElement = _ref => {
   } = _ref;
   const {
     form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  } = useContext(ConfigContext);
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__license"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     className: "store-modal__license-selection__license-button",
     "data-selected": isSelected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__license-button-label"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "store-modal__license-selection__icon-pair"
-  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), name)), variables && variables.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(CheckboxCrossed, null) : /*#__PURE__*/React.createElement(Checkbox, null), name)), variables && variables.length > 0 ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__variables"
-  }, variables) : null), description && /*#__PURE__*/_react.default.createElement("div", {
+  }, variables) : null), description && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__description",
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
-var _default = LicenseElement;
-exports.default = _default;
+export default LicenseElement;

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js

@@ -1,12 +1,5 @@
-"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 }; }
+import React from 'react';
+import { CarrotDown } from '../Icons/index.js';
 const LicenseVariableElement = _ref => {
   let {
     value,
@@ -16,14 +9,14 @@ const LicenseVariableElement = _ref => {
       selectionText
     }
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: "store-modal__license-selection__license-label"
-  }, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  }, selectionText, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
     className: "store-modal__license-selection__license-select",
     value: value,
     onChange: onChange,
     onClick: e => e.stopPropagation() /* since this thing is contained by a button */
-  }, /*#__PURE__*/_react.default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "",
     disabled: true
   }, "Select an option"), options.map(_ref2 => {
@@ -31,11 +24,10 @@ const LicenseVariableElement = _ref => {
       value,
       text
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: value,
       value: value
     }, text);
   })));
 };
-var _default = LicenseVariableElement;
-exports.default = _default;
+export default LicenseVariableElement;

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js

@@ -1,15 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Checkbox = _interopRequireDefault(require("../Icons/Checkbox"));
-var _CheckboxChecked = _interopRequireDefault(require("../Icons/CheckboxChecked"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import React, { Fragment } from 'react';
+import Checkbox from '../Icons/Checkbox.js';
+import CheckboxChecked from '../Icons/CheckboxChecked.js';
 const LicenseVariableRadioElement = _ref => {
   let {
     value: selectedValue,
@@ -20,7 +11,7 @@ const LicenseVariableRadioElement = _ref => {
     e.stopPropagation();
     if (e.target.checked) onChange(e.target.value);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(_ref2 => {
+  return /*#__PURE__*/React.createElement(Fragment, null, options.map(_ref2 => {
     let {
       value,
       text,
@@ -30,20 +21,19 @@ const LicenseVariableRadioElement = _ref => {
 
     // it's actually checkboxes so that we can uncheck the selected item easily
     // but the behavior is like a radio list
-    return /*#__PURE__*/_react.default.createElement("label", {
+    return /*#__PURE__*/React.createElement("label", {
       key: value,
       className: "store-modal__license-selection__radio-label",
       "data-selected": selected
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
       value: value,
       checked: selected,
       onClick: e => e.stopPropagation(),
       onChange: handleChange
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "store-modal__license-selection__icon-pair"
-    }, selected ? /*#__PURE__*/_react.default.createElement(_CheckboxChecked.default, null) : /*#__PURE__*/_react.default.createElement(_Checkbox.default, null), text), help);
+    }, selected ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(Checkbox, null), text), help);
   }));
 };
-var _default = LicenseVariableRadioElement;
-exports.default = _default;
+export default LicenseVariableRadioElement;

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalProductLicense_license$key } from '../../__generated__/StoreModalProductLicense_license.graphql';
+import { StoreModalProductLicense_license$key } from '../../__generated__/StoreModalProductLicense_license.graphql.js';
 interface StoreModalProductLicenseProps {
     license: StoreModalProductLicense_license$key;
 }

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalProduceLicense;
-var _StoreModalProductLicense_license2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicense_license.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _LicenseElement = _interopRequireDefault(require("./LicenseElement"));
-var _LicenseVariableElement = _interopRequireDefault(require("./LicenseVariableElement"));
-var _VariableTableAmounts = _interopRequireDefault(require("../VariableTableAmounts"));
-var _LicenseVariableRadioElement = _interopRequireDefault(require("./LicenseVariableRadioElement"));
-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 _StoreModalProductLicense_license from "../../__generated__/StoreModalProductLicense_license.graphql.js";
+import React, { useCallback, useEffect } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { useSelector, useDispatch } from 'react-redux';
+import LicenseElement from './LicenseElement.js';
+import LicenseVariableElement from './LicenseVariableElement.js';
+import VariableTableAmounts from '../VariableTableAmounts/index.js';
+import LicenseVariableRadioElement from './LicenseVariableRadioElement.js';
 const specFromLicense = license => {
   let licenseOptionSpec = {
     licenseId: license.id
@@ -37,13 +28,13 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-function StoreModalProduceLicense(_ref) {
+export default function StoreModalProduceLicense(_ref) {
   var _license$variables;
   let {
     license: licenseKey
   } = _ref;
-  const license = (0, _reactRelay.useFragment)((_StoreModalProductLicense_license2.default.hash && _StoreModalProductLicense_license2.default.hash !== "5729815aeedac2b8ea39eaab0a986b48" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license2.default), licenseKey);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const license = useFragment((_StoreModalProductLicense_license.hash && _StoreModalProductLicense_license.hash !== "5729815aeedac2b8ea39eaab0a986b48" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license), licenseKey);
+  const licenseOptions = useSelector(state => state.licenseOptions);
   const selectedOptions = licenseOptions.find(_ref2 => {
     let {
       licenseId
@@ -51,8 +42,8 @@ function StoreModalProduceLicense(_ref) {
     return licenseId === license.id;
   });
   const isSelected = Boolean(selectedOptions);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const handleSelectLicense = (0, _react.useCallback)(() => {
+  const dispatch = useDispatch();
+  const handleSelectLicense = useCallback(() => {
     dispatch({
       type: 'PRECART_TOGGLE_LICENSE',
       licenseId: license.id,
@@ -60,7 +51,7 @@ function StoreModalProduceLicense(_ref) {
       licenseOptionSpec: specFromLicense(license)
     });
   }, [dispatch, license, isSelected]);
-  const handleLicenseOptionChange = (0, _react.useCallback)(_ref3 => {
+  const handleLicenseOptionChange = useCallback(_ref3 => {
     let {
       variableId,
       optionId
@@ -78,7 +69,7 @@ function StoreModalProduceLicense(_ref) {
       optionId
     });
   }, [dispatch, license, isSelected]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (license.defaultSelected) {
       dispatch({
         type: 'PRECART_SELECT_LICENSE',
@@ -86,7 +77,7 @@ function StoreModalProduceLicense(_ref) {
       });
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_LicenseElement.default, {
+  return /*#__PURE__*/React.createElement(LicenseElement, {
     onClick: handleSelectLicense,
     isSelected: isSelected
   }, {
@@ -103,7 +94,7 @@ function StoreModalProduceLicense(_ref) {
         return id === selectedLicenseOption;
       });
       if (variable.variableType === 'table') {
-        return /*#__PURE__*/_react.default.createElement(_LicenseVariableRadioElement.default, {
+        return /*#__PURE__*/React.createElement(LicenseVariableRadioElement, {
           key: variable.id,
           onChange: value => handleLicenseOptionChange({
             variableId: variable.id,
@@ -113,7 +104,7 @@ function StoreModalProduceLicense(_ref) {
           options: variable.options.map(option => ({
             value: option.id,
             text: option.name,
-            help: /*#__PURE__*/_react.default.createElement(_VariableTableAmounts.default, {
+            help: /*#__PURE__*/React.createElement(VariableTableAmounts, {
               variable: variable,
               option: option
             })
@@ -121,7 +112,7 @@ function StoreModalProduceLicense(_ref) {
         });
       }
       if (variable.variableType === 'select') {
-        return /*#__PURE__*/_react.default.createElement(_LicenseVariableElement.default, {
+        return /*#__PURE__*/React.createElement(LicenseVariableElement, {
           key: variable.id,
           onChange: e => handleLicenseOptionChange({
             variableId: variable.id,

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

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