fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/components/NewsletterSignup/index.server.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { NewsletterSignup_props } from './index';
+import { NewsletterSignup_props } from './index.js';
 export default function NewsletterSignup(props: NewsletterSignup_props): Promise<React.JSX.Element>;

package/dist/components/NewsletterSignup/index.server.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NewsletterSignup;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _NewsletterSignupQuery = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
-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); }
-async function NewsletterSignup(props) {
-  const preloadedQuery = await (0, _loadSerializableQuery.default)(_NewsletterSignupQuery.default, {});
-  return /*#__PURE__*/_react.default.createElement(_index.NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
+import { NewsletterSignupPreloadedQueryRenderer } from './index.js';
+import NewsletterSignupQueryNode from '../../__generated__/NewsletterSignupQuery.graphql.js';
+export default async function NewsletterSignup(props) {
+  const preloadedQuery = await loadSerializableQuery(NewsletterSignupQueryNode, {});
+  return /*#__PURE__*/React.createElement(NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {
     preloadedQuery: preloadedQuery
   }));
 }

package/dist/components/NodePasswordForm/index.js

@@ -1,25 +1,17 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NodePasswordForm;
-var _NodePasswordFormSlugQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormSlugQuery.graphql"));
-var _NodePasswordFormIDQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormIDQuery.graphql"));
-var _NodePasswordFormAccessNodeMutation2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormAccessNodeMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-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); }
-const accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation2.default);
+import _NodePasswordFormSlugQuery from "../../__generated__/NodePasswordFormSlugQuery.graphql.js";
+import _NodePasswordFormIDQuery from "../../__generated__/NodePasswordFormIDQuery.graphql.js";
+import _NodePasswordFormAccessNodeMutation from "../../__generated__/NodePasswordFormAccessNodeMutation.graphql.js";
+import React, { useState } from 'react';
+import { graphql, useLazyLoadQuery, useMutation } from 'react-relay';
+import TextField from '../TextField/index.js';
+const accessNodeMutation = (_NodePasswordFormAccessNodeMutation.hash && _NodePasswordFormAccessNodeMutation.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation);
 function NodePasswordFormComponent(props) {
-  const [password, setPassword] = (0, _react.useState)('');
-  const [error, setError] = (0, _react.useState)(null);
-  const [commitMutation, submitting] = (0, _reactRelay.useMutation)(accessNodeMutation);
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState(null);
+  const [commitMutation, submitting] = useMutation(accessNodeMutation);
   const disabled = submitting || !password;
   const handleSubmit = e => {
     e.preventDefault();
@@ -43,75 +35,75 @@ function NodePasswordFormComponent(props) {
       }
     });
   };
-  return /*#__PURE__*/_react.default.createElement("form", {
+  return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
     className: "node-password-form"
-  }, error && /*#__PURE__*/_react.default.createElement("p", {
+  }, error && /*#__PURE__*/React.createElement("p", {
     className: "node-password-form__error"
-  }, error), /*#__PURE__*/_react.default.createElement("div", {
+  }, error), /*#__PURE__*/React.createElement("div", {
     className: "node-password-form__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Password *",
     placeholder: "Enter password",
     autocomplete: "off",
     type: "password",
     value: password,
     onChange: value => setPassword(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "node-password-form__section"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     disabled: disabled,
     className: "submit-button"
   }, "Submit")));
 }
