@quintype/components 3.0.3-test-react18.0 → 3.0.3-test-react18.1

package/dist/cjs/index.js

@@ -95,36 +95,28 @@ var apiClient = /*#__PURE__*/wretch__default["default"]().options({
 });
 function getRequest(url, params) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref$mountAt = _ref.mountAt,
-      mountAt = _ref$mountAt === void 0 ? global.qtMountAt || "" : _ref$mountAt;
-
+    _ref$mountAt = _ref.mountAt,
+    mountAt = _ref$mountAt === void 0 ? global.qtMountAt || "" : _ref$mountAt;
   var client = apiClient.url("".concat(mountAt).concat(url));
   if (params) client = client.query(params);
   return client.get();
 }
 function postRequest(url, body) {
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref2$mountAt = _ref2.mountAt,
-      mountAt = _ref2$mountAt === void 0 ? global.qtMountAt || "" : _ref2$mountAt;
-
+    _ref2$mountAt = _ref2.mountAt,
+    mountAt = _ref2$mountAt === void 0 ? global.qtMountAt || "" : _ref2$mountAt;
   return apiClient.url("".concat(mountAt).concat(url)).post(body);
 }
 
 function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$p() { 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; } }
-
 var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](BreakingNewsBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$p(BreakingNewsBase);
-
   function BreakingNewsBase() {
     _classCallCheck__default["default"](this, BreakingNewsBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](BreakingNewsBase, [{
     key: "render",
     value: function render() {
@@ -134,7 +126,6 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
     key: "updateBreakingNews",
     value: function updateBreakingNews() {
       var _this = this;
-
       getRequest('/api/v1/breaking-news').json(function (response) {
         return _this.props.breakingNewsUpdated(response.stories);
       });
@@ -143,7 +134,6 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.interval = global.setInterval(function () {
         return _this2.updateBreakingNews();
       }, this.props.updateInterval || 60000);
@@ -155,10 +145,8 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
       global.clearInterval(this.interval);
     }
   }]);
-
   return BreakingNewsBase;
 }(React__default["default"].Component);
-
 function mapStateToProps$b(state) {
   return {
     config: state.qt.config || {},
@@ -166,7 +154,6 @@ function mapStateToProps$b(state) {
     breakingNewsLoaded: state.breakingNewsLoaded || false
   };
 }
-
 function mapDispatchToProps$8(dispatch) {
   return {
     breakingNewsUpdated: function breakingNewsUpdated(stories) {
@@ -177,6 +164,7 @@ function mapDispatchToProps$8(dispatch) {
     }
   };
 }
+
 /**
  * This component will automatically fetch breaking news every 30 seconds, and render the provided view.
  *
@@ -191,16 +179,14 @@ function mapDispatchToProps$8(dispatch) {
  * @component
  * @category Header
  */
-
-
 var BreakingNews = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatchToProps$8)(BreakingNewsBase);
 
 var _excluded$2 = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
-
 var preventDefaultImpl = function preventDefaultImpl(e) {
   e.preventDefault();
   e.stopPropagation();
 };
+
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  * LinkBase is not connected to the store or plugged to context, this is used as an alternative for usecases such as partial hydration where context is lost.
@@ -212,21 +198,18 @@ var preventDefaultImpl = function preventDefaultImpl(e) {
  * @category Other
  * @component
  */
-
-
 var LinkBase = function LinkBase(_ref) {
   var navigateToImpl = _ref.navigateToImpl,
-      externalLink = _ref.externalLink,
-      callback = _ref.callback,
-      href = _ref.href,
-      currentHostUrl = _ref.currentHostUrl,
-      navigateTo = _ref.navigateTo,
-      _ref$preventDefault = _ref.preventDefault,
-      preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
-      _ref$disableAjaxLinks = _ref.disableAjaxLinks,
-      disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
-      otherProps = omit__default["default"](_ref, _excluded$2);
-
+    externalLink = _ref.externalLink,
+    callback = _ref.callback,
+    href = _ref.href,
+    currentHostUrl = _ref.currentHostUrl,
+    navigateTo = _ref.navigateTo,
+    _ref$preventDefault = _ref.preventDefault,
+    preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
+    _ref$disableAjaxLinks = _ref.disableAjaxLinks,
+    disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
+    otherProps = omit__default["default"](_ref, _excluded$2);
   navigateTo = navigateTo || navigateToImpl;
   return /*#__PURE__*/React__default["default"].createElement("a", Object.assign(otherProps, {
     href: href,
@@ -234,21 +217,16 @@ var LinkBase = function LinkBase(_ref) {
       if (disableAjaxLinks || e.ctrlKey || e.metaKey || e.shiftKey) {
         return;
       }
-
       var relativeLink = href.startsWith(currentHostUrl) ? href.replace(currentHostUrl, "") : href;
-
       if (!relativeLink.startsWith("/")) {
         return;
       }
-
       preventDefault(e);
-
       if (externalLink) {
         global.open(externalLink, "_blank");
       } else {
         navigateTo(relativeLink);
       }
-
       typeof callback === "function" && callback(e);
     }
   }));
@@ -259,7 +237,6 @@ var mapStateToProps$a = function mapStateToProps(state) {
     currentHostUrl: state.qt && state.qt.currentHostUrl
   };
 };
-
 var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
   return {
     navigateToImpl: function navigateToImpl(url) {
@@ -267,6 +244,7 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  *
@@ -277,8 +255,6 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
  * @category Other
  * @component
  */
-
-
 var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$a, mapDispatchToProps$7)(LinkBase);
 
 /**
@@ -294,12 +270,10 @@ var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$a, mapDispatchToProps
  * @component
  * @category Header
  */
-
 function BreakingNewsItem(_ref) {
   var item = _ref.item,
-      className = _ref.className;
+    className = _ref.className;
   var linkedStorySlug = get__default["default"](item, ['metadata', 'linked-story-slug']);
-
   if (linkedStorySlug) {
     return /*#__PURE__*/React__default["default"].createElement(Link, {
       className: className,
@@ -322,20 +296,14 @@ function mapDispatchToProps$6(dispatch) {
 }
 
 function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$o() { 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; } }
-
 var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ClientSideOnlyBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$o(ClientSideOnlyBase);
-
   function ClientSideOnlyBase() {
     _classCallCheck__default["default"](this, ClientSideOnlyBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](ClientSideOnlyBase, [{
     key: "render",
     value: function render() {
@@ -350,30 +318,26 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return ClientSideOnlyBase;
-}(React__default["default"].Component);
-/**
- * This component will be loaded by client, and bypassed when doing server side rendering.
- *
- * Example
- * ```javascript
- * import { ClientSideOnly } from '@quintype/components';
- * <ClientSideOnly>
- *   This will be shown only on the client side
- * </ClientSideOnly>
- * ```
- * @see {@link WithClientSideOnly} for a render props version of this component
- * @component
- * @category Other
- */
-
-
+}(React__default["default"].Component); /**
+                     * This component will be loaded by client, and bypassed when doing server side rendering.
+                     *
+                     * Example
+                     * ```javascript
+                     * import { ClientSideOnly } from '@quintype/components';
+                     * <ClientSideOnly>
+                     *   This will be shown only on the client side
+                     * </ClientSideOnly>
+                     * ```
+                     * @see {@link WithClientSideOnly} for a render props version of this component
+                     * @component
+                     * @category Other
+                     */
 var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(ClientSideOnlyBase);
 
 function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$n() { 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; } }
+
 /**
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
  *
@@ -381,18 +345,13 @@ function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !
  * @component
  * @category Images
  */
-
 var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](EagerLoadImages, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$n(EagerLoadImages);
-
   function EagerLoadImages() {
     _classCallCheck__default["default"](this, EagerLoadImages);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](EagerLoadImages, [{
     key: "getChildContext",
     value: function getChildContext() {
@@ -408,7 +367,6 @@ var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-
   return EagerLoadImages;
 }(React__default["default"].Component);
 EagerLoadImages.childContextTypes = {
@@ -416,14 +374,13 @@ EagerLoadImages.childContextTypes = {
 };
 
 function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$m() { 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 defaultErrorFn(props) {
   return /*#__PURE__*/React__default["default"].createElement("span", {
     className: "qt-error"
   });
 }
+
 /**
  * This function can be used to generate a wrapper component that implements `componentDidCatch()`.
  *
@@ -444,27 +401,20 @@ function defaultErrorFn(props) {
  * @category Other
  * @returns {Component} A component with errors caught
  */
-
-
 function withError(clazz) {
   var errorFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultErrorFn;
   return /*#__PURE__*/function (_React$Component) {
     _inherits__default["default"](WithError, _React$Component);
-
     var _super = _createSuper$m(WithError);
-
     function WithError(props) {
       var _this;
-
       _classCallCheck__default["default"](this, WithError);
-
       _this = _super.call(this, props);
       _this.state = {
         errored: false
       };
       return _this;
     }
-
     _createClass__default["default"](WithError, [{
       key: "componentDidCatch",
       value: function componentDidCatch(e) {
@@ -492,14 +442,13 @@ function withError(clazz) {
         }
       }
     }]);
-
     return WithError;
   }(React__default["default"].Component);
 }
 
-function ownKeys$7(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 ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * This is a function which can be used to manage ad units in a single place. A component must be created, and used with the `adtype` parameter. These ads are lazy-loaded and single-request mode is disabled by default which can be overwritten as follows.
  *
@@ -541,21 +490,20 @@ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) {
  * @category Ads
  * @returns {Component} A component that can
  */
-
 function createDfpAdComponent(_ref) {
   var defaultNetworkID = _ref.defaultNetworkID,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config,
-      slotId = _ref.slotId,
-      targeting = _ref.targeting,
-      _ref$collapseEmptyDiv = _ref.collapseEmptyDivs,
-      collapseEmptyDivs = _ref$collapseEmptyDiv === void 0 ? true : _ref$collapseEmptyDiv,
-      _ref$lazyLoad = _ref.lazyLoad,
-      lazyLoad = _ref$lazyLoad === void 0 ? true : _ref$lazyLoad,
-      _ref$singleRequest = _ref.singleRequest,
-      singleRequest = _ref$singleRequest === void 0 ? false : _ref$singleRequest,
-      _ref$deferAdsBy = _ref.deferAdsBy,
-      deferAdsBy = _ref$deferAdsBy === void 0 ? 0 : _ref$deferAdsBy;
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {} : _ref$config,
+    slotId = _ref.slotId,
+    targeting = _ref.targeting,
+    _ref$collapseEmptyDiv = _ref.collapseEmptyDivs,
+    collapseEmptyDivs = _ref$collapseEmptyDiv === void 0 ? true : _ref$collapseEmptyDiv,
+    _ref$lazyLoad = _ref.lazyLoad,
+    lazyLoad = _ref$lazyLoad === void 0 ? true : _ref$lazyLoad,
+    _ref$singleRequest = _ref.singleRequest,
+    singleRequest = _ref$singleRequest === void 0 ? false : _ref$singleRequest,
+    _ref$deferAdsBy = _ref.deferAdsBy,
+    deferAdsBy = _ref$deferAdsBy === void 0 ? 0 : _ref$deferAdsBy;
   return reactRedux.connect(function (state, ownProps) {
     return {
       targetingArguments: targeting(state, ownProps),
@@ -571,23 +519,20 @@ function createDfpAdComponent(_ref) {
     return {};
   })(withError(DfpAdBase));
 }
-
 function DfpAdBase(_ref2) {
   var defaultNetworkID = _ref2.defaultNetworkID,
-      config = _ref2.config,
-      slotId = _ref2.slotId,
-      collapseEmptyDivs = _ref2.collapseEmptyDivs,
-      targetingArguments = _ref2.targetingArguments,
-      adtype = _ref2.adtype,
-      lazyLoad = _ref2.lazyLoad,
-      singleRequest = _ref2.singleRequest,
-      deferAdsBy = _ref2.deferAdsBy;
+    config = _ref2.config,
+    slotId = _ref2.slotId,
+    collapseEmptyDivs = _ref2.collapseEmptyDivs,
+    targetingArguments = _ref2.targetingArguments,
+    adtype = _ref2.adtype,
+    lazyLoad = _ref2.lazyLoad,
+    singleRequest = _ref2.singleRequest,
+    deferAdsBy = _ref2.deferAdsBy;
   var adConfig = config[adtype] || {};
-
   var adProps = _objectSpread$7({
     slotId: slotId
   }, adConfig);
-
   return /*#__PURE__*/React__default["default"].createElement(reactDfp.DFPSlotsProvider, {
     dfpNetworkId: defaultNetworkID,
     collapseEmptyDivs: collapseEmptyDivs,
@@ -598,20 +543,18 @@ function DfpAdBase(_ref2) {
     deferAdsBy: deferAdsBy
   }, /*#__PURE__*/React__default["default"].createElement(reactDfp.AdSlot, adProps));
 }
-
 function refreshDfpAds(adSlots) {
   reactDfp.DFPManager.refresh(adSlots);
 }
 
 function HamburgerButtonBase(_ref) {
   var onClick = _ref.onClick,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement("a", {
     href: "/",
     onClick: onClick
   }, children);
 }
-
 function mapDispatchToProps$5(dispatch) {
   return {
     onClick: function onClick(e) {
@@ -623,6 +566,7 @@ function mapDispatchToProps$5(dispatch) {
     }
   };
 }
+
 /**
  * This component can be used to trigger an action openening the Hamburger menu. The state can be accessed via state.hamburgerOpened
  *
@@ -636,38 +580,30 @@ function mapDispatchToProps$5(dispatch) {
  * @component
  * @category Header
  */
-
-
 var HamburgerButton = /*#__PURE__*/reactRedux.connect(function (state) {
   return {};
 }, mapDispatchToProps$5)(HamburgerButtonBase);
 
 function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$l() { 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; } }
 
+// An item in the infinite scroll
 var ScrollItem = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ScrollItem, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$l(ScrollItem);
-
   function ScrollItem(props) {
     var _this;
-
     _classCallCheck__default["default"](this, ScrollItem);
-
     _this = _super.call(this, props);
     _this.state = {
       minHeight: props.minHeight
     };
     return _this;
   }
-
   _createClass__default["default"](ScrollItem, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(node) {
           return _this2.node = node;
@@ -697,7 +633,6 @@ 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);
       });
@@ -706,33 +641,24 @@ 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__default["default"].Component); // When this becomes visible, we call loadMore()
-
-
 var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
   _inherits__default["default"](ScrollLoadMore, _React$Component2);
-
   var _super2 = /*#__PURE__*/_createSuper$l(ScrollLoadMore);
-
   function ScrollLoadMore() {
     _classCallCheck__default["default"](this, ScrollLoadMore);
-
     return _super2.apply(this, arguments);
   }
-
   _createClass__default["default"](ScrollLoadMore, [{
     key: "render",
     value: function render() {
       var _this5 = this;
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(node) {
           return _this5.node = node;
@@ -744,7 +670,6 @@ 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);
       });
@@ -753,27 +678,19 @@ 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__default["default"].Component); // Basic Infinite Scroll, toggles showing items
-
-
 var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
   _inherits__default["default"](InfiniteScrollBase, _React$Component3);
-
   var _super3 = /*#__PURE__*/_createSuper$l(InfiniteScrollBase);
-
   function InfiniteScrollBase(props) {
     var _this8;
-
     _classCallCheck__default["default"](this, InfiniteScrollBase);
-
     _this8 = _super3.call(this, props);
     var initiallyShow = props.initiallyShow || 1;
     _this8.state = {
@@ -782,7 +699,6 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         return arr;
       }, {})
     };
-
     if (global.IntersectionObserver) {
       _this8.loadObserver = new IntersectionObserver(function (x) {
         return _this8.intersectionCallback(x);
@@ -790,10 +706,8 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         rootMargin: props.loadMargin || "200px 0px 500px"
       });
     }
-
     return _this8;
   }
-
   _createClass__default["default"](InfiniteScrollBase, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -803,7 +717,6 @@ 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
@@ -814,9 +727,7 @@ 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 {
@@ -832,7 +743,6 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     key: "render",
     value: function render() {
       var _this10 = this;
-
       return /*#__PURE__*/React__default["default"].createElement("div", null, this.props.items.map(function (data, index) {
         return /*#__PURE__*/React__default["default"].createElement(ScrollItem, {
           observers: _this10.props.observers.concat([_this10.loadObserver]),
@@ -848,24 +758,16 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
       }));
     }
   }]);
-
   return InfiniteScrollBase;
 }(React__default["default"].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__default["default"](WithFocusObserver, _React$Component4);
-
     var _super4 = _createSuper$l(WithFocusObserver);
-
     function WithFocusObserver(props) {
       var _this11;
-
       _classCallCheck__default["default"](this, WithFocusObserver);
-
       _this11 = _super4.call(this, props);
-
       if (global.IntersectionObserver) {
         _this11.focusObserver = new IntersectionObserver(function (x) {
           return _this11.focusCallback(x);
@@ -873,10 +775,8 @@ function withFocusObserver(Component) {
           rootMargin: "-".concat(100 - props.focusCallbackAt, "% 0px -").concat(props.focusCallbackAt, "%")
         });
       }
-
       return _this11;
     }
-
     _createClass__default["default"](WithFocusObserver, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
@@ -886,10 +786,8 @@ function withFocusObserver(Component) {
       key: "focusCallback",
       value: function focusCallback(entries) {
         var _this12 = this;
-
         entries.forEach(function (entry) {
           var item = entry.target.getAttribute("data-infinite-scroll");
-
           if (entry.isIntersecting) {
             _this12.props.onFocus(item);
           }
@@ -903,23 +801,20 @@ function withFocusObserver(Component) {
         }));
       }
     }]);
-
     return WithFocusObserver;
   }(React__default["default"].Component);
 }
+
 /**
  * This component can be used to implement InfiniteScroll. This is an internal component.
  * @private
  * @category Other
  * @component
  */
-
-
 var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);
 
-function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function removeDuplicateStories(existingStories, newStories) {
   var keyFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (story) {
     return story.id;
@@ -932,8 +827,9 @@ function removeDuplicateStories(existingStories, newStories) {
 function getAssociatedTemplate(_ref) {
   var associatedMetadata = _ref["associated-metadata"];
   return associatedMetadata ? associatedMetadata.layout : 'default';
-} // FIXME: TEST THIS
+}
 
+// FIXME: TEST THIS
 function replaceAllStoriesInCollection(collection, story) {
   var items = (collection.items || []).map(function (item) {
     if (item.type === "story") {
@@ -945,13 +841,14 @@ function replaceAllStoriesInCollection(collection, story) {
     } else if (item.type === "collection") {
       return replaceAllStoriesInCollection(item, story);
     }
-
     return item;
   });
   return Object.assign({}, collection, {
     items: items
   });
-} //Helps handle errors with async await pattern
+}
+
+//Helps handle errors with async await pattern
 
 var awaitHelper = function awaitHelper(promise) {
   return promise.then(function (data) {
@@ -986,23 +883,19 @@ var getQliticsSchema = function getQliticsSchema() {
 var computeAccess = function computeAccess(previousState, currentState) {
   var currentAccess = get__default["default"](currentState, ["access"], {});
   var currentStoryId = get__default["default"](Object.keys(currentAccess), [0], "");
-
   if (currentStoryId in previousState) {
     var storyAccess = previousState[currentStoryId];
-
     if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
       return _objectSpread$6(_objectSpread$6({}, previousState), currentAccess);
     }
-
     return previousState;
   }
-
   return _objectSpread$6(_objectSpread$6({}, previousState), currentAccess);
 };
 
 function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$k() { 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; } }
+
 /**
  * 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.
  *
@@ -1050,17 +943,12 @@ function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !
  * @component
  * @category Story Page
  */
-
 var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](InfiniteStoryBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$k(InfiniteStoryBase);
-
   function InfiniteStoryBase(props) {
     var _this;
-
     _classCallCheck__default["default"](this, InfiniteStoryBase);
-
     _this = _super.call(this, props);
     _this.state = {
       moreItems: [],
@@ -1070,7 +958,6 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass__default["default"](InfiniteStoryBase, [{
     key: "allItems",
     value: function allItems() {
@@ -1080,18 +967,14 @@ 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__default["default"](item, ['story', 'seo', 'meta-title'], item.story.headline);
         var title = get__default["default"](item, ["customSeo", "title"], metaTitle);
         global.app.maybeSetUrl(storyPath, 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])
@@ -1104,7 +987,6 @@ 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__default["default"](this.props.data, ['story'], {});
@@ -1126,7 +1008,6 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       return /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
         render: this.props.render,
         items: this.allItems(),
@@ -1142,27 +1023,21 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return InfiniteStoryBase;
 }(React__default["default"].Component);
 
 function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$j() { 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; } }
-
 var IntersectionObserverWrapper = /*#__PURE__*/function () {
   function IntersectionObserverWrapper(callback) {
     _classCallCheck__default["default"](this, IntersectionObserverWrapper);
-
     this.observedItems = [];
     this.callback = callback;
   }
-
   _createClass__default["default"](IntersectionObserverWrapper, [{
     key: "start",
     value: function start(margin) {
       var _this = this;
-
       this.observer = new global.IntersectionObserver(function (entries) {
         return _this.onObservation(entries);
       }, {
@@ -1171,9 +1046,8 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       });
       this.observedItems.forEach(function (_ref) {
         var _ref2 = _slicedToArray__default["default"](_ref, 2),
-            dom = _ref2[0];
-            _ref2[1];
-
+          dom = _ref2[0];
+          _ref2[1];
         return _this.observer.observe(dom);
       });
     }
@@ -1181,7 +1055,6 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
     key: "onObservation",
     value: function onObservation(entries) {
       var _this2 = this;
-
       entries.filter(function (entry) {
         return entry.isIntersecting === undefined || entry.isIntersecting;
       }).map(function (entry) {
@@ -1190,12 +1063,9 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
         var index = _this2.observedItems.findIndex(function (x) {
           return x[0] === dom;
         });
-
         if (index > -1) {
           var component = _this2.observedItems[index][1];
-
           _this2.callback(component);
-
           _this2.unregister(dom, component);
         }
       });
@@ -1212,7 +1082,6 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       var index = this.observedItems.findIndex(function (x) {
         return x[0] === dom;
       });
-
       if (index > -1) {
         this.observedItems.splice(index, 1);
         this.observer && this.observer.unobserve(dom);
@@ -1224,17 +1093,13 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       this.observer.disconnect();
     }
   }]);
-
   return IntersectionObserverWrapper;
 }();
-
 var StubObserverWrapper = /*#__PURE__*/function () {
   function StubObserverWrapper(callback) {
     _classCallCheck__default["default"](this, StubObserverWrapper);
-
     this.callback = callback;
   }
-
   _createClass__default["default"](StubObserverWrapper, [{
     key: "register",
     value: function register(dom, component) {
@@ -1250,65 +1115,54 @@ var StubObserverWrapper = /*#__PURE__*/function () {
     key: "disconnect",
     value: function disconnect() {}
   }]);
-
   return StubObserverWrapper;
-}();
-/**
- * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
- *
- * You can use {@link EagerLoadImages} or `eager={true}` to force the image to be eager. If `EagerLoadImages` is passed a predicate, then images that pass a matching value to `eager` will be rendered eagerly.
- *
- * Example
- * ```javascript
- * import { LazyLoadImages, EagerLoadImages } from '@quintype/components';
- *
- * function LazyLoadSecondImage() {
- *   return <div>
- *     <ResponsiveImage slug={props["eager-image-1"]} />
- *     <LazyLoadImages margin={"450px"}>
- *       <div>
- *         <UnrelatedContent/>
- *         <ResponsiveImage slug={props["lazy-image-1"]} />
- *         <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} eager/>
- *         <ResponsiveImage slug={props["lazy-image-2"]} />
- *         <EagerLoadImages>
- *           <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} />
- *         </EagerLoadImages>
- *         <EagerLoadImages predicate={(token) => token % 2 === 0}>
- *           <ResponsiveImage slug={props["lazy-image"]} eager={1} />
- *           <ResponsiveImage slug={props["eager-image"]} eager={2} />
- *         </EagerLoadImages>
- *       </div>
- *     </LazyLoadImages>
- *     <ResponsiveImage slug={props["eager-image-2"]} />
- *   </div>
- * }
- * ```
- * @component
- * @category Images
- */
-
-
+}(); /**
+      * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
+      *
+      * You can use {@link EagerLoadImages} or `eager={true}` to force the image to be eager. If `EagerLoadImages` is passed a predicate, then images that pass a matching value to `eager` will be rendered eagerly.
+      *
+      * Example
+      * ```javascript
+      * import { LazyLoadImages, EagerLoadImages } from '@quintype/components';
+      *
+      * function LazyLoadSecondImage() {
+      *   return <div>
+      *     <ResponsiveImage slug={props["eager-image-1"]} />
+      *     <LazyLoadImages margin={"450px"}>
+      *       <div>
+      *         <UnrelatedContent/>
+      *         <ResponsiveImage slug={props["lazy-image-1"]} />
+      *         <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} eager/>
+      *         <ResponsiveImage slug={props["lazy-image-2"]} />
+      *         <EagerLoadImages>
+      *           <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} />
+      *         </EagerLoadImages>
+      *         <EagerLoadImages predicate={(token) => token % 2 === 0}>
+      *           <ResponsiveImage slug={props["lazy-image"]} eager={1} />
+      *           <ResponsiveImage slug={props["eager-image"]} eager={2} />
+      *         </EagerLoadImages>
+      *       </div>
+      *     </LazyLoadImages>
+      *     <ResponsiveImage slug={props["eager-image-2"]} />
+      *   </div>
+      * }
+      * ```
+      * @component
+      * @category Images
+      */
 var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LazyLoadImages, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$j(LazyLoadImages);
-
   function LazyLoadImages(props) {
     var _this3;
-
     _classCallCheck__default["default"](this, LazyLoadImages);
-
     _this3 = _super.call(this, props);
-
     var callback = function callback(component) {
       return component.showImage();
     };
-
     _this3.observerWrapper = global.IntersectionObserver ? new IntersectionObserverWrapper(callback) : new StubObserverWrapper(callback);
     return _this3;
   }
-
   _createClass__default["default"](LazyLoadImages, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -1323,7 +1177,6 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
     key: "getChildContext",
     value: function getChildContext() {
       var _this4 = this;
-
       return {
         lazyLoadObserveImage: function lazyLoadObserveImage(dom, component) {
           return dom && _this4.observerWrapper.register(dom, component);
@@ -1339,7 +1192,6 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-
   return LazyLoadImages;
 }(React__default["default"].Component);
 LazyLoadImages.childContextTypes = {
@@ -1347,9 +1199,8 @@ LazyLoadImages.childContextTypes = {
   lazyLoadUnobserveImage: propTypes.func
 };
 
-function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function StoryNotImplemented() {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-comment": "Story Template Not Implemented"
@@ -1362,7 +1213,6 @@ function CollectionNotImplemented() {
 }
 function renderCollectionItem(collectionItem, index, collectionTemplates, storyTemplates) {
   var otherProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
   switch (collectionItem.type) {
     case "collection":
       return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$5({
@@ -1371,7 +1221,6 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
         collection: collectionItem,
         metadata: collectionItem["associated-metadata"] || {}
       }, otherProps));
-
     case "story":
       return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$5({
         key: "".concat(index, "-").concat(collectionItem.id),
@@ -1379,7 +1228,6 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
         story: collectionItem.story,
         metadata: collectionItem["associated-metadata"] || {}
       }, otherProps));
-
     default:
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-comment": "".concat(collectionItem.type, " not implemented")
@@ -1388,6 +1236,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
 }
 
 var _excluded$1 = ["className", "collection", "collectionTemplates", "storyTemplates", "lazyAfter"];
+
 /**
  * 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.
@@ -1411,15 +1260,13 @@ var _excluded$1 = ["className", "collection", "collectionTemplates", "storyTempl
  * @category Collection Page
  * @component
  */
-
 function LazyCollection(_ref) {
   var className = _ref.className,
-      collection = _ref.collection,
-      collectionTemplates = _ref.collectionTemplates,
-      storyTemplates = _ref.storyTemplates,
-      lazyAfter = _ref.lazyAfter,
-      otherProps = omit__default["default"](_ref, _excluded$1);
-
+    collection = _ref.collection,
+    collectionTemplates = _ref.collectionTemplates,
+    storyTemplates = _ref.storyTemplates,
+    lazyAfter = _ref.lazyAfter,
+    otherProps = omit__default["default"](_ref, _excluded$1);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
@@ -1433,7 +1280,8 @@ function LazyCollection(_ref) {
     },
     initiallyShow: lazyAfter,
     neverHideItem: true,
-    showAllOnLegacyBrowser: true // No Op
+    showAllOnLegacyBrowser: true
+    // No Op
     ,
     focusCallbackAt: 20,
     onFocus: function onFocus() {}
@@ -1449,18 +1297,13 @@ LazyCollection.defaultProps = {
 };
 
 function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$i() { 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; } }
 var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreStoriesManager, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$i(LoadMoreStoriesManager);
-
   function LoadMoreStoriesManager(props) {
     var _this;
-
     _classCallCheck__default["default"](this, LoadMoreStoriesManager);
-
     _this = _super.call(this, props);
     _this.state = {
       loading: false,
@@ -1470,7 +1313,6 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass__default["default"](LoadMoreStoriesManager, [{
     key: "stories",
     value: function stories() {
@@ -1480,7 +1322,6 @@ 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;
@@ -1501,7 +1342,6 @@ 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) {
@@ -1512,12 +1352,10 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return LoadMoreStoriesManager;
 }(React__default["default"].Component);
 
 function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$h() { 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; } }
 /**
  * This component starts with a set of stories, and then provides a load more button. This calls out to `/api/v1/stories` with the properties passed via the `params` prop. The stories are concatenated with the stories in `props.data.stories`, and the contents of `props.data` are passed to the rendered template.
@@ -1546,23 +1384,17 @@ function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !
  * @component
  * @category Collection Page
   */
-
 var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreStoriesBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$h(LoadMoreStoriesBase);
-
   function LoadMoreStoriesBase() {
     _classCallCheck__default["default"](this, LoadMoreStoriesBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](LoadMoreStoriesBase, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
       var _this = this;
-
       var stories = get__default["default"](this.props, ['data', 'stories'], []);
       return getRequest(this.props.api || '/api/v1/stories', Object.assign({}, this.props.params, {
         offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
@@ -1572,7 +1404,6 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
         if (_this.props.apiResponseTransformer) {
           return _this.props.apiResponseTransformer(response);
         }
-
         return response.stories || get__default["default"](response, ['results', 'stories'], []);
       });
     }
@@ -1580,7 +1411,6 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -1591,13 +1421,12 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return LoadMoreStoriesBase;
 }(React__default["default"].Component);
 
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$g() { 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; } }
+
 /**
  * This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
  *
@@ -1633,18 +1462,13 @@ function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !
  * @component
  * @category Collection Page
  */
-
 var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreCollectionStories, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$g(LoadMoreCollectionStories);
-
   function LoadMoreCollectionStories() {
     _classCallCheck__default["default"](this, LoadMoreCollectionStories);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](LoadMoreCollectionStories, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
@@ -1664,7 +1488,6 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this = this;
-
       return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -1675,7 +1498,6 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return LoadMoreCollectionStories;
 }(React__default["default"].Component);
 
@@ -1684,16 +1506,15 @@ function LoadingIndicatorBase(props) {
     className: "loading-indicator ".concat(props.loading ? 'loading-indicator-loading' : '')
   }, props.loading && props.children);
 }
-
 function mapStateToProps$8(state) {
   return {
     loading: state.pageLoading
   };
 }
-
 function mapDispatchToProps$4() {
   return {};
 }
+
 /**
  * This component renders it's children when the app is moving between pages. It can be used to show a spinner. It always has the class "loading-indicator", and also "loading-indicator-loading" when loading.
  *
@@ -1708,17 +1529,15 @@ function mapDispatchToProps$4() {
  * @component
  * @category Other
  */
-
-
 var LoadingIndicator = /*#__PURE__*/reactRedux.connect(mapStateToProps$8, mapDispatchToProps$4)(LoadingIndicatorBase);
 
 function MenuBase(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      itemClassName = _ref.itemClassName,
-      items = _ref.items,
-      currentUrl = _ref.currentUrl,
-      slice = _ref.slice;
+    className = _ref.className,
+    itemClassName = _ref.itemClassName,
+    items = _ref.items,
+    currentUrl = _ref.currentUrl,
+    slice = _ref.slice;
   items = items.slice.apply(items, slice);
   return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: className
@@ -1731,13 +1550,13 @@ function MenuBase(_ref) {
     });
   }));
 }
-
 function mapStateToProps$7(state) {
   return {
     items: state.qt.config.layout.menu,
     currentUrl: state.qt.currentPath
   };
 }
+
 /**
  * This component can be used to render a menu from the menuItems in the editor. An extra class called active is applied if the menu item is the current url. By default, links will resolve via AJAX.
  *
@@ -1759,8 +1578,6 @@ function mapStateToProps$7(state) {
  * @component
  * @category Header
  */
-
-
 var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$7, function () {
   return {};
 })(MenuBase);
@@ -1771,24 +1588,20 @@ var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$7, function () {
  * @component
  * @category Header
  */
-
 function MenuItem$1(_ref) {
   var item = _ref.item,
-      className = _ref.className,
-      currentUrl = _ref.currentUrl;
+    className = _ref.className,
+    currentUrl = _ref.currentUrl;
   var url = getRelativeUrl(item.url);
   return /*#__PURE__*/React__default["default"].createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
 }
-
 function getRelativeUrl(url) {
   var _URL = new URL(url),
-      pathname = _URL.pathname,
-      search = _URL.search,
-      hash = _URL.hash;
-
+    pathname = _URL.pathname,
+    search = _URL.search,
+    hash = _URL.hash;
   return "".concat(pathname).concat(search || "").concat(hash || "");
 }
-
 function getMenuItemBody(item, className, url, currentUrl) {
   switch (item['item-type']) {
     case 'section':
@@ -1796,7 +1609,6 @@ function getMenuItemBody(item, className, url, currentUrl) {
         href: url,
         className: className
       }, item.title);
-
     default:
       return /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url,
@@ -1805,13 +1617,13 @@ function getMenuItemBody(item, className, url, currentUrl) {
   }
 }
 
-var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"]; // Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
+var USED_PARAMS = ["imageCDN", "defaultWidth", "widths", "imgParams", "slug", "metadata", "aspectRatio", "reactTag", "eager", "imageCDNFormat"];
 
+// Add the following CSS somewhere: img.qt-image { width: 100%; object-fit: cover; }
 function hashString(string) {
   if (!string) return 0;
   var hash = 0,
-      i;
-
+    i;
   for (i = 0; i < string.length; i++) {
     hash = (hash << 5) - hash + string.charCodeAt(i);
     hash |= 0; // Convert to 32bit integer
@@ -1821,17 +1633,14 @@ function hashString(string) {
 }
 
 function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$f() { 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 responsiveProps(props) {
   var image = new quintypeJs.FocusedImage(props.slug, props.metadata);
-
   function generatePath(size) {
     return "//" + props.imageCDN + "/" + image.path(props.aspectRatio, Object.assign({
       w: size
     }, props.imgParams));
   }
-
   return {
     src: generatePath(props.defaultWidth),
     srcSet: props.widths ? props.widths.map(function (size) {
@@ -1842,43 +1651,34 @@ function responsiveProps(props) {
 }
 var ThumborImage = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ThumborImage, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$f(ThumborImage);
-
   function ThumborImage(props, context) {
     var _this;
-
     _classCallCheck__default["default"](this, ThumborImage);
-
     _this = _super.call(this, props, context);
     _this.state = {
       showImage: !_this.shouldLazyLoad()
     };
     return _this;
   }
-
   _createClass__default["default"](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;
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var imageProps = this.state.showImage ? responsiveProps(this.props) : {
         src: emptyWebGif__default["default"]
       };
@@ -1907,7 +1707,6 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return ThumborImage;
 }(React__default["default"].Component);
 ThumborImage.contextTypes = {
@@ -1916,20 +1715,16 @@ ThumborImage.contextTypes = {
   lazyLoadEagerPredicate: propTypes.func
 };
 
-function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var forceLoadingGumlet = false;
-
 function loadGumlet() {
   if (window.GUMLET_CONFIG || window.gumlet || forceLoadingGumlet === true) {
     return;
   }
-
   if (process.env.NODE_ENV == 'development') {
     console.warn("Loading Gumlet Dynamically! This is really bad for page speed. Please see https://developers.quintype.com/malibu/tutorial/gumlet-integration");
   }
-
   forceLoadingGumlet = true;
   window.GUMLET_CONFIG = window.GUMLET_CONFIG || {
     hosts: []
@@ -1939,15 +1734,14 @@ function loadGumlet() {
   script.src = 'https://cdn.gumlet.com/gumlet.js/2.0/gumlet.min.js';
   document.body.appendChild(script);
 }
-
 function GumletImage(props) {
   var slug = props.slug,
-      metadata = props.metadata,
-      aspectRatio = props.aspectRatio,
-      imageCDN = props.imageCDN,
-      imgParams = props.imgParams,
-      reactTag = props.reactTag,
-      className = props.className;
+    metadata = props.metadata,
+    aspectRatio = props.aspectRatio,
+    imageCDN = props.imageCDN,
+    imgParams = props.imgParams,
+    reactTag = props.reactTag,
+    className = props.className;
   var image = new quintypeJs.FocusedImage(slug, metadata);
   var imageProps = {
     src: emptyWebGif__default["default"],
@@ -1972,19 +1766,15 @@ function mapStateToProps$6(state) {
     imageCDNFormat: state.qt.config["image-cdn-format"] || "thumbor"
   };
 }
-
 function ResponsiveImageBase(props) {
   if (process.env.NODE_ENV == 'development' && !props.alt && !props.reactTag) {
     global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
   }
-
   if (props.imageCDNFormat === "gumlet") {
     return /*#__PURE__*/React__default["default"].createElement(GumletImage, props);
   }
-
   return /*#__PURE__*/React__default["default"].createElement(ThumborImage, props);
 }
-
 /**
  * This component takes an image, and resizes it to the correct aspect ratio using imgix or thumbor.
  *
@@ -2028,13 +1818,11 @@ var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$6, {})(Res
  * @component
  * @category Images
  */
-
 function ResponsiveHeroImage(props) {
   var metadata, slug, alternateText;
   var heroImageS3Key = get__default["default"](props, ["story", "hero-image-s3-key"], "");
   var storyAlternateData = get__default["default"](props, ["story", "alternative", "home", "default"], {}) || {};
   var alternateHeroImageS3Key = get__default["default"](storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
-
   if (heroImageS3Key) {
     slug = heroImageS3Key;
     metadata = get__default["default"](props, ["story", "hero-image-metadata"], {});
@@ -2044,7 +1832,6 @@ function ResponsiveHeroImage(props) {
     metadata = get__default["default"](storyAlternateData, ["hero-image", "hero-image-metadata"], {});
     alternateText = get__default["default"](storyAlternateData, ["headline"], "");
   } else return null;
-
   return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
     slug: slug,
     metadata: metadata,
@@ -2084,7 +1871,6 @@ function ResponsiveHeroImage(props) {
  * @component
  * @category Images
  */
-
 var ResponsiveSource = function ResponsiveSource(props) {
   return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
     reactTag: 'source',
@@ -2094,26 +1880,19 @@ var ResponsiveSource = function ResponsiveSource(props) {
 };
 
 function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$e() { 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; } }
-
 var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](SearchBoxBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$e(SearchBoxBase);
-
   function SearchBoxBase(props) {
     var _this;
-
     _classCallCheck__default["default"](this, SearchBoxBase);
-
     _this = _super.call(this, props);
     _this.state = {
       query: _this.props.initValue || ""
     };
     return _this;
   }
-
   _createClass__default["default"](SearchBoxBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -2140,7 +1919,6 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var Render = this.props.template || this.defaultTemplate;
       return /*#__PURE__*/React__default["default"].createElement("form", {
         role: "search",
@@ -2177,14 +1955,11 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
       return children;
     }
   }]);
-
   return SearchBoxBase;
 }(React__default["default"].Component);
-
 var mapStateToProps$5 = function mapStateToProps(state) {
   return {};
 };
-
 var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
   return {
     navigateTo: function navigateTo(url) {
@@ -2192,6 +1967,7 @@ var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * This component provides a form with a search text box. On submit, the user is redirected to the search page via AJAX.
  *
@@ -2206,13 +1982,11 @@ var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
  * @component
  * @category Header
  */
-
-
 var SearchBox = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, mapDispatchToProps$3)(SearchBoxBase);
 
 function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$d() { 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; } }
+
 /**
  * This component is to handle search functionality and also handles load more.
  *
@@ -2232,18 +2006,13 @@ function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !
  * @deprecated
  * @category Other
  */
-
 var SearchPageBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](SearchPageBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$d(SearchPageBase);
-
   function SearchPageBase() {
     _classCallCheck__default["default"](this, SearchPageBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](SearchPageBase, [{
     key: "search",
     value: function search(pageNumber) {
@@ -2258,7 +2027,6 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this = this;
-
       return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -2267,13 +2035,12 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return SearchPageBase;
 }(React__default["default"].Component);
 
 function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$c() { 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; } }
+
 /**
  * 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`.
  *
@@ -2289,17 +2056,12 @@ function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !
  * @hideconstructor
  * @category Other
  */
-
 var WithLazy = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](WithLazy, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$c(WithLazy);
-
   function WithLazy(props) {
     var _this;
-
     _classCallCheck__default["default"](this, WithLazy);
-
     _this = _super.call(this, props);
     _this.state = {
       loaded: false
@@ -2307,7 +2069,6 @@ var WithLazy = /*#__PURE__*/function (_React$Component) {
     _this.observerRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
-
   _createClass__default["default"](WithLazy, [{
     key: "render",
     value: function render() {
@@ -2326,7 +2087,6 @@ 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);
       }, {
@@ -2343,91 +2103,69 @@ 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__default["default"].Component);
 
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$b() { 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; } }
 var DailyMotion = null;
 var loaderPromise$1 = null;
-
 function loadLibrary$1() {
   if (loaderPromise$1 === null) {
-    loaderPromise$1 = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-    /* webpackChunkName: "qtc-react-dailymotion" */
-    'react-dailymotion')); }).then(function (DM) {
+    loaderPromise$1 = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require( /* webpackChunkName: "qtc-react-dailymotion" */'react-dailymotion')); }).then(function (DM) {
       DailyMotion = DM["default"];
     })["catch"](function (err) {
       console.log("Failed to load react-dailymotion", err);
       return Promise.reject();
     });
   }
-
   return loaderPromise$1;
 }
-
 function isLibraryLoaded$1() {
   return DailyMotion !== null;
 }
-
 var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](CustomStoryElementDailyMotion, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$b(CustomStoryElementDailyMotion);
-
   function CustomStoryElementDailyMotion(props) {
     var _this;
-
     _classCallCheck__default["default"](this, CustomStoryElementDailyMotion);
-
     _this = _super.call(this, props);
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
       _this.props.onPlay === "function" && _this.props.onPlay(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
       _this.props.onPause === "function" && _this.props.onPause(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
       _this.props.onEnd === "function" && _this.props.onEnd(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
       _this._isMounted = true;
       loadLibrary$1().then(function () {
         return _this._isMounted && _this.forceUpdate();
       });
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
       event.target.setVolume(100);
       event.target.playVideo();
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
       _this.triggerIframe();
-
       _this.setState({
         showVideo: true
       });
     });
-
     _this.state = {
       showVideo: false
     };
@@ -2438,7 +2176,6 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass__default["default"](CustomStoryElementDailyMotion, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -2455,10 +2192,8 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _getVideoID = getVideoID__default["default"](this.props.element.metadata["dailymotion-url"]),
-          videoId = _getVideoID.id;
-
+        videoId = _getVideoID.id;
       var dailymotionIframe = function dailymotionIframe() {
         return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
           video: videoId,
@@ -2469,7 +2204,6 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
           autoplay: true
         });
       };
-
       if (this.props.loadIframeOnClick) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "thumbnail-wrapper"
@@ -2496,10 +2230,8 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
       } else return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
   }]);
-
   return CustomStoryElementDailyMotion;
 }(React__default["default"].Component);
-
 var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
   return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
     margin: "0px"
@@ -2509,20 +2241,15 @@ var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
 };
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$a() { 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 cloneScriptNode(node) {
   var script = document.createElement("script");
   script.text = node.innerHTML;
-
   for (var i = node.attributes.length - 1; i >= 0; i--) {
     script.setAttribute(node.attributes[i].name, node.attributes[i].value);
   }
-
   return script;
 }
-
 function replaceScriptNodes(node) {
   if (node.tagName === "SCRIPT") {
     node.parentNode.replaceChild(cloneScriptNode(node), node);
@@ -2530,28 +2257,21 @@ function replaceScriptNodes(node) {
   } else {
     var i = 0;
     var children = node.childNodes;
-
     while (i < children.length) {
       replaceScriptNodes(children[i++]);
     }
   }
 }
-
 var JSEmbed = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](JSEmbed, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$a(JSEmbed);
-
   function JSEmbed(props) {
     var _this;
-
     _classCallCheck__default["default"](this, JSEmbed);
-
     _this = _super.call(this, props);
     _this.uniqueId = "anagh";
     return _this;
   }
-
   _createClass__default["default"](JSEmbed, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
@@ -2577,7 +2297,6 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(jsembed) {
           _this2.JSEmbed = jsembed;
@@ -2588,26 +2307,19 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return JSEmbed;
 }(React__default["default"].Component);
 
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$9() { 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; } }
 var defaultPolltypeHost = 'https://www.polltype.com';
-
 var PolltypeBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](PolltypeBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$9(PolltypeBase);
-
   function PolltypeBase() {
     _classCallCheck__default["default"](this, PolltypeBase);
-
     return _super.apply(this, arguments);
   }
-
   _createClass__default["default"](PolltypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -2617,7 +2329,6 @@ var PolltypeBase = /*#__PURE__*/function (_React$Component) {
     key: "loadPolltypeJS",
     value: function loadPolltypeJS() {
       var source = this.props.polltypeHost.replace(/^https:|^http:/i, '') + '/embed.js';
-
       if (!global._polltypeAdded) {
         global._polltypeAdded = true;
         var script = document.createElement('script');
@@ -2634,33 +2345,27 @@ var PolltypeBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return PolltypeBase;
 }(React__default["default"].Component);
-
 function mapStateToProps$4(state) {
   return {
     polltypeHost: state.qt.config["polltype-host"] || defaultPolltypeHost
   };
 }
-
 var Polltype = /*#__PURE__*/reactRedux.connect(mapStateToProps$4, {})(PolltypeBase);
 
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$8() { 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 TableHeader(columns) {
   return /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (col) {
     return /*#__PURE__*/React__default["default"].createElement("th", null, col.Header);
   })));
 }
-
 function TableView(_ref) {
   var data = _ref.data,
-      columns = _ref.columns,
-      className = _ref.className,
-      hasHeader = _ref.hasHeader;
+    columns = _ref.columns,
+    className = _ref.className,
+    hasHeader = _ref.hasHeader;
   return /*#__PURE__*/React__default["default"].createElement("table", {
     className: className
   }, hasHeader && TableHeader(columns), /*#__PURE__*/React__default["default"].createElement("tbody", null, data.map(function (row) {
@@ -2671,29 +2376,21 @@ function TableView(_ref) {
 }
 var Table = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](Table, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$8(Table);
-
   function Table(props) {
     var _this;
-
     _classCallCheck__default["default"](this, Table);
-
     _this = _super.call(this, props);
     _this.state = {
       tableData: []
     };
     return _this;
   }
-
   _createClass__default["default"](Table, [{
     key: "parseCSVToJson",
     value: function parseCSVToJson(content) {
       var _this2 = this;
-
-      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-      /* webpackChunkName: "qtc-parsecsv" */
-      'papaparse')); }).then(function (_ref2) {
+      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require( /* webpackChunkName: "qtc-parsecsv" */'papaparse')); }).then(function (_ref2) {
         var parse = _ref2.parse;
         parse(content, {
           header: _this2.props.hasHeader,
@@ -2727,11 +2424,9 @@ var Table = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       if (!this.state.tableData.length > 0) {
         return null;
       }
-
       var columns = Object.keys(this.state.tableData[0]).map(function (header) {
         return {
           Header: header,
@@ -2752,114 +2447,85 @@ var Table = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return Table;
 }(React__default["default"].Component);
 
-function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$7() { 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; } }
 var YouTube = null;
 var loaderPromise = null;
-
 function loadLibrary() {
   if (loaderPromise === null) {
-    loaderPromise = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-    /* webpackChunkName: "qtc-react-youtube" */
-    'react-youtube')); }).then(function (YT) {
+    loaderPromise = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require( /* 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;
 }
-
 var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](CustomStoryElementYoutube, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$7(CustomStoryElementYoutube);
-
   function CustomStoryElementYoutube(props) {
     var _this;
-
     _classCallCheck__default["default"](this, CustomStoryElementYoutube);
-
     _this = _super.call(this, props);
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_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$3(_objectSpread$3({}, 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__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
       _this.triggerQlitics("play");
-
       _this.props.onPlay === "function" && _this.props.onPlay(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
       _this.triggerQlitics("pause");
-
       _this.props.onPause === "function" && _this.props.onPause(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
       _this.triggerQlitics("end");
-
       _this.props.onEnd === "function" && _this.props.onEnd(event);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
       _this._isMounted = true;
       loadLibrary().then(function () {
         return _this._isMounted && _this.forceUpdate();
       });
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
       event.target.setVolume(100);
       event.target.playVideo();
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
       _this.triggerIframe();
-
       _this.setState({
         showVideo: true
       });
     });
-
     _this.state = {
       showVideo: false
     };
@@ -2870,7 +2536,6 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass__default["default"](CustomStoryElementYoutube, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -2887,7 +2552,6 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var youtubeIframe = function youtubeIframe() {
         return /*#__PURE__*/React__default["default"].createElement(YouTube, {
           videoId: getYouTubeID__default["default"](_this2.props.element.url),
@@ -2898,7 +2562,6 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
           onReady: _this2.onPlayerReady
         });
       };
-
       if (this.props.loadIframeOnClick) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "thumbnail-wrapper"
@@ -2925,10 +2588,8 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       } else return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
   }]);
-
   return CustomStoryElementYoutube;
 }(React__default["default"].Component);
-
 var StoryElementYoutube = function StoryElementYoutube(props) {
   return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
     margin: "0px"
@@ -2938,14 +2599,11 @@ var StoryElementYoutube = function StoryElementYoutube(props) {
 };
 
 var _excluded = ["renderTemplates"];
-
-function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$6() { 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; } }
+
 /**
  * This component renders different types of [story elements](https://developers.quintype.com/malibu/terminology#story-elements)
 
@@ -2971,24 +2629,18 @@ function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !
  * @hideconstructor
  * @category Story Page
  */
-
 var StoryElement = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](StoryElement, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$6(StoryElement);
-
   function StoryElement(props) {
     var _this;
-
     _classCallCheck__default["default"](this, StoryElement);
-
     _this = _super.call(this, props);
     _this.state = {
       crashed: false
     };
     return _this;
   }
-
   _createClass__default["default"](StoryElement, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, stack) {
@@ -3010,32 +2662,27 @@ var StoryElement = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return StoryElement;
 }(React__default["default"].Component);
-
 function StoryElementText(_ref) {
   var _ref$element = _ref.element,
-      element = _ref$element === void 0 ? {} : _ref$element,
-      externalLink = _ref.externalLink;
+    element = _ref$element === void 0 ? {} : _ref$element,
+    externalLink = _ref.externalLink;
   var text = element.text || "";
-
   if (externalLink) {
     text = element.text.replace(/<a/g, '<a target="_blank"');
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: text
     }
   });
 }
-
 function StoryElementAlsoRead(_ref2) {
   var element = _ref2.element,
-      story = _ref2.story,
-      _ref2$alsoreadText = _ref2.alsoreadText,
-      alsoreadText = _ref2$alsoreadText === void 0 ? "Also Read: " : _ref2$alsoreadText;
+    story = _ref2.story,
+    _ref2$alsoreadText = _ref2.alsoreadText,
+    alsoreadText = _ref2$alsoreadText === void 0 ? "Also Read: " : _ref2$alsoreadText;
   var linkedStories = get__default["default"](story, ["linked-stories"]);
   var linkedStoryId = get__default["default"](element, ["metadata", "linked-story-id"]);
   var linkedStorySlug = get__default["default"](linkedStories, [linkedStoryId, "slug"]);
@@ -3048,15 +2695,14 @@ function StoryElementAlsoRead(_ref2) {
     className: "story-element-text-also-read__label"
   }, alsoreadText), /*#__PURE__*/React__default["default"].createElement(Link, linkProps, element.text));
 }
-
 function StoryElementImage(_ref3) {
   var element = _ref3.element,
-      _ref3$story = _ref3.story,
-      story = _ref3$story === void 0 ? {} : _ref3$story,
-      imageWidths = _ref3.imageWidths,
-      imageDefaultWidth = _ref3.imageDefaultWidth,
-      _ref3$onClick = _ref3.onClick,
-      onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick;
+    _ref3$story = _ref3.story,
+    story = _ref3$story === void 0 ? {} : _ref3$story,
+    imageWidths = _ref3.imageWidths,
+    imageDefaultWidth = _ref3.imageDefaultWidth,
+    _ref3$onClick = _ref3.onClick,
+    onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick;
   return /*#__PURE__*/React__default["default"].createElement("figure", {}, /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, {
     slug: element["image-s3-key"],
     metadata: element["metadata"],
@@ -3082,12 +2728,10 @@ function StoryElementImage(_ref3) {
     className: "story-element-image-attribution"
   }) : undefined));
 }
-
 function StoryElementTitle(_ref4) {
   var element = _ref4.element;
   return /*#__PURE__*/React__default["default"].createElement("h2", {}, element.text);
 }
-
 function StoryElementSoundCloud(_ref5) {
   var element = _ref5.element;
   return /*#__PURE__*/React__default["default"].createElement("iframe", {
@@ -3095,7 +2739,6 @@ function StoryElementSoundCloud(_ref5) {
     width: "100%"
   });
 }
-
 function StoryElementJsembed(_ref6) {
   var element = _ref6.element;
   return /*#__PURE__*/React__default["default"].createElement(JSEmbed, {
@@ -3103,14 +2746,12 @@ function StoryElementJsembed(_ref6) {
     id: element["id"]
   });
 }
-
 function StoryElementPolltype(_ref7) {
   var element = _ref7.element;
   return /*#__PURE__*/React__default["default"].createElement(Polltype, {
     id: element["polltype-id"]
   });
 }
-
 function StoryElementTable(_ref8) {
   var element = _ref8.element;
   return /*#__PURE__*/React__default["default"].createElement(Table, {
@@ -3119,7 +2760,6 @@ function StoryElementTable(_ref8) {
     hasHeader: element.metadata["has-header"]
   });
 }
-
 function StoryElementFile(_ref9) {
   var element = _ref9.element;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3129,9 +2769,10 @@ function StoryElementFile(_ref9) {
     href: element.url,
     download: true
   }, "download"));
-} // FIXME MISSING: composite
-// TODO: Can also support various subtypes (though not needed potentially)
+}
 
+// FIXME MISSING: composite
+// TODO: Can also support various subtypes (though not needed potentially)
 
 var DEFAULT_TEMPLATES = {
   text: StoryElementText,
@@ -3146,19 +2787,13 @@ var DEFAULT_TEMPLATES = {
   "also-read": StoryElementAlsoRead,
   file: StoryElementFile
 };
-
 var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
   _inherits__default["default"](StoryElementBase, _React$Component2);
-
   var _super2 = /*#__PURE__*/_createSuper$6(StoryElementBase);
-
   function StoryElementBase(props) {
     var _this2;
-
     _classCallCheck__default["default"](this, StoryElementBase);
-
     _this2 = _super2.call(this, props);
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "initiateObserver", function () {
       if (_this2.props.disableAnalytics === true) return false;
       var options = {
@@ -3167,14 +2802,11 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
         threshold: 1.0
       };
       _this2.observer = new IntersectionObserver(_this2.observerCallback, options);
-
       _this2.observer.observe(_this2.storyElementRef);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "destroyObserver", function () {
       _this2.observer && _this2.observer.disconnect();
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "observerCallback", function (entries) {
       entries.forEach(function (entry) {
         if (entry.isIntersecting) {
@@ -3182,12 +2814,10 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
         }
       });
     });
-
     _this2.observer = null;
     _this2.storyElementRef = null;
     return _this2;
   }
-
   _createClass__default["default"](StoryElementBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -3209,20 +2839,18 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
     key: "emitElementQlitics",
     value: function emitElementQlitics() {
       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;
       if (global.qlitics) {
         global.qlitics("track", "story-element-view", getQliticsSchema(story, card, element));
       } else {
         global.qlitics = global.qlitics || function () {
           (qlitics.q = qlitics.q || []).push(arguments);
         };
-
         global.qlitics("track", "story-element-view", getQliticsSchema(story, card, element));
       }
     }
@@ -3235,18 +2863,15 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
     key: "render",
     value: function render() {
       var _classNames,
-          _this3 = this;
-
+        _this3 = this;
       var storyElement = this.props.element;
       var typeClassName = "story-element-".concat(storyElement.type);
       var subtypeClassName = "story-element-".concat(storyElement.type, "-").concat(storyElement.subtype);
       var storyElementTemplate = this.template();
-
       var _this$props2 = this.props,
-          _this$props2$renderTe = _this$props2.renderTemplates,
-          renderTemplates = _this$props2$renderTe === void 0 ? {} : _this$props2$renderTe,
-          elementProps = omit__default["default"](_this$props2, _excluded);
-
+        _this$props2$renderTe = _this$props2.renderTemplates,
+        renderTemplates = _this$props2$renderTe === void 0 ? {} : _this$props2$renderTe,
+        elementProps = omit__default["default"](_this$props2, _excluded);
       var renderTemplate = renderTemplates[storyElement.subtype] || renderTemplates[storyElement.type];
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classNames__default["default"]((_classNames = {
@@ -3258,21 +2883,16 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
       }, renderTemplate ? /*#__PURE__*/React__default["default"].createElement(renderTemplate, _objectSpread$2({}, elementProps), /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps)));
     }
   }]);
-
   return StoryElementBase;
 }(React__default["default"].Component);
-
 var STORY_ELEMENT_TEMPLATES = DEFAULT_TEMPLATES;
 
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$5() { 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 getNativeShareHandler(canNativeShare, title, fullUrl) {
   if (!canNativeShare) {
     return null;
   }
-
   return function handleShare() {
     window.navigator.share({
       title: title,
@@ -3280,24 +2900,18 @@ function getNativeShareHandler(canNativeShare, title, fullUrl) {
     })["catch"](console.error);
   };
 }
-
 var SocialShareBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](SocialShareBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$5(SocialShareBase);
-
   function SocialShareBase(props) {
     var _this;
-
     _classCallCheck__default["default"](this, SocialShareBase);
-
     _this = _super.call(this, props);
     _this.state = {
       canNativeShare: false
     };
     return _this;
   }
-
   _createClass__default["default"](SocialShareBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -3321,15 +2935,14 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
       }, this.props));
     }
   }]);
-
   return SocialShareBase;
 }(React__default["default"].Component);
-
 function mapStateToProps$3(state) {
   return {
     publisherUrl: state.qt.config["sketches-host"]
   };
 }
+
 /**
  * This component renders social share component to front end app.
  *
@@ -3367,15 +2980,13 @@ function mapStateToProps$3(state) {
  * @component
  * @category Story Page
  */
-
-
 var SocialShare = /*#__PURE__*/reactRedux.connect(mapStateToProps$3, {})( /*#__PURE__*/withError(SocialShareBase));
 
 var StarIcon = function StarIcon(_ref) {
   var size = _ref.size,
-      foregroundColor = _ref.foregroundColor,
-      backgroundColor = _ref.backgroundColor,
-      className = _ref.className;
+    foregroundColor = _ref.foregroundColor,
+    backgroundColor = _ref.backgroundColor,
+    className = _ref.className;
   return /*#__PURE__*/React__default["default"].createElement("svg", {
     className: className,
     width: size,
@@ -3407,31 +3018,29 @@ var StarIcon = function StarIcon(_ref) {
  * @component
  * @category Story Page
  */
-
 function ReviewRating(_ref) {
   var value = _ref.value,
-      _ref$canShowEmptyRati = _ref.canShowEmptyRating,
-      canShowEmptyRating = _ref$canShowEmptyRati === void 0 ? false : _ref$canShowEmptyRati,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 20 : _ref$size,
-      _ref$activeColor = _ref.activeColor,
-      activeColor = _ref$activeColor === void 0 ? "gold" : _ref$activeColor,
-      _ref$inActiveColor = _ref.inActiveColor,
-      inActiveColor = _ref$inActiveColor === void 0 ? "gray" : _ref$inActiveColor,
-      _ref$count = _ref.count,
-      count = _ref$count === void 0 ? 5 : _ref$count,
-      _ref$showHalfStar = _ref.showHalfStar,
-      showHalfStar = _ref$showHalfStar === void 0 ? true : _ref$showHalfStar,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "review-rating" : _ref$className,
-      _ref$activeSymbol = _ref.activeSymbol,
-      activeSymbol = _ref$activeSymbol === void 0 ? null : _ref$activeSymbol,
-      _ref$inActiveSymbol = _ref.inActiveSymbol,
-      inActiveSymbol = _ref$inActiveSymbol === void 0 ? null : _ref$inActiveSymbol,
-      _ref$halfActiveSymbol = _ref.halfActiveSymbol,
-      halfActiveSymbol = _ref$halfActiveSymbol === void 0 ? null : _ref$halfActiveSymbol;
+    _ref$canShowEmptyRati = _ref.canShowEmptyRating,
+    canShowEmptyRating = _ref$canShowEmptyRati === void 0 ? false : _ref$canShowEmptyRati,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 20 : _ref$size,
+    _ref$activeColor = _ref.activeColor,
+    activeColor = _ref$activeColor === void 0 ? "gold" : _ref$activeColor,
+    _ref$inActiveColor = _ref.inActiveColor,
+    inActiveColor = _ref$inActiveColor === void 0 ? "gray" : _ref$inActiveColor,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 5 : _ref$count,
+    _ref$showHalfStar = _ref.showHalfStar,
+    showHalfStar = _ref$showHalfStar === void 0 ? true : _ref$showHalfStar,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "review-rating" : _ref$className,
+    _ref$activeSymbol = _ref.activeSymbol,
+    activeSymbol = _ref$activeSymbol === void 0 ? null : _ref$activeSymbol,
+    _ref$inActiveSymbol = _ref.inActiveSymbol,
+    inActiveSymbol = _ref$inActiveSymbol === void 0 ? null : _ref$inActiveSymbol,
+    _ref$halfActiveSymbol = _ref.halfActiveSymbol,
+    halfActiveSymbol = _ref$halfActiveSymbol === void 0 ? null : _ref$halfActiveSymbol;
   if (!canShowEmptyRating && value < 0.1) return null;
-
   var activeComponent = function activeComponent(index) {
     return activeSymbol ? /*#__PURE__*/React__default["default"].cloneElement(activeSymbol, {
       size: size,
@@ -3448,7 +3057,6 @@ function ReviewRating(_ref) {
       "data-test-id": "star-icon"
     });
   };
-
   var inActiveComponent = function inActiveComponent(index) {
     return inActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(inActiveSymbol, {
       size: size,
@@ -3464,7 +3072,6 @@ function ReviewRating(_ref) {
       key: "review-".concat(index)
     });
   };
-
   var halfActiveComponent = function halfActiveComponent(index) {
     return halfActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(halfActiveSymbol, {
       size: size,
@@ -3480,9 +3087,7 @@ function ReviewRating(_ref) {
       key: "review-".concat(index)
     });
   };
-
   var children = [];
-
   for (var i = 1; i <= count; i++) {
     if (i <= Math.floor(value)) {
       children.push(activeComponent(i));
@@ -3492,7 +3097,6 @@ function ReviewRating(_ref) {
       children.push(inActiveComponent(i));
     }
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, children);
@@ -3547,13 +3151,12 @@ function ReviewRating(_ref) {
  * @component
  * @category Collection Page
  */
-
 var Collection = function Collection(_ref) {
   var className = _ref.className,
-      collection = _ref.collection,
-      collectionTemplates = _ref.collectionTemplates,
-      storyTemplates = _ref.storyTemplates,
-      interstitial = _ref.interstitial;
+    collection = _ref.collection,
+    collectionTemplates = _ref.collectionTemplates,
+    storyTemplates = _ref.storyTemplates,
+    interstitial = _ref.interstitial;
   var children = collection.items.map(function (collectionItem, index) {
     return renderCollectionItem(collectionItem, index, collectionTemplates, storyTemplates);
   }).reduce(function (arr, v, i) {
@@ -3575,9 +3178,9 @@ Collection.defaultProps = {
   }
 };
 
-function ownKeys$1(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 ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * This component can be used for adding image gallery on the story page.
  *
@@ -3590,16 +3193,15 @@ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) {
  * @category Story Page
  * @component
  */
-
 function ImageGalleryElement(_ref) {
   var className = _ref.className,
-      imageAspectRatio = _ref.imageAspectRatio,
-      defaultWidth = _ref.defaultWidth,
-      element = _ref.element,
-      widths = _ref.widths,
-      story = _ref.story,
-      onClickHandler = _ref.onClickHandler,
-      imgParams = _ref.imgParams;
+    imageAspectRatio = _ref.imageAspectRatio,
+    defaultWidth = _ref.defaultWidth,
+    element = _ref.element,
+    widths = _ref.widths,
+    story = _ref.story,
+    onClickHandler = _ref.onClickHandler,
+    imgParams = _ref.imgParams;
   element = element || {};
   var images = element["story-elements"].map(function (image, index) {
     return /*#__PURE__*/React__default["default"].createElement("figure", {
@@ -3641,32 +3243,26 @@ function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStories
     numStoriesToLoad: numStoriesToLoad
   });
 }
-
 function lazyLoadWrapper(component, _ref) {
   var _ref$lazy_load_images = _ref.lazy_load_images,
-      lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
+    lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
   return !lazyLoadImages ? component : /*#__PURE__*/React__default["default"].createElement(LazyLoadImages, {}, component);
 }
-
 function clientSideLoadWrapper(component, _ref2) {
   var _ref2$client_side_onl = _ref2.client_side_only,
-      clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
+    clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
   return !clientSideOnly ? component : /*#__PURE__*/React__default["default"].createElement(ClientSideOnly, {}, component);
 }
-
 function WrapCollectionComponent(Component) {
   return function (props) {
     if (!props.collection) {
       return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
-
     var associatedMetadata = props.collection["associated-metadata"] || {};
     var stories = collectionToStories(props.collection);
-
     if (associatedMetadata.initial_stories_load_count) {
       stories = stories.slice(0, associatedMetadata.initial_stories_load_count);
     }
-
     var data = Object.assign({}, props, {
       stories: stories,
       associatedMetadata: associatedMetadata
@@ -3677,6 +3273,7 @@ function WrapCollectionComponent(Component) {
     }, component);
   };
 }
+
 /**
  * Use this function to wrap a UI for collections, which returns a component handling common behavior, such as only rendering client side, or lazy loading images.
  * This component adds two props: `stories` and `associatedMetadata`
@@ -3694,25 +3291,21 @@ function WrapCollectionComponent(Component) {
  * @category Collection Page
  * @returns {Component} A component which can be passed collection
  */
-
-
 function wrapCollectionLayout(component) {
   var wrappedComponent = reactRedux.connect(function (state) {
     return {
       config: state.qt.config
     };
   })(WrapCollectionComponent(component));
-
   if (component.storyLimit) {
     wrappedComponent.storyLimit = component.storyLimit;
   }
-
   if (component.nestedCollectionLimit) {
     wrappedComponent.nestedCollectionLimit = component.nestedCollectionLimit;
   }
-
   return wrappedComponent;
 }
+
 /**
  * Use this function to get the stories from a collection object
  * returns [] if collection doesn't have items key
@@ -3721,7 +3314,6 @@ function wrapCollectionLayout(component) {
  * @category Collection Page
  * @returns {Array} An array of stories
  */
-
 function collectionToStories(collection) {
   if (!collection.items) return [];
   return collection.items.filter(function (item) {
@@ -3730,7 +3322,6 @@ function collectionToStories(collection) {
     return replaceWithAlternates(item.story);
   });
 }
-
 function replaceWithAlternates(story) {
   var alternates = get__default["default"](story, ["alternative", "home", "default"]);
   if (!alternates) return story;
@@ -3757,30 +3348,22 @@ LoadMoreButton.defaultProps = {
 };
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$4() { 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; } }
 var loadedMember = false;
-
 var WithMemberBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](WithMemberBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$4(WithMemberBase);
-
   function WithMemberBase(props) {
     var _this;
-
     _classCallCheck__default["default"](this, WithMemberBase);
-
     _this = _super.call(this, props);
     _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized__default["default"](_this));
     return _this;
   }
-
   _createClass__default["default"](WithMemberBase, [{
     key: "checkForMemberUpdated",
     value: function checkForMemberUpdated() {
       var _this2 = this;
-
       this.props.memberBeingLoaded();
       var requestUrl = this.props.isBridgekeeperEnabled ? "/api/auth/v1/users/me" : "/api/v1/members/me";
       return getRequest(requestUrl).forbidden(function () {
@@ -3789,9 +3372,8 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
         return _this2.props.memberUpdated(null);
       }).json(function (_ref) {
         var member = _ref.member,
-            user = _ref.user;
+          user = _ref.user;
         var memberObj = _this2.props.isBridgekeeperEnabled ? user : member;
-
         _this2.props.memberUpdated(memberObj);
       });
     }
@@ -3807,10 +3389,10 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          member = _this$props.member,
-          logout = _this$props.logout,
-          children = _this$props.children,
-          isLoading = _this$props.isLoading;
+        member = _this$props.member,
+        logout = _this$props.logout,
+        children = _this$props.children,
+        isLoading = _this$props.isLoading;
       return children({
         member: member,
         logout: logout,
@@ -3819,24 +3401,20 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return WithMemberBase;
 }(React__default["default"].Component);
-
 WithMemberBase.defaultProps = {
   isBridgekeeperEnabled: false
 };
-
 function mapStateToProps$2(_ref2) {
   var member = _ref2.member,
-      memberLoading = _ref2.memberLoading;
+    memberLoading = _ref2.memberLoading;
   return {
     member: member || null,
     // undefined on server side
     isLoading: memberLoading === true || memberLoading === undefined
   };
 }
-
 function mapDispatchToProps$2(dispatch, ownProps) {
   var logoutRequestUrl = ownProps.isBridgekeeperEnabled ? "/api/auth/v1/logout" : "/api/logout";
   return {
@@ -3861,6 +3439,7 @@ function mapDispatchToProps$2(dispatch, ownProps) {
     }
   };
 }
+
 /**
  * This is a render props component which will call your callback with the current logged in member. It will automatically call `/api/v1/members/me` to figure out if you are logged in, and replace the contents in the store and callback. In future, this may use LocalStorage to cache the member for some time.
  *
@@ -3889,13 +3468,11 @@ function mapDispatchToProps$2(dispatch, ownProps) {
  * @component
  * @category Login
  */
-
-
 var WithMember = /*#__PURE__*/reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(WithMemberBase);
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$3() { 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; } }
+
 /**
  * This higher order function can be used for the home or story page preview. It takes a component, and a function to map the story into props suitable for the component
  * 
@@ -3924,30 +3501,23 @@ function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !
  * @category Other
  * @returns {Component} Component which can be used for preview
  */
-
 function WithPreview(klazz, updateData) {
   return /*#__PURE__*/function (_React$Component) {
     _inherits__default["default"](WithPreviewWrapper, _React$Component);
-
     var _super = _createSuper$3(WithPreviewWrapper);
-
     function WithPreviewWrapper(props) {
       var _this;
-
       _classCallCheck__default["default"](this, WithPreviewWrapper);
-
       _this = _super.call(this, props);
       _this.state = {
         story: null
       };
       return _this;
     }
-
     _createClass__default["default"](WithPreviewWrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
-
         global.addEventListener("message", function (event) {
           if (event.data && event.data.action == 'reloadStory' && event.data.story) {
             _this2.setState({
@@ -3966,20 +3536,18 @@ function WithPreview(klazz, updateData) {
             }
           });
         }
-
         return /*#__PURE__*/React__default["default"].createElement(klazz, Object.assign({}, this.props, {
           data: updateData(this.props.data, this.state.story)
         }));
       }
     }]);
-
     return WithPreviewWrapper;
   }(React__default["default"].Component);
 }
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$2() { 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; } }
+
 /**
  * This is an abstract render props component for logging in with social accounts. The component adds two items to scope: `serverSideLoginPath` for redirecting to server side, and `login` for doing a client side login. Calling `login()` returns a promise which can be used to handle success and failure cases.
  *
@@ -4027,17 +3595,12 @@ function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !
  * @hideconstructor
  * @category Login
  */
-
 var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](WithSocialLogin, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$2(WithSocialLogin);
-
   function WithSocialLogin(props) {
     var _this;
-
     _classCallCheck__default["default"](this, WithSocialLogin);
-
     _this = _super.call(this, props);
     _this.bridgekeeperServerLoginPath = "/api/auth/v1/login?auth-provider=".concat(_this.props.provider, "&redirect-url=").concat(_this.props.redirectUrl ? _this.props.redirectUrl : global.location && global.location.origin);
     _this.defaultServerLoginPath = "/login?auth-provider=".concat(_this.props.provider, "&remote-host=").concat(global.location && global.location.origin);
@@ -4045,7 +3608,6 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
     _this.serverSideSSOLoginPath = "/login?auth-provider=".concat(_this.props.provider, "&redirect-url=").concat(_this.props.sso && _this.props.redirectUrl ? _this.props.redirectUrl : global.location && global.location.origin);
     return _this;
   }
-
   _createClass__default["default"](WithSocialLogin, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -4055,7 +3617,6 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return this.props.children({
         login: function login(props) {
           return _this2.props.socialLogin.call(_this2, props).then(function (token) {
@@ -4066,10 +3627,8 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return WithSocialLogin;
 }(React__default["default"].Component);
-
 function createSession(provider, token) {
   return postRequest("/api/login/".concat(provider), {
     token: token,
@@ -4078,7 +3637,6 @@ function createSession(provider, token) {
     return r;
   });
 }
-
 WithSocialLogin.defaultProps = {
   initialize: function initialize() {},
   // function is rebound in WithSocialLogin
@@ -4096,15 +3654,14 @@ WithSocialLogin.defaultProps = {
  * @component
  * @category Login
  */
-
 function WithFacebookLogin(_ref) {
   var appId = _ref.appId,
-      children = _ref.children,
-      scope = _ref.scope,
-      emailMandatory = _ref.emailMandatory,
-      redirectUrl = _ref.redirectUrl,
-      sso = _ref.sso,
-      isBridgekeeperLogin = _ref.isBridgekeeperLogin;
+    children = _ref.children,
+    scope = _ref.scope,
+    emailMandatory = _ref.emailMandatory,
+    redirectUrl = _ref.redirectUrl,
+    sso = _ref.sso,
+    isBridgekeeperLogin = _ref.isBridgekeeperLogin;
   return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'facebook',
     initialize: function initialize() {
@@ -4122,12 +3679,10 @@ function WithFacebookLogin(_ref) {
     isBridgekeeperLogin: isBridgekeeperLogin
   });
 }
-
 function loadFacebookSDK(appId) {
   if (global.FB) {
     return;
   }
-
   global.fbAsyncInit = global.fbAsyncInit || function () {
     global.FB.init({
       appId: appId,
@@ -4135,22 +3690,18 @@ function loadFacebookSDK(appId) {
       version: 'v3.1'
     });
   };
-
   (function (d, s, id) {
     var js,
-        fjs = d.getElementsByTagName(s)[0];
-
+      fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {
       return;
     }
-
     js = d.createElement(s);
     js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   })(document, 'script', 'facebook-jssdk');
 }
-
 function fbLogin(params) {
   return new Promise(function (resolve, reject) {
     return global.FB.login(function (response) {
@@ -4160,7 +3711,6 @@ function fbLogin(params) {
     }, params);
   });
 }
-
 function fbVerifyEmailExists(token) {
   return new Promise(function (resolve, reject) {
     return global.FB.api('/me', {
@@ -4170,16 +3720,13 @@ function fbVerifyEmailExists(token) {
     });
   });
 }
-
 function loginWithFacebook() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      scope = _ref2.scope,
-      emailMandatory = _ref2.emailMandatory;
-
+    scope = _ref2.scope,
+    emailMandatory = _ref2.emailMandatory;
   if (!global.FB) {
     return Promise.reject('NOT_LOADED');
   }
-
   return fbLogin({
     scope: scope
   }).then(function (token) {
@@ -4192,15 +3739,14 @@ function loginWithFacebook() {
  * @component
  * @category Login
  */
-
 function WithGoogleLogin(_ref) {
   var clientId = _ref.clientId,
-      children = _ref.children,
-      scope = _ref.scope,
-      emailMandatory = _ref.emailMandatory,
-      redirectUrl = _ref.redirectUrl,
-      sso = _ref.sso,
-      isBridgekeeperLogin = _ref.isBridgekeeperLogin;
+    children = _ref.children,
+    scope = _ref.scope,
+    emailMandatory = _ref.emailMandatory,
+    redirectUrl = _ref.redirectUrl,
+    sso = _ref.sso,
+    isBridgekeeperLogin = _ref.isBridgekeeperLogin;
   return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'google',
     initialize: function initialize() {
@@ -4217,7 +3763,6 @@ function WithGoogleLogin(_ref) {
     isBridgekeeperLogin: isBridgekeeperLogin
   });
 }
-
 var onScriptLoaded = function onScriptLoaded(clientId, scope) {
   global.gapi.load('client:auth2', function () {
     return global.gapi.client.init({
@@ -4226,21 +3771,16 @@ var onScriptLoaded = function onScriptLoaded(clientId, scope) {
     });
   });
 };
-
 var loginWithGoogle = function loginWithGoogle() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      emailMandatory = _ref2.emailMandatory;
-
+    emailMandatory = _ref2.emailMandatory;
   if (!global.gapi || !global.gapi.client) {
     return Promise.reject("NOT_LOADED");
   }
-
   var GoogleAuth = global.gapi.auth2.getAuthInstance();
-
   if (!GoogleAuth) {
     return Promise.reject("NOT_LOADED");
   }
-
   return GoogleAuth.signIn().then(function (response) {
     return emailMandatory && !response.getBasicProfile().getEmail() ? Promise.reject('NO_EMAIL') : {
       'access-token': response.getAuthResponse().access_token
@@ -4249,21 +3789,17 @@ var loginWithGoogle = function loginWithGoogle() {
     return Promise.reject('NOT_GRANTED');
   });
 };
-
 var loadGoogleSDK = function loadGoogleSDK(clientId, scope) {
   if (global.gapi) {
     return;
   }
-
   var script = document.createElement('script');
   script.src = 'https://apis.google.com/js/api.js';
   script.async = true;
   script.defer = true;
-
   script.onload = function () {
     return onScriptLoaded(clientId, scope);
   };
-
   document.getElementsByTagName('body')[0].appendChild(script);
 };
 
@@ -4272,15 +3808,14 @@ var loadGoogleSDK = function loadGoogleSDK(clientId, scope) {
  * @component
  * @category Login
  */
-
 function WithTwitterLogin(_ref) {
   _ref.clientId;
-      var children = _ref.children;
-      _ref.scope;
-      _ref.emailMandatory;
-      var redirectUrl = _ref.redirectUrl,
-      sso = _ref.sso,
-      isBridgekeeperLogin = _ref.isBridgekeeperLogin;
+    var children = _ref.children;
+    _ref.scope;
+    _ref.emailMandatory;
+    var redirectUrl = _ref.redirectUrl,
+    sso = _ref.sso,
+    isBridgekeeperLogin = _ref.isBridgekeeperLogin;
   return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'twitter',
     children: children,
@@ -4295,15 +3830,14 @@ function WithTwitterLogin(_ref) {
  * @component
  * @category Login
  */
-
 function WithLinkedInLogin(_ref) {
   var clientKey = _ref.clientKey,
-      children = _ref.children;
-      _ref.scope;
-      var emailMandatory = _ref.emailMandatory,
-      redirectUrl = _ref.redirectUrl,
-      sso = _ref.sso,
-      isBridgekeeperLogin = _ref.isBridgekeeperLogin;
+    children = _ref.children;
+    _ref.scope;
+    var emailMandatory = _ref.emailMandatory,
+    redirectUrl = _ref.redirectUrl,
+    sso = _ref.sso,
+    isBridgekeeperLogin = _ref.isBridgekeeperLogin;
   return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'linkedin',
     initialize: function initialize() {
@@ -4320,12 +3854,10 @@ function WithLinkedInLogin(_ref) {
     isBridgekeeperLogin: isBridgekeeperLogin
   });
 }
-
 var loadLinkedInSdk = function loadLinkedInSdk(clientKey, scope) {
   if (global.IN) {
     return;
   }
-
   var script = document.createElement('script');
   script.src = '//platform.linkedin.com/in.js';
   script.type = 'text/javascript';
@@ -4334,14 +3866,11 @@ var loadLinkedInSdk = function loadLinkedInSdk(clientKey, scope) {
   script.innerHTML = "\n  api_key: ".concat(clientKey, "\n");
   document.getElementsByTagName('body')[0].appendChild(script);
 };
-
 var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
   _ref2.emailMandatory;
-
   if (!global.IN || !global.IN.User) {
     return Promise.reject("NOT_LOADED");
   }
-
   return new Promise(function (resolve, reject) {
     global.IN.User.authorize(function (e) {
       if (global.IN.User.isAuthorized()) {
@@ -4357,8 +3886,8 @@ var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
 };
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-
 function _isNativeReflectConstruct$1() { 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; } }
+
 /**
  * This render props component willupdate it's children via props while executing data loaders sent as props to the component.
  *
@@ -4386,17 +3915,12 @@ function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !
  * @hideconstructor
  * @category Other
  */
-
 var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](UpdateOnInterval, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper$1(UpdateOnInterval);
-
   function UpdateOnInterval(props) {
     var _this;
-
     _classCallCheck__default["default"](this, UpdateOnInterval);
-
     _this = _super.call(this, props);
     _this.fetchIntervalIndex = -1;
     _this.state = {
@@ -4404,7 +3928,6 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass__default["default"](UpdateOnInterval, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -4419,7 +3942,6 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
     key: "registerInterval",
     value: function registerInterval() {
       var _this2 = this;
-
       this.fetchIntervalIndex = setInterval(function () {
         return _this2.setData();
       }, this.props.interval);
@@ -4442,24 +3964,19 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
                   _context.next = 6;
                   break;
                 }
-
                 _context.next = 3;
                 return this.props.dataLoader();
-
               case 3:
                 _context.t0 = _context.sent;
                 _context.next = 7;
                 break;
-
               case 6:
                 _context.t0 = {};
-
               case 7:
                 data = _context.t0;
                 this.setState({
                   data: data
                 });
-
               case 9:
               case "end":
                 return _context.stop();
@@ -4467,11 +3984,9 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee, this);
       }));
-
       function setData() {
         return _setData.apply(this, arguments);
       }
-
       return setData;
     }()
   }, {
@@ -4484,7 +3999,6 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return UpdateOnInterval;
 }(React__default["default"].Component);
 UpdateOnInterval.defaultProps = {
@@ -4492,81 +4006,61 @@ UpdateOnInterval.defaultProps = {
   initData: {}
 };
 
-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__default["default"](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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](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; } }
-
 var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](AccessTypeBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(AccessTypeBase);
-
   function AccessTypeBase(props) {
     var _this;
-
     _classCallCheck__default["default"](this, AccessTypeBase);
-
     _this = _super.call(this, props);
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "loadScript", function (callback) {
       var accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
       var isStaging = get__default["default"](_this.props, ["isStaging"]);
       var enableAccesstype = get__default["default"](_this.props, ["enableAccesstype"]);
-
       if (!enableAccesstype) {
         return false;
       }
-
       var HOST = isStaging ? _this.stagingHost : _this.prodHost;
       var environment = isStaging ? "&env=sandbox" : "";
       var accessTypeHost = "".concat(HOST, "/frontend/v2/accesstype.js?key=").concat(accessTypeKey).concat(environment);
       var isATScriptAlreadyPresent = document.querySelector("script[src=\"".concat(accessTypeHost, "\"]"));
-
       if (accessTypeKey && !isATScriptAlreadyPresent && !global.AccessType && global.document) {
         var accessTypeScript = document.createElement("script");
         accessTypeScript.setAttribute("src", accessTypeHost);
         accessTypeScript.setAttribute("id", "AccessTypeScript");
         accessTypeScript.setAttribute("data-accessType-script", "1");
         accessTypeScript.async = 1;
-
         accessTypeScript.onload = function () {
           return callback();
         };
-
         document.body.appendChild(accessTypeScript);
         return true;
       }
-
       global.AccessType && callback();
       return true;
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setUser", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
         var isLoggedIn,
-            userObj,
-            _yield$awaitHelper,
-            error,
-            user,
-            _args = arguments;
-
+          userObj,
+          _yield$awaitHelper,
+          error,
+          user,
+          _args = arguments;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 isLoggedIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;
-
                 if (global.AccessType) {
                   _context.next = 3;
                   break;
                 }
-
                 return _context.abrupt("return", null);
-
               case 3:
                 userObj = isLoggedIn ? {
                   emailAddress: emailAddress,
@@ -4577,23 +4071,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 };
                 _context.next = 6;
                 return awaitHelper(global.AccessType.setUser(userObj));
-
               case 6:
                 _yield$awaitHelper = _context.sent;
                 error = _yield$awaitHelper.error;
                 user = _yield$awaitHelper.data;
-
                 if (!error) {
                   _context.next = 12;
                   break;
                 }
-
                 console.warn("User context setting failed --> ", error);
                 return _context.abrupt("return", error);
-
               case 12:
                 return _context.abrupt("return", user);
-
               case 13:
               case "end":
                 return _context.stop();
@@ -4601,16 +4090,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee);
       }));
-
       return function (_x, _x2, _x3) {
         return _ref.apply(this, arguments);
       };
     }());
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "validateCoupon", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(selectedPlanId, couponCode) {
         var _yield$awaitHelper2, error, data;
-
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -4619,32 +4105,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _context2.next = 2;
                   break;
                 }
-
                 return _context2.abrupt("return", {});
-
               case 2:
                 _context2.next = 4;
                 return awaitHelper(global.AccessType.validateCoupon({
                   subscriptionPlanId: selectedPlanId,
                   couponCode: couponCode
                 }));
-
               case 4:
                 _yield$awaitHelper2 = _context2.sent;
                 error = _yield$awaitHelper2.error;
                 data = _yield$awaitHelper2.data;
-
                 if (!error) {
                   _context2.next = 10;
                   break;
                 }
-
                 console.warn("Error --> ", error);
                 return _context2.abrupt("return", error);
-
               case 10:
                 return _context2.abrupt("return", data);
-
               case 11:
               case "end":
                 return _context2.stop();
@@ -4652,31 +4131,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee2);
       }));
-
       return function (_x4, _x5) {
         return _ref2.apply(this, arguments);
       };
     }());
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
       var subscriptionId,
-          _args3 = arguments;
+        _args3 = arguments;
       return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               subscriptionId = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : null;
-
               if (subscriptionId) {
                 _context3.next = 3;
                 break;
               }
-
               return _context3.abrupt("return", Promise.reject("Subscription id is not defined"));
-
             case 3:
               return _context3.abrupt("return", global.AccessType.cancelSubscription(subscriptionId));
-
             case 4:
             case "end":
               return _context3.stop();
@@ -4684,10 +4157,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee3);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
       var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions;
-
       return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
@@ -4695,34 +4166,27 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
               isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost; // TODO: use AccesstypeJS method insead of direct api call
-
               accessTypeHost = "".concat(HOST, "/api/v1/subscription_groups.json?key=").concat(accessTypeKey);
               _context4.t0 = awaitHelper;
               _context4.next = 7;
               return global.fetch(accessTypeHost);
-
             case 7:
               _context4.t1 = _context4.sent.json();
               _context4.next = 10;
               return (0, _context4.t0)(_context4.t1);
-
             case 10:
               _yield$awaitHelper3 = _context4.sent;
               error = _yield$awaitHelper3.error;
               subscriptions = _yield$awaitHelper3.data;
-
               if (!error) {
                 _context4.next = 15;
                 break;
               }
-
               return _context4.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
-
             case 15:
               return _context4.abrupt("return", subscriptions["subscription_groups"] || []);
-
             case 16:
             case "end":
               return _context4.stop();
@@ -4730,10 +4194,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee4);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getPaymentOptions", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
       var _yield$awaitHelper4, error, paymentOptions;
-
       return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
@@ -4742,30 +4204,23 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _context5.next = 2;
                 break;
               }
-
               return _context5.abrupt("return", []);
-
             case 2:
               _context5.next = 4;
               return awaitHelper(global.AccessType.getPaymentOptions());
-
             case 4:
               _yield$awaitHelper4 = _context5.sent;
               error = _yield$awaitHelper4.error;
               paymentOptions = _yield$awaitHelper4.data;
-
               if (!error) {
                 _context5.next = 9;
                 break;
               }
-
               return _context5.abrupt("return", {
                 error: "payment options fetch failed"
               });
-
             case 9:
               return _context5.abrupt("return", paymentOptions);
-
             case 10:
             case "end":
               return _context5.stop();
@@ -4773,53 +4228,43 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee5);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
       var storyId,
-          _yield$awaitHelper5,
-          error,
-          _yield$awaitHelper5$d,
-          assetPlans,
-          _args6 = arguments;
-
+        _yield$awaitHelper5,
+        error,
+        _yield$awaitHelper5$d,
+        assetPlans,
+        _args6 = arguments;
       return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
               storyId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : "";
-
               if (global.AccessType) {
                 _context6.next = 3;
                 break;
               }
-
               return _context6.abrupt("return", []);
-
             case 3:
               _context6.next = 5;
               return awaitHelper(global.AccessType.getAssetPlans({
                 id: storyId,
                 type: "story"
               }));
-
             case 5:
               _yield$awaitHelper5 = _context6.sent;
               error = _yield$awaitHelper5.error;
               _yield$awaitHelper5$d = _yield$awaitHelper5.data;
               assetPlans = _yield$awaitHelper5$d === void 0 ? {} : _yield$awaitHelper5$d;
-
               if (!error) {
                 _context6.next = 11;
                 break;
               }
-
               return _context6.abrupt("return", {
                 error: "asset plan fetch failed"
               });
-
             case 11:
               return _context6.abrupt("return", assetPlans);
-
             case 12:
             case "end":
               return _context6.stop();
@@ -4827,21 +4272,17 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee6);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7() {
       var isAccessTypeCampaignEnabled, accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper6, error, campaignSubscriptions;
-
       return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
               isAccessTypeCampaignEnabled = get__default["default"](_this.props, ["isAccessTypeCampaignEnabled"], false);
-
               if (!isAccessTypeCampaignEnabled) {
                 _context7.next = 18;
                 break;
               }
-
               accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
               isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost;
@@ -4849,32 +4290,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _context7.t0 = awaitHelper;
               _context7.next = 9;
               return global.fetch(accessTypeHost);
-
             case 9:
               _context7.t1 = _context7.sent.json();
               _context7.next = 12;
               return (0, _context7.t0)(_context7.t1);
-
             case 12:
               _yield$awaitHelper6 = _context7.sent;
               error = _yield$awaitHelper6.error;
               campaignSubscriptions = _yield$awaitHelper6.data;
-
               if (!error) {
                 _context7.next = 17;
                 break;
               }
-
               return _context7.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
-
             case 17:
               return _context7.abrupt("return", campaignSubscriptions["subscription_groups"] || []);
-
             case 18:
               return _context7.abrupt("return", []);
-
             case 19:
             case "end":
               return _context7.stop();
@@ -4882,14 +4316,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee7);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8() {
       var callback,
-          jwtResponse,
-          _yield$awaitHelper7,
-          error,
-          _args8 = arguments;
-
+        jwtResponse,
+        _yield$awaitHelper7,
+        error,
+        _args8 = arguments;
       return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
@@ -4899,32 +4331,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               };
               _context8.next = 3;
               return fetch("/api/v1/access-token/integrations/".concat(_this.props.accessTypeBkIntegrationId));
-
             case 3:
               jwtResponse = _context8.sent;
               _context8.next = 6;
               return awaitHelper(_this.setUser(_this.props.email, _this.props.phone, jwtResponse.headers.get("x-integration-token"), !!jwtResponse.headers.get("x-integration-token")));
-
             case 6:
               _yield$awaitHelper7 = _context8.sent;
               error = _yield$awaitHelper7.error;
-
               if (!error) {
                 try {
                   Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref9) {
                     var _ref10 = _slicedToArray__default["default"](_ref9, 4),
-                        subscriptionGroups = _ref10[0],
-                        paymentOptions = _ref10[1],
-                        assetPlans = _ref10[2],
-                        campaignSubscriptionGroups = _ref10[3];
-
+                      subscriptionGroups = _ref10[0],
+                      paymentOptions = _ref10[1],
+                      assetPlans = _ref10[2],
+                      campaignSubscriptionGroups = _ref10[3];
                     reactRedux.batch(function () {
                       _this.props.subscriptionGroupLoaded(subscriptionGroups);
-
                       _this.props.paymentOptionsLoaded(paymentOptions);
-
                       _this.props.assetPlanLoaded(assetPlans);
-
                       _this.props.campaignSubscriptionGroupLoaded(campaignSubscriptionGroups);
                     });
                     callback();
@@ -4933,7 +4358,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   console.log("Subscription / payments failed", e);
                 }
               }
-
             case 9:
             case "end":
               return _context8.stop();
@@ -4941,10 +4365,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee8);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
       var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
-
       return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
@@ -4953,29 +4375,22 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _context9.next = 2;
                 break;
               }
-
               return _context9.abrupt("return", {});
-
             case 2:
               _context9.next = 4;
               return awaitHelper(global.AccessType.getSubscriptions());
-
             case 4:
               _yield$awaitHelper8 = _context9.sent;
               error = _yield$awaitHelper8.error;
               _yield$awaitHelper8$d = _yield$awaitHelper8.data;
               subscriptions = _yield$awaitHelper8$d === void 0 ? [] : _yield$awaitHelper8$d;
-
               if (!error) {
                 _context9.next = 10;
                 break;
               }
-
               return _context9.abrupt("return", error);
-
             case 10:
               return _context9.abrupt("return", subscriptions);
-
             case 11:
             case "end":
               return _context9.stop();
@@ -4983,10 +4398,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee9);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
-
       try {
         _this.loadScript(function () {
           // dont try to initialize accessType if integration id is not available
@@ -4994,130 +4407,98 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             console.warn("AccessType: Integration Id is undefined");
             return false;
           }
-
           _this.runSequentialCalls(callback);
         });
       } catch (e) {
         console.warn("Accesstype load fail", e);
       }
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initRazorPayPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       var storyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
       var storyHeadline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
       var storySlug = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "";
-
       if (!selectedPlanObj) {
         console.warn("Razor pay needs a plan");
         return false;
       }
-
       var planObject = _this.makePlanObject(selectedPlanObj, planType, storyId, storyHeadline, storySlug); //we are doing this to sake of backward compatibility and will be refactored later.
-
-
       var paymentOptions = _this.props.paymentOptions;
       planObject["paymentType"] = get__default["default"](planObject.selectedPlan, ["recurring"]) ? "razorpay_recurring" : "razorpay";
-
       var paymentObject = _this.makePaymentObject(planObject);
-
       return paymentOptions.razorpay.proceed(paymentObject);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initStripePayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (!options.selectedPlan) {
         console.warn("Stripe pay needs a plan");
         return false;
       }
-
       var paymentOptions = _this.props.paymentOptions;
       var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "stripe_recurring" : "stripe";
-
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
-
       return paymentOptions.stripe ? paymentOptions.stripe.proceed(paymentObject) : Promise.reject({
         message: "Payment option is loading..."
       });
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initPaypalPayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (!options.selectedPlan) {
         console.warn("Paypal pay needs a plan");
         return false;
       }
-
       var paymentOptions = _this.props.paymentOptions;
       var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
-
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
-
       return paymentOptions.paypal ? paymentOptions.paypal.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       }) : Promise.reject({
         message: "Payment option is loading..."
       });
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initOmisePayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-
       if (!selectedPlanObj) {
         console.warn("Omise pay needs a plan");
         return false;
       }
-
       var planObject = _this.makePlanObject(selectedPlanObj, planType);
-
       planObject["paymentType"] = get__default["default"](planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
-
       var paymentObject = _this.makePaymentObject(planObject);
-
       var omise = get__default["default"](_this.props, ["paymentOptions", "omise"]);
-
       if (!omise) {
         return Promise.reject({
           message: "Payment option is loading..."
         });
       }
-
       return omise.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       });
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAdyenPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       var AdyenModal = arguments.length > 2 ? arguments[2] : undefined;
       var locale = arguments.length > 3 ? arguments[3] : undefined;
-
       var adyenExecutor = function adyenExecutor(resolve, reject) {
         if (!document.getElementById("adyen-modal")) {
           var modalElement = document.createElement("div");
           modalElement.setAttribute("id", "adyen-modal");
           document.body.appendChild(modalElement);
         }
-
         var afterOpen = function afterOpen() {
           var planObject = _this.makePlanObject(selectedPlanObj, planType);
-
           var isRecurring = get__default["default"](planObject, ["selectedPlan", "recurring"]);
           var paymentType = isRecurring ? "adyen_recurring" : "adyen";
-
           var paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
             paymentType: paymentType
           }));
-
           var adyen = get__default["default"](_this.props, ["paymentOptions", "adyen"]);
           paymentObject = _objectSpread(_objectSpread({}, paymentObject), {}, {
             options: _objectSpread(_objectSpread({}, paymentObject["options"]), {}, {
@@ -5132,16 +4513,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             return response.proceed(paymentObject);
           }));
         };
-
         ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
         }), document.getElementById("adyen-modal"));
       };
-
       return new Promise(adyenExecutor);
     });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "pingBackMeteredStory", /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(asset, accessData) {
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
@@ -5153,9 +4531,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 } catch (e) {
                   console.log("error in pingbackAssetAccess", e);
                 }
-
                 return _context10.abrupt("return", true);
-
               case 2:
               case "end":
                 return _context10.stop();
@@ -5163,16 +4539,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee10);
       }));
-
       return function (_x6, _x7) {
         return _ref12.apply(this, arguments);
       };
     }());
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "checkAccess", /*#__PURE__*/function () {
       var _ref13 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(assetId) {
         var asset, _yield$awaitHelper9, error, accessData, accessById, granted, grantReason, _accessData$data, data;
-
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) {
             switch (_context11.prev = _context11.next) {
@@ -5181,48 +4554,35 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _context11.next = 3;
                   break;
                 }
-
                 console.warn("AssetId is required");
                 return _context11.abrupt("return", false);
-
               case 3:
                 _this.props.accessIsLoading(true);
-
                 asset = {
                   id: assetId,
                   type: "story"
                 };
                 _context11.next = 7;
                 return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
-
               case 7:
                 _yield$awaitHelper9 = _context11.sent;
                 error = _yield$awaitHelper9.error;
                 accessData = _yield$awaitHelper9.data;
                 accessById = _defineProperty__default["default"]({}, assetId, accessData);
-
                 _this.props.accessUpdated(accessById);
-
                 _this.props.accessIsLoading(false);
-
                 granted = accessData.granted, grantReason = accessData.grantReason, _accessData$data = accessData.data, data = _accessData$data === void 0 ? {} : _accessData$data;
-
                 if (!_this.props.disableMetering && granted && grantReason === "METERING") {
                   _this.pingBackMeteredStory(asset, accessData);
-
                   _this.props.meterUpdated(data.numberRemaining || -1);
                 }
-
                 if (!error) {
                   _context11.next = 17;
                   break;
                 }
-
                 return _context11.abrupt("return", error);
-
               case 17:
                 return _context11.abrupt("return", accessById);
-
               case 18:
               case "end":
                 return _context11.stop();
@@ -5230,12 +4590,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee11);
       }));
-
       return function (_x8) {
         return _ref13.apply(this, arguments);
       };
     }());
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12() {
       var metadata;
       return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
@@ -5246,17 +4604,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _context12.next = 2;
                 break;
               }
-
               return _context12.abrupt("return", {});
-
             case 2:
               _context12.next = 4;
               return awaitHelper(global.AccessType.getSubscriberMetadata());
-
             case 4:
               metadata = _context12.sent;
               return _context12.abrupt("return", metadata);
-
             case 6:
             case "end":
               return _context12.stop();
@@ -5264,7 +4618,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee12);
     })));
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setSubscriberMetadata", /*#__PURE__*/function () {
       var _ref15 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(subscriberMetadata) {
         var response;
@@ -5276,17 +4629,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _context13.next = 2;
                   break;
                 }
-
                 return _context13.abrupt("return", {});
-
               case 2:
                 _context13.next = 4;
                 return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
-
               case 4:
                 response = _context13.sent;
                 return _context13.abrupt("return", response);
-
               case 6:
               case "end":
                 return _context13.stop();
@@ -5294,17 +4643,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee13);
       }));
-
       return function (_x9) {
         return _ref15.apply(this, arguments);
       };
     }());
-
     _this.prodHost = props.prodHost || "https://www.accesstype.com";
     _this.stagingHost = props.stagingHost || "https://staging.accesstype.com";
     return _this;
   }
-
   _createClass__default["default"](AccessTypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -5314,34 +4660,34 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     key: "makePaymentObject",
     value: function makePaymentObject(_ref16) {
       var _ref16$selectedPlan = _ref16.selectedPlan,
-          selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
-          _ref16$couponCode = _ref16.couponCode,
-          couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
-          _ref16$recipientSubsc = _ref16.recipientSubscriber,
-          recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
-          _ref16$planType = _ref16.planType,
-          planType = _ref16$planType === void 0 ? "" : _ref16$planType,
-          _ref16$storyId = _ref16.storyId,
-          storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
-          _ref16$storyHeadline = _ref16.storyHeadline,
-          storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
-          _ref16$storySlug = _ref16.storySlug,
-          storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
-          _ref16$paymentType = _ref16.paymentType,
-          paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
-          _ref16$successUrl = _ref16.successUrl,
-          successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
-          _ref16$returnUrl = _ref16.returnUrl,
-          returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
-          _ref16$cancelUrl = _ref16.cancelUrl,
-          cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$cancelUrl;
+        selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
+        _ref16$couponCode = _ref16.couponCode,
+        couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
+        _ref16$recipientSubsc = _ref16.recipientSubscriber,
+        recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
+        _ref16$planType = _ref16.planType,
+        planType = _ref16$planType === void 0 ? "" : _ref16$planType,
+        _ref16$storyId = _ref16.storyId,
+        storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
+        _ref16$storyHeadline = _ref16.storyHeadline,
+        storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
+        _ref16$storySlug = _ref16.storySlug,
+        storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
+        _ref16$paymentType = _ref16.paymentType,
+        paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
+        _ref16$successUrl = _ref16.successUrl,
+        successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
+        _ref16$returnUrl = _ref16.returnUrl,
+        returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
+        _ref16$cancelUrl = _ref16.cancelUrl,
+        cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$cancelUrl;
       var id = selectedPlan.id,
-          title = selectedPlan.title,
-          description = selectedPlan.description,
-          price_cents = selectedPlan.price_cents,
-          price_currency = selectedPlan.price_currency,
-          duration_length = selectedPlan.duration_length,
-          duration_unit = selectedPlan.duration_unit;
+        title = selectedPlan.title,
+        description = selectedPlan.description,
+        price_cents = selectedPlan.price_cents,
+        price_currency = selectedPlan.price_currency,
+        duration_length = selectedPlan.duration_length,
+        duration_unit = selectedPlan.duration_unit;
       var paymentObject = {
         type: planType,
         plan: {
@@ -5365,7 +4711,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           slug: storySlug
         }],
         recipient_subscriber: recipientSubscriber //for gift subscription
-
       };
 
       if ((successUrl || returnUrl) && cancelUrl) {
@@ -5373,14 +4718,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         paymentObject.options.urls = {
           cancel_url: cancelUrl
         };
-
         if (returnUrl) {
           paymentObject.options.urls["return_url"] = returnUrl;
         } else {
           paymentObject.options.urls["success_url"] = successUrl;
         }
       }
-
       return paymentObject;
     }
   }, {
@@ -5406,8 +4749,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         storyHeadline: storyHeadline,
         storySlug: storySlug
       };
-    } //TODO -> need to write test cases to cover all scenarios , selectedPlan, planType , coupon, urls, story details etc.
-
+    }
+    //TODO -> need to write test cases to cover all scenarios , selectedPlan, planType , coupon, urls, story details etc.
   }, {
     key: "render",
     value: function render() {
@@ -5431,10 +4774,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return AccessTypeBase;
 }(React__default["default"].Component);
-
 var mapStateToProps$1 = function mapStateToProps(state) {
   return {
     subscriptions: state.subscriptions || null,
@@ -5442,7 +4783,6 @@ var mapStateToProps$1 = function mapStateToProps(state) {
     assetPlans: state.assetPlans || null
   };
 };
-
 var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
   return {
     subscriptionGroupLoaded: function subscriptionGroupLoaded(subscriptions) {
@@ -5489,6 +4829,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * `AccessType` is a generic connected render prop which exposes methods to handle access to stories / assets and initialize AccessTypeJS.
 
@@ -5642,8 +4983,6 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  * @component
  * @category Subscription
  */
-
-
 var AccessType = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps$1)(AccessTypeBase);
 
 function getSize(sizeMap) {
@@ -5654,6 +4993,7 @@ function getSize(sizeMap) {
   if (screenWidth < 992) return sizeMap["tablet"];
   return sizeMap["desktop"];
 }
+
 /**
  * This component can be used to get ads from `Adbutler` ad service provider based on the `adtype` you want to show
  *
@@ -5687,25 +5027,21 @@ function getSize(sizeMap) {
  * @component
  * @category Ads
  */
-
-
 function AdbutlerAd(_ref) {
   var adtype = _ref.adtype,
-      adbutlerConfig = _ref.adbutlerConfig,
-      sizes = _ref.sizes;
+    adbutlerConfig = _ref.adbutlerConfig,
+    sizes = _ref.sizes;
   var _adbutlerConfig$publi = adbutlerConfig.publisherId,
-      publisherId = _adbutlerConfig$publi === void 0 ? "" : _adbutlerConfig$publi,
-      _adbutlerConfig$adtyp = adbutlerConfig[adtype],
-      zoneId = _adbutlerConfig$adtyp === void 0 ? "" : _adbutlerConfig$adtyp;
+    publisherId = _adbutlerConfig$publi === void 0 ? "" : _adbutlerConfig$publi,
+    _adbutlerConfig$adtyp = adbutlerConfig[adtype],
+    zoneId = _adbutlerConfig$adtyp === void 0 ? "" : _adbutlerConfig$adtyp;
   var sizeMap = sizes[adtype];
   var size = getSize(sizeMap);
-
   var _size = _slicedToArray__default["default"](size, 2),
-      _size$ = _size[0],
-      width = _size$ === void 0 ? 0 : _size$,
-      _size$2 = _size[1],
-      height = _size$2 === void 0 ? 0 : _size$2;
-
+    _size$ = _size[0],
+    width = _size$ === void 0 ? 0 : _size$,
+    _size$2 = _size[1],
+    height = _size$2 === void 0 ? 0 : _size$2;
   var src = "https://servedbyadbutler.com/adserve/;ID=".concat(publisherId, ";size=").concat(width, "x").concat(height, ";setID=").concat(zoneId, ";type=iframe;click=CLICK_MACRO_PLACEHOLDER");
   var hasSize = size.length;
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5725,32 +5061,30 @@ function AdbutlerAd(_ref) {
 
 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: propTypes.func.isRequired,
   primaryHostUrl: propTypes.string,
   currentHostUrl: propTypes.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.
  *
@@ -5768,8 +5102,6 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Other
  */
-
-
 var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchToProps)(WithHostUrlBase);
 
 /**
@@ -5787,13 +5119,11 @@ var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchTo
  * @component
  * @category Other
  */
-
 var WithClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(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
   });
@@ -5802,7 +5132,6 @@ function WithClientSideOnlyBase(_ref) {
 /**
  * @module Reducers
  */
-
 function setToTrueOnEvent() {
   var events = Array.from(arguments);
   return function () {
@@ -5811,185 +5140,142 @@ function setToTrueOnEvent() {
     return state || events.includes(action.type);
   };
 }
-
 function breakingNewsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case BREAKING_NEWS_UPDATED:
       return action.stories;
-
     default:
       return state;
   }
 }
-
 var breakingNewsLoadedReducer = /*#__PURE__*/setToTrueOnEvent(BREAKING_NEWS_UPDATED);
 var clientSideRenderedReducer = /*#__PURE__*/setToTrueOnEvent(CLIENT_SIDE_RENDERED);
-
 function pageLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case PAGE_LOADING:
       return true;
-
     case NAVIGATE_TO_PAGE:
       return false;
-
     case PAGE_FINISHED_LOADING:
       return false;
-
     default:
       return state;
   }
 }
-
 function hamburgerOpenedReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case HAMBURGER_CLICKED:
       return true;
-
     case HAMBURGER_CLOSED:
       return false;
-
     case NAVIGATE_TO_PAGE:
       return false;
-
     default:
       return state;
   }
 }
-
 function memberReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case MEMBER_UPDATED:
       return action.member;
-
     default:
       return state;
   }
 }
-
 function memberLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case MEMBER_BEING_LOADED:
       return true;
-
     case MEMBER_UPDATED:
       return false;
-
     default:
       return state;
   }
 }
-
 function subscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case SUBSCRIPTION_GROUP_UPDATED:
       return action.subscriptions;
-
     default:
       return state;
   }
 }
-
 function paymentOptionsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case PAYMENT_OPTIONS_UPDATED:
       return action.paymentOptions;
-
     default:
       return state;
   }
 }
-
 function accessLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ACCESS_BEING_LOADED:
       return action.loading;
-
     default:
       return state;
   }
 }
-
 function accessReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ACCESS_UPDATED:
       return computeAccess(state, action);
-
     default:
       return state;
   }
 }
-
 function meteringReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case METER_UPDATED:
       return action.meterCount;
-
     default:
       return state;
   }
 }
-
 function assetPlansReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ASSET_PLANS:
       return action.assetPlans;
-
     default:
       return state;
   }
 }
-
 function campaignSubscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED:
       return action.campaignSubscriptions;
-
     default:
       return state;
   }
 }
+
 /**
  * ComponentReducers is a list of reducers that are needed by the various components included
  */
-
-
 var ComponentReducers = {
   breakingNews: breakingNewsReducer,
   breakingNewsLoaded: breakingNewsLoadedReducer,