fontdue-js 0.1.0 → 0.1.3

package/dist/components/Cart/CustomerFields.js

@@ -23,16 +23,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const CustomerFields = ({
-  title,
-  value,
-  onChange,
-  optInLabel
-}) => {
-  var _config$form$checkbox, _config$form;
-
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const checkboxStyle = (_config$form$checkbox = (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check';
+const CustomerFields = _ref => {
+  let {
+    title,
+    value,
+    onChange,
+    optInLabel
+  } = _ref;
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -75,7 +75,7 @@ const CustomerFields = ({
     })
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkbox__icon"
-  }, checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Check.default, null) : /*#__PURE__*/_react.default.createElement(_X.default, null))), /*#__PURE__*/_react.default.createElement("label", {
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Check.default, null) : /*#__PURE__*/_react.default.createElement(_X.default, null))), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "customer-newsletter-opt-in"
   }, optInLabel))));
 };

package/dist/components/Cart/Download.js

@@ -23,11 +23,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const DownloadBase = ({
-  order,
-  dismiss,
-  status
-}) => {
+const DownloadBase = _ref => {
+  let {
+    order,
+    dismiss,
+    status
+  } = _ref;
   const autoDownloaded = (0, _react.useRef)(false);
   const downloadForm = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -55,10 +56,11 @@ const DownloadBase = ({
   });
 };
 
-const Download = ({
-  order,
-  relay
-}) => {
+const Download = _ref2 => {
+  let {
+    order,
+    relay
+  } = _ref2;
   const [dismissed, setDismissed] = (0, _react.useState)(false);
   (0, _useInterval.default)(() => {
     if (order.archiveUrl) return;

package/dist/components/Cart/EmptyCart.js

@@ -17,10 +17,11 @@ const closeCart = () => ({
   type: 'CLOSE_CART'
 });
 
-const EmptyCart = ({
-  status,
-  dispatch
-}) => {
+const EmptyCart = _ref => {
+  let {
+    status,
+    dispatch
+  } = _ref;
   const open = status === 'entering' || status === 'entered';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart",

package/dist/components/Cart/IdentityBox.js

@@ -13,30 +13,33 @@ var _IdentityBox_identity;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IdentityBox = ({
-  identity,
-  title,
-  onClick,
-  children: {
-    icon
-  }
-}) => /*#__PURE__*/_react.default.createElement("button", {
-  className: "cart__review__button",
-  type: "button",
-  onClick: onClick
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__review__label"
-}, icon, title, " ", /*#__PURE__*/_react.default.createElement("span", {
-  className: "cart__review__label__text"
-}, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__review__section"
-}, /*#__PURE__*/_react.default.createElement("pre", null, identity.addressFormatted)), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__review__section"
-}, identity.email), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__review__section"
-}, identity.phoneFormatted), identity.vatNumber && /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__review__section"
-}, "VAT: ", identity.vatNumber));
+const IdentityBox = _ref => {
+  let {
+    identity,
+    title,
+    onClick,
+    children: {
+      icon
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__review__button",
+    type: "button",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__label"
+  }, icon, title, " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__review__label__text"
+  }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, identity.addressFormatted)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, identity.email), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, identity.phoneFormatted), identity.vatNumber && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, "VAT: ", identity.vatNumber));
+};
 
 var _default = (0, _reactRelay.createFragmentContainer)(IdentityBox, {
   identity: _IdentityBox_identity !== void 0 ? _IdentityBox_identity : (_IdentityBox_identity = require("../../__generated__/IdentityBox_identity.graphql"), _IdentityBox_identity.hash && _IdentityBox_identity.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity)

package/dist/components/Cart/index.js

@@ -25,10 +25,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const CartBase = ({
-  status,
-  viewer
-}) => {
+const CartBase = _ref => {
+  let {
+    status,
+    viewer
+  } = _ref;
   const {
     currentOrder
   } = viewer;
@@ -44,15 +45,18 @@ const CartBase = ({
   }));
 };
 
-const CartTransitionBase = ({
-  cartOpen,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_Transition.default, {
-  in: cartOpen,
-  timeout: 200
-}, status => /*#__PURE__*/_react.default.createElement(CartBase, _extends({
-  status: status
-}, props)));
+const CartTransitionBase = _ref2 => {
+  let {
+    cartOpen,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+    in: cartOpen,
+    timeout: 200
+  }, status => /*#__PURE__*/_react.default.createElement(CartBase, _extends({
+    status: status
+  }, props)));
+};
 
 const CartTransition = (0, _reactRelay.createFragmentContainer)(CartTransitionBase, {
   viewer: _Cart_viewer !== void 0 ? _Cart_viewer : (_Cart_viewer = require("../../__generated__/Cart_viewer.graphql"), _Cart_viewer.hash && _Cart_viewer.hash !== "f8014219785183b543a2133a9ff912b0" && console.error("The definition of 'Cart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Cart_viewer)
@@ -65,10 +69,12 @@ const CartQueryRenderer = () => {
     environment: environment,
     query: _CartQuery !== void 0 ? _CartQuery : (_CartQuery = require("../../__generated__/CartQuery.graphql"), _CartQuery.hash && _CartQuery.hash !== "310dc24fc7f5886c3ddb7cc7b8c0f4a2" && console.error("The definition of 'CartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartQuery),
     variables: {},
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref3 => {
+      let {
+        error,
+        props
+      } = _ref3;
+
       if (error) {
         console.error(error);
         return null;

package/dist/components/CartButton/index.js

@@ -38,11 +38,12 @@ const openCart = () => ({
   type: 'OPEN_CART'
 });
 
-const CartButtonBase = ({
-  label,
-  buttonStyle,
-  order
-}) => {
+const CartButtonBase = _ref => {
+  let {
+    label,
+    buttonStyle,
+    order
+  } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
   const count = cartButtonCount(order);
   const handleClick = (0, _react.useCallback)(() => {
@@ -83,10 +84,12 @@ const CartButtonQueryRenderer = params => {
     environment: environment,
     query: _CartButtonQuery !== void 0 ? _CartButtonQuery : (_CartButtonQuery = require("../../__generated__/CartButtonQuery.graphql"), _CartButtonQuery.hash && _CartButtonQuery.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery),
     variables: {},
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref2 => {
+      let {
+        error,
+        props
+      } = _ref2;
+
       if (error) {
         console.error(error);
         return null;

package/dist/components/CharacterViewer/index.js

@@ -50,13 +50,14 @@ const collectionInfo = collection => ({
   fontStyles: collection.fontStyles
 });
 
-const CharacterViewerComponent = ({
-  collection
-}) => {
-  var _collection$children$, _collection$children, _ref, _collection$featureSt, _collection$featureSt2, _collection$fontStyle, _collection$fontStyle2, _collection$children2, _collection$children3, _collection$children4, _collection$children5, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$featureCha5, _fontStyle$characterB3, _fontStyle$featureCha6;
+const CharacterViewerComponent = _ref => {
+  var _collection$children$, _collection$children, _ref2, _collection$featureSt, _collection$featureSt2, _collection$fontStyle, _collection$fontStyle2, _collection$children2, _collection$children3, _collection$children4, _collection$children5, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$featureCha5, _fontStyle$characterB3, _fontStyle$featureCha6;
 
+  let {
+    collection
+  } = _ref;
   const allCollections = [collectionInfo(collection)].concat((_collection$children$ = (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) !== null && _collection$children$ !== void 0 ? _collection$children$ : []);
-  const [fontStyleId, setFontStyleId] = (0, _react.useState)((_ref = (_collection$featureSt = (_collection$featureSt2 = collection.featureStyle) === null || _collection$featureSt2 === void 0 ? void 0 : _collection$featureSt2.id) !== null && _collection$featureSt !== void 0 ? _collection$featureSt : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : (_collection$fontStyle2 = _collection$fontStyle[0]) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.id) !== null && _ref !== void 0 ? _ref : (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : (_collection$children5 = _collection$children4[0]) === null || _collection$children5 === void 0 ? void 0 : _collection$children5.id);
+  const [fontStyleId, setFontStyleId] = (0, _react.useState)((_ref2 = (_collection$featureSt = (_collection$featureSt2 = collection.featureStyle) === null || _collection$featureSt2 === void 0 ? void 0 : _collection$featureSt2.id) !== null && _collection$featureSt !== void 0 ? _collection$featureSt : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : (_collection$fontStyle2 = _collection$fontStyle[0]) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.id) !== null && _ref2 !== void 0 ? _ref2 : (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : (_collection$children5 = _collection$children4[0]) === null || _collection$children5 === void 0 ? void 0 : _collection$children5.id);
   const fontStyle = allCollections.flatMap(coll => coll.fontStyles).find(style => style.id === fontStyleId);
   const {
     style
@@ -128,24 +129,27 @@ const CharacterViewerComponent = ({
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map(({
-    name,
-    characters
-  }, i) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block",
-    key: i
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block__name"
-  }, name), /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block__characters",
-    style: style,
-    onMouseLeave: handleMouseLeave
-  }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
-    key: j,
-    onClick: () => setSelectedCharacter(chars),
-    onMouseEnter: () => setActiveCharacter(chars),
-    "data-selected": selectedCharacter === chars
-  }, chars))))))), /*#__PURE__*/_react.default.createElement("div", {
+  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map((_ref3, i) => {
+    let {
+      name,
+      characters
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block",
+      key: i
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block__name"
+    }, name), /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block__characters",
+      style: style,
+      onMouseLeave: handleMouseLeave
+    }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
+      key: j,
+      onClick: () => setSelectedCharacter(chars),
+      onMouseEnter: () => setActiveCharacter(chars),
+      "data-selected": selectedCharacter === chars
+    }, chars))));
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__features-map"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__feature-monitor"
@@ -193,27 +197,30 @@ const CharacterViewerComponent = ({
     style: {
       '--width': blocksWidth
     }
-  }, (_fontStyle$featureCha6 = fontStyle.featureCharacters) === null || _fontStyle$featureCha6 === void 0 ? void 0 : _fontStyle$featureCha6.map(({
-    name,
-    feature,
-    characters
-  }, i) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block",
-    key: i
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block__name"
-  }, name), /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__block__characters",
-    style: { ...style,
-      fontFeatureSettings: `'${feature}' 1`
-    },
-    onMouseLeave: handleFeatureCharacterMouseLeave
-  }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
-    key: j,
-    onClick: () => setSelectedFeatureCharacter([chars, feature]),
-    onMouseEnter: () => setActiveFeatureCharacter([chars, feature]),
-    "data-selected": (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[0]) === chars && (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[1]) === feature
-  }, chars))))))));
+  }, (_fontStyle$featureCha6 = fontStyle.featureCharacters) === null || _fontStyle$featureCha6 === void 0 ? void 0 : _fontStyle$featureCha6.map((_ref4, i) => {
+    let {
+      name,
+      feature,
+      characters
+    } = _ref4;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block",
+      key: i
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block__name"
+    }, name), /*#__PURE__*/_react.default.createElement("div", {
+      className: "character-viewer__block__characters",
+      style: { ...style,
+        fontFeatureSettings: `'${feature}' 1`
+      },
+      onMouseLeave: handleFeatureCharacterMouseLeave
+    }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
+      key: j,
+      onClick: () => setSelectedFeatureCharacter([chars, feature]),
+      onMouseEnter: () => setActiveFeatureCharacter([chars, feature]),
+      "data-selected": (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[0]) === chars && (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[1]) === feature
+    }, chars))));
+  }))));
 };
 
 _CharacterViewer_family !== void 0 ? _CharacterViewer_family : (_CharacterViewer_family = require("../../__generated__/CharacterViewer_family.graphql"), _CharacterViewer_family.hash && _CharacterViewer_family.hash !== "2883e053de6bd4a34d802fe4af824991" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family);
