@quintype/components 3.8.7 → 3.8.8-only-react-v19.1

package/dist/es/components/story-elements/youtube.js

@@ -1,19 +1,13 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _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); }; }
-
-function _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; } }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import getYouTubeID from 'get-youtube-id';
 import { bool, func, object } from 'prop-types';
 import React from 'react';
@@ -21,26 +15,20 @@ import { disconnectObserver, getQliticsSchema, initiateNewObserver } from '../..
 import { WithLazy } from '../with-lazy';
 var YouTube = null;
 var loaderPromise = null;
-
 function loadLibrary() {
   if (loaderPromise === null) {
-    loaderPromise = import(
-    /* webpackChunkName: "qtc-react-youtube" */
-    'react-youtube').then(function (YT) {
+    loaderPromise = import(/* webpackChunkName: "qtc-react-youtube" */'react-youtube').then(function (YT) {
       YouTube = YT["default"];
     })["catch"](function (err) {
       console.log('Failed to load react-youtube', err);
       return Promise.reject();
     });
   }
-
   return loaderPromise;
 }
-
 function isLibraryLoaded() {
   return YouTube !== null;
 }
-
 function getYoutubeButton(onClick) {
   return /*#__PURE__*/React.createElement("button", {
     onClick: onClick,
@@ -60,118 +48,88 @@ function getYoutubeButton(onClick) {
     fill: "white"
   })));
 }
-
 var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomStoryElementYoutube, _React$Component);
