fontdue-js 0.1.0 → 0.1.3

package/dist/components/TypeTester/index.js

@@ -67,20 +67,19 @@ const getSku = fontStyle => {
   }, null);
 };
 
-const TypeTesterComponent = ({
-  id,
-  productId,
-  direction,
-  fontStyle,
-  viewer,
-  onSelectFontStyleId,
-  onFocus,
-  onBlur,
-  features,
-  config: propsConfig
-}) => {
-  var _config$shy, _config$toolsPosition, _config$selectButtonS, _config$priceText;
-
+const TypeTesterComponent = _ref => {
+  let {
+    id,
+    productId,
+    direction,
+    fontStyle,
+    viewer,
+    onSelectFontStyleId,
+    onFocus,
+    onBlur,
+    features,
+    config: propsConfig
+  } = _ref;
   const contentRef = (0, _react.useRef)(null);
   const ref = (0, _react.useRef)(null);
   const [buyButtonIsHovered, setBuyButtonIsHovered] = (0, _react.useState)(false);
@@ -99,14 +98,6 @@ const TypeTesterComponent = ({
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const sku = getSku(fontStyle);
   if (!fontStyle) return null;
-  let shy = (_config$shy = config.shy) !== null && _config$shy !== void 0 ? _config$shy : false;
-
-  if (config.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 /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fontStyle.family && fontStyle.family.cssUrl && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
     href: fontStyle.family.cssUrl
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -119,8 +110,8 @@ const TypeTesterComponent = ({
     "data-large-font-size": props.size > 72,
     "data-direction": direction,
     "data-autofit": props.autofit,
-    "data-shy": shy,
-    "data-select-button-style": (_config$selectButtonS = config.selectButtonStyle) !== null && _config$selectButtonS !== void 0 ? _config$selectButtonS : 'inline',
+    "data-shy": config.shy,
+    "data-select-button-style": config.selectButtonStyle,
     "data-alignment": props.alignment
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__toolbar"
@@ -134,16 +125,15 @@ const TypeTesterComponent = ({
       (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.focus();
     },
     config: config
-  }), ((_config$priceText = config.priceText) !== null && _config$priceText !== void 0 ? _config$priceText : false) && fontStyle.sku && /*#__PURE__*/_react.default.createElement("div", {
+  }), config.priceText && fontStyle.sku && /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__toolbar__price-text",
     onMouseDown: e => e.preventDefault()
   }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
     sku: fontStyle.sku
-  })), toolsPosition === 'inline' && /*#__PURE__*/_react.default.createElement(_TypeTesterToolbar.default, {
+  })), config.toolsPosition === 'inline' && /*#__PURE__*/_react.default.createElement(_TypeTesterToolbar.default, {
     id: id,
-    features: features,
-    config: config
-  }), config.buyButton && sku && /*#__PURE__*/_react.default.createElement("div", {
+    features: features
+  }), config.selectButton && sku && productId && /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__select-button-wrapper",
     onMouseDown: e => e.preventDefault()
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -158,31 +148,30 @@ const TypeTesterComponent = ({
     className: "type-tester__price"
   }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
     sku: sku
-  })))))), toolsPosition === 'inline' && features && /*#__PURE__*/_react.default.createElement(_TypeTesterFeatures.default, {
+  })))))), config.toolsPosition === 'inline' && features && /*#__PURE__*/_react.default.createElement(_TypeTesterFeatures.default, {
     id: id,
     fontStyle: fontStyle,
-    features: features,
-    config: config
+    features: features
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__text"
   }, /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
     fontStyle: fontStyle,
     className: "type-tester__text__font-style"
-  }, ({
-    loaded,
-    style
-  }) => {
-    if (loaded) {
-      var _config$truncate, _config$min, _config$max, _config$autofitOnChan;
+  }, _ref2 => {
+    let {
+      loaded,
+      style
+    } = _ref2;
 
+    if (loaded) {
       return /*#__PURE__*/_react.default.createElement(_TypeTesterContent.default, _extends({}, props, {
         ref: contentRef,
         fontStyles: style,
-        truncate: (_config$truncate = config.truncate) !== null && _config$truncate !== void 0 ? _config$truncate : false,
+        truncate: config.truncate,
         direction: direction,
-        min: (_config$min = config.min) !== null && _config$min !== void 0 ? _config$min : 10,
-        max: (_config$max = config.max) !== null && _config$max !== void 0 ? _config$max : 200,
-        autofitOnChange: (_config$autofitOnChan = config.autofitOnChange) !== null && _config$autofitOnChan !== void 0 ? _config$autofitOnChan : false
+        min: config.min,
+        max: config.max,
+        autofitOnChange: config.autofitOnChange
       }));
     }
 
@@ -202,10 +191,11 @@ const TypeTester = (0, _reactRelay.createFragmentContainer)(TypeTesterComponent,
   viewer: _TypeTester_viewer !== void 0 ? _TypeTester_viewer : (_TypeTester_viewer = require("../../__generated__/TypeTester_viewer.graphql"), _TypeTester_viewer.hash && _TypeTester_viewer.hash !== "a12af7126d512a50ab0b7e5e14a7d8eb" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer)
 });
 
-const TypeTesterWrapper = ({
-  fontStyleId,
-  ...rest
-}) => {
+const TypeTesterWrapper = _ref3 => {
+  let {
+    fontStyleId,
+    ...rest
+  } = _ref3;
   const [selectedFontStyleId, setSelectedFontStyleId] = (0, _react.useState)(fontStyleId);
   const environment = (0, _reactRelay.useRelayEnvironment)();
   if (!selectedFontStyleId) return null; // TODO: do we need an extra QueryRenderer here?
@@ -223,15 +213,18 @@ const TypeTesterWrapper = ({
     variables: {
       id: selectedFontStyleId
     },
-    render: ({
-      props
-    }) => /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
-      shouldUpdate: props
-    }, props && /*#__PURE__*/_react.default.createElement(TypeTester, _extends({
-      fontStyle: props.fontStyle,
-      viewer: props.viewer,
-      onSelectFontStyleId: setSelectedFontStyleId
-    }, rest)))
+    render: _ref4 => {
+      let {
+        props
+      } = _ref4;
+      return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
+        shouldUpdate: props
+      }, props && /*#__PURE__*/_react.default.createElement(TypeTester, _extends({
+        fontStyle: props.fontStyle,
+        viewer: props.viewer,
+        onSelectFontStyleId: setSelectedFontStyleId
+      }, rest)));
+    }
   });
 };
 