-const idQuery = (_NodePasswordFormIDQuery2.default.hash && _NodePasswordFormIDQuery2.default.hash !== "2af86f8f6df3d2e6061ea1c9dd777a26" && console.error("The definition of 'NodePasswordFormIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormIDQuery2.default);
+const idQuery = (_NodePasswordFormIDQuery.hash && _NodePasswordFormIDQuery.hash !== "2af86f8f6df3d2e6061ea1c9dd777a26" && console.error("The definition of 'NodePasswordFormIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormIDQuery);
 function NodePasswordFormIDQueryRenderer(_ref) {
   let {
     collectionId,
     ...rest
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+  const data = useLazyLoadQuery(idQuery, {
     collectionId
   });
   // this is counterintuitive, but we've added the @catch directive on the collection,
   // and we're expecting it to respond with an error if the node is inaccessible due to being
   // password-protected. so, when we encounter the error we're safe to render the password form.
   // (we don't want to show the form if the user has already gained access)
-  if (data.collection.ok === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
+  if (data.collection.ok === false) return /*#__PURE__*/React.createElement(NodePasswordFormComponent, _extends({}, rest, {
     collectionId: collectionId
   }));
 }
-const slugQuery = (_NodePasswordFormSlugQuery2.default.hash && _NodePasswordFormSlugQuery2.default.hash !== "c40faf067007027fa9ba6673350c7202" && console.error("The definition of 'NodePasswordFormSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormSlugQuery2.default);
+const slugQuery = (_NodePasswordFormSlugQuery.hash && _NodePasswordFormSlugQuery.hash !== "c40faf067007027fa9ba6673350c7202" && console.error("The definition of 'NodePasswordFormSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormSlugQuery);
 function NodePasswordFormSlugQueryRenderer(_ref2) {
   var _data$viewer$slug;
   let {
     collectionSlug,
     ...rest
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+  const data = useLazyLoadQuery(slugQuery, {
     collectionSlug
   });
   // see note in NodePasswordFormIDQueryRenderer
-  if (((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection.ok) === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
+  if (((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection.ok) === false) return /*#__PURE__*/React.createElement(NodePasswordFormComponent, _extends({}, rest, {
     collectionSlug: collectionSlug
   }));
   return null;
 }
 
 // default client export
-function NodePasswordForm(_ref3) {
+export default function NodePasswordForm(_ref3) {
   let {
     collectionId,
     collectionSlug,
     ...rest
   } = _ref3;
   if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(NodePasswordFormIDQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(NodePasswordFormIDQueryRenderer, _extends({
       collectionId: collectionId
     }, rest));
   }
   if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(NodePasswordFormSlugQueryRenderer, _extends({
+    return /*#__PURE__*/React.createElement(NodePasswordFormSlugQueryRenderer, _extends({
       collectionSlug: collectionSlug
     }, rest));
   }

package/dist/components/OrderVariableSelection/OrderVariableSelectionRedux.d.ts

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

package/dist/components/OrderVariableSelection/OrderVariableSelectionRedux.js

@@ -1,37 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = OrderVariableSelectionRedux;
-var _OrderVariableSelectionRedux_viewer2 = _interopRequireDefault(require("../../__generated__/OrderVariableSelectionRedux_viewer.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _index = _interopRequireDefault(require("./index"));
-var _OrderVariableSelectionReduxRefetchQuery = _interopRequireDefault(require("../../__generated__/OrderVariableSelectionReduxRefetchQuery.graphql"));
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-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 OrderVariableSelectionRedux(_ref) {
+import _OrderVariableSelectionRedux_viewer from "../../__generated__/OrderVariableSelectionRedux_viewer.graphql.js";
+import React, { useCallback, useEffect, useMemo } from 'react';
+import { graphql, useRefetchableFragment, useRelayEnvironment } from 'react-relay';
+import { useDispatch, useSelector } from 'react-redux';
+import OrderVariableSelection from './index.js';
+import OrderVariableSelectionReduxRefetchQuery from '../../__generated__/OrderVariableSelectionReduxRefetchQuery.graphql.js';
+import { useRefetchOnLicenseChanges } from '../../hooks/useRefetchOnLicenseChanges.js';
+export default function OrderVariableSelectionRedux(_ref) {
   let {
     viewer: viewerKey,
     disabled,
     children
   } = _ref;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_OrderVariableSelectionRedux_viewer2.default.hash && _OrderVariableSelectionRedux_viewer2.default.hash !== "eaa5e1fdf47cb582dd3c7bdea0a5e6b2" && console.error("The definition of 'OrderVariableSelectionRedux_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelectionRedux_viewer2.default), viewerKey);
-  const refetchVariables = (0, _react.useMemo)(() => ({}), []);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+  const environment = useRelayEnvironment();
+  const [viewer, refetch] = useRefetchableFragment((_OrderVariableSelectionRedux_viewer.hash && _OrderVariableSelectionRedux_viewer.hash !== "eaa5e1fdf47cb582dd3c7bdea0a5e6b2" && console.error("The definition of 'OrderVariableSelectionRedux_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelectionRedux_viewer), viewerKey);
+  const refetchVariables = useMemo(() => ({}), []);
+  useRefetchOnLicenseChanges({
     environment,
     refetch,
-    query: _OrderVariableSelectionReduxRefetchQuery.default,
+    query: OrderVariableSelectionReduxRefetchQuery,
     variables: refetchVariables
   });
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const selections = (0, _reactRedux.useSelector)(state => state.orderVariableSelections);
-  const handleSelectionChange = (0, _react.useCallback)(newSelections => {
+  const dispatch = useDispatch();
+  const selections = useSelector(state => state.orderVariableSelections);
+  const handleSelectionChange = useCallback(newSelections => {
     dispatch({
       type: 'UPDATE_ORDER_VARIABLE_SELECTIONS',
       selections: newSelections
@@ -39,7 +30,7 @@ function OrderVariableSelectionRedux(_ref) {
   }, [dispatch]);
 
   // Auto-populate Redux state with detected country for country-type variables
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!viewer.detectedCountry || !viewer.orderVariables) return;
 
     // Find country-type variables that don't have a selection yet
@@ -57,7 +48,7 @@ function OrderVariableSelectionRedux(_ref) {
       selections: newSelections
     });
   }, [viewer.detectedCountry, viewer.orderVariables, selections, dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
+  return /*#__PURE__*/React.createElement(OrderVariableSelection, {
     variables: viewer,
     selections: selections,
     onSelectionChange: handleSelectionChange,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OrderVariableSelection_variables$key } from '__generated__/OrderVariableSelection_variables.graphql';
+import { OrderVariableSelection_variables$key } from '__generated__/OrderVariableSelection_variables.graphql.js';
 export interface OrderVariableSelectionInput {
     orderVariableId: string;
     orderVariableOptionId: string | null;

package/dist/components/OrderVariableSelection/index.js

@@ -1,18 +1,10 @@
-"use strict";
+import _OrderVariableSelection_variables from "../../__generated__/OrderVariableSelection_variables.graphql.js";
+import React, { useCallback, useContext } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import Button from '../elements/Button/index.js';
+import ConfigContext from '../ConfigContext.js';
+import { CarrotDown, Checkbox, CheckboxChecked, CheckboxCrossed } from '../Icons/index.js';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = OrderVariableSelection;
-var _OrderVariableSelection_variables2 = _interopRequireDefault(require("../../__generated__/OrderVariableSelection_variables.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _Icons = require("../Icons");
-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 }; }
 // Ghost variable type
 
 // Component props
@@ -29,9 +21,9 @@ function Variable(_ref) {
   } = _ref;
   const {
     form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const isSelected = Boolean(selection);
-  const handleClickVariable = (0, _react.useCallback)(() => {
+  const handleClickVariable = useCallback(() => {
     var _variable$orderVariab;
     // Only toggle boolean variables when clicked
     if (variable.variableType === 'boolean') {
@@ -42,7 +34,7 @@ function Variable(_ref) {
     }
     // Country variables are now static (non-editable)
   }, [variable, isSelected, onToggle]);
-  const handleChangeVariableOption = (0, _react.useCallback)(e => {
+  const handleChangeVariableOption = useCallback(e => {
     onToggle(variable.id, e.target.value);
   }, [variable.id, onToggle]);
   let options = (_variable$orderVariab2 = variable.orderVariableOptions) === null || _variable$orderVariab2 === void 0 ? void 0 : _variable$orderVariab2.map(option => ({
@@ -63,26 +55,26 @@ function Variable(_ref) {
   }
   const selectedOption = (_options = options) === null || _options === void 0 ? void 0 : _options.find(o => o.id === (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId));
   const selectedCountry = countries === null || countries === void 0 ? void 0 : countries.find(c => c.code === (selection === null || selection === void 0 ? void 0 : selection.countryCode));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__item",
     "data-variable-type": variable.variableType,
     "data-ghost": ghost
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/React.createElement(Button, {
     className: "store-modal__order-variable-selection__button",
     onClick: handleClickVariable,
     "data-selected": isSelected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__label"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "store-modal__order-variable-selection__icon-pair"
-  }, variable.variableType === 'boolean' ? 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) : null, variable.name)), variable.variableType === 'select' ? /*#__PURE__*/_react.default.createElement("label", {
+  }, variable.variableType === 'boolean' ? isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/React.createElement(CheckboxChecked, null) : /*#__PURE__*/React.createElement(CheckboxCrossed, null) : /*#__PURE__*/React.createElement(Checkbox, null) : null, variable.name)), variable.variableType === 'select' ? /*#__PURE__*/React.createElement("label", {
     className: "store-modal__order-variable-selection__select-label"
-  }, selectedOption ? selectedOption.amount : `Select an option`, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  }, selectedOption ? selectedOption.amount : `Select an option`, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
     className: "store-modal__order-variable-selection__select",
     value: (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId) || '',
     onChange: handleChangeVariableOption,
     onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/_react.default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "",
     disabled: true
   }, "Select an option"), (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.map(_ref2 => {
@@ -91,26 +83,26 @@ function Variable(_ref) {
       amount,
       disabled
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: id,
       value: id,
       disabled: disabled
     }, amount, " ", disabled ? '(Deprecated)' : null);
-  }))) : null, variable.variableType === 'country' && selectedCountry ? /*#__PURE__*/_react.default.createElement("span", {
+  }))) : null, variable.variableType === 'country' && selectedCountry ? /*#__PURE__*/React.createElement("span", {
     className: "store-modal__order-variable-selection__country-value"
-  }, selectedCountry.name) : null), variable.description ? /*#__PURE__*/_react.default.createElement("div", {
+  }, selectedCountry.name) : null), variable.description ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__description",
     dangerouslySetInnerHTML: {
       __html: variable.description
     }
-  }) : null, ghost && /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, ghost && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__ghost-container"
-  }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/React.createElement("button", {
     className: "store-modal__order-variable-selection__ghost-remove",
     onClick: onRemoveGhost
   }, "Remove")));
 }
-function OrderVariableSelection(_ref3) {
+export default function OrderVariableSelection(_ref3) {
   let {
     variables: variablesKey,
     selections,
@@ -123,8 +115,8 @@ function OrderVariableSelection(_ref3) {
       label
     }
   } = _ref3;
-  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
-  const handleSelectionChange = (0, _react.useCallback)((variableId, optionId, countryCode) => {
+  const variables = useFragment((_OrderVariableSelection_variables.hash && _OrderVariableSelection_variables.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables), variablesKey);
+  const handleSelectionChange = useCallback((variableId, optionId, countryCode) => {
     var _variables$orderVaria;
     // Update the selections with the new value
     const newSelections = selections.map(selection => ({
@@ -165,10 +157,10 @@ function OrderVariableSelection(_ref3) {
   if (!variables.orderVariables || variables.orderVariables.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__order-variable-selection__container",
     "data-disabled": disabled
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__order-variable-selection__title"
   }, label), variables.orderVariables.map(variable => {
     var _variables$countries;
@@ -179,7 +171,7 @@ function OrderVariableSelection(_ref3) {
       ...variable,
       description: descriptionOverrides[variable.id]
     } : variable;
-    return /*#__PURE__*/_react.default.createElement(Variable, {
+    return /*#__PURE__*/React.createElement(Variable, {
       key: variable.id,
       variable: effectiveVariable,
       selection: currentSelection,
@@ -188,7 +180,7 @@ function OrderVariableSelection(_ref3) {
     });
   }), ghostVariables.map(ghost => {
     var _ghost$orderVariableO, _ghost$orderVariableO2, _variables$countries2;
-    return /*#__PURE__*/_react.default.createElement(Variable, {
+    return /*#__PURE__*/React.createElement(Variable, {
       key: ghost.orderVariable.id,
       variable: {
         ...ghost.orderVariable,

package/dist/components/Precart/License.d.ts

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

package/dist/components/Precart/License.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _License_node2 = _interopRequireDefault(require("../../__generated__/License_node.graphql"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _react = _interopRequireDefault(require("react"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _License_node from "../../__generated__/License_node.graphql.js";
+import { graphql, useFragment } from 'react-relay';
+import { useSelector } from 'react-redux';
+import React from 'react';
+import { CarrotDown, CircledInfo, Check } from '../Icons/index.js';
 const License = _ref => {
   let {
     node: nodeKey,
@@ -17,56 +10,55 @@ const License = _ref => {
     onSelectLicense,
     onSelectLicenseOption
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node2.default), nodeKey);
+  const node = useFragment((_License_node.hash && _License_node.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node), nodeKey);
   if (!node) return null;
-  const selectedLicenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const selectedLicenseOptions = useSelector(state => state.licenseOptions);
   const selectedOptions = selectedLicenseOptions.find(spec => spec.licenseId === node.id);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license",
     "data-selected": selected
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__name-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: "pre-cart__license__name"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__checkbox"
-  }, selected && /*#__PURE__*/_react.default.createElement(_Icons.Check, null)), node.name, /*#__PURE__*/_react.default.createElement("input", {
+  }, selected && /*#__PURE__*/React.createElement(Check, null)), node.name, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     checked: selected,
     value: node.id,
     onChange: e => onSelectLicense(node.id, e.target.checked)
-  })), selected && /*#__PURE__*/_react.default.createElement("a", {
+  })), selected && /*#__PURE__*/React.createElement("a", {
     href: node.url,
     "aria-label": "Info",
     className: "pre-cart__license__icon",
     "data-label": "info"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CircledInfo, null))), selected && /*#__PURE__*/_react.default.createElement("ul", null, node.variables && node.variables.map(variable => {
+  }, /*#__PURE__*/React.createElement(CircledInfo, null))), selected && /*#__PURE__*/React.createElement("ul", null, node.variables && node.variables.map(variable => {
     var _variable$options, _variable$options$fin;
     const selectedLicenseOption = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.licenseOptions[variable.id];
     if (variable.variableType === 'text') return null;
     const selectedLicenseAmount = variable === null || variable === void 0 ? void 0 : (_variable$options = variable.options) === null || _variable$options === void 0 ? void 0 : (_variable$options$fin = _variable$options.find(option => option.id === selectedLicenseOption)) === null || _variable$options$fin === void 0 ? void 0 : _variable$options$fin.amount;
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       key: variable.id
-    }, /*#__PURE__*/_react.default.createElement("label", {
+    }, /*#__PURE__*/React.createElement("label", {
       className: "pre-cart__license__option"
-    }, "\u21B3 ", selectedLicenseAmount, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+    }, "\u21B3 ", selectedLicenseAmount, /*#__PURE__*/React.createElement(CarrotDown, null), /*#__PURE__*/React.createElement("select", {
       value: selectedLicenseOption || '',
       onChange: e => onSelectLicenseOption(node.id, variable.id, e.target.value)
-    }, /*#__PURE__*/_react.default.createElement("option", {
+    }, /*#__PURE__*/React.createElement("option", {
       value: "",
       disabled: true
-    }, "Select one"), variable.options && variable.options.map(option => /*#__PURE__*/_react.default.createElement("option", {
+    }, "Select one"), variable.options && variable.options.map(option => /*#__PURE__*/React.createElement("option", {
       key: option.id,
       value: option.id
     }, option.amount)))));
-  }))), node.description && /*#__PURE__*/_react.default.createElement("div", {
+  }))), node.description && /*#__PURE__*/React.createElement("div", {
     className: "pre-cart__license__description",
     dangerouslySetInnerHTML: {
       __html: node.description
     }
   }));
 };
-var _default = License;
-exports.default = _default;
+export default License;