react-optimize - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

lib/react-optimize.js

@@ -107,3 +107,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _OptimizeContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OptimizeContext */ \"./src/OptimizeContext.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _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; }\n\n\n\n\n\nvar Experiment = /*#__PURE__*/function (_React$Component) {\n  _inherits(Experiment, _React$Component);\n\n  var _super = _createSuper(Experiment);\n\n  function Experiment() {\n    var _this;\n\n    _classCallCheck(this, Experiment);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n\n    _defineProperty(_assertThisInitialized(_this), \"state\", {\n      variant: null\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariantTimeout\", null);\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariant\", function (value) {\n      clearTimeout(_this.updateVariantTimeout); // if experiment not active, render original\n\n      var newVariant = value === undefined || value === null ? \"0\" : value;\n\n      if (newVariant !== _this.state.variant) {\n        _this.setState({\n          variant: newVariant\n        });\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"applyMtvExperiment\", function (value) {\n      var sections = value.split(\"-\");\n      var variant = sections[_this.props.indexSectionPosition];\n\n      _this.updateVariant(variant);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariantFromGlobalState\", function () {\n      var googleOptimizeExperimentValue = typeof window !== \"undefined\" && window.google_optimize ? window.google_optimize.get(_this.props.id) : null;\n      var isAMtvExperiment = _this.props.asMtvExperiment && googleOptimizeExperimentValue;\n\n      if (isAMtvExperiment) {\n        _this.applyMtvExperiment(googleOptimizeExperimentValue);\n      } else {\n        _this.updateVariant(googleOptimizeExperimentValue);\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"setupOptimizeCallback\", function () {\n      _this.updateVariantTimeout = setTimeout(_this.updateVariantFromGlobalState, _this.props.timeout);\n      var oldHideEnd = window.dataLayer.hide.end;\n\n      window.dataLayer.hide.end = function () {\n        _this.updateVariantFromGlobalState();\n\n        oldHideEnd && oldHideEnd();\n      };\n\n      window.gtag && window.gtag(\"event\", \"optimize.callback\", {\n        name: _this.props.id,\n        callback: _this.updateVariant\n      });\n    });\n\n    return _this;\n  }\n\n  _createClass(Experiment, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      if (!this.props.id) {\n        throw new Error(\"Please specify the experiment id\");\n      } // Delayed init\n\n\n      if (typeof window !== \"undefined\" && !window.google_optimize) {\n        if (!window.dataLayer) {\n          window.dataLayer = [];\n        }\n\n        if (!window.dataLayer.hide) {\n          window.dataLayer.hide = {\n            start: Date.now()\n          };\n        }\n\n        this.setupOptimizeCallback();\n      } else {\n        // Google Optimize already loaded, or we're doing server-side rendering\n        this.updateVariantFromGlobalState();\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      clearTimeout(this.updateVariantTimeout);\n      typeof window !== \"undefined\" && window.gtag && window.gtag(\"event\", \"optimize.callback\", {\n        name: this.props.id,\n        callback: this.updateVariant,\n        remove: true\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_OptimizeContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Provider, {\n        value: this.state.variant\n      }, this.state.variant === null ? this.props.loader : this.props.children);\n    }\n  }]);\n\n  return Experiment;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nExperiment.propTypes = {\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  loader: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  timeout: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  asMtvExperiment: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  indexSectionPosition: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nExperiment.defaultProps = {\n  loader: null,\n  timeout: 3000,\n  asMtvExperiment: false\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Experiment);\n\n//# sourceURL=webpack://react-optimize/./src/Experiment.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _OptimizeContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OptimizeContext */ \"./src/OptimizeContext.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _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; }\n\n\n\n\n\nvar Experiment = /*#__PURE__*/function (_React$Component) {\n  _inherits(Experiment, _React$Component);\n\n  var _super = _createSuper(Experiment);\n\n  function Experiment() {\n    var _this;\n\n    _classCallCheck(this, Experiment);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n\n    _defineProperty(_assertThisInitialized(_this), \"isUnmounted\", false);\n\n    _defineProperty(_assertThisInitialized(_this), \"state\", {\n      variant: null\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariantTimeout\", null);\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariant\", function (value) {\n      clearTimeout(_this.updateVariantTimeout); // if experiment not active, render original\n\n      var newVariant = value === undefined || value === null ? \"0\" : value;\n\n      if (newVariant !== _this.state.variant) {\n        _this.setState({\n          variant: newVariant\n        });\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"applyMtvExperiment\", function (value) {\n      var sections = value.split(\"-\");\n      var variant = sections[_this.props.indexSectionPosition];\n\n      _this.updateVariant(variant);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"updateVariantFromGlobalState\", function () {\n      var googleOptimizeExperimentValue = typeof window !== \"undefined\" && window.google_optimize ? window.google_optimize.get(_this.props.id) : null;\n      var isAMtvExperiment = _this.props.asMtvExperiment && googleOptimizeExperimentValue;\n\n      if (isAMtvExperiment) {\n        _this.applyMtvExperiment(googleOptimizeExperimentValue);\n      } else {\n        _this.updateVariant(googleOptimizeExperimentValue);\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"setupOptimizeCallback\", function () {\n      _this.updateVariantTimeout = setTimeout(_this.updateVariantFromGlobalState, _this.props.timeout);\n      var oldHideEnd = window.dataLayer.hide.end;\n\n      window.dataLayer.hide.end = function () {\n        if (!_this.isUnmounted) {\n          _this.updateVariantFromGlobalState();\n        }\n\n        oldHideEnd && oldHideEnd();\n      };\n\n      window.gtag && window.gtag(\"event\", \"optimize.callback\", {\n        name: _this.props.id,\n        callback: _this.updateVariant\n      });\n    });\n\n    return _this;\n  }\n\n  _createClass(Experiment, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      if (!this.props.id) {\n        throw new Error(\"Please specify the experiment id\");\n      } // Delayed init\n\n\n      if (typeof window !== \"undefined\" && !window.google_optimize) {\n        if (!window.dataLayer) {\n          window.dataLayer = [];\n        }\n\n        if (!window.dataLayer.hide) {\n          window.dataLayer.hide = {\n            start: Date.now()\n          };\n        }\n\n        this.setupOptimizeCallback();\n      } else {\n        // Google Optimize already loaded, or we're doing server-side rendering\n        this.updateVariantFromGlobalState();\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      clearTimeout(this.updateVariantTimeout);\n      this.isUnmounted = true;\n      typeof window !== \"undefined\" && window.gtag && window.gtag(\"event\", \"optimize.callback\", {\n        name: this.props.id,\n        callback: this.updateVariant,\n        remove: true\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_OptimizeContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Provider, {\n        value: this.state.variant\n      }, this.state.variant === null ? this.props.loader : this.props.children);\n    }\n  }]);\n\n  return Experiment;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nExperiment.propTypes = {\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  loader: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  timeout: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  asMtvExperiment: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  indexSectionPosition: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\nExperiment.defaultProps = {\n  loader: null,\n  timeout: 3000,\n  asMtvExperiment: false\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Experiment);\n\n//# sourceURL=webpack://react-optimize/./src/Experiment.js?");
 