package/dist/components/TypeTester/useTypeTesterStyler.js

@@ -11,9 +11,10 @@ var _throttled = require("@react-hook/window-size/throttled");
 
 var _reactDeviceDetect = require("react-device-detect");
 
-const createClone = ({
-  fontStyles
-}) => {
+const createClone = _ref => {
+  let {
+    fontStyles
+  } = _ref;
   const clone = document.createElement('div');
   clone.style.display = 'inline-block';
   clone.style.whiteSpace = 'pre';
@@ -29,22 +30,23 @@ const createClone = ({
   return clone;
 };
 
-const useTypeTesterStyler = ({
-  size,
-  autofit,
-  autofitOnChange,
-  features,
-  setSize,
-  min,
-  max,
-  truncate,
-  focused,
-  lineHeight,
-  fontStyles,
-  content,
-  contentEdited,
-  alignment
-}) => {
+const useTypeTesterStyler = _ref2 => {
+  let {
+    size,
+    autofit,
+    autofitOnChange,
+    features,
+    setSize,
+    min,
+    max,
+    truncate,
+    focused,
+    lineHeight,
+    fontStyles,
+    content,
+    contentEdited,
+    alignment
+  } = _ref2;
   const ref = (0, _react.useRef)(null);
   const clone = (0, _react.useRef)(createClone({
     fontStyles

package/dist/components/TypeTesters/index.js

@@ -67,32 +67,32 @@ const getTypeTesterGroups = collection => {
   }, []);
 };
 
-const TypeTestersBase = ({
-  collection,
-  precartOpen,
-  includePriceBar,
-  defaultMode,
-  autofit,
-  onFocus,
-  onBlur,
-  onToolbarOpenClose,
-  ...rest
-}) => {
-  var _config$typeTester$to, _config$typeTester, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5, _collection$typeTeste6, _collection$typeTeste7;
-
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  let toolsPosition = (_config$typeTester$to = config === null || config === void 0 ? void 0 : (_config$typeTester = config.typeTester) === null || _config$typeTester === void 0 ? void 0 : _config$typeTester.toolsPosition) !== null && _config$typeTester$to !== void 0 ? _config$typeTester$to : 'inline';
+const TypeTestersBase = _ref => {
+  var _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5, _collection$typeTeste6, _collection$typeTeste7;
+
+  let {
+    collection,
+    precartOpen,
+    includePriceBar,
+    defaultMode,
+    autofit,
+    onFocus,
+    onBlur,
+    onToolbarOpenClose,
+    ...rest
+  } = _ref;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   if (!collection) return null;
   const testers = (_collection$typeTeste3 = collection.typeTesters) === null || _collection$typeTeste3 === void 0 ? void 0 : (_collection$typeTeste4 = _collection$typeTeste3.edges) === null || _collection$typeTeste4 === void 0 ? void 0 : _collection$typeTeste4.reduce((acc, edge) => {
-    var _config$typeTester$in, _config$typeTester2;
-
     const node = edge.node;
     acc[node.id] = {
       content: node.content,
       size: node.size ? parseFloat(node.size) : 72,
       lineHeight: node.lineHeight ? parseFloat(node.lineHeight) : 1,
       autofit,
-      alignment: (_config$typeTester$in = config === null || config === void 0 ? void 0 : (_config$typeTester2 = config.typeTester) === null || _config$typeTester2 === void 0 ? void 0 : _config$typeTester2.initialAlignment) !== null && _config$typeTester$in !== void 0 ? _config$typeTester$in : 'left'
+      alignment: config.initialAlignment
     };
     return acc;
   }, {});
@@ -100,16 +100,18 @@ const TypeTestersBase = ({
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     defaultMode: defaultMode,
     testers: testers
-  }, toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
+  }, config.toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
     testers: (_collection$typeTeste5 = (_collection$typeTeste6 = collection.typeTesters) === null || _collection$typeTeste6 === void 0 ? void 0 : (_collection$typeTeste7 = _collection$typeTeste6.edges) === null || _collection$typeTeste7 === void 0 ? void 0 : _collection$typeTeste7.map(edge => edge.node)) !== null && _collection$typeTeste5 !== void 0 ? _collection$typeTeste5 : [],
     features: collection.typeTesterFeatures,
     onToolbarOpenClose: onToolbarOpenClose
   }), getTypeTesterGroups(collection).map((typeTesterGroup, i) => {
-    var _anyTypeTester$fontSt, _anyTypeTester$fontSt2;
+    var _anyTypeTester$fontSt, _anyTypeTester$fontSt2, _collection$parent$id, _collection$parent;
 
     if (typeTesterGroup.length === 0) return null;
     const anyTypeTester = typeTesterGroup[0];
-    const currentFamilyId = (_anyTypeTester$fontSt = anyTypeTester.fontStyle) === null || _anyTypeTester$fontSt === void 0 ? void 0 : (_anyTypeTester$fontSt2 = _anyTypeTester$fontSt.family) === null || _anyTypeTester$fontSt2 === void 0 ? void 0 : _anyTypeTester$fontSt2.id;
+    const currentFamilyId = (_anyTypeTester$fontSt = anyTypeTester.fontStyle) === null || _anyTypeTester$fontSt === void 0 ? void 0 : (_anyTypeTester$fontSt2 = _anyTypeTester$fontSt.family) === null || _anyTypeTester$fontSt2 === void 0 ? void 0 : _anyTypeTester$fontSt2.id; // when clicking Select/Buy, open modal in relevant superfamily/family
+
+    const productId = (_collection$parent$id = (_collection$parent = collection.parent) === null || _collection$parent === void 0 ? void 0 : _collection$parent.id) !== null && _collection$parent$id !== void 0 ? _collection$parent$id : collection.id;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: i
     }, includePriceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
@@ -122,7 +124,7 @@ const TypeTestersBase = ({
         fontStyleId: (_node$fontStyle$id = (_node$fontStyle = node.fontStyle) === null || _node$fontStyle === void 0 ? void 0 : _node$fontStyle.id) !== null && _node$fontStyle$id !== void 0 ? _node$fontStyle$id : null,
         direction: node.direction === 'rtl' ? 'rtl' : 'ltr',
         key: j,
-        productId: collection.id,
+        productId: productId,
         onFocus: onFocus,
         onBlur: onBlur,
         features: collection.typeTesterFeatures
@@ -132,7 +134,7 @@ const TypeTestersBase = ({
 };
 
 const TypeTesters = (0, _reactRelay.createFragmentContainer)(TypeTestersBase, {
-  collection: _TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "8d4ae7b44edf5638fd2cac112aa6a3af" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection)
+  collection: _TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4ff9e6c40559c9747603613a550fc10b" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection)
 });
 
 const getDefaultMode = (stringValue, autofit) => {
@@ -141,23 +143,22 @@ const getDefaultMode = (stringValue, autofit) => {
   return 'local';
 };
 
-const TypeTestersQueryRenderer = ({
-  collectionId,
-  collectionSlug,
-  defaultMode,
-  autofit,
-  tags,
-  excludeTags,
-  onFocus,
-  onBlur,
-  onToolbarOpenClose
-}) => {
+const TypeTestersQueryRenderer = _ref2 => {
+  let {
+    collectionId,
+    collectionSlug,
+    defaultMode,
+    autofit,
+    tags,
+    excludeTags,
+    onFocus,
+    onBlur,
+    onToolbarOpenClose
+  } = _ref2;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Consumer, null, config => {
-    var _config$typeTester$pr, _config$typeTester3;
-
-    const includePriceBar = (_config$typeTester$pr = config === null || config === void 0 ? void 0 : (_config$typeTester3 = config.typeTester) === null || _config$typeTester3 === void 0 ? void 0 : _config$typeTester3.priceBar) !== null && _config$typeTester$pr !== void 0 ? _config$typeTester$pr : false;
+    const includePriceBar = config.typeTester.priceBar;
 
     if (collectionId) {
       return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
@@ -170,10 +171,11 @@ const TypeTestersQueryRenderer = ({
           tags,
           excludeTags
         },
-        render: ({
-          error,
-          props
-        }) => {
+        render: _ref3 => {
+          let {
+            error,
+            props
+          } = _ref3;
           if (error) return null;
           return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
             shouldUpdate: props
@@ -201,12 +203,13 @@ const TypeTestersQueryRenderer = ({
           tags,
           excludeTags
         },
-        render: ({
-          error,
-          props
-        }) => {
+        render: _ref4 => {
           var _props$viewer$slug$co, _props$viewer, _props$viewer$slug;
 
+          let {
+            error,
+            props
+          } = _ref4;
           if (error) return null;
           return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
             shouldUpdate: props

package/dist/components/VariableTableAmounts/index.js

@@ -13,12 +13,13 @@ var _VariableTableAmounts_variable, _VariableTableAmounts_option;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const VariableTableAmounts = ({
-  variable,
-  option
-}) => {
+const VariableTableAmounts = _ref => {
   var _variable$units;
 
+  let {
+    variable,
+    option
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "variable-table-amounts"
   }, variable === null || variable === void 0 ? void 0 : (_variable$units = variable.units) === null || _variable$units === void 0 ? void 0 : _variable$units.map((unit, i) => {

package/dist/components/elements/Button/index.js

@@ -11,14 +11,17 @@ 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 Button = ({
-  type,
-  className,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement("button", _extends({
-  className: className || 'button',
-  type: type || 'button'
-}, rest));
+const Button = _ref => {
+  let {
+    type,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("button", _extends({
+    className: className || 'button',
+    type: type || 'button'
+  }, rest));
+};
 
 var _default = Button;
 exports.default = _default;

package/dist/components/elements/StoreModalCartLayout/index.js

@@ -11,32 +11,35 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StoreModalCartLayout = ({
-  onClickCheckoutButton,
-  checkoutDisabled,
-  children: {
-    items,
-    couponCodeInput,
-    totals,
-    checkoutText
-  }
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__cart__container"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__cart__items"
-}, items), /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__cart__coupon-code-input"
-}, couponCodeInput), /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__cart__totals"
-}, totals), /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__cart__checkout"
-}, /*#__PURE__*/_react.default.createElement(_Button.default, {
-  className: "store-modal__cart__checkout-button",
-  onClick: onClickCheckoutButton,
-  disabled: checkoutDisabled
-}, checkoutText, /*#__PURE__*/_react.default.createElement("span", {
-  className: "store-modal__cart__arrow"
-}, " \u2192"))));
+const StoreModalCartLayout = _ref => {
+  let {
+    onClickCheckoutButton,
+    checkoutDisabled,
+    children: {
+      items,
+      couponCodeInput,
+      totals,
+      checkoutText
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__items"
+  }, items), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__coupon-code-input"
+  }, couponCodeInput), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__totals"
+  }, totals), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__checkout"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "store-modal__cart__checkout-button",
+    onClick: onClickCheckoutButton,
+    disabled: checkoutDisabled
+  }, checkoutText, /*#__PURE__*/_react.default.createElement("span", {
+    className: "store-modal__cart__arrow"
+  }, " \u2192"))));
+};
 
 var _default = StoreModalCartLayout;
 exports.default = _default;

package/dist/components/elements/StoreModalContainer/index.js

@@ -19,19 +19,20 @@ 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 StoreModalContainer = ({
-  onClickBackground,
-  onClickClose,
-  onClickBack,
-  onClickCart,
-  showCartButton,
-  uiFontUrl,
-  uiFontName,
-  children: {
-    backText,
-    body
-  }
-}) => {
+const StoreModalContainer = _ref => {
+  let {
+    onClickBackground,
+    onClickClose,
+    onClickBack,
+    onClickCart,
+    showCartButton,
+    uiFontUrl,
+    uiFontName,
+    children: {
+      backText,
+      body
+    }
+  } = _ref;
   const container = (0, _react.useRef)(null);
   const handleScrollToTop = (0, _react.useCallback)(() => {
     var _container$current, _container$current$sc;

package/dist/components/elements/StoreModalDownloadLayout/index.js

@@ -11,20 +11,23 @@ var _Icons = require("../../Icons");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StoreModalDownloadLayout = ({
-  archiveUrl,
-  children: {
-    message
-  }
-}) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__download__section"
-}, message), archiveUrl && /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__download__section"
-}, /*#__PURE__*/_react.default.createElement("a", {
-  target: "_blank",
-  href: archiveUrl,
-  className: "store-modal__download__button"
-}, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null), " Download your order")));
+const StoreModalDownloadLayout = _ref => {
+  let {
+    archiveUrl,
+    children: {
+      message
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__download__section"
+  }, message), archiveUrl && /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__download__section"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    target: "_blank",
+    href: archiveUrl,
+    className: "store-modal__download__button"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null), " Download your order")));
+};
 
 var _default = StoreModalDownloadLayout;
 exports.default = _default;

package/dist/components/elements/StoreModalFamily/index.js

@@ -9,25 +9,28 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StoreModalFamily = ({
-  children: {
-    stylesheet,
-    bundles,
-    familyButton,
-    styleGroups
-  }
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__family__container"
-}, stylesheet, /*#__PURE__*/_react.default.cloneElement(familyButton, {
-  className: 'store-modal__family__family-button'
-}), bundles === null || bundles === void 0 ? void 0 : bundles.map(bundle => /*#__PURE__*/_react.default.cloneElement(bundle, {
-  className: 'store-modal__family__bundle-button'
-})), styleGroups === null || styleGroups === void 0 ? void 0 : styleGroups.map((group, i) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "store-modal__family__group",
-  key: i
-}, group.map(styleButton => /*#__PURE__*/_react.default.cloneElement(styleButton, {
-  className: 'store-modal__family__style-button'
-})))));
+const StoreModalFamily = _ref => {
+  let {
+    children: {
+      stylesheet,
+      bundles,
+      familyButton,
+      styleGroups
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__family__container"
+  }, stylesheet, /*#__PURE__*/_react.default.cloneElement(familyButton, {
+    className: 'store-modal__family__family-button'
+  }), bundles === null || bundles === void 0 ? void 0 : bundles.map(bundle => /*#__PURE__*/_react.default.cloneElement(bundle, {
+    className: 'store-modal__family__bundle-button'
+  })), styleGroups === null || styleGroups === void 0 ? void 0 : styleGroups.map((group, i) => /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__family__group",
+    key: i
+  }, group.map(styleButton => /*#__PURE__*/_react.default.cloneElement(styleButton, {
+    className: 'store-modal__family__style-button'
+  })))));
+};
 
 var _default = StoreModalFamily;
 exports.default = _default;

package/dist/components/elements/StoreModalFamilyButton/index.js

@@ -15,17 +15,18 @@ 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 StoreModalFamilyButton = ({
-  selected,
-  onClick,
-  className,
-  children: {
-    name,
-    label,
-    price
-  },
-  ...rest
-}) => {
+const StoreModalFamilyButton = _ref => {
+  let {
+    selected,
+    onClick,
+    className,
+    children: {
+      name,
+      label,
+      price
+    },
+    ...rest
+  } = _ref;
   if (!price) return /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__family-button__no-price"
   });