fontdue-js 1.10.0 → 1.10.2

package/dist/components/Root/index.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-
 var _uuid = require("uuid");
-
 var _utils = require("../../utils");
-
 var _FontdueProvider = _interopRequireDefault(require("../FontdueProvider"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 Loading = () => null;
-
 const loadable = loader => (0, _reactLoadable.default)({
   loader,
   loading: Loading,
@@ -35,7 +23,6 @@ const loadable = loader => (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(Component, props);
   }
 });
-
 const customElementMap = {
   // @ts-ignore
   'fontdue-add-to-cart-banner': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner')))),
@@ -67,16 +54,13 @@ Object.keys(customElementMap).forEach(elementName => {
   // this might be more sophisticated in the future with a shadow DOM, etc,
   // but for now we just want the API to use custom tags
   class FontdueElement extends HTMLElement {}
-
   customElements.define(elementName, FontdueElement);
 });
-
 const renderCustomElement = (element, key) => {
   const Component = customElementMap[element.nodeName.toLowerCase()];
   const attributes = element.getAttributeNames();
   const props = attributes.reduce((acc, attribute) => {
     var _element$getAttribute;
-
     acc[(0, _utils.kebabToCamel)(attribute)] = (_element$getAttribute = element.getAttribute(attribute)) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : '';
     return acc;
   }, {});
@@ -84,17 +68,13 @@ const renderCustomElement = (element, key) => {
     key: key
   })), element);
 };
-
 const customElementTags = Object.keys(customElementMap);
-
 const allFontdueElements = element => customElementTags.flatMap(elementName => Array.from(element.querySelectorAll(elementName)));
-
 const getInitialElements = () => {
   const map = new Map();
   allFontdueElements(document.body).forEach(element => map.set(element, (0, _uuid.v4)()));
   return map;
 };
