@quintype/components 3.8.8-only-react-v19.4 → 3.8.9-razorpay-log.0

package/dist/es/components/impl/load-more-stories-manager.js

@@ -1,17 +1,26 @@
 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";
-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; })(); }
+
+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 React from 'react';
 import { removeDuplicateStories } from '../../utils';
 export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
+  _inherits(LoadMoreStoriesManager, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(LoadMoreStoriesManager);
+
   function LoadMoreStoriesManager(props) {
     var _this;
+
     _classCallCheck(this, LoadMoreStoriesManager);
-    _this = _callSuper(this, LoadMoreStoriesManager, [props]);
+
+    _this = _super.call(this, props);
     _this.state = {
       loading: false,
       pageNumber: 1,
@@ -20,8 +29,8 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(LoadMoreStoriesManager, _React$Component);
-  return _createClass(LoadMoreStoriesManager, [{
+
+  _createClass(LoadMoreStoriesManager, [{
     key: "stories",
     value: function stories() {
       return this.props.stories.concat(this.state.moreStories);
@@ -30,6 +39,7 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     key: "loadMore",
     value: function loadMore(e) {
       var _this2 = this;
+
       e.preventDefault();
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
@@ -50,6 +60,7 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
+
       return this.props.template(Object.assign({}, this.props, {
         stories: this.stories(),
         onLoadMore: function onLoadMore(e) {
@@ -60,4 +71,6 @@ export var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
+
+  return LoadMoreStoriesManager;
 }(React.Component);

package/dist/es/components/impl/thumbor-image.js

@@ -1,27 +1,40 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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 _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 _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(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; }
+
 import omit from '@babel/runtime/helpers/objectWithoutProperties';
 import emptyWebGif from 'empty-web-gif';
+import { func } from 'prop-types';
 import { FocusedImage } from 'quintype-js';
-import React, { useState, useEffect, useRef, useContext } from 'react';
+import React from 'react';
 import { Helmet } from 'react-helmet';
-import { LazyLoadImagesContext } from '../lazy-load-images';
-import { EagerLoadImagesContext } from '../eager-load-images';
 import { USED_PARAMS, hashString } from './image-utils';
 export function responsiveProps(props) {
   var image = new FocusedImage(props.slug, props.metadata);
   var _props$priority = props.priority,
-    priority = _props$priority === void 0 ? false : _props$priority;
+      priority = _props$priority === void 0 ? false : _props$priority;
+
   function generatePath(size) {
     return '//' + props.imageCDN + '/' + image.path(props.aspectRatio, Object.assign({
       w: size
     }, props.imgParams));
   }
+
   var resolvePath = function resolvePath(size) {
     return props.shouldDecodeImage ? decodeURIComponent(generatePath(size)) : generatePath(size);
   };
+
   var imageProps = {
     src: resolvePath(props.defaultWidth),
     srcSet: props.widths ? props.widths.map(function (size) {
@@ -30,61 +43,93 @@ export function responsiveProps(props) {
     key: hashString(props.slug),
     sizes: props === null || props === void 0 ? void 0 : props.sizes
   };
+
   if (priority) {
     return _objectSpread(_objectSpread({}, imageProps), {}, {
       fetchPriority: 'high'
     });
   }
+
   return _objectSpread({}, imageProps);
 }
-export function ThumborImage(props) {
-  var lazyLoadContext = useContext(LazyLoadImagesContext);
-  var eagerLoadContext = useContext(EagerLoadImagesContext);
-  var shouldLazyLoad = function shouldLazyLoad() {
-    if (props.eager === true) {
+export var ThumborImage = /*#__PURE__*/function (_React$Component) {
+  _inherits(ThumborImage, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(ThumborImage);
+
+  function ThumborImage(props, context) {
+    var _this;
+
+    _classCallCheck(this, ThumborImage);
+
+    _this = _super.call(this, props, context);
+    _this.state = {
+      showImage: !_this.shouldLazyLoad()
+    };
+    return _this;
+  }
+
+  _createClass(ThumborImage, [{
+    key: "shouldLazyLoad",
+    value: function shouldLazyLoad() {
+      if (this.props.eager === true) {
+        return false;
+      }
+
+      if (this.context.lazyLoadEagerPredicate && this.context.lazyLoadEagerPredicate(this.props.eager)) {
+        return false;
+      }
+
+      if (this.context.lazyLoadObserveImage && this.context.lazyLoadUnobserveImage) {
+        return true;
+      }
+
       return false;
     }
-    if (eagerLoadContext.lazyLoadEagerPredicate && eagerLoadContext.lazyLoadEagerPredicate(props.eager)) {
-      return false;
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props,
+          _this2 = this;
+
+      var imageProps = this.state.showImage ? responsiveProps(this.props) : {
+        src: emptyWebGif
+      };
+      return /*#__PURE__*/React.createElement(React.Fragment, null, ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.priority) && /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("link", {
+        rel: "preload",
+        as: "image",
+        imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
+        imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
+      })), /*#__PURE__*/React.createElement(this.props.reactTag || 'img', Object.assign(imageProps, omit(this.props, USED_PARAMS), {
+        ref: function ref(dom) {
+          return _this2.dom = dom;
+        },
+        className: this.props.className ? "qt-image ".concat(this.props.className) : 'qt-image'
+      })));
     }
-    if (lazyLoadContext.lazyLoadObserveImage && lazyLoadContext.lazyLoadUnobserveImage) {
-      return true;
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.shouldLazyLoad() && this.context.lazyLoadObserveImage(this.dom, this);
     }
-    return false;
-  };
-  var _useState = useState(function () {
-      return !shouldLazyLoad();
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    showImage = _useState2[0],
-    setShowImage = _useState2[1];
-  var domRef = useRef(null);
-  var componentRef = useRef({
-    showImage: function showImage() {
-      return setShowImage(true);
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.shouldLazyLoad() && this.context.lazyLoadUnobserveImage(this.dom, this);
     }
-  });
-  useEffect(function () {
-    var lazyLoad = shouldLazyLoad();
-    if (lazyLoad && lazyLoadContext.lazyLoadObserveImage && domRef.current) {
-      lazyLoadContext.lazyLoadObserveImage(domRef.current, componentRef.current);
+  }, {
+    key: "showImage",
+    value: function showImage() {
+      this.setState({
+        showImage: true
+      });
     }
-    return function () {
-      if (lazyLoad && lazyLoadContext.lazyLoadUnobserveImage && domRef.current) {
-        lazyLoadContext.lazyLoadUnobserveImage(domRef.current, componentRef.current);
-      }
-    };
-  }, [props.eager, lazyLoadContext.lazyLoadObserveImage, lazyLoadContext.lazyLoadUnobserveImage, eagerLoadContext.lazyLoadEagerPredicate]);
-  var imageProps = showImage ? responsiveProps(props) : {
-    src: emptyWebGif
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.priority) && /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("link", {
-    rel: "preload",
-    as: "image",
-    imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
-    imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
-  })), /*#__PURE__*/React.createElement(props.reactTag || 'img', Object.assign(imageProps, omit(props, USED_PARAMS), {
-    ref: domRef,
-    className: props.className ? "qt-image ".concat(props.className) : 'qt-image'
-  })));
-}
+  }]);
+
+  return ThumborImage;
+}(React.Component);
+ThumborImage.contextTypes = {
+  lazyLoadObserveImage: func,
+  lazyLoadUnobserveImage: func,
+  lazyLoadEagerPredicate: func
+};

package/dist/es/components/infinite-scroll.js

@@ -2,29 +2,38 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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";
-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";
 
-// An item in the infinite scroll
+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 React from "react"; // An item in the infinite scroll
+
 var ScrollItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(ScrollItem, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(ScrollItem);
+
   function ScrollItem(props) {
     var _this;
+
     _classCallCheck(this, ScrollItem);
-    _this = _callSuper(this, ScrollItem, [props]);
+
+    _this = _super.call(this, props);
     _this.state = {
       minHeight: props.minHeight
     };
     return _this;
   }
-  _inherits(ScrollItem, _React$Component);
-  return _createClass(ScrollItem, [{
+
+  _createClass(ScrollItem, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this2.node = node;
@@ -54,6 +63,7 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this3 = this;
+
       this.props.observers.forEach(function (observer) {
         return observer && observer.observe(_this3.node);
       });
@@ -62,22 +72,33 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this4 = this;
+
       this.props.observers.forEach(function (observer) {
         return observer && observer.unobserve(_this4.node);
       });
     }
   }]);
+
+  return ScrollItem;
 }(React.Component); // When this becomes visible, we call loadMore()
+
+
 var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
+  _inherits(ScrollLoadMore, _React$Component2);
+
+  var _super2 = /*#__PURE__*/_createSuper(ScrollLoadMore);
+
   function ScrollLoadMore() {
     _classCallCheck(this, ScrollLoadMore);
-    return _callSuper(this, ScrollLoadMore, arguments);
+
+    return _super2.apply(this, arguments);
   }
-  _inherits(ScrollLoadMore, _React$Component2);
-  return _createClass(ScrollLoadMore, [{
+
+  _createClass(ScrollLoadMore, [{
     key: "render",
     value: function render() {
       var _this5 = this;
+
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this5.node = node;
@@ -89,6 +110,7 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this6 = this;
+
       this.props.observers.forEach(function (observer) {
         return observer && observer.observe(_this6.node);
       });
@@ -97,17 +119,28 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this7 = this;
+
       this.props.observers.forEach(function (observer) {
         return observer && observer.unobserve(_this7.node);
       });
     }
   }]);
+
+  return ScrollLoadMore;
 }(React.Component); // Basic Infinite Scroll, toggles showing items
+
+
 var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
+  _inherits(InfiniteScrollBase, _React$Component3);
+
+  var _super3 = /*#__PURE__*/_createSuper(InfiniteScrollBase);
+
   function InfiniteScrollBase(props) {
     var _this8;
+
     _classCallCheck(this, InfiniteScrollBase);
-    _this8 = _callSuper(this, InfiniteScrollBase, [props]);
+
+    _this8 = _super3.call(this, props);
     var initiallyShow = props.initiallyShow || 1;
     _this8.state = {
       visibleComponents: _toConsumableArray(Array(initiallyShow).keys()).reduce(function (arr, i) {
@@ -115,6 +148,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         return arr;
       }, {})
     };
+
     if (global.IntersectionObserver) {
       _this8.loadObserver = new IntersectionObserver(function (x) {
         return _this8.intersectionCallback(x);
@@ -122,10 +156,11 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         rootMargin: props.loadMargin || "200px 0px 500px"
       });
     }
+
     return _this8;
   }
-  _inherits(InfiniteScrollBase, _React$Component3);
-  return _createClass(InfiniteScrollBase, [{
+
+  _createClass(InfiniteScrollBase, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.loadObserver && this.loadObserver.disconnect();
@@ -134,6 +169,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     key: "intersectionCallback",
     value: function intersectionCallback(entries) {
       var _this9 = this;
+
       var visibleComponents = this.state.visibleComponents;
       entries.forEach(function (entry) {
         // Stupid browsers like UC and Mi don't correctly support the spec
@@ -144,7 +180,9 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
             return;
           }
         }
+
         var item = entry.target.getAttribute("data-infinite-scroll");
+
         if (item == 'load-more' && entry.isIntersecting) {
           _this9.props.loadNext();
         } else {
@@ -159,40 +197,53 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
   }, {
     key: "render",
     value: function render() {
-      var _this0 = this;
+      var _this10 = this;
+
       return /*#__PURE__*/React.createElement("div", null, this.props.items.map(function (data, index) {
         return /*#__PURE__*/React.createElement(ScrollItem, {
-          observers: _this0.props.observers.concat([_this0.loadObserver]),
+          observers: _this10.props.observers.concat([_this10.loadObserver]),
           key: index,
           index: index,
-          show: _this0.state.visibleComponents[index],
-          render: _this0.props.render,
+          show: _this10.state.visibleComponents[index],
+          render: _this10.props.render,
           data: data,
-          minHeight: _this0.props.minHeight || 50
+          minHeight: _this10.props.minHeight || 50
         });
       }), /*#__PURE__*/React.createElement(ScrollLoadMore, {
         observers: [this.loadObserver]
       }));
     }
   }]);
+
+  return InfiniteScrollBase;
 }(React.Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
+
+
 function withFocusObserver(Component) {
   return /*#__PURE__*/function (_React$Component4) {
+    _inherits(WithFocusObserver, _React$Component4);
+
+    var _super4 = _createSuper(WithFocusObserver);
+
     function WithFocusObserver(props) {
-      var _this1;
+      var _this11;
+
       _classCallCheck(this, WithFocusObserver);
-      _this1 = _callSuper(this, WithFocusObserver, [props]);
+
+      _this11 = _super4.call(this, props);
+
       if (global.IntersectionObserver) {
-        _this1.focusObserver = new IntersectionObserver(function (x) {
-          return _this1.focusCallback(x);
+        _this11.focusObserver = new IntersectionObserver(function (x) {
+          return _this11.focusCallback(x);
         }, {
           rootMargin: "-".concat(100 - props.focusCallbackAt, "% 0px -").concat(props.focusCallbackAt, "%")
         });
       }
-      return _this1;
+
+      return _this11;
     }
-    _inherits(WithFocusObserver, _React$Component4);
-    return _createClass(WithFocusObserver, [{
+
+    _createClass(WithFocusObserver, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         this.focusObserver && this.focusObserver.disconnect();
@@ -200,11 +251,13 @@ function withFocusObserver(Component) {
     }, {
       key: "focusCallback",
       value: function focusCallback(entries) {
-        var _this10 = this;
+        var _this12 = this;
+
         entries.forEach(function (entry) {
           var item = entry.target.getAttribute("data-infinite-scroll");
+
           if (entry.isIntersecting) {
-            _this10.props.onFocus(item);
+            _this12.props.onFocus(item);
           }
         });
       }
@@ -216,13 +269,16 @@ function withFocusObserver(Component) {
         }));
       }
     }]);
+
+    return WithFocusObserver;
   }(React.Component);
 }
-
 /**
  * This component can be used to implement InfiniteScroll. This is an internal component.
  * @private
  * @category Other
  * @component
  */
+
+
 export var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);

package/dist/es/components/infinite-story-base.js

@@ -1,15 +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";
-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; })(); }
+
+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 React from "react";
 import get from "lodash/get";
 import { InfiniteScroll } from "./infinite-scroll.js";
 import { removeDuplicateStories } from '../utils';
-
 /**
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
  *
@@ -72,11 +74,18 @@ import { removeDuplicateStories } from '../utils';
  * @component
  * @category Story Page
  */
+
 export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(InfiniteStoryBase, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(InfiniteStoryBase);
+
   function InfiniteStoryBase(props) {
     var _this;
+
     _classCallCheck(this, InfiniteStoryBase);
-    _this = _callSuper(this, InfiniteStoryBase, [props]);
+
+    _this = _super.call(this, props);
     _this.state = {
       moreItems: [],
       loading: false,
@@ -85,8 +94,8 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(InfiniteStoryBase, _React$Component);
-  return _createClass(InfiniteStoryBase, [{
+
+  _createClass(InfiniteStoryBase, [{
     key: "allItems",
     value: function allItems() {
       return [this.props.data].concat(this.state.moreItems);
@@ -95,7 +104,9 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "onFocus",
     value: function onFocus(index) {
       var _this2 = this;
+
       var item = this.allItems()[index];
+
       if (!this.props.doNotChangeUrl) {
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
         var metaTitle = get(item, ['story', 'seo', 'meta-title'], item.story.headline);
@@ -103,7 +114,9 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
         var path = this.props.changeUrlTo ? this.props.changeUrlTo(item) : storyPath;
         global.app.maybeSetUrl(path, title);
       }
+
       this.props.onItemFocus && this.props.onItemFocus(item, index);
+
       if (!this.state.seenStoryIds.includes(item.story.id)) {
         this.setState({
           seenStoryIds: this.state.seenStoryIds.concat([item.story.id])
@@ -116,6 +129,7 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "loadMore",
     value: function loadMore() {
       var _this3 = this;
+
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
       var story = get(this.props.data, ['story'], {});
@@ -137,6 +151,7 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
+
       return /*#__PURE__*/React.createElement(InfiniteScroll, {
         render: this.props.render,
         items: this.allItems(),
@@ -152,4 +167,6 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
+
+  return InfiniteStoryBase;
 }(React.Component);

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

@@ -4,7 +4,6 @@ import React from 'react';
 import { InfiniteScroll } from './infinite-scroll';
 import { string, object, func } from 'prop-types';
 import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } from './impl/collection-impl';
-
 /**
  * This component can be used to render a collection, but with the components being lazy. This takes all the same options as Collection, but with a `lazyAfter` prop.
  * This Component also accepts extra props, which will be passed down to collection templates.
@@ -28,13 +27,15 @@ import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } f
  * @category Collection Page
  * @component
  */
+
 export function LazyCollection(_ref) {
   var className = _ref.className,
-    collection = _ref.collection,
-    collectionTemplates = _ref.collectionTemplates,
-    storyTemplates = _ref.storyTemplates,
-    lazyAfter = _ref.lazyAfter,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+      collection = _ref.collection,
+      collectionTemplates = _ref.collectionTemplates,
+      storyTemplates = _ref.storyTemplates,
+      lazyAfter = _ref.lazyAfter,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(InfiniteScroll, {
@@ -48,8 +49,7 @@ export function LazyCollection(_ref) {
     },
     initiallyShow: lazyAfter,
     neverHideItem: true,
-    showAllOnLegacyBrowser: true
-    // No Op
+    showAllOnLegacyBrowser: true // No Op
     ,
     focusCallbackAt: 20,
     onFocus: function onFocus() {}