@@ -221,9 +228,10 @@ const CharacterViewer = (0, _reactRelay.createFragmentContainer)(CharacterViewer
   collection: _CharacterViewer_collection !== void 0 ? _CharacterViewer_collection : (_CharacterViewer_collection = require("../../__generated__/CharacterViewer_collection.graphql"), _CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "6f5a8250fc907a798d7e83c8a9ce3f45" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection)
 });
 
-const CharacterViewerQueryRenderer = ({
-  collectionId
-}) => {
+const CharacterViewerQueryRenderer = _ref5 => {
+  let {
+    collectionId
+  } = _ref5;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     query: _CharacterViewer_Query !== void 0 ? _CharacterViewer_Query : (_CharacterViewer_Query = require("../../__generated__/CharacterViewer_Query.graphql"), _CharacterViewer_Query.hash && _CharacterViewer_Query.hash !== "10b58f0e5e086adbcd2a0d4cd44c442c" && console.error("The definition of 'CharacterViewer_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_Query),
@@ -231,13 +239,16 @@ const CharacterViewerQueryRenderer = ({
       collectionId
     },
     environment: environment,
-    render: ({
-      props
-    }) => /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
-      shouldUpdate: props
-    }, props !== null && props !== void 0 && props.node ? /*#__PURE__*/_react.default.createElement(CharacterViewer, {
-      collection: props.node
-    }) : null)
+    render: _ref6 => {
+      let {
+        props
+      } = _ref6;
+      return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
+        shouldUpdate: props
+      }, props !== null && props !== void 0 && props.node ? /*#__PURE__*/_react.default.createElement(CharacterViewer, {
+        collection: props.node
+      }) : null);
+    }
   });
 };
 

