@quintype/components 3.1.0-test-b.0 → 3.1.0

package/dist/cjs/index.js

@@ -110,14 +110,14 @@ function postRequest(url, body) {
   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 _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); 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; } }
+function _isNativeReflectConstruct$q() { 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);
+  var _super = /*#__PURE__*/_createSuper$q(BreakingNewsBase);
 
   function BreakingNewsBase() {
     _classCallCheck__default["default"](this, BreakingNewsBase);
@@ -321,14 +321,14 @@ function mapDispatchToProps$6(dispatch) {
   return {};
 }
 
-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 _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$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; } }
+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 ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ClientSideOnlyBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$o(ClientSideOnlyBase);
+  var _super = /*#__PURE__*/_createSuper$p(ClientSideOnlyBase);
 
   function ClientSideOnlyBase() {
     _classCallCheck__default["default"](this, ClientSideOnlyBase);
@@ -371,9 +371,9 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
 
 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 _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$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; } }
+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; } }
 /**
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
  *
@@ -385,7 +385,7 @@ function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !
 var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](EagerLoadImages, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$n(EagerLoadImages);
+  var _super = /*#__PURE__*/_createSuper$o(EagerLoadImages);
 
   function EagerLoadImages() {
     _classCallCheck__default["default"](this, EagerLoadImages);
@@ -415,9 +415,9 @@ EagerLoadImages.childContextTypes = {
   lazyLoadEagerPredicate: propTypes.func
 };
 
-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 _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$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 _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; } }
 
 function defaultErrorFn(props) {
   return /*#__PURE__*/React__default["default"].createElement("span", {
@@ -451,7 +451,7 @@ function withError(clazz) {
   return /*#__PURE__*/function (_React$Component) {
     _inherits__default["default"](WithError, _React$Component);
 
-    var _super = _createSuper$m(WithError);
+    var _super = _createSuper$n(WithError);
 
     function WithError(props) {
       var _this;
@@ -497,9 +497,9 @@ function withError(clazz) {
   }(React__default["default"].Component);
 }
 
-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 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 _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 _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.
  *
@@ -584,7 +584,7 @@ function DfpAdBase(_ref2) {
       deferAdsBy = _ref2.deferAdsBy;
   var adConfig = config[adtype] || {};
 
-  var adProps = _objectSpread$6({
+  var adProps = _objectSpread$7({
     slotId: slotId
   }, adConfig);
 
@@ -642,14 +642,14 @@ 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 _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$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; } }
+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; } }
 
 var ScrollItem = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ScrollItem, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$l(ScrollItem);
+  var _super = /*#__PURE__*/_createSuper$m(ScrollItem);
 
   function ScrollItem(props) {
     var _this;
@@ -720,7 +720,7 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
 var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
   _inherits__default["default"](ScrollLoadMore, _React$Component2);
 
-  var _super2 = /*#__PURE__*/_createSuper$l(ScrollLoadMore);
+  var _super2 = /*#__PURE__*/_createSuper$m(ScrollLoadMore);
 
   function ScrollLoadMore() {
     _classCallCheck__default["default"](this, ScrollLoadMore);
@@ -767,7 +767,7 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
 var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
   _inherits__default["default"](InfiniteScrollBase, _React$Component3);
 
-  var _super3 = /*#__PURE__*/_createSuper$l(InfiniteScrollBase);
+  var _super3 = /*#__PURE__*/_createSuper$m(InfiniteScrollBase);
 
   function InfiniteScrollBase(props) {
     var _this8;
@@ -817,7 +817,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
 
         var item = entry.target.getAttribute("data-infinite-scroll");
 
-        if (item == "load-more" && entry.isIntersecting) {
+        if (item == 'load-more' && entry.isIntersecting) {
           _this9.props.loadNext();
         } else {
           var showItem = _this9.props.neverHideItem ? visibleComponents[item] || entry.isIntersecting : entry.isIntersecting;
@@ -857,7 +857,7 @@ function withFocusObserver(Component) {
   return /*#__PURE__*/function (_React$Component4) {
     _inherits__default["default"](WithFocusObserver, _React$Component4);
 
-    var _super4 = _createSuper$l(WithFocusObserver);
+    var _super4 = _createSuper$m(WithFocusObserver);
 
     function WithFocusObserver(props) {
       var _this11;
@@ -889,8 +889,6 @@ function withFocusObserver(Component) {
 
         entries.forEach(function (entry) {
           var item = entry.target.getAttribute("data-infinite-scroll");
-          console.log("foooooooooo inside focuscallback", entry);
-          console.log("foooooooooo inside item", item);
 
           if (entry.isIntersecting) {
             _this12.props.onFocus(item);
@@ -919,9 +917,9 @@ function withFocusObserver(Component) {
 
 var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);
 
-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 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$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 _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 removeDuplicateStories(existingStories, newStories) {
   var keyFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (story) {
     return story.id;
@@ -993,18 +991,18 @@ var computeAccess = function computeAccess(previousState, currentState) {
     var storyAccess = previousState[currentStoryId];
 
     if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
-      return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
+      return _objectSpread$6(_objectSpread$6({}, previousState), currentAccess);
     }
 
     return previousState;
   }
 
-  return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
+  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 _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$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; } }
+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; } }
 /**
  * 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.
  *
@@ -1056,7 +1054,7 @@ function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !
 var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](InfiniteStoryBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$k(InfiniteStoryBase);
+  var _super = /*#__PURE__*/_createSuper$l(InfiniteStoryBase);
 
   function InfiniteStoryBase(props) {
     var _this;
@@ -1083,14 +1081,11 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     value: function onFocus(index) {
       var _this2 = this;
 
-      console.log("fooooooooooo inside focus");
       var item = this.allItems()[index];
 
       if (!this.props.doNotChangeUrl) {
-        console.log("fooooooooooo inside focus if");
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
-        console.log("foooooooooooo", storyPath);
-        var metaTitle = get__default["default"](item, ["story", "seo", "meta-title"], item.story.headline);
+        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);
       }
@@ -1112,7 +1107,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
-      var story = get__default["default"](this.props.data, ["story"], {});
+      var story = get__default["default"](this.props.data, ['story'], {});
       this.setState({
         loading: true,
         pageNumber: pageNumber + 1
@@ -1151,9 +1146,9 @@ 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 _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$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; } }
+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; } }
 
 var IntersectionObserverWrapper = /*#__PURE__*/function () {
   function IntersectionObserverWrapper(callback) {
@@ -1297,7 +1292,7 @@ var StubObserverWrapper = /*#__PURE__*/function () {
 var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LazyLoadImages, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$j(LazyLoadImages);
+  var _super = /*#__PURE__*/_createSuper$k(LazyLoadImages);
 
   function LazyLoadImages(props) {
     var _this3;
@@ -1352,9 +1347,9 @@ LazyLoadImages.childContextTypes = {
   lazyLoadUnobserveImage: propTypes.func
 };
 
-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 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$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; }
+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 StoryNotImplemented() {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-comment": "Story Template Not Implemented"
@@ -1370,7 +1365,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
 
   switch (collectionItem.type) {
     case "collection":
-      return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$4({
+      return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$5({
         key: "".concat(index, "-").concat(collectionItem.id),
         index: index,
         collection: collectionItem,
@@ -1378,7 +1373,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
       }, otherProps));
 
     case "story":
-      return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$4({
+      return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$5({
         key: "".concat(index, "-").concat(collectionItem.id),
         index: index,
         story: collectionItem.story,
@@ -1453,13 +1448,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 _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$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; } }
+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 LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreStoriesManager, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$i(LoadMoreStoriesManager);
+  var _super = /*#__PURE__*/_createSuper$j(LoadMoreStoriesManager);
 
   function LoadMoreStoriesManager(props) {
     var _this;
@@ -1521,9 +1516,9 @@ 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 _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$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; } }
+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; } }
 /**
  * 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.
  *
@@ -1555,7 +1550,7 @@ function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !
 var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreStoriesBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$h(LoadMoreStoriesBase);
+  var _super = /*#__PURE__*/_createSuper$i(LoadMoreStoriesBase);
 
   function LoadMoreStoriesBase() {
     _classCallCheck__default["default"](this, LoadMoreStoriesBase);
@@ -1600,9 +1595,9 @@ 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 _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$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; } }
+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 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.
  *
@@ -1642,7 +1637,7 @@ function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !
 var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](LoadMoreCollectionStories, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$g(LoadMoreCollectionStories);
+  var _super = /*#__PURE__*/_createSuper$h(LoadMoreCollectionStories);
 
   function LoadMoreCollectionStories() {
     _classCallCheck__default["default"](this, LoadMoreCollectionStories);
@@ -1825,9 +1820,9 @@ function hashString(string) {
   return hash;
 }
 
-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 _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$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 _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; } }
 function responsiveProps(props) {
   var image = new quintypeJs.FocusedImage(props.slug, props.metadata);
 
@@ -1848,7 +1843,7 @@ function responsiveProps(props) {
 var ThumborImage = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](ThumborImage, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$f(ThumborImage);
+  var _super = /*#__PURE__*/_createSuper$g(ThumborImage);
 
   function ThumborImage(props, context) {
     var _this;
@@ -1921,9 +1916,9 @@ ThumborImage.contextTypes = {
   lazyLoadEagerPredicate: propTypes.func
 };
 
-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 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$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 _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; }
 var forceLoadingGumlet = false;
 
 function loadGumlet() {
@@ -1964,7 +1959,7 @@ function GumletImage(props) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tag, _extends__default["default"]({}, imageProps, omit__default["default"](props, USED_PARAMS), {
     className: className ? "qt-image ".concat(className) : 'qt-image'
   })), /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$3(_objectSpread$3({}, imgParams), {}, {
+    src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$4(_objectSpread$4({}, imgParams), {}, {
       w: 1200
     }))),
     alt: props.alt || ""
@@ -2043,7 +2038,7 @@ function ResponsiveHeroImage(props) {
   if (heroImageS3Key) {
     slug = heroImageS3Key;
     metadata = get__default["default"](props, ["story", "hero-image-metadata"], {});
-    alternateText = get__default["default"](props, ["story", "headline"], "");
+    alternateText = props.alt ? props.alt : get__default["default"](props, ["story", "headline"], "");
   } else if (alternateHeroImageS3Key) {
     slug = alternateHeroImageS3Key;
     metadata = get__default["default"](storyAlternateData, ["hero-image", "hero-image-metadata"], {});
@@ -2098,14 +2093,14 @@ var ResponsiveSource = function ResponsiveSource(props) {
   }, 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 _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$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; } }
+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; } }
 
 var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](SearchBoxBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$e(SearchBoxBase);
+  var _super = /*#__PURE__*/_createSuper$f(SearchBoxBase);
 
   function SearchBoxBase(props) {
     var _this;
@@ -2215,9 +2210,9 @@ var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
 
 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 _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$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; } }
+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; } }
 /**
  * This component is to handle search functionality and also handles load more.
  *
@@ -2241,7 +2236,7 @@ function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !
 var SearchPageBase = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](SearchPageBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$d(SearchPageBase);
+  var _super = /*#__PURE__*/_createSuper$e(SearchPageBase);
 
   function SearchPageBase() {
     _classCallCheck__default["default"](this, SearchPageBase);
@@ -2276,9 +2271,9 @@ 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 _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$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; } }
+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 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`.
  *
@@ -2298,7 +2293,7 @@ function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !
 var WithLazy = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](WithLazy, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$c(WithLazy);
+  var _super = /*#__PURE__*/_createSuper$d(WithLazy);
 
   function WithLazy(props) {
     var _this;
@@ -2364,10 +2359,10 @@ var WithLazy = /*#__PURE__*/function (_React$Component) {
   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 _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$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;
+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; } }
+var DailyMotion$1 = null;
 var loaderPromise$1 = null;
 
 function loadLibrary$1() {
@@ -2375,7 +2370,7 @@ function loadLibrary$1() {
     loaderPromise$1 = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* webpackChunkName: "qtc-react-dailymotion" */
     'react-dailymotion')); }).then(function (DM) {
-      DailyMotion = DM["default"];
+      DailyMotion$1 = DM["default"];
     })["catch"](function (err) {
       console.log("Failed to load react-dailymotion", err);
       return Promise.reject();
@@ -2386,13 +2381,13 @@ function loadLibrary$1() {
 }
 
 function isLibraryLoaded$1() {
-  return DailyMotion !== null;
+  return DailyMotion$1 !== null;
 }
 
 var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
   _inherits__default["default"](CustomStoryElementDailyMotion, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$b(CustomStoryElementDailyMotion);
+  var _super = /*#__PURE__*/_createSuper$c(CustomStoryElementDailyMotion);
 
   function CustomStoryElementDailyMotion(props) {
     var _this;
@@ -2465,7 +2460,7 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
           videoId = _getVideoID.id;
 
       var dailymotionIframe = function dailymotionIframe() {
-        return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
+        return /*#__PURE__*/React__default["default"].createElement(DailyMotion$1, {
           video: videoId,
           opts: _this2.opts,
           onPlay: _this2.onPlayCallback,
@@ -2491,7 +2486,7 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
           className: "dailymotion-iframe-wrapper"
         }, dailymotionIframe()));
       } else if (!this.props.loadIframeOnClick && isLibraryLoaded$1()) {
-        return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
+        return /*#__PURE__*/React__default["default"].createElement(DailyMotion$1, {
           video: videoId,
           opts: this.opts,
           onPlay: this.onPlayCallback,
@@ -2513,6 +2508,96 @@ var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
   });
 };
 
+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 = /*#__PURE__*/function (_React$Component) {
+  _inherits__default["default"](DailyMotion, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper$b(DailyMotion);
+
+  function DailyMotion(props) {
+    var _this;
+
+    _classCallCheck__default["default"](this, DailyMotion);
+
+    _this = _super.call(this, props);
+
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
+      _this.setState({
+        showVideo: true
+      }, function () {
+        _this.addScript();
+      });
+    });
+
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "addScript", function () {
+      var _this$props$element$m = _this.props.element.metadata,
+          videoId = _this$props$element$m["video-id"],
+          playerId = _this$props$element$m["player-id"];
+      var script = document.createElement("script");
+      script.src = "https://geo.dailymotion.com/player/".concat(playerId, ".js");
+      script.dataset.video = videoId;
+
+      _this.containerRef.current.appendChild(script);
+    });
+
+    _this.containerRef = /*#__PURE__*/React__default["default"].createRef();
+    _this.state = {
+      showVideo: false
+    };
+    return _this;
+  }
+
+  _createClass__default["default"](DailyMotion, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!this.props.loadIframeOnClick) {
+        this.addScript();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var videoId = this.props.element.metadata["video-id"];
+
+      if (this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !this.state.showVideo && /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "thumbnail-wrapper"
+        }, /*#__PURE__*/React__default["default"].createElement("button", {
+          className: "dailymotion-playBtn",
+          onClick: this.renderVideo,
+          "aria-label": "Play Video"
+        }), /*#__PURE__*/React__default["default"].createElement("img", {
+          className: "dailymotion-thumbnail",
+          onClick: this.renderVideo,
+          src: "https://www.dailymotion.com/thumbnail/video/".concat(videoId),
+          alt: "daily-motion-video"
+        })), this.state.showVideo && /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "dailymotion-embed-wrapper dm-embed-integration",
+          ref: this.containerRef
+        }));
+      } else if (!this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "dailymotion-embed-wrapper dm-embed-integration",
+          ref: this.containerRef
+        });
+      }
+    }
+  }]);
+
+  return DailyMotion;
+}(React__default["default"].Component);
+
+function DailyMotionEmbedScript(props) {
+  return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React__default["default"].createElement(DailyMotion, 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; } }
@@ -2761,9 +2846,9 @@ var Table = /*#__PURE__*/function (_React$Component) {
   return Table;
 }(React__default["default"].Component);
 
-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 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$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 _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 _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); }; }
 
@@ -2812,7 +2897,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
           _this$props$element = _this$props.element,
           element = _this$props$element === void 0 ? {} : _this$props$element;
 
-      var qliticsData = _objectSpread$2(_objectSpread$2({}, getQliticsSchema(story, card, element)), {
+      var qliticsData = _objectSpread$3(_objectSpread$3({}, getQliticsSchema(story, card, element)), {
         "story-element-action": action
       });
 
@@ -2944,9 +3029,9 @@ var StoryElementYoutube = function StoryElementYoutube(props) {
 
 var _excluded = ["renderTemplates"];
 
-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 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$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$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 _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); }; }
 
@@ -3143,6 +3228,7 @@ var DEFAULT_TEMPLATES = {
   image: StoryElementImage,
   title: StoryElementTitle,
   "dailymotion-video": StoryElementDailyMotion,
+  "dailymotion-embed-script": DailyMotionEmbedScript,
   "youtube-video": StoryElementYoutube,
   "soundcloud-audio": StoryElementSoundCloud,
   jsembed: StoryElementJsembed,
@@ -3260,7 +3346,7 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
         ref: function ref(_ref10) {
           return _this3.storyElementRef = _ref10;
         }
-      }, renderTemplate ? /*#__PURE__*/React__default["default"].createElement(renderTemplate, _objectSpread$1({}, elementProps), /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps)));
+      }, 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)));
     }
   }]);
 
@@ -3580,6 +3666,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 _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.
  *
@@ -3600,13 +3689,14 @@ function ImageGalleryElement(_ref) {
       element = _ref.element,
       widths = _ref.widths,
       story = _ref.story,
-      onClickHandler = _ref.onClickHandler;
+      onClickHandler = _ref.onClickHandler,
+      imgParams = _ref.imgParams;
   element = element || {};
-  var images = element['story-elements'].map(function (image, index) {
+  var images = element["story-elements"].map(function (image, index) {
     return /*#__PURE__*/React__default["default"].createElement("figure", {
       "data-test-id": "story-element-image-container",
       key: image.id,
-      className: "story-element-image-gallery__image-container ".concat(onClickHandler ? 'custom-cursor' : ''),
+      className: "story-element-image-gallery__image-container ".concat(onClickHandler ? "custom-cursor" : ""),
       onClick: function onClick() {
         return onClickHandler && onClickHandler(index);
       }
@@ -3616,10 +3706,12 @@ function ImageGalleryElement(_ref) {
       aspectRatio: imageAspectRatio ? imageAspectRatio : [1, 1],
       defaultWidth: defaultWidth ? defaultWidth : 480,
       widths: widths ? widths : [250, 480, 640],
-      imgParams: {
-        auto: ['format', 'compress']
+      imgParams: imgParams ? _objectSpread$1({
+        auto: ["format", "compress"]
+      }, imgParams) : {
+        auto: ["format", "compress"]
       },
-      className: className ? className : 'story-element-image-gallery__image',
+      className: className ? className : "story-element-image-gallery__image",
       alt: image.title || story.headline
     }));
   });
@@ -4491,9 +4583,9 @@ UpdateOnInterval.defaultProps = {
   initData: {}
 };
 
-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 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 = 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 _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 _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); }; }