fontdue-js 0.1.0 → 0.1.1

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/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/CookieNotification/index.js

@@ -19,45 +19,53 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const DefaultCookieNotification = ({
-  onDismiss,
-  open,
-  siteTitle
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "cookie-notification",
-  "data-open": open
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "cookie-notification__container"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "cookie-notification__text-container"
-}, /*#__PURE__*/_react.default.createElement("p", {
-  className: "cookie-notification__label"
-}, siteTitle, " website uses cookies"), /*#__PURE__*/_react.default.createElement("p", {
-  className: "cookie-notification__text"
-}, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/_react.default.createElement("a", {
-  href: "/privacy-policy"
-}, "privacy policy"), ".")), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cookie-notification__button-container"
-}, /*#__PURE__*/_react.default.createElement("button", {
-  type: "button",
-  className: "cookie-notification__button",
-  onClick: onDismiss
-}, "Got it"))));
-
-const GetComponent = ({
-  name,
-  fallback,
-  children
-}) => /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => {
-  const Component = components[name] || fallback;
-  return children(Component);
-});
+const DefaultCookieNotification = _ref => {
+  let {
+    onDismiss,
+    open,
+    siteTitle
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cookie-notification",
+    "data-open": open
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cookie-notification__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cookie-notification__text-container"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "cookie-notification__label"
+  }, siteTitle, " website uses cookies"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "cookie-notification__text"
+  }, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/_react.default.createElement("a", {
+    href: "/privacy-policy"
+  }, "privacy policy"), ".")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cookie-notification__button-container"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cookie-notification__button",
+    onClick: onDismiss
+  }, "Got it"))));
+};
+
+const GetComponent = _ref2 => {
+  let {
+    name,
+    fallback,
+    children
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => {
+    const Component = components[name] || fallback;
+    return children(Component);
+  });
+};
+
+const CookieNotificationBase = _ref3 => {
+  let {
+    status,
+    siteTitle,
+    dismiss
+  } = _ref3;
 
-const CookieNotificationBase = ({
-  status,
-  siteTitle,
-  dismiss
-}) => {
   if (status === 'exited') {
     return null;
   }

package/dist/components/CouponText/index.js

@@ -17,10 +17,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 CouponText = ({
-  coupon,
-  subtract = 0
-}) => {
+const CouponText = _ref => {
+  let {
+    coupon,
+    subtract = 0
+  } = _ref;
+
   if (coupon.type === 'credit') {
     const amountRemaining = { ...coupon.creditAmountRemaining,
       amount: coupon.creditAmountRemaining.amount - subtract,

package/dist/components/Family/FamilyList.js

@@ -28,26 +28,29 @@ const translatedLangs = ['en', 'ar', 'el', 'ru'];
 
 const supportsLang = supported => lang => supported.indexOf(lang) >= 0;
 
-const FamilyList = ({
-  node,
-  text,
-  includeTranslations
-}) => /*#__PURE__*/_react.default.createElement("ul", {
-  className: "font-family-block__list",
-  style: {
-    fontFamily: node.name
-  }
-}, node.fontStyles.map((style, i) => includeTranslations ? translatedLangs.filter(supportsLang(style.supportedLanguages)).map(lang => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
-  fontStyle: style,
-  Component: "li",
-  key: i + lang,
-  className: "font-family-block__list__item"
-}, /*#__PURE__*/_react.default.createElement("span", null, translateStyle(text || style.name, lang), " "))) : /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
-  fontStyle: style,
-  Component: "li",
-  key: i,
-  className: "font-family-block__list__item"
-}, /*#__PURE__*/_react.default.createElement("span", null, text || style.name, " "))));
+const FamilyList = _ref => {
+  let {
+    node,
+    text,
+    includeTranslations
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: "font-family-block__list",
+    style: {
+      fontFamily: node.name
+    }
+  }, node.fontStyles.map((style, i) => includeTranslations ? translatedLangs.filter(supportsLang(style.supportedLanguages)).map(lang => /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    fontStyle: style,
+    Component: "li",
+    key: i + lang,
+    className: "font-family-block__list__item"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translateStyle(text || style.name, lang), " "))) : /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    fontStyle: style,
+    Component: "li",
+    key: i,
+    className: "font-family-block__list__item"
+  }, /*#__PURE__*/_react.default.createElement("span", null, text || style.name, " "))));
+};
 
 var _default = (0, _reactRelay.createFragmentContainer)(FamilyList, {
   node: _FamilyList_node !== void 0 ? _FamilyList_node : (_FamilyList_node = require("../../__generated__/FamilyList_node.graphql"), _FamilyList_node.hash && _FamilyList_node.hash !== "c5a85886573109526219a27d22905425" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node)

package/dist/components/Family/index.js

@@ -30,8 +30,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 class FamilyBase extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       buyButtonIsHovered: false
@@ -106,12 +106,15 @@ class FamilyBase extends _react.default.Component {
 
 }
 
-const mapStateToProps = (state, {
-  node
-}) => ({
-  precartOpen: state.precartOpen,
-  selected: node.sku && (0, _reducer.isSelected)(node.sku.id)(state)
-});
+const mapStateToProps = (state, _ref) => {
+  let {
+    node
+  } = _ref;
+  return {
+    precartOpen: state.precartOpen,
+    selected: node.sku && (0, _reducer.isSelected)(node.sku.id)(state)
+  };
+};
 
 const Family = (0, _reactRelay.createFragmentContainer)((0, _reactRedux.connect)(mapStateToProps)(FamilyBase), {
   node: _Family_node !== void 0 ? _Family_node : (_Family_node = require("../../__generated__/Family_node.graphql"), _Family_node.hash && _Family_node.hash !== "b51af1e6bc979d5219f04c848dc3d76d" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node)

package/dist/components/FontFamilies/index.js

@@ -25,12 +25,13 @@ 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 FontFamiliesBase = ({
-  node,
-  includeTranslations
-}) => {
+const FontFamiliesBase = _ref => {
   var _node$families;
 
+  let {
+    node,
+    includeTranslations
+  } = _ref;
   if (!node) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "font-families"
@@ -51,10 +52,11 @@ const FontFamilies = (0, _reactRelay.createFragmentContainer)(FontFamiliesBase,
   node: _FontFamilies_node !== void 0 ? _FontFamilies_node : (_FontFamilies_node = require("../../__generated__/FontFamilies_node.graphql"), _FontFamilies_node.hash && _FontFamilies_node.hash !== "472d13cd7851f2c92785410aae4acf45" && console.error("The definition of 'FontFamilies_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamilies_node)
 });
 
-const FontFamiliesQueryRenderer = ({
-  collectionId,
-  ...rest
-}) => {
+const FontFamiliesQueryRenderer = _ref2 => {
+  let {
+    collectionId,
+    ...rest
+  } = _ref2;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const store = (0, _reactRedux.useStore)();
   (0, _react.useEffect)(() => {
@@ -69,10 +71,11 @@ const FontFamiliesQueryRenderer = ({
     variables: {
       collectionId
     },
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref3 => {
+      let {
+        error,
+        props
+      } = _ref3;
       if (error) return /*#__PURE__*/_react.default.createElement("div", null, error.message);
 
       if (props) {

package/dist/components/FontStyle/index.js

@@ -15,15 +15,16 @@ var _FontStyle_fontStyle;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const FontStyle = ({
-  Component = 'div',
-  fontStyle,
-  style,
-  children,
-  relay,
-  // eslint-disable-line
-  ...rest
-}) => {
+const FontStyle = _ref => {
+  let {
+    Component = 'div',
+    fontStyle,
+    style,
+    children,
+    relay,
+    // eslint-disable-line
+    ...rest
+  } = _ref;
   const {
     cssFamily,
     name