fontdue-js 0.1.0 → 0.1.3

package/dist/components/AddToCartBanner/index.js

@@ -111,10 +111,12 @@ const AddToCartBannerQueryRenderer = params => {
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     environment: environment,
     query: _AddToCartBannerQuery !== void 0 ? _AddToCartBannerQuery : (_AddToCartBannerQuery = require("../../__generated__/AddToCartBannerQuery.graphql"), _AddToCartBannerQuery.hash && _AddToCartBannerQuery.hash !== "0ece6678652384f7938caf18b2a40be9" && console.error("The definition of 'AddToCartBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBannerQuery),
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref => {
+      let {
+        error,
+        props
+      } = _ref;
+
       if (error) {
         console.error(error);
         return null;

package/dist/components/BuyButton/index.js

@@ -25,10 +25,11 @@ 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 BuyButtonBase = ({
-  collection,
-  collectionName
-}) => {
+const BuyButtonBase = _ref => {
+  let {
+    collection,
+    collectionName
+  } = _ref;
   const store = (0, _reactRedux.useStore)();
   const components = (0, _react.useContext)(_ComponentsContext.default);
   const dispatch = (0, _reactRedux.useDispatch)();
@@ -73,11 +74,12 @@ const BuyButton = (0, _reactRelay.createFragmentContainer)(BuyButtonBase, {
   collection: _BuyButton_collection !== void 0 ? _BuyButton_collection : (_BuyButton_collection = require("../../__generated__/BuyButton_collection.graphql"), _BuyButton_collection.hash && _BuyButton_collection.hash !== "9c47030d7450494449d4aa5bda16e27e" && console.error("The definition of 'BuyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _BuyButton_collection)
 });
 
-const BuyButtonQueryRenderer = ({
-  collectionId,
-  collectionSlug,
-  ...rest
-}) => {
+const BuyButtonQueryRenderer = _ref2 => {
+  let {
+    collectionId,
+    collectionSlug,
+    ...rest
+  } = _ref2;
   const environment = (0, _reactRelay.useRelayEnvironment)();
 
   if (collectionId) {
@@ -87,10 +89,11 @@ const BuyButtonQueryRenderer = ({
       variables: {
         collectionId
       },
-      render: ({
-        error,
-        props
-      }) => {
+      render: _ref3 => {
+        let {
+          error,
+          props
+        } = _ref3;
         if (error || !props) return null;
         return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, props));
       }
@@ -104,12 +107,13 @@ const BuyButtonQueryRenderer = ({
       variables: {
         collectionSlug
       },
-      render: ({
-        error,
-        props
-      }) => {
+      render: _ref4 => {
         var _props$viewer$slug$co, _props$viewer, _props$viewer$slug;
 
+        let {
+          error,
+          props
+        } = _ref4;
         if (error || !props) return null;
         return /*#__PURE__*/_react.default.createElement(BuyButton, _extends({}, rest, {
           collection: (_props$viewer$slug$co = (_props$viewer = props.viewer) === null || _props$viewer === void 0 ? void 0 : (_props$viewer$slug = _props$viewer.slug) === null || _props$viewer$slug === void 0 ? void 0 : _props$viewer$slug.collection) !== null && _props$viewer$slug$co !== void 0 ? _props$viewer$slug$co : null

package/dist/components/BuyingOptions/index.js

@@ -11,13 +11,16 @@ var _reactRedux = require("react-redux");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BuyingOptions = ({
-  onPrecartOpen
-}) => /*#__PURE__*/_react.default.createElement("button", {
-  type: "button",
-  className: "buying-options buy-family__options__button",
-  onClick: onPrecartOpen
-}, "Buying options");
+const BuyingOptions = _ref => {
+  let {
+    onPrecartOpen
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "buying-options buy-family__options__button",
+    onClick: onPrecartOpen
+  }, "Buying options");
+};
 
 const mapDispatchToProps = dispatch => ({
   onPrecartOpen: () => dispatch({

package/dist/components/Cart/AddressFields.js

@@ -52,13 +52,16 @@ class AddressFields extends _react.default.Component {
       return `${text}${suffix}`;
     };
 
-    const countries = viewer.countries.map(({
-      code,
-      name
-    }) => ({
-      value: code,
-      label: name
-    }));
+    const countries = viewer.countries.map(_ref => {
+      let {
+        code,
+        name
+      } = _ref;
+      return {
+        value: code,
+        label: name
+      };
+    });
     const administrativeAreas = countryData && countryData.subRegions && countryData.subRegions.map(region => ({
       value: region.key,
       label: region.name

package/dist/components/Cart/CartItem/index.js

@@ -40,12 +40,13 @@ const plural = (count, singularString, pluralString) => {
 const groupSelectionsByLicense = node => {
   var _node$licenseSelectio;
 
-  return (_node$licenseSelectio = node.licenseSelections) === null || _node$licenseSelectio === void 0 ? void 0 : _node$licenseSelectio.reduce((res, {
-    license,
-    ...selection
-  }) => {
+  return (_node$licenseSelectio = node.licenseSelections) === null || _node$licenseSelectio === void 0 ? void 0 : _node$licenseSelectio.reduce((res, _ref) => {
     var _res$license$id$selec, _res$license$id;
 
+    let {
+      license,
+      ...selection
+    } = _ref;
     return { ...res,
       [license.id]: {
         license,
@@ -61,19 +62,23 @@ const productName = product => {
   return product.name;
 };
 
-const ProductName = ({
-  product
-}) => /*#__PURE__*/_react.default.createElement("h3", {
-  className: "cart-item__name"
-}, productName(product));
-
-const Variable = ({
-  selection,
-  variable,
-  onChange
-}) => {
+const ProductName = _ref2 => {
+  let {
+    product
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("h3", {
+    className: "cart-item__name"
+  }, productName(product));
+};
+
+const Variable = _ref3 => {
   var _selection$option, _selection$option2, _selection$option3, _variable$options;
 
+  let {
+    selection,
+    variable,
+    onChange
+  } = _ref3;
   if (!variable) return null;
   if (!selection.variable) return null;
   return /*#__PURE__*/_react.default.createElement("label", {
@@ -103,17 +108,20 @@ const Variable = ({
   }));
 };
 
-const getSelectionIds = ({
-  license,
-  variable,
-  option,
-  variableText
-}) => ({
-  licenseId: license.id,
-  licenseVariableId: variable ? variable.id : null,
-  licenseOptionId: option ? option.id : null,
-  variableText
-});
+const getSelectionIds = _ref4 => {
+  let {
+    license,
+    variable,
+    option,
+    variableText
+  } = _ref4;
+  return {
+    licenseId: license.id,
+    licenseVariableId: variable ? variable.id : null,
+    licenseOptionId: option ? option.id : null,
+    variableText
+  };
+};
 
 const inputFromOptionChange = (node, variableId, value) => {
   var _node$licenseSelectio2, _node$licenseSelectio3;
@@ -141,9 +149,12 @@ const inputFromOptionChange = (node, variableId, value) => {
 const inputFromLicenseRemoval = (node, licenseToRemove) => {
   var _node$licenseSelectio4, _node$licenseSelectio5;
 
-  const licenseSelections = (_node$licenseSelectio4 = (_node$licenseSelectio5 = node.licenseSelections) === null || _node$licenseSelectio5 === void 0 ? void 0 : _node$licenseSelectio5.filter(({
-    license
-  }) => license.id !== licenseToRemove.id).map(getSelectionIds)) !== null && _node$licenseSelectio4 !== void 0 ? _node$licenseSelectio4 : [];
+  const licenseSelections = (_node$licenseSelectio4 = (_node$licenseSelectio5 = node.licenseSelections) === null || _node$licenseSelectio5 === void 0 ? void 0 : _node$licenseSelectio5.filter(_ref5 => {
+    let {
+      license
+    } = _ref5;
+    return license.id !== licenseToRemove.id;
+  }).map(getSelectionIds)) !== null && _node$licenseSelectio4 !== void 0 ? _node$licenseSelectio4 : [];
   return {
     id: node.id,
     licenseSelections
@@ -180,17 +191,21 @@ const inputFromLicenseAddition = (node, licenseToAdd) => {
   };
 };
 
-const AdditionalLicenses = ({
-  licenses,
-  orderItem,
-  onAddLicense
-}) => {
+const AdditionalLicenses = _ref6 => {
   var _orderItem$licenseSel;
 
+  let {
+    licenses,
+    orderItem,
+    onAddLicense
+  } = _ref6;
   if (!licenses) return null;
-  const licenseIds = (_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(({
-    license
-  }) => license.id);
+  const licenseIds = (_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(_ref7 => {
+    let {
+      license
+    } = _ref7;
+    return license.id;
+  });
   const additionalLicenses = licenses.filter(license => !(licenseIds !== null && licenseIds !== void 0 && licenseIds.some(id => id === license.id)));
   if (additionalLicenses.length < 1) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -203,14 +218,15 @@ const AdditionalLicenses = ({
   }, license.name)));
 };
 
-const CartItemLicense = ({
-  node,
-  onChange,
-  license,
-  closeButtonMouseEnter: parentCloseButtonMouseEnter,
-  closeButtonMouseLeave: parentCloseButtonMouseLeave,
-  selections
-}) => {
+const CartItemLicense = _ref8 => {
+  let {
+    node,
+    onChange,
+    license,
+    closeButtonMouseEnter: parentCloseButtonMouseEnter,
+    closeButtonMouseLeave: parentCloseButtonMouseLeave,
+    selections
+  } = _ref8;
   if (!license) return null;
   const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
 
@@ -248,11 +264,12 @@ const CartItemLicense = ({
     }, /*#__PURE__*/_react.default.createElement(Variable, {
       selection: selection,
       onChange: value => onChange(inputFromOptionChange(node, selection.variable.id, value)),
-      variable: (_license$variables = license.variables) === null || _license$variables === void 0 ? void 0 : _license$variables.find(({
-        id
-      }) => {
+      variable: (_license$variables = license.variables) === null || _license$variables === void 0 ? void 0 : _license$variables.find(_ref9 => {
         var _selection$variable2;
 
+        let {
+          id
+        } = _ref9;
         return id === ((_selection$variable2 = selection.variable) === null || _selection$variable2 === void 0 ? void 0 : _selection$variable2.id);
       })
     }));
@@ -274,13 +291,14 @@ const productCss = product => {
   if (product.__typename === 'FontCollection') return (_product$featureStyle = product.featureStyle) === null || _product$featureStyle === void 0 ? void 0 : (_product$featureStyle2 = _product$featureStyle.family) === null || _product$featureStyle2 === void 0 ? void 0 : _product$featureStyle2.cssUrl;
 };
 
-const CartItemBase = ({
-  node,
-  viewer,
-  onChange
-}) => {
+const CartItemBase = _ref10 => {
   var _node$sku$product$tot;
 
+  let {
+    node,
+    viewer,
+    onChange
+  } = _ref10;
   const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
 
   const closeButtonMouseEnter = () => {

package/dist/components/Cart/CartOrder.js

@@ -55,17 +55,20 @@ const orderChangeInput = (order, orderItem) => order.orderItems.reduce((res, ite
   if (item.id === orderItem.id) return res.concat(orderItem);
   return res.concat({
     id: item.id,
-    licenseSelections: item.licenseSelections.map(({
-      license,
-      licenseVariable,
-      licenseOption,
-      variableText
-    }) => ({
-      licenseId: license.id,
-      licenseVariableId: licenseVariable && licenseVariable.id,
-      licenseOptionId: licenseOption && licenseOption.id,
-      variableText
-    }))
+    licenseSelections: item.licenseSelections.map(_ref => {
+      let {
+        license,
+        licenseVariable,
+        licenseOption,
+        variableText
+      } = _ref;
+      return {
+        licenseId: license.id,
+        licenseVariableId: licenseVariable && licenseVariable.id,
+        licenseOptionId: licenseOption && licenseOption.id,
+        variableText
+      };
+    })
   });
 }, [])
 /* remove order items if there are no licenses */
@@ -210,9 +213,10 @@ class CartOrderBase extends _react.default.Component {
       });
     };
 
-    this.applyCoupon = ({
-      code
-    }) => {
+    this.applyCoupon = _ref2 => {
+      let {
+        code
+      } = _ref2;
       (0, _reactRelay.commitMutation)(this.props.environment, {
         mutation: applyCouponMutation,
         variables: {

package/dist/components/Cart/CartState.js

@@ -15,10 +15,11 @@ const orderChangeMutation = _CartStateUpdateMutation !== void 0 ? _CartStateUpda
 const applyCouponMutation = _CartStateApplyCouponMutation !== void 0 ? _CartStateApplyCouponMutation : (_CartStateApplyCouponMutation = require("../../__generated__/CartStateApplyCouponMutation.graphql"), _CartStateApplyCouponMutation.hash && _CartStateApplyCouponMutation.hash !== "e6fc6e27365198e294823fe13d0aee27" && console.error("The definition of 'CartStateApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateApplyCouponMutation);
 const removeDiscountMutation = _CartStateRemoveDiscountMutation !== void 0 ? _CartStateRemoveDiscountMutation : (_CartStateRemoveDiscountMutation = require("../../__generated__/CartStateRemoveDiscountMutation.graphql"), _CartStateRemoveDiscountMutation.hash && _CartStateRemoveDiscountMutation.hash !== "808c5ea872ec3b3d78a88528112fb658" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation);
 
-const CartState = ({
-  order,
-  children
-}) => {
+const CartState = _ref => {
+  let {
+    order,
+    children
+  } = _ref;
   const [error, setError] = (0, _react.useState)(null);
   const [errors, setErrors] = (0, _react.useState)(null);
   const environment = (0, _reactRelay.useRelayEnvironment)();
@@ -47,12 +48,13 @@ const CartState = ({
       if (!item.licenseSelections) return res;
       return res.concat({
         id: item.id,
-        licenseSelections: item.licenseSelections.map(({
-          license,
-          licenseVariable,
-          licenseOption,
-          variableText
-        }) => {
+        licenseSelections: item.licenseSelections.map(_ref2 => {
+          let {
+            license,
+            licenseVariable,
+            licenseOption,
+            variableText
+          } = _ref2;
           if (!license) return null;
           return {
             licenseId: license.id,
@@ -67,9 +69,10 @@ const CartState = ({
     .filter(item => item.licenseSelections.length > 0);
     handleSubmitOrderChange(newItems);
   }, [order, handleSubmitOrderChange]);
-  const handleSubmitCoupon = (0, _react.useCallback)(({
-    code
-  }) => {
+  const handleSubmitCoupon = (0, _react.useCallback)(_ref3 => {
+    let {
+      code
+    } = _ref3;
     (0, _reactRelay.commitMutation)(environment, {
       mutation: applyCouponMutation,
       variables: {

package/dist/components/Cart/CartTotals.js

@@ -23,66 +23,72 @@ 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 PriceBlock = ({
-  label,
-  belowPrice,
-  price,
-  invert,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement("div", _extends({
-  className: "cart__price-block",
-  "data-label": label
-}, rest), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__price-block__label"
-}, label), /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__price-block__price"
-}, /*#__PURE__*/_react.default.createElement(_Price.default, {
-  price: price,
-  invert: invert
-}), belowPrice));
+const PriceBlock = _ref => {
+  let {
+    label,
+    belowPrice,
+    price,
+    invert,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: "cart__price-block",
+    "data-label": label
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__label"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__price"
+  }, /*#__PURE__*/_react.default.createElement(_Price.default, {
+    price: price,
+    invert: invert
+  }), belowPrice));
+};
 
-const CartTotals = ({
-  order,
-  onRemoveDiscount,
-  allowDiscountRemoval = true,
-  hideTotal = false
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "cart__price-blocks",
-  "data-has-discount": Boolean(order.discount),
-  "data-hide-total": hideTotal
-}, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-  label: "Subtotal:",
-  price: order.subtotal,
-  "data-line": "subtotal"
-}), order.discount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-  label: "Discount applied:",
-  price: order.discount.amount,
-  invert: true,
-  belowPrice: allowDiscountRemoval && /*#__PURE__*/_react.default.createElement("button", {
-    title: "Remove discount",
-    type: "button",
-    onClick: onRemoveDiscount,
-    className: "cart__remove-discount-button"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)),
-  "data-line": "discount"
-}), order.discount.coupon && /*#__PURE__*/_react.default.createElement("p", {
-  className: "cart__coupon-text"
-}, '(', /*#__PURE__*/_react.default.createElement(_CouponText.default, {
-  coupon: order.discount.coupon,
-  subtract: order.discount.amount ? order.discount.amount.amount : 0
-}), ')'), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-  label: "Discounted subtotal:",
-  price: order.discountedSubtotal,
-  "data-line": "discounted-subtotal"
-})), order.taxes && /*#__PURE__*/_react.default.createElement(PriceBlock, {
-  label: order.taxName ? `${order.taxName}:` : 'Taxes:',
-  price: order.taxes,
-  "data-line": "taxes"
-}), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-  label: `Total${order.gstIncluded ? ' including GST' : ''}:`,
-  price: order.total,
-  "data-line": "total"
-}));
+const CartTotals = _ref2 => {
+  let {
+    order,
+    onRemoveDiscount,
+    allowDiscountRemoval = true,
+    hideTotal = false
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-blocks",
+    "data-has-discount": Boolean(order.discount),
+    "data-hide-total": hideTotal
+  }, /*#__PURE__*/_react.default.createElement(PriceBlock, {
+    label: "Subtotal:",
+    price: order.subtotal,
+    "data-line": "subtotal"
+  }), order.discount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PriceBlock, {
+    label: "Discount applied:",
+    price: order.discount.amount,
+    invert: true,
+    belowPrice: allowDiscountRemoval && /*#__PURE__*/_react.default.createElement("button", {
+      title: "Remove discount",
+      type: "button",
+      onClick: onRemoveDiscount,
+      className: "cart__remove-discount-button"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)),
+    "data-line": "discount"
+  }), order.discount.coupon && /*#__PURE__*/_react.default.createElement("p", {
+    className: "cart__coupon-text"
+  }, '(', /*#__PURE__*/_react.default.createElement(_CouponText.default, {
+    coupon: order.discount.coupon,
+    subtract: order.discount.amount ? order.discount.amount.amount : 0
+  }), ')'), /*#__PURE__*/_react.default.createElement(PriceBlock, {
+    label: "Discounted subtotal:",
+    price: order.discountedSubtotal,
+    "data-line": "discounted-subtotal"
+  })), order.taxes && /*#__PURE__*/_react.default.createElement(PriceBlock, {
+    label: order.taxName ? `${order.taxName}:` : 'Taxes:',
+    price: order.taxes,
+    "data-line": "taxes"
+  }), /*#__PURE__*/_react.default.createElement(PriceBlock, {
+    label: `Total${order.gstIncluded ? ' including GST' : ''}:`,
+    price: order.total,
+    "data-line": "total"
+  }));
+};
 
 var _default = (0, _reactRelay.createFragmentContainer)(CartTotals, {
   order: _CartTotals_order !== void 0 ? _CartTotals_order : (_CartTotals_order = require("../../__generated__/CartTotals_order.graphql"), _CartTotals_order.hash && _CartTotals_order.hash !== "698ea8bf4dd91473e057e19df6dc51b1" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order)

package/dist/components/Cart/Checkout.js

@@ -73,11 +73,12 @@ class CheckoutFormBase extends _react.default.Component {
       });
     });
 
-    _defineProperty(this, "submitMutation", ({
-      mutation,
-      input,
-      onSuccess
-    }) => {
+    _defineProperty(this, "submitMutation", _ref => {
+      let {
+        mutation,
+        input,
+        onSuccess
+      } = _ref;
       (0, _reactRelay.commitMutation)(this.props.environment, {
         mutation,
         variables: {
@@ -104,9 +105,10 @@ class CheckoutFormBase extends _react.default.Component {
             });
           }
         },
-        onError: ({
-          message
-        }) => {
+        onError: _ref2 => {
+          let {
+            message
+          } = _ref2;
           this.setState({
             error: message,
             submitting: false
@@ -197,10 +199,12 @@ class CheckoutFormBase extends _react.default.Component {
               postal_code: billingIdentity.zip
             }
           }
-        }).then(({
-          paymentMethod,
-          error
-        }) => {
+        }).then(_ref3 => {
+          let {
+            paymentMethod,
+            error
+          } = _ref3;
+
           if (error) {
             this.setState({
               error: error.message,
@@ -218,15 +222,18 @@ class CheckoutFormBase extends _react.default.Component {
       }
     });
 
-    _defineProperty(this, "removeErrorsFromFields", (key, fields) => Object.keys(fields).forEach(field => this.setState(({
-      errorsObject
-    }) => ({
-      errorsObject: errorsObject ? {
-        [key]: { ...errorsObject[key],
-          [field]: null
-        }
-      } : null
-    }))));
+    _defineProperty(this, "removeErrorsFromFields", (key, fields) => Object.keys(fields).forEach(field => this.setState(_ref4 => {
+      let {
+        errorsObject
+      } = _ref4;
+      return {
+        errorsObject: errorsObject ? {
+          [key]: { ...errorsObject[key],
+            [field]: null
+          }
+        } : null
+      };
+    })));
 
     _defineProperty(this, "makeFieldHandler", field => fields => {
       this.removeErrorsFromFields(field, fields);
@@ -552,8 +559,8 @@ class CheckoutFormBase extends _react.default.Component {
 const CheckoutForm = (0, _injectRelayEnvironment.default)(CheckoutFormBase);
 
 class CheckoutComponent extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       refetching: false

package/dist/components/Cart/CustomerFields.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Customer {
+    name?: string;
+    email?: string;
+    newsletterOptIn?: boolean;
+}
+interface CustomerFields_props {
+    title: string;
+    value: Customer;
+    onChange: (value: Customer) => void;
+    optInLabel?: string;
+}
+declare const CustomerFields: React.FC<CustomerFields_props>;
+export default CustomerFields;