package/dist/components/Checkbox/index.js

@@ -20,17 +20,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Checkbox = props => {
-  var _config$form$checkbox, _config$form;
-
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const checkboxStyle = (_config$form$checkbox = (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check';
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "checkbox"
   }, /*#__PURE__*/_react.default.createElement("input", _extends({
     type: "checkbox"
   }, props)), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkbox__icon"
-  }, checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null)));
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null)));
 };
 
 var _default = Checkbox;

package/dist/components/CollectionAa/index.js

@@ -17,9 +17,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const CollectionAaBase = ({
-  product
-}) => {
+const CollectionAaBase = _ref => {
+  let {
+    product
+  } = _ref;
   let fontStyle;
 
   if (product.__typename === 'Bundle') {
@@ -38,10 +39,11 @@ const CollectionAaFragment = (0, _reactRelay.createFragmentContainer)(Collection
 });
 exports.CollectionAaFragment = CollectionAaFragment;
 
-const CollectionAaQueryRenderer = ({
-  collectionId,
-  ...rest
-}) => {
+const CollectionAaQueryRenderer = _ref2 => {
+  let {
+    collectionId,
+    ...rest
+  } = _ref2;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     environment: environment,
@@ -49,10 +51,12 @@ const CollectionAaQueryRenderer = ({
     variables: {
       collectionId
     },
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref3 => {
+      let {
+        error,
+        props
+      } = _ref3;
+
       if (error) {
         console.error(error);
         return null;

package/dist/components/ConfigContext.d.ts

@@ -9,5 +9,82 @@ export interface Config {
     storeModal?: StoreModalConfig;
     typeTester?: TypeTesterConfig;
 }
-declare const _default: React.Context<Config>;
+export declare const makeConfig: (config?: Config | undefined) => {
+    typeTester: {
+        min: number;
+        max: number;
+        autofitOnChange: boolean;
+        truncate: boolean;
+        priceText: boolean;
+        selectButtonStyle: "inline" | "outlined";
+        selectButtonLabel: string;
+        selectButton: boolean;
+        shy: false | "focus" | "hover";
+        toolsPosition: "inline" | "floating";
+        selectable: boolean;
+        priceBar: boolean;
+        textInput: boolean;
+        initialMode: "group" | "local";
+        groupEdit: boolean;
+        bulletStyle: "square" | "round";
+        openTypeFeatures: {
+            columns: {
+                features: (string | {
+                    code: string;
+                    name: string;
+                })[];
+                range?: number | undefined;
+            }[] | undefined;
+            selectionStyle: "checkbox" | "bullet";
+        };
+        alignmentButtons: boolean;
+        initialAlignment: import("./TypeTester/types").Alignment;
+    };
+    form: {
+        checkboxStyle: "cross" | "check";
+    };
+    storeModal: {
+        indexLayout: "styled-aa" | "styled-font-names";
+        productLicensesPosition: "bottom" | "top";
+    };
+};
+declare const _default: React.Context<{
+    typeTester: {
+        min: number;
+        max: number;
+        autofitOnChange: boolean;
+        truncate: boolean;
+        priceText: boolean;
+        selectButtonStyle: "inline" | "outlined";
+        selectButtonLabel: string;
+        selectButton: boolean;
+        shy: false | "focus" | "hover";
+        toolsPosition: "inline" | "floating";
+        selectable: boolean;
+        priceBar: boolean;
+        textInput: boolean;
+        initialMode: "group" | "local";
+        groupEdit: boolean;
+        bulletStyle: "square" | "round";
+        openTypeFeatures: {
+            columns: {
+                features: (string | {
+                    code: string;
+                    name: string;
+                })[];
+                range?: number | undefined;
+            }[] | undefined;
+            selectionStyle: "checkbox" | "bullet";
+        };
+        alignmentButtons: boolean;
+        initialAlignment: import("./TypeTester/types").Alignment;
+    };
+    form: {
+        checkboxStyle: "cross" | "check";
+    };
+    storeModal: {
+        indexLayout: "styled-aa" | "styled-font-names";
+        productLicensesPosition: "bottom" | "top";
+    };
+}>;
 export default _default;

package/dist/components/ConfigContext.js

@@ -3,12 +3,62 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.makeConfig = exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = /*#__PURE__*/_react.default.createContext({});
+const makeTypeTesterConfig = config => {
+  var _config$shy, _config$toolsPosition, _config$min, _config$max, _config$autofitOnChan, _config$truncate, _config$priceText, _config$selectButtonS, _config$selectButtonL, _ref, _config$selectButton, _config$selectable, _config$priceBar, _config$textInput, _config$initialMode, _config$groupEdit, _config$bulletStyle, _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$alignmentButt, _config$initialAlignm;
+
+  let shy = (_config$shy = config === null || config === void 0 ? void 0 : config.shy) !== null && _config$shy !== void 0 ? _config$shy : false;
+  if (shy === true) shy = 'hover';
+  let toolsPosition = (_config$toolsPosition = config === null || config === void 0 ? void 0 : config.toolsPosition) !== null && _config$toolsPosition !== void 0 ? _config$toolsPosition : 'inline';
+  if (shy !== 'focus') toolsPosition = 'inline';
+  return {
+    min: (_config$min = config === null || config === void 0 ? void 0 : config.min) !== null && _config$min !== void 0 ? _config$min : 10,
+    max: (_config$max = config === null || config === void 0 ? void 0 : config.max) !== null && _config$max !== void 0 ? _config$max : 200,
+    autofitOnChange: (_config$autofitOnChan = config === null || config === void 0 ? void 0 : config.autofitOnChange) !== null && _config$autofitOnChan !== void 0 ? _config$autofitOnChan : false,
+    truncate: (_config$truncate = config === null || config === void 0 ? void 0 : config.truncate) !== null && _config$truncate !== void 0 ? _config$truncate : false,
+    priceText: (_config$priceText = config === null || config === void 0 ? void 0 : config.priceText) !== null && _config$priceText !== void 0 ? _config$priceText : false,
+    selectButtonStyle: (_config$selectButtonS = config === null || config === void 0 ? void 0 : config.selectButtonStyle) !== null && _config$selectButtonS !== void 0 ? _config$selectButtonS : 'inline',
+    selectButtonLabel: (_config$selectButtonL = config === null || config === void 0 ? void 0 : config.selectButtonLabel) !== null && _config$selectButtonL !== void 0 ? _config$selectButtonL : 'Select',
+    selectButton: (_ref = (_config$selectButton = config === null || config === void 0 ? void 0 : config.selectButton) !== null && _config$selectButton !== void 0 ? _config$selectButton : config === null || config === void 0 ? void 0 : config.buyButton) !== null && _ref !== void 0 ? _ref : true,
+    shy,
+    toolsPosition,
+    selectable: (_config$selectable = config === null || config === void 0 ? void 0 : config.selectable) !== null && _config$selectable !== void 0 ? _config$selectable : false,
+    priceBar: (_config$priceBar = config === null || config === void 0 ? void 0 : config.priceBar) !== null && _config$priceBar !== void 0 ? _config$priceBar : false,
+    textInput: (_config$textInput = config === null || config === void 0 ? void 0 : config.textInput) !== null && _config$textInput !== void 0 ? _config$textInput : false,
+    initialMode: (_config$initialMode = config === null || config === void 0 ? void 0 : config.initialMode) !== null && _config$initialMode !== void 0 ? _config$initialMode : 'local',
+    groupEdit: (_config$groupEdit = config === null || config === void 0 ? void 0 : config.groupEdit) !== null && _config$groupEdit !== void 0 ? _config$groupEdit : false,
+    bulletStyle: (_config$bulletStyle = config === null || config === void 0 ? void 0 : config.bulletStyle) !== null && _config$bulletStyle !== void 0 ? _config$bulletStyle : 'square',
+    openTypeFeatures: {
+      columns: config === null || config === void 0 ? void 0 : (_config$openTypeFeatu = config.openTypeFeatures) === null || _config$openTypeFeatu === void 0 ? void 0 : _config$openTypeFeatu.columns,
+      selectionStyle: (_config$openTypeFeatu2 = config === null || config === void 0 ? void 0 : (_config$openTypeFeatu3 = config.openTypeFeatures) === null || _config$openTypeFeatu3 === void 0 ? void 0 : _config$openTypeFeatu3.selectionStyle) !== null && _config$openTypeFeatu2 !== void 0 ? _config$openTypeFeatu2 : 'bullet'
+    },
+    alignmentButtons: (_config$alignmentButt = config === null || config === void 0 ? void 0 : config.alignmentButtons) !== null && _config$alignmentButt !== void 0 ? _config$alignmentButt : false,
+    initialAlignment: (_config$initialAlignm = config === null || config === void 0 ? void 0 : config.initialAlignment) !== null && _config$initialAlignm !== void 0 ? _config$initialAlignm : 'left'
+  };
+};
+
+const makeConfig = config => {
+  var _config$form$checkbox, _config$form, _config$storeModal$in, _config$storeModal, _config$storeModal$pr, _config$storeModal2;
+
+  return {
+    typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
+    form: {
+      checkboxStyle: (_config$form$checkbox = config === null || config === void 0 ? void 0 : (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check'
+    },
+    storeModal: {
+      indexLayout: (_config$storeModal$in = config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) !== null && _config$storeModal$in !== void 0 ? _config$storeModal$in : 'styled-aa',
+      productLicensesPosition: (_config$storeModal$pr = config === null || config === void 0 ? void 0 : (_config$storeModal2 = config.storeModal) === null || _config$storeModal2 === void 0 ? void 0 : _config$storeModal2.productLicensesPosition) !== null && _config$storeModal$pr !== void 0 ? _config$storeModal$pr : 'bottom'
+    }
+  };
+};
+
+exports.makeConfig = makeConfig;
+
+var _default = /*#__PURE__*/_react.default.createContext(makeConfig());
 
 exports.default = _default;