-
 const Root = props => {
   // use a Map here instead of an array in case we register the same element
   // more than once (otherwise we run into issues rendering the component
@@ -102,18 +82,16 @@ const Root = props => {
   const [elements, setElements] = (0, _react.useState)(getInitialElements());
   (0, _react.useEffect)(() => {
     // watch for any new or removed fontdue elements
+
     const mutationObserver = new MutationObserver(mutations => {
       mutations.forEach(mutation => {
         mutation.addedNodes.forEach(node => {
           if (!(node instanceof HTMLElement)) return;
           let newElements = [];
-
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             newElements.push(node);
           }
-
           newElements = newElements.concat(allFontdueElements(node));
-
           if (newElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
@@ -125,13 +103,10 @@ const Root = props => {
         mutation.removedNodes.forEach(node => {
           if (!(node instanceof HTMLElement)) return;
           let removedElements = [];
-
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             removedElements.push(node);
           }
-
           removedElements = removedElements.concat(allFontdueElements(node));
-
           if (removedElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
@@ -151,8 +126,10 @@ const Root = props => {
     url: props.url,
     config: props.config,
     components: props.components
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(elements).map(([el, key]) => renderCustomElement(el, key))));
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(elements).map(_ref => {
+    let [el, key] = _ref;
+    return renderCustomElement(el, key);
+  })));
 };
-
 var _default = Root;
 exports.default = _default;

package/dist/components/Root/productState.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.populateProductStateReducer = exports.populateProductState = void 0;
-
 var _reactRelay = require("react-relay");
-
 var _utils = require("../../utils");
-
 var _productState_sku, _productState_collection, _productState_bundle, _productState_node, _productState_Query;
-
 _productState_sku !== void 0 ? _productState_sku : (_productState_sku = require("../../__generated__/productState_sku.graphql"), _productState_sku.hash && _productState_sku.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku);
 _productState_collection !== void 0 ? _productState_collection : (_productState_collection = require("../../__generated__/productState_collection.graphql"), _productState_collection.hash && _productState_collection.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection);
 _productState_bundle !== void 0 ? _productState_bundle : (_productState_bundle = require("../../__generated__/productState_bundle.graphql"), _productState_bundle.hash && _productState_bundle.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle);
 _productState_node !== void 0 ? _productState_node : (_productState_node = require("../../__generated__/productState_node.graphql"), _productState_node.hash && _productState_node.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node);
 const query = _productState_Query !== void 0 ? _productState_Query : (_productState_Query = require("../../__generated__/productState_Query.graphql"), _productState_Query.hash && _productState_Query.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query);
-
 const populateProductState = (store, environment, id) => {
   const existingState = store.getState().fetchedCollectionIds;
   if (existingState && existingState.indexOf(id) >= 0) return;
@@ -29,65 +24,50 @@ const populateProductState = (store, environment, id) => {
     })
   });
 };
-
 exports.populateProductState = populateProductState;
-
-const allSkus = (collection, includeCollections = true, // include collection skus as well as bundle skus
-includeFontStyles = true) => {
+const allSkus = function (collection) {
   var _collection$fontStyle, _collection$fontStyle2;
-
+  let includeCollections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  let includeFontStyles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   let bundleSkus = [];
-
   if ('bundles' in collection) {
     var _collection$bundles$f, _collection$bundles;
-
     bundleSkus = (_collection$bundles$f = collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.flatMap(bundle => allSkus(bundle, includeCollections, includeFontStyles))) !== null && _collection$bundles$f !== void 0 ? _collection$bundles$f : [];
   }
-
   let childrenSkus = [];
-
   if ('children' in collection) {
     var _collection$children$, _collection$children;
-
     childrenSkus = (_collection$children$ = (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.flatMap(child => allSkus(child, includeCollections, includeFontStyles))) !== null && _collection$children$ !== void 0 ? _collection$children$ : [];
   }
-
   return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles ? (_collection$fontStyle = collection === null || collection === void 0 ? void 0 : (_collection$fontStyle2 = collection.fontStyles) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.map(style => style.sku)) !== null && _collection$fontStyle !== void 0 ? _collection$fontStyle : [] : []), ...bundleSkus, ...childrenSkus].filter(_utils.notEmpty);
 };
-
 const flattenSkuData = collection => {
   let bundles = {};
-
   if ('bundles' in collection && collection.bundles) {
-    bundles = collection.bundles.reduce((res, bundle) => ({ ...res,
+    bundles = collection.bundles.reduce((res, bundle) => ({
+      ...res,
       ...flattenSkuData(bundle)
     }), {});
   }
-
   let children = {};
-
   if ('children' in collection && collection.children) {
-    children = collection.children.reduce((res, child) => ({ ...res,
+    children = collection.children.reduce((res, child) => ({
+      ...res,
       ...flattenSkuData(child)
     }), {});
   }
-
   let collectionData = {};
-
   if (collection.sku) {
     var _collection$fontStyle3, _collection$fontStyle4, _collection$children$2, _collection$children2;
-
     collectionData = {
       [collection.sku.id]: {
         fontStyleIds: ((_collection$fontStyle3 = (_collection$fontStyle4 = collection.fontStyles) === null || _collection$fontStyle4 === void 0 ? void 0 : _collection$fontStyle4.map(style => style.id)) !== null && _collection$fontStyle3 !== void 0 ? _collection$fontStyle3 : []).concat('children' in collection ? (_collection$children$2 = (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : _collection$children2.flatMap(child => {
           var _child$fontStyles$map, _child$fontStyles;
-
           return (_child$fontStyles$map = (_child$fontStyles = child.fontStyles) === null || _child$fontStyles === void 0 ? void 0 : _child$fontStyles.map(style => style.id)) !== null && _child$fontStyles$map !== void 0 ? _child$fontStyles$map : [];
         })) !== null && _collection$children$2 !== void 0 ? _collection$children$2 : [] : []),
         fontStyleSkuIds: allSkus(collection, false, true).map(sku => sku.id),
         childrenSkuIds: allSkus(collection, true, false).map(sku => sku.id).filter(skuId => {
           var _collection$sku;
-
           return skuId !== ((_collection$sku = collection.sku) === null || _collection$sku === void 0 ? void 0 : _collection$sku.id);
         }),
         // exclude self
@@ -95,52 +75,52 @@ const flattenSkuData = collection => {
       }
     };
   }
-
-  return { ...collectionData,
+  return {
+    ...collectionData,
     ...children,
     ...bundles
   };
 };
-
 const flattenSkuPrices = collection => {
   return allSkus(collection).reduce((acc, sku) => {
     acc[sku.id] = sku.price.amount;
     return acc;
   }, {});
 };
-
 const populateProductStateReducer = (state, action) => {
   var _data$node, _data$node$sku$id, _data$node$sku;
-
   if (action.type !== 'POPULATE_PRODUCT_STATE') return state;
   const {
     data
   } = action;
   if (((_data$node = data.node) === null || _data$node === void 0 ? void 0 : _data$node.__typename) !== 'FontCollection') return state;
-  return { ...state,
+  return {
+    ...state,
     // {
     //   [collectionSkuId]: {
     //     childrenSkuIds: [skuId...],
     //     fontStyleSkuIds: [skuId...],
     //   }
     // }
-    collectionStyleSkus: { ...state.collectionStyleSkus,
+    collectionStyleSkus: {
+      ...state.collectionStyleSkus,
       ...flattenSkuData(data.node)
     },
     // {
     //   [skuId]: amount,
     // }
-    skuPrices: { ...state.skuPrices,
+    skuPrices: {
+      ...state.skuPrices,
       ...flattenSkuPrices(data.node)
     },
     // {
     //   [collectionId]: [skuId]
     // }
-    collectionSkus: { ...state.collectionSkus,
+    collectionSkus: {
+      ...state.collectionSkus,
       [`${data.node.id}`]: (_data$node$sku$id = (_data$node$sku = data.node.sku) === null || _data$node$sku === void 0 ? void 0 : _data$node$sku.id) !== null && _data$node$sku$id !== void 0 ? _data$node$sku$id : null
     },
     fetchedCollectionIds: state.fetchedCollectionIds.concat(data.node.id)
   };
 };
-
 exports.populateProductStateReducer = populateProductStateReducer;

package/dist/components/SKUPrice/index.js

@@ -4,45 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _reactRedux = require("react-redux");
-
 var _Price = _interopRequireDefault(require("../Price"));
-
 var _reducer = require("../../reducer");
-
 var _SKUPrice_sku, _SKUPrice_RefetchQuery;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 getSavingsMultiplier = (state, options) => {
   if (options.showCollectionSavings === false) return 1;
   if (!options.sku) return 1;
   const differences = (0, _reducer.collectionSkuIdsDifferences)(state, options.sku.id);
   const baseSkuPrice = state.skuPrices[options.sku.id];
-  const collectionWithSavings = Object.keys(differences).find(collectionSkuId => differences[collectionSkuId] <= baseSkuPrice); // we make it a multiplier since the `collectionSkuIdsDifference`
+  const collectionWithSavings = Object.keys(differences).find(collectionSkuId => differences[collectionSkuId] <= baseSkuPrice);
+
+  // we make it a multiplier since the `collectionSkuIdsDifference`
   // helper doesnt take license multiplication into account. but this
   // shouldn't matter?
-
   return collectionWithSavings ? differences[collectionWithSavings] / baseSkuPrice : 1;
 };
-
-const SKUPrice = ({
-  sku,
-  relay,
-  showCollectionSavings,
-  ...rest
-}) => {
+const SKUPrice = _ref => {
+  let {
+    sku,
+    relay,
+    showCollectionSavings,
+    ...rest
+  } = _ref;
   const savingsMultiplier = (0, _reactRedux.useSelector)(state => getSavingsMultiplier(state, {
     showCollectionSavings,
     sku
@@ -65,9 +55,7 @@ const SKUPrice = ({
     multiplier: savingsMultiplier
   }));
 };
-
 var _default = (0, _reactRelay.createRefetchContainer)(SKUPrice, {
   sku: _SKUPrice_sku !== void 0 ? _SKUPrice_sku : (_SKUPrice_sku = require("../../__generated__/SKUPrice_sku.graphql"), _SKUPrice_sku.hash && _SKUPrice_sku.hash !== "67281e010f670044ce13ef96f6899b41" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku)
 }, _SKUPrice_RefetchQuery !== void 0 ? _SKUPrice_RefetchQuery : (_SKUPrice_RefetchQuery = require("../../__generated__/SKUPrice_RefetchQuery.graphql"), _SKUPrice_RefetchQuery.hash && _SKUPrice_RefetchQuery.hash !== "41e330fec481396276d7808b1b918a35" && console.error("The definition of 'SKUPrice_RefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_RefetchQuery));
-
 exports.default = _default;

package/dist/components/Select/index.js

@@ -4,43 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icons = require("../Icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 Select = ({
-  options,
-  value,
-  nullText = 'Select',
-  ...rest
-}) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Select = _ref => {
   var _options$find;
-
+  let {
+    options,
+    value,
+    nullText = 'Select',
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", {
     className: "select"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "select__text"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.DownArrow, null), value === null ? nullText : (_options$find = options.find(({
-    value: v
-  }) => value === v)) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownArrow, null), value === null ? nullText : (_options$find = options.find(_ref2 => {
+    let {
+      value: v
+    } = _ref2;
+    return value === v;
+  })) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
     value: value !== null && value !== void 0 ? value : '',
     className: "select__select"
   }, rest), nullText && value === null && /*#__PURE__*/_react.default.createElement("option", {
     value: "",
     disabled: true
-  }, nullText), options.map(({
-    value,
-    text
-  }) => /*#__PURE__*/_react.default.createElement("option", {
-    value: value,
-    key: value
-  }, text))));
+  }, nullText), options.map(_ref3 => {
+    let {
+      value,
+      text
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement("option", {
+      value: value,
+      key: value
+    }, text);
+  })));
 };
-
 var _default = Select;
 exports.default = _default;

package/dist/components/SelectButton/index.js

@@ -4,43 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _reactRedux = require("react-redux");
-
 var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-
 var _utils = require("../../utils");
-
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-
 var _SelectButton_sku;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
-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 DefaultSelectButton = ({
-  productId,
-  innerProps: {
-    onClick,
-    ...rest
-  }
-}) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 DefaultSelectButton = _ref => {
+  let {
+    productId,
+    innerProps: {
+      onClick,
+      ...rest
+    }
+  } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);
-
   const handleClick = e => {
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
     dispatch({
@@ -54,31 +41,28 @@ const DefaultSelectButton = ({
       type: 'OPEN_CART'
     });
   };
-
   return /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
     onClick: handleClick,
     className: "select-button"
   }), config.selectButtonLabel);
 };
-
-const SelectButton = ({
-  relay,
-  productId,
-  sku,
-  ...rest
-}) => {
+const SelectButton = _ref2 => {
+  let {
+    relay,
+    productId,
+    sku,
+    ...rest
+  } = _ref2;
   const dispatch = (0, _reactRedux.useDispatch)();
   const components = (0, _react.useContext)(_ComponentsContext.default);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const selected = (0, _reactRedux.useSelector)(state => sku && (0, _utils.isSelected)(sku.id)(state));
-
   const onSelectSkuId = (skuId, selected) => dispatch({
     type: 'SELECT_SKU_ID',
     skuId,
     selected
   });
-
   return /*#__PURE__*/_react.default.createElement(ButtonComponent, {
     productId: productId,
     selected: selected,
@@ -93,9 +77,7 @@ const SelectButton = ({
     })
   });
 };
-
 var _default = (0, _reactRelay.createFragmentContainer)(SelectButton, {
   sku: _SelectButton_sku !== void 0 ? _SelectButton_sku : (_SelectButton_sku = require("../../__generated__/SelectButton_sku.graphql"), _SelectButton_sku.hash && _SelectButton_sku.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku)
 });
-
 exports.default = _default;

package/dist/components/SelectField/index.js

@@ -4,47 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactSelect = _interopRequireWildcard(require("react-select"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Input = props => /*#__PURE__*/_react.default.createElement(_reactSelect.components.Input, _extends({}, props, {
   autoComplete: "go-away"
 }));
-
-const SelectField = ({
-  label,
-  value,
-  onChange,
-  options,
-  errors
-}) => /*#__PURE__*/_react.default.createElement("label", null, label, /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
-  value: options.find(option => option.value === value) || null,
-  options: options,
-  onChange: option => onChange(option.value),
-  className: "react-select",
-  classNamePrefix: "react-select",
-  components: {
-    Input
-  },
-  filterOption: (0, _reactSelect.createFilter)({
-    ignoreCase: true,
-    ignoreAccents: true,
-    trim: true,
-    matchFrom: 'start'
-  })
-}), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
-  className: "react-select__errors"
-}, errors[0]));
-
+const SelectField = _ref => {
+  let {
+    label,
+    value,
+    onChange,
+    options,
+    errors
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("label", null, label, /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
+    value: options.find(option => option.value === value) || null,
+    options: options,
+    onChange: option => onChange(option.value),
+    className: "react-select",
+    classNamePrefix: "react-select",
+    components: {
+      Input
+    },
+    filterOption: (0, _reactSelect.createFilter)({
+      ignoreCase: true,
+      ignoreAccents: true,
+      trim: true,
+      matchFrom: 'start'
+    })
+  }), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
+    className: "react-select__errors"
+  }, errors[0]));
+};
 var _default = SelectField;
 exports.default = _default;