@quintype/components 3.0.3-upgrade-R18.0 → 3.1.0-dm-upgrade.1

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;
@@ -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;
@@ -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;
@@ -1000,9 +1000,9 @@ var computeAccess = function computeAccess(previousState, currentState) {
   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.
  *
@@ -1054,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;
@@ -1146,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) {
@@ -1292,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;
@@ -1448,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;
@@ -1516,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.
  *
@@ -1550,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);
@@ -1595,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.
  *
@@ -1637,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);
@@ -1820,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);
 
@@ -1843,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;
@@ -2093,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;
@@ -2210,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.
  *
@@ -2236,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);
@@ -2271,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`.
  *
@@ -2293,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;
@@ -2359,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() {
@@ -2370,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();
@@ -2381,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;
@@ -2460,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,
@@ -2486,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,
@@ -2508,6 +2508,75 @@ 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
+      });
+    });
+
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "dailymotionIframe", function () {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "dailymotion-iframe-wrapper"
+      }, atob__default["default"](_this.props.element["embed-js"]));
+    });
+
+    _this.state = {
+      showVideo: false
+    };
+    return _this;
+  }
+
+  _createClass__default["default"](DailyMotion, [{
+    key: "render",
+    value: function render() {
+      var videoId = this.props.element.metadata["video-id"];
+
+      if (this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "thumbnail-wrapper"
+        }, !this.state.showVideo && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__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 && dailymotionIframe());
+      } else if (!this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, dailymotionIframe());
+      }
+    }
+  }]);
+
+  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; } }
@@ -3138,6 +3207,7 @@ var DEFAULT_TEMPLATES = {
   image: StoryElementImage,
   title: StoryElementTitle,
   "dailymotion-video": StoryElementDailyMotion,
+  "dailymotion-embed-script": DailyMotionEmbedScript,
   "youtube-video": StoryElementYoutube,
   "soundcloud-audio": StoryElementSoundCloud,
   jsembed: StoryElementJsembed,

package/dist/es/components/story-element.js

@@ -23,6 +23,7 @@ import { getQliticsSchema } from "../utils";
 import { Link } from "./link";
 import { ResponsiveImage } from "./responsive-image";
 import StoryElementDailyMotion from "./story-elements/dailymotion";
+import DailyMotionEmbedScript from "./story-elements/dailymotion-embed-script";
 import JSEmbed from "./story-elements/jsembed";
 import Polltype from "./story-elements/polltype";
 import { Table } from "./story-elements/table";
@@ -219,6 +220,7 @@ var DEFAULT_TEMPLATES = {
   image: StoryElementImage,
   title: StoryElementTitle,
   "dailymotion-video": StoryElementDailyMotion,
+  "dailymotion-embed-script": DailyMotionEmbedScript,
   "youtube-video": StoryElementYoutube,
   "soundcloud-audio": StoryElementSoundCloud,
   jsembed: StoryElementJsembed,

package/dist/es/components/story-elements/dailymotion-embed-script.js

@@ -0,0 +1,81 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import atob from "atob";
+import React from "react";
+import { WithLazy } from "../with-lazy";
+
+var DailyMotion = /*#__PURE__*/function (_React$Component) {
+  _inherits(DailyMotion, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(DailyMotion);
+
+  function DailyMotion(props) {
+    var _this;
+
+    _classCallCheck(this, DailyMotion);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "renderVideo", function () {
+      _this.setState({
+        showVideo: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "dailymotionIframe", function () {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "dailymotion-iframe-wrapper"
+      }, atob(_this.props.element["embed-js"]));
+    });
+
+    _this.state = {
+      showVideo: false
+    };
+    return _this;
+  }
+
+  _createClass(DailyMotion, [{
+    key: "render",
+    value: function render() {
+      var videoId = this.props.element.metadata["video-id"];
+
+      if (this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "thumbnail-wrapper"
+        }, !this.state.showVideo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+          className: "dailymotion-playBtn",
+          onClick: this.renderVideo,
+          "aria-label": "Play Video"
+        }), /*#__PURE__*/React.createElement("img", {
+          className: "dailymotion-thumbnail",
+          onClick: this.renderVideo,
+          src: "https://www.dailymotion.com/thumbnail/video/".concat(videoId),
+          alt: "daily-motion-video"
+        })), this.state.showVideo && dailymotionIframe());
+      } else if (!this.props.loadIframeOnClick) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, dailymotionIframe());
+      }
+    }
+  }]);
+
+  return DailyMotion;
+}(React.Component);
+
+export default function DailyMotionEmbedScript(props) {
+  return /*#__PURE__*/React.createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React.createElement(DailyMotion, props);
+  });
+}
+;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.0.3-upgrade-R18.0",
+  "version": "3.1.0-dm-upgrade.1",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -31,7 +31,7 @@
     "papaparse": "^5.3.1",
     "prop-types": "^15.7.2",
     "quintype-js": "^1.2.1",
-    "react": "^18.2.0",
+    "react": "^16.14.0",
     "react-dailymotion": "^0.4.1",
     "react-dfp": "quintype/react-dfp",
     "react-redux": "^7.2.6",
@@ -74,7 +74,7 @@
     "onchange": "^7.1.0",
     "parcel-bundler": "^1.12.4",
     "prettier": "2.4.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "^16.14.0",
     "react-testing-library": "^7.0.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.59.0",