@@ -132,3 +132,3 @@ /***/ }),
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _OptimizeContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OptimizeContext */ \"./src/OptimizeContext.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\nvar Variant = /*#__PURE__*/function (_React$Component) {\n  _inherits(Variant, _React$Component);\n\n  var _super = _createSuper(Variant);\n\n  function Variant() {\n    _classCallCheck(this, Variant);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Variant, [{\n    key: \"render\",\n    value: function render() {\n      var _this = this;\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_OptimizeContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Consumer, null, function (value) {\n        return value === _this.props.id ? _this.props.children : null;\n      });\n    }\n  }]);\n\n  return Variant;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nVariant.propTypes = {\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Variant);\n\n//# sourceURL=webpack://react-optimize/./src/Variant.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _OptimizeContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OptimizeContext */ \"./src/OptimizeContext.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\nvar Variant = /*#__PURE__*/function (_React$Component) {\n  _inherits(Variant, _React$Component);\n\n  var _super = _createSuper(Variant);\n\n  function Variant() {\n    _classCallCheck(this, Variant);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Variant, [{\n    key: \"render\",\n    value: function render() {\n      var _this = this;\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_OptimizeContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Consumer, null, function (value) {\n        return value === _this.props.id ? _this.props.children : null;\n      });\n    }\n  }]);\n\n  return Variant;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nVariant.propTypes = {\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Variant);\n\n//# sourceURL=webpack://react-optimize/./src/Variant.js?");
 
@@ -135,0 +135,0 @@ /***/ }),

package.json

 {
   "name": "react-optimize",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "main": "lib/react-optimize.js",
@@ -28,24 +28,24 @@ "types": "lib/react-optimize.d.ts",
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/core": "^7.14.8",
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/preset-react": "^7.12.1",
-    "@babel/register": "^7.12.1",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "all-contributors-cli": "^6.19.0",
+    "@babel/preset-env": "^7.14.9",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/register": "^7.14.5",
+    "@commitlint/cli": "^12.1.4",
+    "@commitlint/config-conventional": "^12.1.4",
+    "all-contributors-cli": "^6.20.0",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
-    "chai": "^4.2.0",
-    "copy-webpack-plugin": "^6.2.1",
-    "cross-env": "^7.0.2",
+    "babel-loader": "^8.2.2",
+    "chai": "^4.3.4",
+    "copy-webpack-plugin": "^6.4.1",
+    "cross-env": "^7.0.3",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.5",
-    "eslint": "^7.12.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
-    "husky": "^4.3.0",
-    "karma": "^5.2.3",
+    "enzyme-adapter-react-16": "^1.15.6",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "husky": "^5.2.0",
+    "karma": "^6.3.4",
     "karma-chrome-launcher": "^3.1.0",
@@ -57,10 +57,10 @@ "karma-coverage": "^2.0.3",
     "karma-webpack": "^4.0.2",
-    "mocha": "^8.2.0",
-    "prettier": "^2.1.2",
+    "mocha": "^8.4.0",
+    "prettier": "^2.3.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "semantic-release": "^17.2.2",
-    "sinon": "^9.2.1",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^4.1.0"
+    "semantic-release": "^17.4.4",
+    "sinon": "^10.0.1",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.7.2"
   },
@@ -67,0 +67,0 @@ "peerDependencies": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

29589

increased by0.57%

Lines of code

216

increased by0.47%

No dependency changes