-
-  var _super = /*#__PURE__*/_createSuper(CustomStoryElementYoutube);
-
   function CustomStoryElementYoutube(props) {
     var _this;
-
     _classCallCheck(this, CustomStoryElementYoutube);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "initiateObserver", function (targetElement) {
+    _this = _callSuper(this, CustomStoryElementYoutube, [props]);
+    _defineProperty(_this, "initiateObserver", function (targetElement) {
       _this.removeObserverIfExists();
-
       _this.intersectionObserver = new IntersectionObserver(_this.intersectionCallback, {
         threshold: 0.75
       });
-
       _this.intersectionObserver.observe(targetElement);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "triggerQlitics", function (action) {
+    _defineProperty(_this, "triggerQlitics", function (action) {
       if (_this.props.disableAnalytics === true) return false;
       var _this$props = _this.props,
-          _this$props$story = _this$props.story,
-          story = _this$props$story === void 0 ? {} : _this$props$story,
-          _this$props$card = _this$props.card,
-          card = _this$props$card === void 0 ? {} : _this$props$card,
-          _this$props$element = _this$props.element,
-          element = _this$props$element === void 0 ? {} : _this$props$element;
-
+        _this$props$story = _this$props.story,
+        story = _this$props$story === void 0 ? {} : _this$props$story,
+        _this$props$card = _this$props.card,
+        card = _this$props$card === void 0 ? {} : _this$props$card,
+        _this$props$element = _this$props.element,
+        element = _this$props$element === void 0 ? {} : _this$props$element;
       var qliticsData = _objectSpread(_objectSpread({}, getQliticsSchema(story, card, element)), {
         'story-element-action': action
       });
-
       if (global.qlitics) {
         global.qlitics('track', 'story-element-action', qliticsData);
       } else {
         global.qlitics = global.qlitics || function () {
           (qlitics.q = qlitics.q || []).push(arguments);
         };
-
         qlitics.qlitics.q.push('track', 'story-element-action', qliticsData);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onPlayCallback", function (event) {
+    _defineProperty(_this, "onPlayCallback", function (event) {
       _this.triggerQlitics('play');
-
       _this.props.onPlay === 'function' && _this.props.onPlay(event);
       _this.videoRef.current = event.target;
-
       var targetElement = _this.videoRef.current.getIframe();
-
       if (_this.intersectionObserver) {
         _this.intersectionObserver.observe(targetElement);
       } else {
         _this.intersectionObserver = initiateNewObserver(targetElement, _this.intersectionCallback);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "intersectionCallback", function (entries) {
+    _defineProperty(_this, "intersectionCallback", function (entries) {
       var videoInVewPort = entries === null || entries === void 0 ? void 0 : entries[0].isIntersecting;
       var player = _this.videoRef.current;
       if (videoInVewPort) player.playVideo();else {
         _this.videoPausedByObserver.current = true; // before the below line fires the pause event we set the videoPausedByObserver Ref to true, this lets the pause events callback to know that the video is not click-paused by the user but paused by the intersection observer
-
         player.pauseVideo();
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onPauseCallback", function (event) {
+    _defineProperty(_this, "onPauseCallback", function (event) {
       _this.triggerQlitics('pause');
-
       _this.props.onPause === 'function' && _this.props.onPause(event);
       var videoPausedByObserver = _this.videoPausedByObserver.current;
-
       if (videoPausedByObserver) {
         _this.videoPausedByObserver.current = false; // This is a clean up to set videoPausedByObserver back to false
       } else {
         disconnectObserver(_this.intersectionObserver);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onEndCallback", function (event) {
+    _defineProperty(_this, "onEndCallback", function (event) {
       _this.triggerQlitics('end');
-
       _this.props.onEnd === 'function' && _this.props.onEnd(event);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "triggerIframe", function () {
+    _defineProperty(_this, "triggerIframe", function () {
       _this._isMounted = true;
       loadLibrary().then(function () {
         return _this._isMounted && _this.forceUpdate();
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
+    _defineProperty(_this, "onPlayerReady", function (event) {
       event.target.setVolume(100);
       event.target.playVideo();
     });
-
-    _defineProperty(_assertThisInitialized(_this), "renderVideo", function () {
+    _defineProperty(_this, "renderVideo", function () {
       _this.triggerIframe();
-
       _this.setState({
         showVideo: true
       });
     });
-
     _this.state = {
       showVideo: false
     };
@@ -182,11 +140,10 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     };
     _this.videoRef = /*#__PURE__*/React.createRef();
     _this.videoPausedByObserver = /*#__PURE__*/React.createRef(); // To check if the video is not click paused by user but paused by intersection observer, Its implemented this way because we cannot capture the click-pause event as videos are playing in iframe
-
     return _this;
   }
-
-  _createClass(CustomStoryElementYoutube, [{
+  _inherits(CustomStoryElementYoutube, _React$Component);
+  return _createClass(CustomStoryElementYoutube, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -203,7 +160,6 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var youtubeIframe = function youtubeIframe() {
         return /*#__PURE__*/React.createElement(YouTube, {
           videoId: getYouTubeID(_this2.props.element.url),
@@ -215,7 +171,6 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
           ref: _this2.videoRef
         });
       };
-
       if (this.props.loadIframeOnClick) {
         return /*#__PURE__*/React.createElement("div", {
           className: "thumbnail-wrapper"
@@ -232,10 +187,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       } else return /*#__PURE__*/React.createElement("div", null);
     }
   }]);
-
-  return CustomStoryElementYoutube;
 }(React.Component);
-
 var StoryElementYoutube = function StoryElementYoutube(props) {
   return /*#__PURE__*/React.createElement(WithLazy, {
     margin: "0px"
@@ -243,5 +195,4 @@ var StoryElementYoutube = function StoryElementYoutube(props) {
     return /*#__PURE__*/React.createElement(CustomStoryElementYoutube, props);
   });
 };
-
 export default StoryElementYoutube;

package/dist/es/components/update-on-interval.js

@@ -1,17 +1,15 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _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); }; }
-
-function _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; } }
-
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { any, func, number } from 'prop-types';
 import React from 'react';
+
 /**
  * This render props component willupdate it's children via props while executing data loaders sent as props to the component.
  *
@@ -39,26 +37,19 @@ import React from 'react';
  * @hideconstructor
  * @category Other
  */
-
 export var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
-  _inherits(UpdateOnInterval, _React$Component);
-
-  var _super = /*#__PURE__*/_createSuper(UpdateOnInterval);
-
   function UpdateOnInterval(props) {
     var _this;
-
     _classCallCheck(this, UpdateOnInterval);
-
-    _this = _super.call(this, props);
+    _this = _callSuper(this, UpdateOnInterval, [props]);
     _this.fetchIntervalIndex = -1;
     _this.state = {
       data: _this.props.initData
     };
     return _this;
   }
-
-  _createClass(UpdateOnInterval, [{
+  _inherits(UpdateOnInterval, _React$Component);
+  return _createClass(UpdateOnInterval, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.registerInterval();
@@ -72,7 +63,6 @@ export var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
     key: "registerInterval",
     value: function registerInterval() {
       var _this2 = this;
-
       this.fetchIntervalIndex = setInterval(function () {
         return _this2.setData();
       }, this.props.interval);
@@ -85,46 +75,37 @@ export var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "setData",
     value: function () {
-      var _setData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(typeof this.props.dataLoader === 'function')) {
-                  _context.next = 6;
-                  break;
-                }
-
-                _context.next = 3;
-                return this.props.dataLoader();
-
-              case 3:
-                _context.t0 = _context.sent;
-                _context.next = 7;
+      var _setData = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var data, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(typeof this.props.dataLoader === 'function')) {
+                _context.next = 2;
                 break;
-
-              case 6:
-                _context.t0 = {};
-
-              case 7:
-                data = _context.t0;
-                this.setState({
-                  data: data
-                });
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.next = 1;
+              return this.props.dataLoader();
+            case 1:
+              _t = _context.sent;
+              _context.next = 3;
+              break;
+            case 2:
+              _t = {};
+            case 3:
+              data = _t;
+              this.setState({
+                data: data
+              });
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
-
       function setData() {
         return _setData.apply(this, arguments);
       }
-
       return setData;
     }()
   }, {
@@ -137,8 +118,6 @@ export var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
-  return UpdateOnInterval;
 }(React.Component);
 UpdateOnInterval.defaultProps = {
   interval: 30000,

package/dist/es/components/with-client-side-only.js

@@ -1,5 +1,6 @@
 import { connect } from "react-redux";
 import { mapStateToProps, mapDispatchToProps } from './impl/client-side-only-impl';
+
 /**
  * This component calls the render prop with `clientSideRendered` = true if the client side is completely loaded, and false during SSR and initial bootup.
  *
@@ -15,13 +16,11 @@ import { mapStateToProps, mapDispatchToProps } from './impl/client-side-only-imp
  * @component
  * @category Other
  */
-
 export var WithClientSideOnly = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(WithClientSideOnlyBase);
-
 function WithClientSideOnlyBase(_ref) {
   var _ref$clientSideRender = _ref.clientSideRendered,
-      clientSideRendered = _ref$clientSideRender === void 0 ? false : _ref$clientSideRender,
-      children = _ref.children;
+    clientSideRendered = _ref$clientSideRender === void 0 ? false : _ref$clientSideRender,
+    children = _ref.children;
   return children({
     clientSideRendered: clientSideRendered
   });

package/dist/es/components/with-error.js

@@ -1,20 +1,17 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _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); }; }
-
-function _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; } }
-
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-
 function defaultErrorFn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: "qt-error"
   });
 }
+
 /**
  * This function can be used to generate a wrapper component that implements `componentDidCatch()`.
  *
@@ -35,28 +32,20 @@ function defaultErrorFn(props) {
  * @category Other
  * @returns {Component} A component with errors caught
  */
-
-
 export function withError(clazz) {
   var errorFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultErrorFn;
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(WithError, _React$Component);
-
-    var _super = _createSuper(WithError);
-
     function WithError(props) {
       var _this;
-
       _classCallCheck(this, WithError);
-
-      _this = _super.call(this, props);
+      _this = _callSuper(this, WithError, [props]);
       _this.state = {
         errored: false
       };
       return _this;
     }
-
-    _createClass(WithError, [{
+    _inherits(WithError, _React$Component);
+    return _createClass(WithError, [{
       key: "componentDidCatch",
       value: function componentDidCatch(e) {
         console && e && console.log("Caught Exception: ".concat(e.message || e));
@@ -83,7 +72,5 @@ export function withError(clazz) {
         }
       }
     }]);
-
-    return WithError;
   }(React.Component);
 }

package/dist/es/components/with-host-url.js

@@ -1,34 +1,31 @@
 import { func, string } from "prop-types";
 import { connect } from "react-redux";
-
 function WithHostUrlBase(_ref) {
   var children = _ref.children,
-      primaryHostUrl = _ref.primaryHostUrl,
-      currentHostUrl = _ref.currentHostUrl;
+    primaryHostUrl = _ref.primaryHostUrl,
+    currentHostUrl = _ref.currentHostUrl;
   return children({
     primaryHostUrl: primaryHostUrl,
     currentHostUrl: currentHostUrl
   });
 }
-
 WithHostUrlBase.propTypes = {
   children: func.isRequired,
   primaryHostUrl: string,
   currentHostUrl: string
 };
-
 function mapStateToProps(_ref2) {
   var _ref2$qt = _ref2.qt,
-      qt = _ref2$qt === void 0 ? {} : _ref2$qt;
+    qt = _ref2$qt === void 0 ? {} : _ref2$qt;
   return {
     primaryHostUrl: qt.primaryHostUrl,
     currentHostUrl: qt.currentHostUrl
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {};
 }
+
 /**
  * This component can be used to get access to the `currentHostUrl` and `primaryHostUrl`, as configured within the editor.
  *
@@ -46,6 +43,4 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Other
  */
-
-
 export var WithHostUrl = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(WithHostUrlBase);

package/dist/es/components/with-lazy.js

@@ -1,15 +1,13 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _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); }; }
-
-function _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; } }
-
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { func, number, string } from 'prop-types';
 import React from 'react';
+
 /**
  * This component can be used to load some DOM just before it scrolls into the screen. Currently, it does not support unloading. The `margin` prop is passed to `IntersectionObserver`.
  *
@@ -25,26 +23,19 @@ import React from 'react';
  * @hideconstructor
  * @category Other
  */
-
 export var WithLazy = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithLazy, _React$Component);
-
-  var _super = /*#__PURE__*/_createSuper(WithLazy);
-
   function WithLazy(props) {
     var _this;
-
     _classCallCheck(this, WithLazy);
-
-    _this = _super.call(this, props);
+    _this = _callSuper(this, WithLazy, [props]);
     _this.state = {
       loaded: false
     };
     _this.observerRef = /*#__PURE__*/React.createRef();
     return _this;
   }
-
-  _createClass(WithLazy, [{
+  _inherits(WithLazy, _React$Component);
+  return _createClass(WithLazy, [{
     key: "render",
     value: function render() {
       if (this.state.loaded) {
@@ -62,7 +53,6 @@ export var WithLazy = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.observer = new global.IntersectionObserver(function (entries, observer) {
         return _this2.observerCallback(entries, observer);
       }, {
@@ -79,18 +69,14 @@ export var WithLazy = /*#__PURE__*/function (_React$Component) {
     key: "observerCallback",
     value: function observerCallback(entries, observer) {
       var _this3 = this;
-
       entries.forEach(function (entry) {
         if (entry.isIntersecting || entry.isIntersecting === undefined) {
           _this3.setState({
             loaded: true
           });
-
           observer.disconnect();
         }
       });
     }
   }]);
-
-  return WithLazy;
 }(React.Component);