@quintype/components 2.32.0 → 3.0.0

package/dist/cjs/index.js

@@ -2,54 +2,75 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var _inherits = require('@babel/runtime/helpers/inherits');
+var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var React = require('react');
+var reactRedux = require('react-redux');
+var wretch = require('wretch');
+var omit = require('@babel/runtime/helpers/objectWithoutProperties');
+var propTypes = require('prop-types');
+var get = require('lodash/get');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactDfp = require('react-dfp');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var emptyWebGif = require('empty-web-gif');
+var quintypeJs = require('quintype-js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
+var classNames = require('classnames');
+var getVideoID = require('get-video-id');
+var atob = require('atob');
+var getYouTubeID = require('get-youtube-id');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var ReactDOM = require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) { return e; } else {
-    var n = {};
-    if (e) {
-      Object.keys(e).forEach(function (k) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
-      });
-    }
-    n['default'] = e;
-    return n;
+      }
+    });
   }
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
-var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
-var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
-var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
-var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
-var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
-var React = require('react');
-var React__default = _interopDefault(React);
-var reactRedux = require('react-redux');
-var wretch = _interopDefault(require('wretch'));
-var omit = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
-var propTypes = require('prop-types');
-var get = _interopDefault(require('lodash/get'));
-var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
-var reactDfp = require('react-dfp');
-var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
-var emptyWebGif = _interopDefault(require('empty-web-gif'));
-var quintypeJs = require('quintype-js');
-var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/assertThisInitialized'));
-var classNames = _interopDefault(require('classnames'));
-var getVideoID = _interopDefault(require('get-video-id'));
-var atob = _interopDefault(require('atob'));
-var getYouTubeID = _interopDefault(require('get-youtube-id'));
-var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
-var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
-var ReactDOM = _interopDefault(require('react-dom'));
+var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
+var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
+var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
+var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var wretch__default = /*#__PURE__*/_interopDefaultLegacy(wretch);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var emptyWebGif__default = /*#__PURE__*/_interopDefaultLegacy(emptyWebGif);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var getVideoID__default = /*#__PURE__*/_interopDefaultLegacy(getVideoID);
+var atob__default = /*#__PURE__*/_interopDefaultLegacy(atob);
+var getYouTubeID__default = /*#__PURE__*/_interopDefaultLegacy(getYouTubeID);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 var NAVIGATE_TO_PAGE = "QT-NAVIGATE";
 var BREAKING_NEWS_UPDATED = "QT-BREAKING_NEWS_UPDATED";
@@ -69,7 +90,7 @@ var METER_UPDATED = "QT-METER_UPDATED";
 var ASSET_PLANS = "QT-ASSET_PLANS";
 var CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED = "QT-CAMPAIGN_SUBSCRIPTION_UPDATED";
 
-var apiClient = /*#__PURE__*/wretch().options({
+var apiClient = /*#__PURE__*/wretch__default["default"]().options({
   credentials: 'same-origin'
 });
 function getRequest(url, params) {
@@ -89,25 +110,25 @@ function postRequest(url, body) {
   return apiClient.url("".concat(mountAt).concat(url)).post(body);
 }
 
-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 _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() { 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 BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(BreakingNewsBase, _React$Component);
+  _inherits__default["default"](BreakingNewsBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper(BreakingNewsBase);
+  var _super = /*#__PURE__*/_createSuper$p(BreakingNewsBase);
 
   function BreakingNewsBase() {
-    _classCallCheck(this, BreakingNewsBase);
+    _classCallCheck__default["default"](this, BreakingNewsBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(BreakingNewsBase, [{
+  _createClass__default["default"](BreakingNewsBase, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default.createElement(this.props.view, this.props);
+      return /*#__PURE__*/React__default["default"].createElement(this.props.view, this.props);
     }
   }, {
     key: "updateBreakingNews",
@@ -136,9 +157,9 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return BreakingNewsBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function mapStateToProps(state) {
+function mapStateToProps$b(state) {
   return {
     config: state.qt.config || {},
     breakingNews: state.breakingNews || [],
@@ -146,7 +167,7 @@ function mapStateToProps(state) {
   };
 }
 
-function mapDispatchToProps(dispatch) {
+function mapDispatchToProps$8(dispatch) {
   return {
     breakingNewsUpdated: function breakingNewsUpdated(stories) {
       return dispatch({
@@ -172,9 +193,9 @@ function mapDispatchToProps(dispatch) {
  */
 
 
-var BreakingNews = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchToProps)(BreakingNewsBase);
+var BreakingNews = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatchToProps$8)(BreakingNewsBase);
 
-var _excluded = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
+var _excluded$2 = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
 
 var preventDefaultImpl = function preventDefaultImpl(e) {
   e.preventDefault();
@@ -204,10 +225,10 @@ var LinkBase = function LinkBase(_ref) {
       preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
       _ref$disableAjaxLinks = _ref.disableAjaxLinks,
       disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
-      otherProps = omit(_ref, _excluded);
+      otherProps = omit__default["default"](_ref, _excluded$2);
 
   navigateTo = navigateTo || navigateToImpl;
-  return /*#__PURE__*/React__default.createElement("a", Object.assign(otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement("a", Object.assign(otherProps, {
     href: href,
     onClick: function onClick(e) {
       if (disableAjaxLinks || e.ctrlKey || e.metaKey || e.shiftKey) {
@@ -233,13 +254,13 @@ var LinkBase = function LinkBase(_ref) {
   }));
 };
 
-var mapStateToProps$1 = function mapStateToProps(state) {
+var mapStateToProps$a = function mapStateToProps(state) {
   return {
     currentHostUrl: state.qt && state.qt.currentHostUrl
   };
 };
 
-var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
   return {
     navigateToImpl: function navigateToImpl(url) {
       global.app.navigateToPage(dispatch, url);
@@ -258,7 +279,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
  */
 
 
-var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps$1)(LinkBase);
+var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$a, mapDispatchToProps$7)(LinkBase);
 
 /**
  * This component can be used to render a BreakingNewsItem.
@@ -277,53 +298,53 @@ var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps
 function BreakingNewsItem(_ref) {
   var item = _ref.item,
       className = _ref.className;
-  var linkedStorySlug = get(item, ['metadata', 'linked-story-slug']);
+  var linkedStorySlug = get__default["default"](item, ['metadata', 'linked-story-slug']);
 
   if (linkedStorySlug) {
-    return /*#__PURE__*/React__default.createElement(Link, {
+    return /*#__PURE__*/React__default["default"].createElement(Link, {
       className: className,
       href: "/".concat(linkedStorySlug)
     }, item.headline);
   } else {
-    return /*#__PURE__*/React__default.createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: className
     }, item.headline);
   }
 }
 
-function mapStateToProps$2(state) {
+function mapStateToProps$9(state) {
   return {
     clientSideRendered: state.clientSideRendered
   };
 }
-function mapDispatchToProps$2(dispatch) {
+function mapDispatchToProps$6(dispatch) {
   return {};
 }
 
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); 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 _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$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(ClientSideOnlyBase, _React$Component);
+  _inherits__default["default"](ClientSideOnlyBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$1(ClientSideOnlyBase);
+  var _super = /*#__PURE__*/_createSuper$o(ClientSideOnlyBase);
 
   function ClientSideOnlyBase() {
-    _classCallCheck(this, ClientSideOnlyBase);
+    _classCallCheck__default["default"](this, ClientSideOnlyBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(ClientSideOnlyBase, [{
+  _createClass__default["default"](ClientSideOnlyBase, [{
     key: "render",
     value: function render() {
       if (this.props.clientSideRendered) {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "client-side-only client-side-only-client"
         }, this.props.children);
       } else {
-        return /*#__PURE__*/React__default.createElement(this.props.serverComponent || "div", Object.assign({
+        return /*#__PURE__*/React__default["default"].createElement(this.props.serverComponent || "div", Object.assign({
           className: "client-side-only client-side-only-server"
         }, this.props));
       }
@@ -331,7 +352,7 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return ClientSideOnlyBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 /**
  * This component will be loaded by client, and bypassed when doing server side rendering.
  *
@@ -348,11 +369,11 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
  */
 
 
-var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(ClientSideOnlyBase);
+var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(ClientSideOnlyBase);
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); 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 _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$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
  *
@@ -362,17 +383,17 @@ function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !
  */
 
 var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
-  _inherits(EagerLoadImages, _React$Component);
+  _inherits__default["default"](EagerLoadImages, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$2(EagerLoadImages);
+  var _super = /*#__PURE__*/_createSuper$n(EagerLoadImages);
 
   function EagerLoadImages() {
-    _classCallCheck(this, EagerLoadImages);
+    _classCallCheck__default["default"](this, EagerLoadImages);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(EagerLoadImages, [{
+  _createClass__default["default"](EagerLoadImages, [{
     key: "getChildContext",
     value: function getChildContext() {
       return {
@@ -389,17 +410,17 @@ var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return EagerLoadImages;
-}(React__default.Component);
+}(React__default["default"].Component);
 EagerLoadImages.childContextTypes = {
   lazyLoadEagerPredicate: propTypes.func
 };
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); 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 _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$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function defaultErrorFn(props) {
-  return /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("span", {
     className: "qt-error"
   });
 }
@@ -428,14 +449,14 @@ function defaultErrorFn(props) {
 function withError(clazz) {
   var errorFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultErrorFn;
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(WithError, _React$Component);
+    _inherits__default["default"](WithError, _React$Component);
 
-    var _super = _createSuper$3(WithError);
+    var _super = _createSuper$m(WithError);
 
     function WithError(props) {
       var _this;
 
-      _classCallCheck(this, WithError);
+      _classCallCheck__default["default"](this, WithError);
 
       _this = _super.call(this, props);
       _this.state = {
@@ -444,7 +465,7 @@ function withError(clazz) {
       return _this;
     }
 
-    _createClass(WithError, [{
+    _createClass__default["default"](WithError, [{
       key: "componentDidCatch",
       value: function componentDidCatch(e) {
         console && e && console.log("Caught Exception: ".concat(e.message || e));
@@ -467,18 +488,18 @@ function withError(clazz) {
         if (this.state.errored) {
           return this.errorContent();
         } else {
-          return /*#__PURE__*/React__default.createElement(clazz, this.props);
+          return /*#__PURE__*/React__default["default"].createElement(clazz, this.props);
         }
       }
     }]);
 
     return WithError;
-  }(React__default.Component);
+  }(React__default["default"].Component);
 }
 
-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 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(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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; }
 /**
  * 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.
  *
@@ -563,11 +584,11 @@ function DfpAdBase(_ref2) {
       deferAdsBy = _ref2.deferAdsBy;
   var adConfig = config[adtype] || {};
 
-  var adProps = _objectSpread({
+  var adProps = _objectSpread$6({
     slotId: slotId
   }, adConfig);
 
-  return /*#__PURE__*/React__default.createElement(reactDfp.DFPSlotsProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(reactDfp.DFPSlotsProvider, {
     dfpNetworkId: defaultNetworkID,
     collapseEmptyDivs: collapseEmptyDivs,
     targetingArguments: targetingArguments,
@@ -575,7 +596,7 @@ function DfpAdBase(_ref2) {
     lazyLoad: lazyLoad,
     singleRequest: singleRequest,
     deferAdsBy: deferAdsBy
-  }, /*#__PURE__*/React__default.createElement(reactDfp.AdSlot, adProps));
+  }, /*#__PURE__*/React__default["default"].createElement(reactDfp.AdSlot, adProps));
 }
 
 function refreshDfpAds(adSlots) {
@@ -585,13 +606,13 @@ function refreshDfpAds(adSlots) {
 function HamburgerButtonBase(_ref) {
   var onClick = _ref.onClick,
       children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("a", {
+  return /*#__PURE__*/React__default["default"].createElement("a", {
     href: "/",
     onClick: onClick
   }, children);
 }
 
-function mapDispatchToProps$3(dispatch) {
+function mapDispatchToProps$5(dispatch) {
   return {
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -619,21 +640,21 @@ function mapDispatchToProps$3(dispatch) {
 
 var HamburgerButton = /*#__PURE__*/reactRedux.connect(function (state) {
   return {};
-}, mapDispatchToProps$3)(HamburgerButtonBase);
+}, mapDispatchToProps$5)(HamburgerButtonBase);
 
-function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); 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 _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$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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; } }
 
 var ScrollItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(ScrollItem, _React$Component);
+  _inherits__default["default"](ScrollItem, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$4(ScrollItem);
+  var _super = /*#__PURE__*/_createSuper$l(ScrollItem);
 
   function ScrollItem(props) {
     var _this;
 
-    _classCallCheck(this, ScrollItem);
+    _classCallCheck__default["default"](this, ScrollItem);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -642,12 +663,12 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(ScrollItem, [{
+  _createClass__default["default"](ScrollItem, [{
     key: "render",
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(node) {
           return _this2.node = node;
         },
@@ -693,26 +714,26 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return ScrollItem;
-}(React__default.Component); // When this becomes visible, we call loadMore()
+}(React__default["default"].Component); // When this becomes visible, we call loadMore()
 
 
 var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
-  _inherits(ScrollLoadMore, _React$Component2);
+  _inherits__default["default"](ScrollLoadMore, _React$Component2);
 
-  var _super2 = /*#__PURE__*/_createSuper$4(ScrollLoadMore);
+  var _super2 = /*#__PURE__*/_createSuper$l(ScrollLoadMore);
 
   function ScrollLoadMore() {
-    _classCallCheck(this, ScrollLoadMore);
+    _classCallCheck__default["default"](this, ScrollLoadMore);
 
     return _super2.apply(this, arguments);
   }
 
-  _createClass(ScrollLoadMore, [{
+  _createClass__default["default"](ScrollLoadMore, [{
     key: "render",
     value: function render() {
       var _this5 = this;
 
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(node) {
           return _this5.node = node;
         },
@@ -740,23 +761,23 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
   }]);
 
   return ScrollLoadMore;
-}(React__default.Component); // Basic Infinite Scroll, toggles showing items
+}(React__default["default"].Component); // Basic Infinite Scroll, toggles showing items
 
 
 var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
-  _inherits(InfiniteScrollBase, _React$Component3);
+  _inherits__default["default"](InfiniteScrollBase, _React$Component3);
 
-  var _super3 = /*#__PURE__*/_createSuper$4(InfiniteScrollBase);
+  var _super3 = /*#__PURE__*/_createSuper$l(InfiniteScrollBase);
 
   function InfiniteScrollBase(props) {
     var _this8;
 
-    _classCallCheck(this, InfiniteScrollBase);
+    _classCallCheck__default["default"](this, InfiniteScrollBase);
 
     _this8 = _super3.call(this, props);
     var initiallyShow = props.initiallyShow || 1;
     _this8.state = {
-      visibleComponents: _toConsumableArray(Array(initiallyShow).keys()).reduce(function (arr, i) {
+      visibleComponents: _toConsumableArray__default["default"](Array(initiallyShow).keys()).reduce(function (arr, i) {
         arr[i] = true;
         return arr;
       }, {})
@@ -773,7 +794,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     return _this8;
   }
 
-  _createClass(InfiniteScrollBase, [{
+  _createClass__default["default"](InfiniteScrollBase, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.loadObserver && this.loadObserver.disconnect();
@@ -800,7 +821,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
           _this9.props.loadNext();
         } else {
           var showItem = _this9.props.neverHideItem ? visibleComponents[item] || entry.isIntersecting : entry.isIntersecting;
-          visibleComponents = Object.assign({}, visibleComponents, _defineProperty({}, item, showItem));
+          visibleComponents = Object.assign({}, visibleComponents, _defineProperty__default["default"]({}, item, showItem));
         }
       });
       this.setState({
@@ -812,8 +833,8 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     value: function render() {
       var _this10 = this;
 
-      return /*#__PURE__*/React__default.createElement("div", null, this.props.items.map(function (data, index) {
-        return /*#__PURE__*/React__default.createElement(ScrollItem, {
+      return /*#__PURE__*/React__default["default"].createElement("div", null, this.props.items.map(function (data, index) {
+        return /*#__PURE__*/React__default["default"].createElement(ScrollItem, {
           observers: _this10.props.observers.concat([_this10.loadObserver]),
           key: index,
           index: index,
@@ -822,26 +843,26 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
           data: data,
           minHeight: _this10.props.minHeight || 50
         });
-      }), /*#__PURE__*/React__default.createElement(ScrollLoadMore, {
+      }), /*#__PURE__*/React__default["default"].createElement(ScrollLoadMore, {
         observers: [this.loadObserver]
       }));
     }
   }]);
 
   return InfiniteScrollBase;
-}(React__default.Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
+}(React__default["default"].Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
 
 
 function withFocusObserver(Component) {
   return /*#__PURE__*/function (_React$Component4) {
-    _inherits(WithFocusObserver, _React$Component4);
+    _inherits__default["default"](WithFocusObserver, _React$Component4);
 
-    var _super4 = _createSuper$4(WithFocusObserver);
+    var _super4 = _createSuper$l(WithFocusObserver);
 
     function WithFocusObserver(props) {
       var _this11;
 
-      _classCallCheck(this, WithFocusObserver);
+      _classCallCheck__default["default"](this, WithFocusObserver);
 
       _this11 = _super4.call(this, props);
 
@@ -856,7 +877,7 @@ function withFocusObserver(Component) {
       return _this11;
     }
 
-    _createClass(WithFocusObserver, [{
+    _createClass__default["default"](WithFocusObserver, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         this.focusObserver && this.focusObserver.disconnect();
@@ -877,14 +898,14 @@ function withFocusObserver(Component) {
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default.createElement(Component, Object.assign({}, this.props, {
+        return /*#__PURE__*/React__default["default"].createElement(Component, Object.assign({}, this.props, {
           observers: (this.props.observers || []).concat([this.focusObserver])
         }));
       }
     }]);
 
     return WithFocusObserver;
-  }(React__default.Component);
+  }(React__default["default"].Component);
 }
 /**
  * This component can be used to implement InfiniteScroll. This is an internal component.
@@ -896,9 +917,9 @@ function withFocusObserver(Component) {
 
 var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$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$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(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; }
+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 removeDuplicateStories(existingStories, newStories) {
   var keyFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (story) {
     return story.id;
@@ -963,25 +984,25 @@ var getQliticsSchema = function getQliticsSchema() {
   };
 };
 var computeAccess = function computeAccess(previousState, currentState) {
-  var currentAccess = get(currentState, ["access"], {});
-  var currentStoryId = get(Object.keys(currentAccess), [0], "");
+  var currentAccess = get__default["default"](currentState, ["access"], {});
+  var currentStoryId = get__default["default"](Object.keys(currentAccess), [0], "");
 
   if (currentStoryId in previousState) {
     var storyAccess = previousState[currentStoryId];
 
     if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
-      return _objectSpread$1(_objectSpread$1({}, previousState), currentAccess);
+      return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
     }
 
     return previousState;
   }
 
-  return _objectSpread$1(_objectSpread$1({}, previousState), currentAccess);
+  return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
 };
 
-function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); 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 _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$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
  *
@@ -1031,14 +1052,14 @@ function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !
  */
 
 var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(InfiniteStoryBase, _React$Component);
+  _inherits__default["default"](InfiniteStoryBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$5(InfiniteStoryBase);
+  var _super = /*#__PURE__*/_createSuper$k(InfiniteStoryBase);
 
   function InfiniteStoryBase(props) {
     var _this;
 
-    _classCallCheck(this, InfiniteStoryBase);
+    _classCallCheck__default["default"](this, InfiniteStoryBase);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -1050,7 +1071,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(InfiniteStoryBase, [{
+  _createClass__default["default"](InfiniteStoryBase, [{
     key: "allItems",
     value: function allItems() {
       return [this.props.data].concat(this.state.moreItems);
@@ -1064,8 +1085,8 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (!this.props.doNotChangeUrl) {
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
-        var metaTitle = get(item, ['story', 'seo', 'meta-title'], item.story.headline);
-        var title = get(item, ["customSeo", "title"], metaTitle);
+        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);
       }
 
@@ -1086,7 +1107,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
 
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
-      var story = get(this.props.data, ['story'], {});
+      var story = get__default["default"](this.props.data, ['story'], {});
       this.setState({
         loading: true,
         pageNumber: pageNumber + 1
@@ -1106,7 +1127,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this4 = this;
 
-      return /*#__PURE__*/React__default.createElement(InfiniteScroll, {
+      return /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
         render: this.props.render,
         items: this.allItems(),
         loadNext: function loadNext() {
@@ -1123,21 +1144,21 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return InfiniteStoryBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); 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 _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$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var IntersectionObserverWrapper = /*#__PURE__*/function () {
   function IntersectionObserverWrapper(callback) {
-    _classCallCheck(this, IntersectionObserverWrapper);
+    _classCallCheck__default["default"](this, IntersectionObserverWrapper);
 
     this.observedItems = [];
     this.callback = callback;
   }
 
-  _createClass(IntersectionObserverWrapper, [{
+  _createClass__default["default"](IntersectionObserverWrapper, [{
     key: "start",
     value: function start(margin) {
       var _this = this;
@@ -1149,9 +1170,9 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
         threshold: 0
       });
       this.observedItems.forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            dom = _ref2[0],
-            component = _ref2[1];
+        var _ref2 = _slicedToArray__default["default"](_ref, 2),
+            dom = _ref2[0];
+            _ref2[1];
 
         return _this.observer.observe(dom);
       });
@@ -1209,12 +1230,12 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
 
 var StubObserverWrapper = /*#__PURE__*/function () {
   function StubObserverWrapper(callback) {
-    _classCallCheck(this, StubObserverWrapper);
+    _classCallCheck__default["default"](this, StubObserverWrapper);
 
     this.callback = callback;
   }
 
-  _createClass(StubObserverWrapper, [{
+  _createClass__default["default"](StubObserverWrapper, [{
     key: "register",
     value: function register(dom, component) {
       this.callback(component);
@@ -1269,14 +1290,14 @@ var StubObserverWrapper = /*#__PURE__*/function () {
 
 
 var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
-  _inherits(LazyLoadImages, _React$Component);
+  _inherits__default["default"](LazyLoadImages, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$6(LazyLoadImages);
+  var _super = /*#__PURE__*/_createSuper$j(LazyLoadImages);
 
   function LazyLoadImages(props) {
     var _this3;
 
-    _classCallCheck(this, LazyLoadImages);
+    _classCallCheck__default["default"](this, LazyLoadImages);
 
     _this3 = _super.call(this, props);
 
@@ -1288,7 +1309,7 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
     return _this3;
   }
 
-  _createClass(LazyLoadImages, [{
+  _createClass__default["default"](LazyLoadImages, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.observerWrapper.start(this.props.margin || "500px");
@@ -1320,22 +1341,22 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return LazyLoadImages;
-}(React__default.Component);
+}(React__default["default"].Component);
 LazyLoadImages.childContextTypes = {
   lazyLoadObserveImage: propTypes.func,
   lazyLoadUnobserveImage: propTypes.func
 };
 
-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 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$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(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 _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function StoryNotImplemented() {
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-comment": "Story Template Not Implemented"
   });
 }
 function CollectionNotImplemented() {
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-comment": "Collection Template Not Implemented"
   });
 }
@@ -1344,7 +1365,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
 
   switch (collectionItem.type) {
     case "collection":
-      return /*#__PURE__*/React__default.createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$2({
+      return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$4({
         key: "".concat(index, "-").concat(collectionItem.id),
         index: index,
         collection: collectionItem,
@@ -1352,7 +1373,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
       }, otherProps));
 
     case "story":
-      return /*#__PURE__*/React__default.createElement(storyTemplates(index), _objectSpread$2({
+      return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$4({
         key: "".concat(index, "-").concat(collectionItem.id),
         index: index,
         story: collectionItem.story,
@@ -1360,7 +1381,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
       }, otherProps));
 
     default:
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-comment": "".concat(collectionItem.type, " not implemented")
       });
   }
@@ -1397,11 +1418,11 @@ function LazyCollection(_ref) {
       collectionTemplates = _ref.collectionTemplates,
       storyTemplates = _ref.storyTemplates,
       lazyAfter = _ref.lazyAfter,
-      otherProps = omit(_ref, _excluded$1);
+      otherProps = omit__default["default"](_ref, _excluded$1);
 
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(InfiniteScroll, {
+  }, /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
     render: function render(_ref2) {
       var index = _ref2.index;
       return renderCollectionItem(collection.items[index], index, collectionTemplates, storyTemplates, otherProps);
@@ -1427,18 +1448,18 @@ LazyCollection.defaultProps = {
   }
 };
 
-function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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 _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$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoadMoreStoriesManager, _React$Component);
+  _inherits__default["default"](LoadMoreStoriesManager, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$7(LoadMoreStoriesManager);
+  var _super = /*#__PURE__*/_createSuper$i(LoadMoreStoriesManager);
 
   function LoadMoreStoriesManager(props) {
     var _this;
 
-    _classCallCheck(this, LoadMoreStoriesManager);
+    _classCallCheck__default["default"](this, LoadMoreStoriesManager);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -1450,7 +1471,7 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(LoadMoreStoriesManager, [{
+  _createClass__default["default"](LoadMoreStoriesManager, [{
     key: "stories",
     value: function stories() {
       return this.props.stories.concat(this.state.moreStories);
@@ -1493,11 +1514,11 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return LoadMoreStoriesManager;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); 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 _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$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component starts with a set of stories, and then provides a load more button. This calls out to `/api/v1/stories` with the properties passed via the `params` prop. The stories are concatenated with the stories in `props.data.stories`, and the contents of `props.data` are passed to the rendered template.
  *
@@ -1527,22 +1548,22 @@ function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !
   */
 
 var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoadMoreStoriesBase, _React$Component);
+  _inherits__default["default"](LoadMoreStoriesBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$8(LoadMoreStoriesBase);
+  var _super = /*#__PURE__*/_createSuper$h(LoadMoreStoriesBase);
 
   function LoadMoreStoriesBase() {
-    _classCallCheck(this, LoadMoreStoriesBase);
+    _classCallCheck__default["default"](this, LoadMoreStoriesBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(LoadMoreStoriesBase, [{
+  _createClass__default["default"](LoadMoreStoriesBase, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
       var _this = this;
 
-      var stories = get(this.props, ['data', 'stories'], []);
+      var stories = get__default["default"](this.props, ['data', 'stories'], []);
       return getRequest(this.props.api || '/api/v1/stories', Object.assign({}, this.props.params, {
         offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
         limit: this.props.numStoriesToLoad || 10,
@@ -1552,7 +1573,7 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
           return _this.props.apiResponseTransformer(response);
         }
 
-        return response.stories || get(response, ['results', 'stories'], []);
+        return response.stories || get__default["default"](response, ['results', 'stories'], []);
       });
     }
   }, {
@@ -1560,7 +1581,7 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
+      return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
           return _this2.loadMoreStories(pageNumber);
@@ -1572,11 +1593,11 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return LoadMoreStoriesBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); 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 _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$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
  *
@@ -1614,21 +1635,21 @@ function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !
  */
 
 var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoadMoreCollectionStories, _React$Component);
+  _inherits__default["default"](LoadMoreCollectionStories, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$9(LoadMoreCollectionStories);
+  var _super = /*#__PURE__*/_createSuper$g(LoadMoreCollectionStories);
 
   function LoadMoreCollectionStories() {
-    _classCallCheck(this, LoadMoreCollectionStories);
+    _classCallCheck__default["default"](this, LoadMoreCollectionStories);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(LoadMoreCollectionStories, [{
+  _createClass__default["default"](LoadMoreCollectionStories, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
-      var stories = get(this.props, ['data', 'stories'], []);
-      var authorId = get(this.props, ["authorId"], null);
+      var stories = get__default["default"](this.props, ['data', 'stories'], []);
+      var authorId = get__default["default"](this.props, ["authorId"], null);
       var url = authorId ? "/api/v1/authors/".concat(authorId, "/collection") : "/api/v1/collections/".concat(this.props.collectionSlug);
       return getRequest(url, Object.assign({}, this.props.params, {
         offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
@@ -1644,7 +1665,7 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this = this;
 
-      return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
+      return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
           return _this.loadMoreStories(pageNumber);
@@ -1656,15 +1677,15 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return LoadMoreCollectionStories;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 function LoadingIndicatorBase(props) {
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "loading-indicator ".concat(props.loading ? 'loading-indicator-loading' : '')
   }, props.loading && props.children);
 }
 
-function mapStateToProps$3(state) {
+function mapStateToProps$8(state) {
   return {
     loading: state.pageLoading
   };
@@ -1689,7 +1710,7 @@ function mapDispatchToProps$4() {
  */
 
 
-var LoadingIndicator = /*#__PURE__*/reactRedux.connect(mapStateToProps$3, mapDispatchToProps$4)(LoadingIndicatorBase);
+var LoadingIndicator = /*#__PURE__*/reactRedux.connect(mapStateToProps$8, mapDispatchToProps$4)(LoadingIndicatorBase);
 
 function MenuBase(_ref) {
   var children = _ref.children,
@@ -1699,10 +1720,10 @@ function MenuBase(_ref) {
       currentUrl = _ref.currentUrl,
       slice = _ref.slice;
   items = items.slice.apply(items, slice);
-  return /*#__PURE__*/React__default.createElement("ul", {
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: className
   }, children, items.map(function (item, ix) {
-    return /*#__PURE__*/React__default.createElement(MenuItem, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
       key: ix,
       item: item,
       className: itemClassName,
@@ -1711,7 +1732,7 @@ function MenuBase(_ref) {
   }));
 }
 
-function mapStateToProps$4(state) {
+function mapStateToProps$7(state) {
   return {
     items: state.qt.config.layout.menu,
     currentUrl: state.qt.currentPath
@@ -1740,7 +1761,7 @@ function mapStateToProps$4(state) {
  */
 
 
-var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$4, function () {
+var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$7, function () {
   return {};
 })(MenuBase);
 
@@ -1756,7 +1777,7 @@ function MenuItem$1(_ref) {
       className = _ref.className,
       currentUrl = _ref.currentUrl;
   var url = getRelativeUrl(item.url);
-  return /*#__PURE__*/React__default.createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
+  return /*#__PURE__*/React__default["default"].createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
 }
 
 function getRelativeUrl(url) {
@@ -1771,13 +1792,13 @@ function getRelativeUrl(url) {
 function getMenuItemBody(item, className, url, currentUrl) {
   switch (item['item-type']) {
     case 'section':
-      return /*#__PURE__*/React__default.createElement(Link, {
+      return /*#__PURE__*/React__default["default"].createElement(Link, {
         href: url,
         className: className
       }, item.title);
 
     default:
-      return /*#__PURE__*/React__default.createElement("a", {
+      return /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url,
         className: className
       }, item.title);
@@ -1799,9 +1820,9 @@ function hashString(string) {
   return hash;
 }
 
-function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); 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 _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$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function responsiveProps(props) {
   var image = new quintypeJs.FocusedImage(props.slug, props.metadata);
 
@@ -1820,14 +1841,14 @@ function responsiveProps(props) {
   };
 }
 var ThumborImage = /*#__PURE__*/function (_React$Component) {
-  _inherits(ThumborImage, _React$Component);
+  _inherits__default["default"](ThumborImage, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$a(ThumborImage);
+  var _super = /*#__PURE__*/_createSuper$f(ThumborImage);
 
   function ThumborImage(props, context) {
     var _this;
 
-    _classCallCheck(this, ThumborImage);
+    _classCallCheck__default["default"](this, ThumborImage);
 
     _this = _super.call(this, props, context);
     _this.state = {
@@ -1836,7 +1857,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(ThumborImage, [{
+  _createClass__default["default"](ThumborImage, [{
     key: "shouldLazyLoad",
     value: function shouldLazyLoad() {
       if (this.props.eager === true) {
@@ -1859,9 +1880,9 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       var imageProps = this.state.showImage ? responsiveProps(this.props) : {
-        src: emptyWebGif
+        src: emptyWebGif__default["default"]
       };
-      return /*#__PURE__*/React__default.createElement(this.props.reactTag || "img", Object.assign(imageProps, omit(this.props, USED_PARAMS), {
+      return /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
         ref: function ref(dom) {
           return _this2.dom = dom;
         },
@@ -1888,7 +1909,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return ThumborImage;
-}(React__default.Component);
+}(React__default["default"].Component);
 ThumborImage.contextTypes = {
   lazyLoadObserveImage: propTypes.func,
   lazyLoadUnobserveImage: propTypes.func,
@@ -1897,7 +1918,7 @@ ThumborImage.contextTypes = {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(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 _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; }
 var forceLoadingGumlet = false;
 
 function loadGumlet() {
@@ -1929,15 +1950,15 @@ function GumletImage(props) {
       className = props.className;
   var image = new quintypeJs.FocusedImage(slug, metadata);
   var imageProps = {
-    src: emptyWebGif,
+    src: emptyWebGif__default["default"],
     "data-src": "https://" + imageCDN + "/" + image.path(aspectRatio, imgParams),
     key: hashString(slug)
   };
   var Tag = reactTag || "img";
   React.useEffect(loadGumlet);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tag, _extends({}, imageProps, omit(props, USED_PARAMS), {
+  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.createElement("noscript", null, /*#__PURE__*/React__default.createElement("img", {
+  })), /*#__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), {}, {
       w: 1200
     }))),
@@ -1945,7 +1966,7 @@ function GumletImage(props) {
   })));
 }
 
-function mapStateToProps$5(state) {
+function mapStateToProps$6(state) {
   return {
     imageCDN: state.qt.config["cdn-image"],
     imageCDNFormat: state.qt.config["image-cdn-format"] || "thumbor"
@@ -1958,10 +1979,10 @@ function ResponsiveImageBase(props) {
   }
 
   if (props.imageCDNFormat === "gumlet") {
-    return /*#__PURE__*/React__default.createElement(GumletImage, props);
+    return /*#__PURE__*/React__default["default"].createElement(GumletImage, props);
   }
 
-  return /*#__PURE__*/React__default.createElement(ThumborImage, props);
+  return /*#__PURE__*/React__default["default"].createElement(ThumborImage, props);
 }
 
 /**
@@ -1987,7 +2008,7 @@ function ResponsiveImageBase(props) {
  * @category Images
  * @tutorial using-responsive-image
  */
-var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, {})(ResponsiveImageBase);
+var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$6, {})(ResponsiveImageBase);
 
 /**
  * This component is a wrapper over {@link ResponsiveImages}. It accepts story as a prop and renders story's hero image.
@@ -2010,25 +2031,25 @@ var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, {})(Res
 
 function ResponsiveHeroImage(props) {
   var metadata, slug, alternateText;
-  var heroImageS3Key = get(props, ["story", "hero-image-s3-key"], "");
-  var storyAlternateData = get(props, ["story", "alternative", "home", "default"], {}) || {};
-  var alternateHeroImageS3Key = get(storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
+  var heroImageS3Key = get__default["default"](props, ["story", "hero-image-s3-key"], "");
+  var storyAlternateData = get__default["default"](props, ["story", "alternative", "home", "default"], {}) || {};
+  var alternateHeroImageS3Key = get__default["default"](storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
 
   if (heroImageS3Key) {
     slug = heroImageS3Key;
-    metadata = get(props, ["story", "hero-image-metadata"], {});
-    alternateText = get(props, ["story", "headline"], "");
+    metadata = get__default["default"](props, ["story", "hero-image-metadata"], {});
+    alternateText = get__default["default"](props, ["story", "headline"], "");
   } else if (alternateHeroImageS3Key) {
     slug = alternateHeroImageS3Key;
-    metadata = get(storyAlternateData, ["hero-image", "hero-image-metadata"], {});
-    alternateText = get(storyAlternateData, ["headline"], "");
+    metadata = get__default["default"](storyAlternateData, ["hero-image", "hero-image-metadata"], {});
+    alternateText = get__default["default"](storyAlternateData, ["headline"], "");
   } else return null;
 
-  return /*#__PURE__*/React__default.createElement(ResponsiveImage, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
     slug: slug,
     metadata: metadata,
     alt: alternateText
-  }, omit(props, ["story"])));
+  }, omit__default["default"](props, ["story"])));
 }
 
 /**
@@ -2065,26 +2086,26 @@ function ResponsiveHeroImage(props) {
  */
 
 var ResponsiveSource = function ResponsiveSource(props) {
-  return /*#__PURE__*/React__default.createElement(ResponsiveImage, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
     reactTag: 'source',
     src: undefined,
     defaultWidth: 1024
   }, props));
 };
 
-function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); 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 _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$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; } }
+function _isNativeReflectConstruct$e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(SearchBoxBase, _React$Component);
+  _inherits__default["default"](SearchBoxBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$b(SearchBoxBase);
+  var _super = /*#__PURE__*/_createSuper$e(SearchBoxBase);
 
   function SearchBoxBase(props) {
     var _this;
 
-    _classCallCheck(this, SearchBoxBase);
+    _classCallCheck__default["default"](this, SearchBoxBase);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -2093,7 +2114,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(SearchBoxBase, [{
+  _createClass__default["default"](SearchBoxBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.focus();
@@ -2121,7 +2142,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       var Render = this.props.template || this.defaultTemplate;
-      return /*#__PURE__*/React__default.createElement("form", {
+      return /*#__PURE__*/React__default["default"].createElement("form", {
         role: "search",
         action: "/search",
         onSubmit: function onSubmit(e) {
@@ -2129,7 +2150,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
         },
         className: this.props.className,
         ref: this.props.formRef
-      }, /*#__PURE__*/React__default.createElement(Render, null, /*#__PURE__*/React__default.createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement(Render, null, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "search",
         name: "q",
         placeholder: this.props.placeholder,
@@ -2158,13 +2179,13 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return SearchBoxBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-var mapStateToProps$6 = function mapStateToProps(state) {
+var mapStateToProps$5 = function mapStateToProps(state) {
   return {};
 };
 
-var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
   return {
     navigateTo: function navigateTo(url) {
       global.app.navigateToPage(dispatch, url);
@@ -2187,11 +2208,11 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
  */
 
 
-var SearchBox = /*#__PURE__*/reactRedux.connect(mapStateToProps$6, mapDispatchToProps$5)(SearchBoxBase);
+var SearchBox = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, mapDispatchToProps$3)(SearchBoxBase);
 
-function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); 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 _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 is to handle search functionality and also handles load more.
  *
@@ -2213,24 +2234,24 @@ function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !
  */
 
 var SearchPageBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(SearchPageBase, _React$Component);
+  _inherits__default["default"](SearchPageBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$c(SearchPageBase);
+  var _super = /*#__PURE__*/_createSuper$d(SearchPageBase);
 
   function SearchPageBase() {
-    _classCallCheck(this, SearchPageBase);
+    _classCallCheck__default["default"](this, SearchPageBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(SearchPageBase, [{
+  _createClass__default["default"](SearchPageBase, [{
     key: "search",
     value: function search(pageNumber) {
       return getRequest("/api/v1/search", Object.assign(this.props.params, {
         offset: (this.props.storiesPerPage || 20) * pageNumber,
         fields: this.props.fields
       })).json(function (response) {
-        return get(response, ["results", "stories"], []);
+        return get__default["default"](response, ["results", "stories"], []);
       });
     }
   }, {
@@ -2238,7 +2259,7 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this = this;
 
-      return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
+      return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
           return _this.search(pageNumber);
@@ -2248,11 +2269,11 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return SearchPageBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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 _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$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$c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component can be used to load some DOM just before it scrolls into the screen. Currently, it does not support unloading. The `margin` prop is passed to `IntersectionObserver`.
  *
@@ -2270,30 +2291,30 @@ function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !
  */
 
 var WithLazy = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithLazy, _React$Component);
+  _inherits__default["default"](WithLazy, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$d(WithLazy);
+  var _super = /*#__PURE__*/_createSuper$c(WithLazy);
 
   function WithLazy(props) {
     var _this;
 
-    _classCallCheck(this, WithLazy);
+    _classCallCheck__default["default"](this, WithLazy);
 
     _this = _super.call(this, props);
     _this.state = {
       loaded: false
     };
-    _this.observerRef = /*#__PURE__*/React__default.createRef();
+    _this.observerRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
-  _createClass(WithLazy, [{
+  _createClass__default["default"](WithLazy, [{
     key: "render",
     value: function render() {
       if (this.state.loaded) {
         return this.props.children();
       } else {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           style: {
             height: this.props.height || 50
           },
@@ -2336,19 +2357,19 @@ var WithLazy = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return WithLazy;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); 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 _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$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$b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var DailyMotion = null;
-var loaderPromise = null;
+var loaderPromise$1 = null;
 
-function loadLibrary() {
-  if (loaderPromise === null) {
-    loaderPromise = new Promise(function (resolve) { resolve(_interopNamespace(require(
+function loadLibrary$1() {
+  if (loaderPromise$1 === null) {
+    loaderPromise$1 = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* webpackChunkName: "qtc-react-dailymotion" */
-    'react-dailymotion'))); }).then(function (DM) {
+    'react-dailymotion')); }).then(function (DM) {
       DailyMotion = DM["default"];
     })["catch"](function (err) {
       console.log("Failed to load react-dailymotion", err);
@@ -2356,50 +2377,50 @@ function loadLibrary() {
     });
   }
 
-  return loaderPromise;
+  return loaderPromise$1;
 }
 
-function isLibraryLoaded() {
+function isLibraryLoaded$1() {
   return DailyMotion !== null;
 }
 
 var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomStoryElementDailyMotion, _React$Component);
+  _inherits__default["default"](CustomStoryElementDailyMotion, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$e(CustomStoryElementDailyMotion);
+  var _super = /*#__PURE__*/_createSuper$b(CustomStoryElementDailyMotion);
 
   function CustomStoryElementDailyMotion(props) {
     var _this;
 
-    _classCallCheck(this, CustomStoryElementDailyMotion);
+    _classCallCheck__default["default"](this, CustomStoryElementDailyMotion);
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
       _this.props.onPlay === "function" && _this.props.onPlay(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onPauseCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
       _this.props.onPause === "function" && _this.props.onPause(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onEndCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
       _this.props.onEnd === "function" && _this.props.onEnd(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "triggerIframe", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
       _this._isMounted = true;
-      loadLibrary().then(function () {
+      loadLibrary$1().then(function () {
         return _this._isMounted && _this.forceUpdate();
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
       event.target.setVolume(100);
       event.target.playVideo();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderVideo", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
       _this.triggerIframe();
 
       _this.setState({
@@ -2418,7 +2439,7 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(CustomStoryElementDailyMotion, [{
+  _createClass__default["default"](CustomStoryElementDailyMotion, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -2435,11 +2456,11 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _getVideoID = getVideoID(this.props.element.metadata["dailymotion-url"]),
+      var _getVideoID = getVideoID__default["default"](this.props.element.metadata["dailymotion-url"]),
           videoId = _getVideoID.id;
 
       var dailymotionIframe = function dailymotionIframe() {
-        return /*#__PURE__*/React__default.createElement(DailyMotion, {
+        return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
           video: videoId,
           opts: _this2.opts,
           onPlay: _this2.onPlayCallback,
@@ -2450,46 +2471,46 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
       };
 
       if (this.props.loadIframeOnClick) {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "thumbnail-wrapper"
-        }, !this.state.showVideo && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
+        }, !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.createElement("img", {
+        }), /*#__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 && isLibraryLoaded() && /*#__PURE__*/React__default.createElement("div", {
+        })), this.state.showVideo && isLibraryLoaded$1() && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "dailymotion-iframe-wrapper"
         }, dailymotionIframe()));
-      } else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
-        return /*#__PURE__*/React__default.createElement(DailyMotion, {
+      } else if (!this.props.loadIframeOnClick && isLibraryLoaded$1()) {
+        return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
           video: videoId,
           opts: this.opts,
           onPlay: this.onPlayCallback,
           onPause: this.onPauseCallback,
           onEnd: this.onEndCallback
         });
-      } else return /*#__PURE__*/React__default.createElement("div", null);
+      } else return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
   }]);
 
   return CustomStoryElementDailyMotion;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
-  return /*#__PURE__*/React__default.createElement(WithLazy, {
+  return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
     margin: "0px"
   }, function () {
-    return /*#__PURE__*/React__default.createElement(CustomStoryElementDailyMotion, props);
+    return /*#__PURE__*/React__default["default"].createElement(CustomStoryElementDailyMotion, props);
   });
 };
 
-function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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 _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$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$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function cloneScriptNode(node) {
   var script = document.createElement("script");
@@ -2517,21 +2538,21 @@ function replaceScriptNodes(node) {
 }
 
 var JSEmbed = /*#__PURE__*/function (_React$Component) {
-  _inherits(JSEmbed, _React$Component);
+  _inherits__default["default"](JSEmbed, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$f(JSEmbed);
+  var _super = /*#__PURE__*/_createSuper$a(JSEmbed);
 
   function JSEmbed(props) {
     var _this;
 
-    _classCallCheck(this, JSEmbed);
+    _classCallCheck__default["default"](this, JSEmbed);
 
     _this = _super.call(this, props);
     _this.uniqueId = "anagh";
     return _this;
   }
 
-  _createClass(JSEmbed, [{
+  _createClass__default["default"](JSEmbed, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
       return !(this.props.id === nextProps.id && this.props.embedJS === nextProps.embedJS);
@@ -2550,14 +2571,14 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
     key: "getEmbedJS",
     value: function getEmbedJS() {
       var embedjs = this.props.embedJS;
-      return embedjs != null ? atob(embedjs) : null;
+      return embedjs != null ? atob__default["default"](embedjs) : null;
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(jsembed) {
           _this2.JSEmbed = jsembed;
         },
@@ -2569,25 +2590,25 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return JSEmbed;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); 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 _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var defaultPolltypeHost = 'https://www.polltype.com';
 
 var PolltypeBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(PolltypeBase, _React$Component);
+  _inherits__default["default"](PolltypeBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$g(PolltypeBase);
+  var _super = /*#__PURE__*/_createSuper$9(PolltypeBase);
 
   function PolltypeBase() {
-    _classCallCheck(this, PolltypeBase);
+    _classCallCheck__default["default"](this, PolltypeBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(PolltypeBase, [{
+  _createClass__default["default"](PolltypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.loadPolltypeJS();
@@ -2608,30 +2629,30 @@ var PolltypeBase = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-polltype-embed-id": this.props.id
       });
     }
   }]);
 
   return PolltypeBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function mapStateToProps$7(state) {
+function mapStateToProps$4(state) {
   return {
     polltypeHost: state.qt.config["polltype-host"] || defaultPolltypeHost
   };
 }
 
-var Polltype = /*#__PURE__*/reactRedux.connect(mapStateToProps$7, {})(PolltypeBase);
+var Polltype = /*#__PURE__*/reactRedux.connect(mapStateToProps$4, {})(PolltypeBase);
 
-function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); 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 _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function TableHeader(columns) {
-  return /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, columns.map(function (col) {
-    return /*#__PURE__*/React__default.createElement("th", null, col.Header);
+  return /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (col) {
+    return /*#__PURE__*/React__default["default"].createElement("th", null, col.Header);
   })));
 }
 
@@ -2640,23 +2661,23 @@ function TableView(_ref) {
       columns = _ref.columns,
       className = _ref.className,
       hasHeader = _ref.hasHeader;
-  return /*#__PURE__*/React__default.createElement("table", {
+  return /*#__PURE__*/React__default["default"].createElement("table", {
     className: className
-  }, hasHeader && TableHeader(columns), /*#__PURE__*/React__default.createElement("tbody", null, data.map(function (row) {
-    return /*#__PURE__*/React__default.createElement("tr", null, columns.map(function (col) {
-      return /*#__PURE__*/React__default.createElement("td", null, row[col.Header]);
+  }, hasHeader && TableHeader(columns), /*#__PURE__*/React__default["default"].createElement("tbody", null, data.map(function (row) {
+    return /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (col) {
+      return /*#__PURE__*/React__default["default"].createElement("td", null, row[col.Header]);
     }));
   })));
 }
 var Table = /*#__PURE__*/function (_React$Component) {
-  _inherits(Table, _React$Component);
+  _inherits__default["default"](Table, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$h(Table);
+  var _super = /*#__PURE__*/_createSuper$8(Table);
 
   function Table(props) {
     var _this;
 
-    _classCallCheck(this, Table);
+    _classCallCheck__default["default"](this, Table);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -2665,14 +2686,14 @@ var Table = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(Table, [{
+  _createClass__default["default"](Table, [{
     key: "parseCSVToJson",
     value: function parseCSVToJson(content) {
       var _this2 = this;
 
-      new Promise(function (resolve) { resolve(_interopNamespace(require(
+      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
       /* webpackChunkName: "qtc-parsecsv" */
-      'papaparse'))); }).then(function (_ref2) {
+      'papaparse')); }).then(function (_ref2) {
         var parse = _ref2.parse;
         parse(content, {
           header: _this2.props.hasHeader,
@@ -2721,7 +2742,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
         };
       });
       var className = "story-element-table-".concat(this.props.id);
-      return /*#__PURE__*/React__default.createElement(this.props.tableComponent || TableView, {
+      return /*#__PURE__*/React__default["default"].createElement(this.props.tableComponent || TableView, {
         hasHeader: this.props.hasHeader,
         data: this.state.tableData,
         columns: columns,
@@ -2733,23 +2754,23 @@ var Table = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return Table;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-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 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$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(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); 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 _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var YouTube = null;
-var loaderPromise$1 = null;
+var loaderPromise = null;
 
-function loadLibrary$1() {
-  if (loaderPromise$1 === null) {
-    loaderPromise$1 = new Promise(function (resolve) { resolve(_interopNamespace(require(
+function loadLibrary() {
+  if (loaderPromise === null) {
+    loaderPromise = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* webpackChunkName: "qtc-react-youtube" */
-    'react-youtube'))); }).then(function (YT) {
+    'react-youtube')); }).then(function (YT) {
       YouTube = YT["default"];
     })["catch"](function (err) {
       console.log("Failed to load react-youtube", err);
@@ -2757,26 +2778,26 @@ function loadLibrary$1() {
     });
   }
 
-  return loaderPromise$1;
+  return loaderPromise;
 }
 
-function isLibraryLoaded$1() {
+function isLibraryLoaded() {
   return YouTube !== null;
 }
 
 var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomStoryElementYoutube, _React$Component);
+  _inherits__default["default"](CustomStoryElementYoutube, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$i(CustomStoryElementYoutube);
+  var _super = /*#__PURE__*/_createSuper$7(CustomStoryElementYoutube);
 
   function CustomStoryElementYoutube(props) {
     var _this;
 
-    _classCallCheck(this, CustomStoryElementYoutube);
+    _classCallCheck__default["default"](this, CustomStoryElementYoutube);
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "triggerQlitics", function (action) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerQlitics", function (action) {
       if (_this.props.disableAnalytics === true) return false;
       var _this$props = _this.props,
           _this$props$story = _this$props.story,
@@ -2786,7 +2807,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$4(_objectSpread$4({}, getQliticsSchema(story, card, element)), {
+      var qliticsData = _objectSpread$2(_objectSpread$2({}, getQliticsSchema(story, card, element)), {
         "story-element-action": action
       });
 
@@ -2801,37 +2822,37 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
       _this.triggerQlitics("play");
 
       _this.props.onPlay === "function" && _this.props.onPlay(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onPauseCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
       _this.triggerQlitics("pause");
 
       _this.props.onPause === "function" && _this.props.onPause(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onEndCallback", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
       _this.triggerQlitics("end");
 
       _this.props.onEnd === "function" && _this.props.onEnd(event);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "triggerIframe", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
       _this._isMounted = true;
-      loadLibrary$1().then(function () {
+      loadLibrary().then(function () {
         return _this._isMounted && _this.forceUpdate();
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
       event.target.setVolume(100);
       event.target.playVideo();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderVideo", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
       _this.triggerIframe();
 
       _this.setState({
@@ -2850,7 +2871,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(CustomStoryElementYoutube, [{
+  _createClass__default["default"](CustomStoryElementYoutube, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -2868,8 +2889,8 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       var youtubeIframe = function youtubeIframe() {
-        return /*#__PURE__*/React__default.createElement(YouTube, {
-          videoId: getYouTubeID(_this2.props.element.url),
+        return /*#__PURE__*/React__default["default"].createElement(YouTube, {
+          videoId: getYouTubeID__default["default"](_this2.props.element.url),
           opts: _this2.opts,
           onPlay: _this2.onPlayCallback,
           onPause: _this2.onPauseCallback,
@@ -2879,52 +2900,52 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       };
 
       if (this.props.loadIframeOnClick) {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "thumbnail-wrapper"
-        }, /*#__PURE__*/React__default.createElement("button", {
+        }, /*#__PURE__*/React__default["default"].createElement("button", {
           className: "youtube-playBtn",
           onClick: this.renderVideo,
           "aria-label": "Play Video"
-        }), /*#__PURE__*/React__default.createElement("img", {
+        }), /*#__PURE__*/React__default["default"].createElement("img", {
           className: "youtube-thumbnail",
           onClick: this.renderVideo,
-          src: "https://img.youtube.com/vi/".concat(getYouTubeID(this.props.element.url), "/sddefault.jpg"),
+          src: "https://img.youtube.com/vi/".concat(getYouTubeID__default["default"](this.props.element.url), "/sddefault.jpg"),
           alt: "video"
-        }), this.state.showVideo && isLibraryLoaded$1() && /*#__PURE__*/React__default.createElement("div", {
+        }), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "youtube-iframe-wrapper"
         }, youtubeIframe()));
-      } else if (!this.props.loadIframeOnClick && isLibraryLoaded$1()) {
-        return /*#__PURE__*/React__default.createElement(YouTube, {
-          videoId: getYouTubeID(this.props.element.url),
+      } else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
+        return /*#__PURE__*/React__default["default"].createElement(YouTube, {
+          videoId: getYouTubeID__default["default"](this.props.element.url),
           opts: this.opts,
           onPlay: this.onPlayCallback,
           onPause: this.onPauseCallback,
           onEnd: this.onEndCallback
         });
-      } else return /*#__PURE__*/React__default.createElement("div", null);
+      } else return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
   }]);
 
   return CustomStoryElementYoutube;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 var StoryElementYoutube = function StoryElementYoutube(props) {
-  return /*#__PURE__*/React__default.createElement(WithLazy, {
+  return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
     margin: "0px"
   }, function () {
-    return /*#__PURE__*/React__default.createElement(CustomStoryElementYoutube, props);
+    return /*#__PURE__*/React__default["default"].createElement(CustomStoryElementYoutube, props);
   });
 };
 
-var _excluded$2 = ["renderTemplates"];
+var _excluded = ["renderTemplates"];
 
-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 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$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(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 _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; }
 
-function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); 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 _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This component renders different types of [story elements](https://developers.quintype.com/malibu/terminology#story-elements)
 
@@ -2952,14 +2973,14 @@ function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !
  */
 
 var StoryElement = /*#__PURE__*/function (_React$Component) {
-  _inherits(StoryElement, _React$Component);
+  _inherits__default["default"](StoryElement, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$j(StoryElement);
+  var _super = /*#__PURE__*/_createSuper$6(StoryElement);
 
   function StoryElement(props) {
     var _this;
 
-    _classCallCheck(this, StoryElement);
+    _classCallCheck__default["default"](this, StoryElement);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -2968,7 +2989,7 @@ var StoryElement = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(StoryElement, [{
+  _createClass__default["default"](StoryElement, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, stack) {
       this.setState({
@@ -2981,17 +3002,17 @@ var StoryElement = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       if (this.state.crashed) {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "story-element story-element-crashed"
         });
       } else {
-        return /*#__PURE__*/React__default.createElement(StoryElementBase, this.props);
+        return /*#__PURE__*/React__default["default"].createElement(StoryElementBase, this.props);
       }
     }
   }]);
 
   return StoryElement;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 function StoryElementText(_ref) {
   var _ref$element = _ref.element,
@@ -3003,7 +3024,7 @@ function StoryElementText(_ref) {
     text = element.text.replace(/<a/g, '<a target="_blank"');
   }
 
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: text
     }
@@ -3015,17 +3036,17 @@ function StoryElementAlsoRead(_ref2) {
       story = _ref2.story,
       _ref2$alsoreadText = _ref2.alsoreadText,
       alsoreadText = _ref2$alsoreadText === void 0 ? "Also Read: " : _ref2$alsoreadText;
-  var linkedStories = get(story, ["linked-stories"]);
-  var linkedStoryId = get(element, ["metadata", "linked-story-id"]);
-  var linkedStorySlug = get(linkedStories, [linkedStoryId, "slug"]);
+  var linkedStories = get__default["default"](story, ["linked-stories"]);
+  var linkedStoryId = get__default["default"](element, ["metadata", "linked-story-id"]);
+  var linkedStorySlug = get__default["default"](linkedStories, [linkedStoryId, "slug"]);
   var storyUrl = "/".concat(linkedStorySlug);
   var linkProps = {
     className: "story-element-text-also-read__link",
     href: storyUrl
   };
-  return /*#__PURE__*/React__default.createElement("h3", {}, /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("h3", {}, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "story-element-text-also-read__label"
-  }, alsoreadText), /*#__PURE__*/React__default.createElement(Link, linkProps, element.text));
+  }, alsoreadText), /*#__PURE__*/React__default["default"].createElement(Link, linkProps, element.text));
 }
 
 function StoryElementImage(_ref3) {
@@ -3036,7 +3057,7 @@ function StoryElementImage(_ref3) {
       imageDefaultWidth = _ref3.imageDefaultWidth,
       _ref3$onClick = _ref3.onClick,
       onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick;
-  return /*#__PURE__*/React__default.createElement("figure", {}, /*#__PURE__*/React__default.createElement(ResponsiveImage, {
+  return /*#__PURE__*/React__default["default"].createElement("figure", {}, /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, {
     slug: element["image-s3-key"],
     metadata: element["metadata"],
     aspectRatio: null,
@@ -3047,14 +3068,14 @@ function StoryElementImage(_ref3) {
     },
     alt: element.title || story.headline,
     onClick: onClick
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "story-element-caption-attribution-wrapper"
-  }, element.title ? /*#__PURE__*/React__default.createElement("figcaption", {
+  }, element.title ? /*#__PURE__*/React__default["default"].createElement("figcaption", {
     dangerouslySetInnerHTML: {
       __html: element.title
     },
     className: "story-element-image-title"
-  }) : undefined, element["image-attribution"] ? /*#__PURE__*/React__default.createElement("figcaption", {
+  }) : undefined, element["image-attribution"] ? /*#__PURE__*/React__default["default"].createElement("figcaption", {
     dangerouslySetInnerHTML: {
       __html: element["image-attribution"]
     },
@@ -3064,12 +3085,12 @@ function StoryElementImage(_ref3) {
 
 function StoryElementTitle(_ref4) {
   var element = _ref4.element;
-  return /*#__PURE__*/React__default.createElement("h2", {}, element.text);
+  return /*#__PURE__*/React__default["default"].createElement("h2", {}, element.text);
 }
 
 function StoryElementSoundCloud(_ref5) {
   var element = _ref5.element;
-  return /*#__PURE__*/React__default.createElement("iframe", {
+  return /*#__PURE__*/React__default["default"].createElement("iframe", {
     src: element["embed-url"],
     width: "100%"
   });
@@ -3077,7 +3098,7 @@ function StoryElementSoundCloud(_ref5) {
 
 function StoryElementJsembed(_ref6) {
   var element = _ref6.element;
-  return /*#__PURE__*/React__default.createElement(JSEmbed, {
+  return /*#__PURE__*/React__default["default"].createElement(JSEmbed, {
     embedJS: element["embed-js"],
     id: element["id"]
   });
@@ -3085,14 +3106,14 @@ function StoryElementJsembed(_ref6) {
 
 function StoryElementPolltype(_ref7) {
   var element = _ref7.element;
-  return /*#__PURE__*/React__default.createElement(Polltype, {
+  return /*#__PURE__*/React__default["default"].createElement(Polltype, {
     id: element["polltype-id"]
   });
 }
 
 function StoryElementTable(_ref8) {
   var element = _ref8.element;
-  return /*#__PURE__*/React__default.createElement(Table, {
+  return /*#__PURE__*/React__default["default"].createElement(Table, {
     id: element.id,
     data: element.data,
     hasHeader: element.metadata["has-header"]
@@ -3101,9 +3122,9 @@ function StoryElementTable(_ref8) {
 
 function StoryElementFile(_ref9) {
   var element = _ref9.element;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "story-element-file__title"
-  }, element["file-name"]), /*#__PURE__*/React__default.createElement("a", {
+  }, element["file-name"]), /*#__PURE__*/React__default["default"].createElement("a", {
     className: "story-element-file__link",
     href: element.url,
     download: true
@@ -3127,18 +3148,18 @@ var DEFAULT_TEMPLATES = {
 };
 
 var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
-  _inherits(StoryElementBase, _React$Component2);
+  _inherits__default["default"](StoryElementBase, _React$Component2);
 
-  var _super2 = /*#__PURE__*/_createSuper$j(StoryElementBase);
+  var _super2 = /*#__PURE__*/_createSuper$6(StoryElementBase);
 
   function StoryElementBase(props) {
     var _this2;
 
-    _classCallCheck(this, StoryElementBase);
+    _classCallCheck__default["default"](this, StoryElementBase);
 
     _this2 = _super2.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this2), "initiateObserver", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "initiateObserver", function () {
       if (_this2.props.disableAnalytics === true) return false;
       var options = {
         root: null,
@@ -3150,11 +3171,11 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
       _this2.observer.observe(_this2.storyElementRef);
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "destroyObserver", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "destroyObserver", function () {
       _this2.observer && _this2.observer.disconnect();
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "observerCallback", function (entries) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "observerCallback", function (entries) {
       entries.forEach(function (entry) {
         if (entry.isIntersecting) {
           _this2.emitElementQlitics();
@@ -3167,7 +3188,7 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
     return _this2;
   }
 
-  _createClass(StoryElementBase, [{
+  _createClass__default["default"](StoryElementBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.initiateObserver();
@@ -3224,28 +3245,28 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
       var _this$props2 = this.props,
           _this$props2$renderTe = _this$props2.renderTemplates,
           renderTemplates = _this$props2$renderTe === void 0 ? {} : _this$props2$renderTe,
-          elementProps = omit(_this$props2, _excluded$2);
+          elementProps = omit__default["default"](_this$props2, _excluded);
 
       var renderTemplate = renderTemplates[storyElement.subtype] || renderTemplates[storyElement.type];
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: classNames((_classNames = {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classNames__default["default"]((_classNames = {
           "story-element": true
-        }, _defineProperty(_classNames, typeClassName, true), _defineProperty(_classNames, subtypeClassName, !!storyElement.subtype), _classNames)),
+        }, _defineProperty__default["default"](_classNames, typeClassName, true), _defineProperty__default["default"](_classNames, subtypeClassName, !!storyElement.subtype), _classNames)),
         ref: function ref(_ref10) {
           return _this3.storyElementRef = _ref10;
         }
-      }, renderTemplate ? /*#__PURE__*/React__default.createElement(renderTemplate, _objectSpread$5({}, elementProps), /*#__PURE__*/React__default.createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default.createElement(storyElementTemplate, Object.assign({}, elementProps)));
+      }, 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)));
     }
   }]);
 
   return StoryElementBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 var STORY_ELEMENT_TEMPLATES = DEFAULT_TEMPLATES;
 
-function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); 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 _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function getNativeShareHandler(canNativeShare, title, fullUrl) {
   if (!canNativeShare) {
@@ -3261,14 +3282,14 @@ function getNativeShareHandler(canNativeShare, title, fullUrl) {
 }
 
 var SocialShareBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(SocialShareBase, _React$Component);
+  _inherits__default["default"](SocialShareBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$k(SocialShareBase);
+  var _super = /*#__PURE__*/_createSuper$5(SocialShareBase);
 
   function SocialShareBase(props) {
     var _this;
 
-    _classCallCheck(this, SocialShareBase);
+    _classCallCheck__default["default"](this, SocialShareBase);
 
     _this = _super.call(this, props);
     _this.state = {
@@ -3277,7 +3298,7 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(SocialShareBase, [{
+  _createClass__default["default"](SocialShareBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -3289,7 +3310,7 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var fullUrl = this.props.fullUrl || "".concat(this.props.publisherUrl, "/").concat(this.props.url);
       var hashtags = this.props.hashtags ? this.props.hashtags : '';
-      return /*#__PURE__*/React__default.createElement(this.props.template, Object.assign({
+      return /*#__PURE__*/React__default["default"].createElement(this.props.template, Object.assign({
         fbUrl: "https://www.facebook.com/sharer.php?u=".concat(encodeURIComponent(fullUrl)),
         twitterUrl: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(this.props.title), "&hashtags=").concat(hashtags),
         gplusUrl: "https://plus.google.com/share?url=".concat(encodeURIComponent(fullUrl)),
@@ -3302,9 +3323,9 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return SocialShareBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-function mapStateToProps$8(state) {
+function mapStateToProps$3(state) {
   return {
     publisherUrl: state.qt.config["sketches-host"]
   };
@@ -3348,26 +3369,26 @@ function mapStateToProps$8(state) {
  */
 
 
-var SocialShare = /*#__PURE__*/reactRedux.connect(mapStateToProps$8, {})( /*#__PURE__*/withError(SocialShareBase));
+var SocialShare = /*#__PURE__*/reactRedux.connect(mapStateToProps$3, {})( /*#__PURE__*/withError(SocialShareBase));
 
 var StarIcon = function StarIcon(_ref) {
   var size = _ref.size,
       foregroundColor = _ref.foregroundColor,
       backgroundColor = _ref.backgroundColor,
       className = _ref.className;
-  return /*#__PURE__*/React__default.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     className: className,
     width: size,
     height: size,
     viewBox: "0 0 45 45",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M44.571 17.188c0 .392-.232.82-.696 1.285l-9.723 9.482 2.303 13.393c.018.125.027.304.027.536 0 .375-.094.692-.281.95-.188.26-.46.39-.817.39-.34 0-.696-.108-1.072-.322L22.287 36.58l-12.027 6.322c-.393.214-.75.321-1.072.321-.375 0-.656-.13-.843-.388-.188-.26-.281-.576-.281-.951 0-.107.017-.286.053-.536l2.304-13.393-9.75-9.482c-.447-.482-.67-.91-.67-1.285 0-.661.5-1.072 1.5-1.233L14.946 14l6.027-12.188c.34-.732.777-1.098 1.313-1.098.535 0 .973.366 1.312 1.099L29.625 14l13.446 1.955c1 .161 1.5.572 1.5 1.232z",
     fill: backgroundColor
-  }), /*#__PURE__*/React__default.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M22.286.714V36.58l-12.027 6.322c-.393.214-.75.321-1.072.321-.375 0-.656-.13-.843-.388-.188-.26-.281-.576-.281-.951 0-.107.017-.286.053-.536l2.304-13.393-9.75-9.482c-.447-.482-.67-.91-.67-1.285 0-.661.5-1.072 1.5-1.233L14.946 14l6.027-12.188c.34-.732.777-1.098 1.313-1.098z",
     fill: foregroundColor
   })));
@@ -3412,13 +3433,13 @@ function ReviewRating(_ref) {
   if (!canShowEmptyRating && value < 0.1) return null;
 
   var activeComponent = function activeComponent(index) {
-    return activeSymbol ? /*#__PURE__*/React__default.cloneElement(activeSymbol, {
+    return activeSymbol ? /*#__PURE__*/React__default["default"].cloneElement(activeSymbol, {
       size: size,
       activeColor: activeColor,
       inActiveColor: inActiveColor,
       className: "".concat(className, "-symbol active"),
       key: "review-".concat(index)
-    }) : /*#__PURE__*/React__default.createElement(StarIcon, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
       size: size,
       foregroundColor: activeColor,
       backgroundColor: activeColor,
@@ -3429,13 +3450,13 @@ function ReviewRating(_ref) {
   };
 
   var inActiveComponent = function inActiveComponent(index) {
-    return inActiveSymbol ? /*#__PURE__*/React__default.cloneElement(inActiveSymbol, {
+    return inActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(inActiveSymbol, {
       size: size,
       activeColor: activeColor,
       inActiveColor: inActiveColor,
       className: "".concat(className, "-symbol inactive"),
       key: "review-".concat(index)
-    }) : /*#__PURE__*/React__default.createElement(StarIcon, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
       size: size,
       foregroundColor: inActiveColor,
       backgroundColor: inActiveColor,
@@ -3445,13 +3466,13 @@ function ReviewRating(_ref) {
   };
 
   var halfActiveComponent = function halfActiveComponent(index) {
-    return halfActiveSymbol ? /*#__PURE__*/React__default.cloneElement(halfActiveSymbol, {
+    return halfActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(halfActiveSymbol, {
       size: size,
       activeColor: activeColor,
       inActiveColor: inActiveColor,
       className: "".concat(className, "-symbol half-active"),
       key: "review-".concat(index)
-    }) : /*#__PURE__*/React__default.createElement(StarIcon, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
       size: size,
       foregroundColor: activeColor,
       backgroundColor: inActiveColor,
@@ -3472,7 +3493,7 @@ function ReviewRating(_ref) {
     }
   }
 
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, children);
 }
@@ -3538,7 +3559,7 @@ var Collection = function Collection(_ref) {
   }).reduce(function (arr, v, i) {
     return arr.concat([v, interstitial(i)]);
   }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, children);
 };
@@ -3577,14 +3598,14 @@ function ImageGalleryElement(_ref) {
       onClickHandler = _ref.onClickHandler;
   element = element || {};
   var images = element['story-elements'].map(function (image, index) {
-    return /*#__PURE__*/React__default.createElement("figure", {
+    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' : ''),
       onClick: function onClick() {
         return onClickHandler && onClickHandler(index);
       }
-    }, /*#__PURE__*/React__default.createElement(ResponsiveImage, {
+    }, /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, {
       slug: image["image-s3-key"],
       metadata: image["metadata"],
       aspectRatio: imageAspectRatio ? imageAspectRatio : [1, 1],
@@ -3597,14 +3618,14 @@ function ImageGalleryElement(_ref) {
       alt: image.title || story.headline
     }));
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "story-element-image-gallery",
     "data-test-id": "story-element-image-gallery"
   }, images);
 }
 
 function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStoriesToLoad) {
-  return !enableLoadMoreButton ? /*#__PURE__*/React__default.createElement(Component, data) : /*#__PURE__*/React__default.createElement(LoadMoreCollectionStories, {
+  return !enableLoadMoreButton ? /*#__PURE__*/React__default["default"].createElement(Component, data) : /*#__PURE__*/React__default["default"].createElement(LoadMoreCollectionStories, {
     template: Component,
     collectionSlug: slug,
     params: {
@@ -3618,19 +3639,19 @@ function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStories
 function lazyLoadWrapper(component, _ref) {
   var _ref$lazy_load_images = _ref.lazy_load_images,
       lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
-  return !lazyLoadImages ? component : /*#__PURE__*/React__default.createElement(LazyLoadImages, {}, component);
+  return !lazyLoadImages ? component : /*#__PURE__*/React__default["default"].createElement(LazyLoadImages, {}, component);
 }
 
 function clientSideLoadWrapper(component, _ref2) {
   var _ref2$client_side_onl = _ref2.client_side_only,
       clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
-  return !clientSideOnly ? component : /*#__PURE__*/React__default.createElement(ClientSideOnly, {}, component);
+  return !clientSideOnly ? component : /*#__PURE__*/React__default["default"].createElement(ClientSideOnly, {}, component);
 }
 
 function WrapCollectionComponent(Component) {
   return function (props) {
     if (!props.collection) {
-      return /*#__PURE__*/React__default.createElement("div", null);
+      return /*#__PURE__*/React__default["default"].createElement("div", null);
     }
 
     var associatedMetadata = props.collection["associated-metadata"] || {};
@@ -3705,7 +3726,7 @@ function collectionToStories(collection) {
 }
 
 function replaceWithAlternates(story) {
-  var alternates = get(story, ["alternative", "home", "default"]);
+  var alternates = get__default["default"](story, ["alternative", "home", "default"]);
   if (!alternates) return story;
   return Object.assign({}, story, {
     headline: alternates.headline || story.headline,
@@ -3717,7 +3738,7 @@ function replaceWithAlternates(story) {
 }
 
 function LoadMoreButton(props) {
-  return /*#__PURE__*/React__default.createElement("button", {
+  return /*#__PURE__*/React__default["default"].createElement("button", {
     className: props.className,
     onClick: props.onLoadMore,
     "data-test-id": "load-more"
@@ -3729,27 +3750,27 @@ LoadMoreButton.defaultProps = {
   text: 'Load more'
 };
 
-function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); 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 _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var loadedMember = false;
 
 var WithMemberBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithMemberBase, _React$Component);
+  _inherits__default["default"](WithMemberBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$l(WithMemberBase);
+  var _super = /*#__PURE__*/_createSuper$4(WithMemberBase);
 
   function WithMemberBase(props) {
     var _this;
 
-    _classCallCheck(this, WithMemberBase);
+    _classCallCheck__default["default"](this, WithMemberBase);
 
     _this = _super.call(this, props);
-    _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized(_this));
+    _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized__default["default"](_this));
     return _this;
   }
 
-  _createClass(WithMemberBase, [{
+  _createClass__default["default"](WithMemberBase, [{
     key: "checkForMemberUpdated",
     value: function checkForMemberUpdated() {
       var _this2 = this;
@@ -3794,13 +3815,13 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return WithMemberBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 WithMemberBase.defaultProps = {
   isBridgekeeperEnabled: false
 };
 
-function mapStateToProps$9(_ref2) {
+function mapStateToProps$2(_ref2) {
   var member = _ref2.member,
       memberLoading = _ref2.memberLoading;
   return {
@@ -3810,7 +3831,7 @@ function mapStateToProps$9(_ref2) {
   };
 }
 
-function mapDispatchToProps$6(dispatch, ownProps) {
+function mapDispatchToProps$2(dispatch, ownProps) {
   var logoutRequestUrl = ownProps.isBridgekeeperEnabled ? "/api/auth/v1/logout" : "/api/logout";
   return {
     memberBeingLoaded: function memberBeingLoaded() {
@@ -3864,11 +3885,11 @@ function mapDispatchToProps$6(dispatch, ownProps) {
  */
 
 
-var WithMember = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(WithMemberBase);
+var WithMember = /*#__PURE__*/reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(WithMemberBase);
 
-function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); 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 _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This higher order function can be used for the home or story page preview. It takes a component, and a function to map the story into props suitable for the component
  * 
@@ -3900,14 +3921,14 @@ function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !
 
 function WithPreview(klazz, updateData) {
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(WithPreviewWrapper, _React$Component);
+    _inherits__default["default"](WithPreviewWrapper, _React$Component);
 
-    var _super = _createSuper$m(WithPreviewWrapper);
+    var _super = _createSuper$3(WithPreviewWrapper);
 
     function WithPreviewWrapper(props) {
       var _this;
 
-      _classCallCheck(this, WithPreviewWrapper);
+      _classCallCheck__default["default"](this, WithPreviewWrapper);
 
       _this = _super.call(this, props);
       _this.state = {
@@ -3916,7 +3937,7 @@ function WithPreview(klazz, updateData) {
       return _this;
     }
 
-    _createClass(WithPreviewWrapper, [{
+    _createClass__default["default"](WithPreviewWrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -3933,26 +3954,26 @@ function WithPreview(klazz, updateData) {
       key: "render",
       value: function render() {
         if (!this.state.story) {
-          return /*#__PURE__*/React__default.createElement("div", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             style: {
               minHeight: 200
             }
           });
         }
 
-        return /*#__PURE__*/React__default.createElement(klazz, Object.assign({}, this.props, {
+        return /*#__PURE__*/React__default["default"].createElement(klazz, Object.assign({}, this.props, {
           data: updateData(this.props.data, this.state.story)
         }));
       }
     }]);
 
     return WithPreviewWrapper;
-  }(React__default.Component);
+  }(React__default["default"].Component);
 }
 
-function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); 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 _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This is an abstract render props component for logging in with social accounts. The component adds two items to scope: `serverSideLoginPath` for redirecting to server side, and `login` for doing a client side login. Calling `login()` returns a promise which can be used to handle success and failure cases.
  *
@@ -4002,14 +4023,14 @@ function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !
  */
 
 var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
-  _inherits(WithSocialLogin, _React$Component);
+  _inherits__default["default"](WithSocialLogin, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$n(WithSocialLogin);
+  var _super = /*#__PURE__*/_createSuper$2(WithSocialLogin);
 
   function WithSocialLogin(props) {
     var _this;
 
-    _classCallCheck(this, WithSocialLogin);
+    _classCallCheck__default["default"](this, WithSocialLogin);
 
     _this = _super.call(this, props);
     _this.bridgekeeperServerLoginPath = "/api/auth/v1/login?auth-provider=".concat(_this.props.provider, "&redirect-url=").concat(_this.props.redirectUrl ? _this.props.redirectUrl : global.location && global.location.origin);
@@ -4019,7 +4040,7 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(WithSocialLogin, [{
+  _createClass__default["default"](WithSocialLogin, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.initialize();
@@ -4041,7 +4062,7 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return WithSocialLogin;
-}(React__default.Component);
+}(React__default["default"].Component);
 
 function createSession(provider, token) {
   return postRequest("/api/login/".concat(provider), {
@@ -4078,7 +4099,7 @@ function WithFacebookLogin(_ref) {
       redirectUrl = _ref.redirectUrl,
       sso = _ref.sso,
       isBridgekeeperLogin = _ref.isBridgekeeperLogin;
-  return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
+  return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'facebook',
     initialize: function initialize() {
       return loadFacebookSDK(appId);
@@ -4174,7 +4195,7 @@ function WithGoogleLogin(_ref) {
       redirectUrl = _ref.redirectUrl,
       sso = _ref.sso,
       isBridgekeeperLogin = _ref.isBridgekeeperLogin;
-  return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
+  return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'google',
     initialize: function initialize() {
       return loadGoogleSDK(clientId, scope);
@@ -4247,14 +4268,14 @@ var loadGoogleSDK = function loadGoogleSDK(clientId, scope) {
  */
 
 function WithTwitterLogin(_ref) {
-  var clientId = _ref.clientId,
-      children = _ref.children,
-      scope = _ref.scope,
-      emailMandatory = _ref.emailMandatory,
-      redirectUrl = _ref.redirectUrl,
+  _ref.clientId;
+      var children = _ref.children;
+      _ref.scope;
+      _ref.emailMandatory;
+      var redirectUrl = _ref.redirectUrl,
       sso = _ref.sso,
       isBridgekeeperLogin = _ref.isBridgekeeperLogin;
-  return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
+  return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'twitter',
     children: children,
     redirectUrl: redirectUrl,
@@ -4271,13 +4292,13 @@ function WithTwitterLogin(_ref) {
 
 function WithLinkedInLogin(_ref) {
   var clientKey = _ref.clientKey,
-      children = _ref.children,
-      scope = _ref.scope,
-      emailMandatory = _ref.emailMandatory,
+      children = _ref.children;
+      _ref.scope;
+      var emailMandatory = _ref.emailMandatory,
       redirectUrl = _ref.redirectUrl,
       sso = _ref.sso,
       isBridgekeeperLogin = _ref.isBridgekeeperLogin;
-  return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
+  return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
     provider: 'linkedin',
     initialize: function initialize() {
       return loadLinkedInSdk(clientKey);
@@ -4309,7 +4330,7 @@ var loadLinkedInSdk = function loadLinkedInSdk(clientKey, scope) {
 };
 
 var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
-  var emailMandatory = _ref2.emailMandatory;
+  _ref2.emailMandatory;
 
   if (!global.IN || !global.IN.User) {
     return Promise.reject("NOT_LOADED");
@@ -4329,9 +4350,9 @@ var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
   });
 };
 
-function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); 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 _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * This render props component willupdate it's children via props while executing data loaders sent as props to the component.
  *
@@ -4361,14 +4382,14 @@ function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !
  */
 
 var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
-  _inherits(UpdateOnInterval, _React$Component);
+  _inherits__default["default"](UpdateOnInterval, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$o(UpdateOnInterval);
+  var _super = /*#__PURE__*/_createSuper$1(UpdateOnInterval);
 
   function UpdateOnInterval(props) {
     var _this;
 
-    _classCallCheck(this, UpdateOnInterval);
+    _classCallCheck__default["default"](this, UpdateOnInterval);
 
     _this = _super.call(this, props);
     _this.fetchIntervalIndex = -1;
@@ -4378,7 +4399,7 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(UpdateOnInterval, [{
+  _createClass__default["default"](UpdateOnInterval, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.registerInterval();
@@ -4405,9 +4426,9 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "setData",
     value: function () {
-      var _setData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _setData = /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
         var data;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -4459,36 +4480,36 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return UpdateOnInterval;
-}(React__default.Component);
+}(React__default["default"].Component);
 UpdateOnInterval.defaultProps = {
   interval: 30000,
   initData: {}
 };
 
-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 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$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(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 _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$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 
-function _isNativeReflectConstruct$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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(AccessTypeBase, _React$Component);
+  _inherits__default["default"](AccessTypeBase, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$p(AccessTypeBase);
+  var _super = /*#__PURE__*/_createSuper(AccessTypeBase);
 
   function AccessTypeBase(props) {
     var _this;
 
-    _classCallCheck(this, AccessTypeBase);
+    _classCallCheck__default["default"](this, AccessTypeBase);
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "loadScript", function (callback) {
-      var accessTypeKey = get(_this.props, ["accessTypeKey"]);
-      var isStaging = get(_this.props, ["isStaging"]);
-      var enableAccesstype = get(_this.props, ["enableAccesstype"]);
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "loadScript", function (callback) {
+      var accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+      var isStaging = get__default["default"](_this.props, ["isStaging"]);
+      var enableAccesstype = get__default["default"](_this.props, ["enableAccesstype"]);
 
       if (!enableAccesstype) {
         return false;
@@ -4518,8 +4539,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return true;
     });
 
-    _defineProperty(_assertThisInitialized(_this), "setUser", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setUser", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
         var isLoggedIn,
             userObj,
             _yield$awaitHelper,
@@ -4527,7 +4548,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             user,
             _args = arguments;
 
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -4580,11 +4601,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "validateCoupon", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedPlanId, couponCode) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "validateCoupon", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(selectedPlanId, couponCode) {
         var _yield$awaitHelper2, error, data;
 
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
@@ -4631,10 +4652,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
       var subscriptionId,
           _args3 = arguments;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
@@ -4658,15 +4679,15 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee3);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "getSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
       var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions;
 
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              accessTypeKey = get(_this.props, ["accessTypeKey"]);
-              isStaging = get(_this.props, ["isStaging"]);
+              accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+              isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost; // TODO: use AccesstypeJS method insead of direct api call
 
               accessTypeHost = "".concat(HOST, "/api/v1/subscription_groups.json?key=").concat(accessTypeKey);
@@ -4704,10 +4725,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee4);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "getPaymentOptions", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getPaymentOptions", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
       var _yield$awaitHelper4, error, paymentOptions;
 
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
@@ -4747,7 +4768,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee5);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
       var storyId,
           _yield$awaitHelper5,
           error,
@@ -4755,7 +4776,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           assetPlans,
           _args6 = arguments;
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
@@ -4801,22 +4822,22 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee6);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7() {
       var isAccessTypeCampaignEnabled, accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper6, error, campaignSubscriptions;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
-              isAccessTypeCampaignEnabled = get(_this.props, ["isAccessTypeCampaignEnabled"], false);
+              isAccessTypeCampaignEnabled = get__default["default"](_this.props, ["isAccessTypeCampaignEnabled"], false);
 
               if (!isAccessTypeCampaignEnabled) {
                 _context7.next = 18;
                 break;
               }
 
-              accessTypeKey = get(_this.props, ["accessTypeKey"]);
-              isStaging = get(_this.props, ["isStaging"]);
+              accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+              isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost;
               accessTypeHost = "".concat(HOST, "/api/v1/campaigns.json?key=").concat(accessTypeKey);
               _context7.t0 = awaitHelper;
@@ -4856,14 +4877,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee7);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8() {
       var callback,
           jwtResponse,
           _yield$awaitHelper7,
           error,
           _args8 = arguments;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
             case 0:
@@ -4885,7 +4906,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               if (!error) {
                 try {
                   Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref9) {
-                    var _ref10 = _slicedToArray(_ref9, 4),
+                    var _ref10 = _slicedToArray__default["default"](_ref9, 4),
                         subscriptionGroups = _ref10[0],
                         paymentOptions = _ref10[1],
                         assetPlans = _ref10[2],
@@ -4915,10 +4936,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee8);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
       var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
 
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
             case 0:
@@ -4957,7 +4978,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee9);
     })));
 
-    _defineProperty(_assertThisInitialized(_this), "initAccessType", function (callback) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
 
       try {
@@ -4975,7 +4996,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initRazorPayPayment", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initRazorPayPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       var storyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
@@ -4991,14 +5012,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
 
       var paymentOptions = _this.props.paymentOptions;
-      planObject["paymentType"] = get(planObject.selectedPlan, ["recurring"]) ? "razorpay_recurring" : "razorpay";
+      planObject["paymentType"] = get__default["default"](planObject.selectedPlan, ["recurring"]) ? "razorpay_recurring" : "razorpay";
 
       var paymentObject = _this.makePaymentObject(planObject);
 
       return paymentOptions.razorpay.proceed(paymentObject);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initStripePayment", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initStripePayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (!options.selectedPlan) {
@@ -5007,9 +5028,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }
 
       var paymentOptions = _this.props.paymentOptions;
-      var paymentType = get(options.selectedPlan, ["recurring"]) ? "stripe_recurring" : "stripe";
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "stripe_recurring" : "stripe";
 
-      var paymentObject = _this.makePaymentObject(_objectSpread$6({
+      var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
 
@@ -5018,7 +5039,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initPaypalPayment", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initPaypalPayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (!options.selectedPlan) {
@@ -5027,9 +5048,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }
 
       var paymentOptions = _this.props.paymentOptions;
-      var paymentType = get(options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
 
-      var paymentObject = _this.makePaymentObject(_objectSpread$6({
+      var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
 
@@ -5040,7 +5061,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initOmisePayment", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initOmisePayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
 
@@ -5051,11 +5072,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
       var planObject = _this.makePlanObject(selectedPlanObj, planType);
 
-      planObject["paymentType"] = get(planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
+      planObject["paymentType"] = get__default["default"](planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
 
       var paymentObject = _this.makePaymentObject(planObject);
 
-      var omise = get(_this.props, ["paymentOptions", "omise"]);
+      var omise = get__default["default"](_this.props, ["paymentOptions", "omise"]);
 
       if (!omise) {
         return Promise.reject({
@@ -5068,7 +5089,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initAdyenPayment", function () {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAdyenPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       var AdyenModal = arguments.length > 2 ? arguments[2] : undefined;
@@ -5084,16 +5105,16 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         var afterOpen = function afterOpen() {
           var planObject = _this.makePlanObject(selectedPlanObj, planType);
 
-          var isRecurring = get(planObject, ["selectedPlan", "recurring"]);
+          var isRecurring = get__default["default"](planObject, ["selectedPlan", "recurring"]);
           var paymentType = isRecurring ? "adyen_recurring" : "adyen";
 
-          var paymentObject = _this.makePaymentObject(_objectSpread$6(_objectSpread$6({}, planObject), {}, {
+          var paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
             paymentType: paymentType
           }));
 
-          var adyen = get(_this.props, ["paymentOptions", "adyen"]);
-          paymentObject = _objectSpread$6(_objectSpread$6({}, paymentObject), {}, {
-            options: _objectSpread$6(_objectSpread$6({}, paymentObject["options"]), {}, {
+          var adyen = get__default["default"](_this.props, ["paymentOptions", "adyen"]);
+          paymentObject = _objectSpread(_objectSpread({}, paymentObject), {}, {
+            options: _objectSpread(_objectSpread({}, paymentObject["options"]), {}, {
               dropin_container_id: "dropin-adyen",
               locale: locale
             }),
@@ -5106,7 +5127,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }));
         };
 
-        ReactDOM.render( /*#__PURE__*/React__default.createElement(AdyenModal, {
+        ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
         }), document.getElementById("adyen-modal"));
@@ -5115,9 +5136,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return new Promise(adyenExecutor);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "pingBackMeteredStory", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(asset, accessData) {
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "pingBackMeteredStory", /*#__PURE__*/function () {
+      var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(asset, accessData) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) {
             switch (_context10.prev = _context10.next) {
               case 0:
@@ -5142,11 +5163,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "checkAccess", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(assetId) {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "checkAccess", /*#__PURE__*/function () {
+      var _ref13 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(assetId) {
         var asset, _yield$awaitHelper9, error, accessData, accessById, granted, grantReason, _accessData$data, data;
 
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) {
             switch (_context11.prev = _context11.next) {
               case 0:
@@ -5172,7 +5193,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _yield$awaitHelper9 = _context11.sent;
                 error = _yield$awaitHelper9.error;
                 accessData = _yield$awaitHelper9.data;
-                accessById = _defineProperty({}, assetId, accessData);
+                accessById = _defineProperty__default["default"]({}, assetId, accessData);
 
                 _this.props.accessUpdated(accessById);
 
@@ -5209,41 +5230,105 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       };
     }());
 
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12() {
+      var metadata;
+      return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              if (global.AccessType) {
+                _context12.next = 2;
+                break;
+              }
+
+              return _context12.abrupt("return", {});
+
+            case 2:
+              _context12.next = 4;
+              return awaitHelper(global.AccessType.getSubscriberMetadata());
+
+            case 4:
+              metadata = _context12.sent;
+              return _context12.abrupt("return", metadata);
+
+            case 6:
+            case "end":
+              return _context12.stop();
+          }
+        }
+      }, _callee12);
+    })));
+
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setSubscriberMetadata", /*#__PURE__*/function () {
+      var _ref15 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(subscriberMetadata) {
+        var response;
+        return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
+          while (1) {
+            switch (_context13.prev = _context13.next) {
+              case 0:
+                if (!(!global.AccessType || !subscriberMetadata)) {
+                  _context13.next = 2;
+                  break;
+                }
+
+                return _context13.abrupt("return", {});
+
+              case 2:
+                _context13.next = 4;
+                return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
+
+              case 4:
+                response = _context13.sent;
+                return _context13.abrupt("return", response);
+
+              case 6:
+              case "end":
+                return _context13.stop();
+            }
+          }
+        }, _callee13);
+      }));
+
+      return function (_x9) {
+        return _ref15.apply(this, arguments);
+      };
+    }());
+
     _this.prodHost = props.prodHost || "https://www.accesstype.com";
     _this.stagingHost = props.stagingHost || "https://staging.accesstype.com";
     return _this;
   }
 
-  _createClass(AccessTypeBase, [{
+  _createClass__default["default"](AccessTypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.initAccessType();
     }
   }, {
     key: "makePaymentObject",
-    value: function makePaymentObject(_ref14) {
-      var _ref14$selectedPlan = _ref14.selectedPlan,
-          selectedPlan = _ref14$selectedPlan === void 0 ? {} : _ref14$selectedPlan,
-          _ref14$couponCode = _ref14.couponCode,
-          couponCode = _ref14$couponCode === void 0 ? "" : _ref14$couponCode,
-          _ref14$recipientSubsc = _ref14.recipientSubscriber,
-          recipientSubscriber = _ref14$recipientSubsc === void 0 ? {} : _ref14$recipientSubsc,
-          _ref14$planType = _ref14.planType,
-          planType = _ref14$planType === void 0 ? "" : _ref14$planType,
-          _ref14$storyId = _ref14.storyId,
-          storyId = _ref14$storyId === void 0 ? "" : _ref14$storyId,
-          _ref14$storyHeadline = _ref14.storyHeadline,
-          storyHeadline = _ref14$storyHeadline === void 0 ? "" : _ref14$storyHeadline,
-          _ref14$storySlug = _ref14.storySlug,
-          storySlug = _ref14$storySlug === void 0 ? "" : _ref14$storySlug,
-          _ref14$paymentType = _ref14.paymentType,
-          paymentType = _ref14$paymentType === void 0 ? "" : _ref14$paymentType,
-          _ref14$successUrl = _ref14.successUrl,
-          successUrl = _ref14$successUrl === void 0 ? "" : _ref14$successUrl,
-          _ref14$returnUrl = _ref14.returnUrl,
-          returnUrl = _ref14$returnUrl === void 0 ? "" : _ref14$returnUrl,
-          _ref14$cancelUrl = _ref14.cancelUrl,
-          cancelUrl = _ref14$cancelUrl === void 0 ? "" : _ref14$cancelUrl;
+    value: function makePaymentObject(_ref16) {
+      var _ref16$selectedPlan = _ref16.selectedPlan,
+          selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
+          _ref16$couponCode = _ref16.couponCode,
+          couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
+          _ref16$recipientSubsc = _ref16.recipientSubscriber,
+          recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
+          _ref16$planType = _ref16.planType,
+          planType = _ref16$planType === void 0 ? "" : _ref16$planType,
+          _ref16$storyId = _ref16.storyId,
+          storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
+          _ref16$storyHeadline = _ref16.storyHeadline,
+          storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
+          _ref16$storySlug = _ref16.storySlug,
+          storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
+          _ref16$paymentType = _ref16.paymentType,
+          paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
+          _ref16$successUrl = _ref16.successUrl,
+          successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
+          _ref16$returnUrl = _ref16.returnUrl,
+          returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
+          _ref16$cancelUrl = _ref16.cancelUrl,
+          cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$cancelUrl;
       var id = selectedPlan.id,
           title = selectedPlan.title,
           description = selectedPlan.description,
@@ -5334,15 +5419,17 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         accessIsLoading: this.props.accessIsLoading,
         getAssetPlans: this.props.getAssetPlans,
         validateCoupon: this.validateCoupon,
-        cancelSubscription: this.cancelSubscription
+        cancelSubscription: this.cancelSubscription,
+        getSubscriberMetadata: this.getSubscriberMetadata,
+        setSubscriberMetadata: this.setSubscriberMetadata
       });
     }
   }]);
 
   return AccessTypeBase;
-}(React__default.Component);
+}(React__default["default"].Component);
 
-var mapStateToProps$a = function mapStateToProps(state) {
+var mapStateToProps$1 = function mapStateToProps(state) {
   return {
     subscriptions: state.subscriptions || null,
     paymentOptions: state.paymentOptions || null,
@@ -5350,7 +5437,7 @@ var mapStateToProps$a = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
   return {
     subscriptionGroupLoaded: function subscriptionGroupLoaded(subscriptions) {
       return dispatch({
@@ -5409,6 +5496,14 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
  *  initOmisePayment| selectedPlan(object), planType(string)  | Initialize the Omise payment
  *  initAdyenPayment| selectedPlan(object), planType(string), AdyenModal(React Component), locale(string) | Initialize Adyen Payment
  *  getAssetPlans| storyId(string) | Get Asset Subscription Plans
+ *  getSubscriberMetadata| Get the Subscriber Metadata
+ *  setSubscriberMetadata| subscriberMetadata(object), subscriberMetadata={"address": {
+      "line1": "221B Bakers Street",
+      "line2": "Near Watson Library",
+      "city": "London",
+      "state": "",
+  },
+  "phone_number": "007"}}  | Update the Subscriber Metadata
  *  validateCoupon|  selectedPlan(object), couponCode (string)  | Validate coupon with plan
  *  cancelSubscription| subscriptionId(number) | Cancel a subscription
  *  getSubscriptionForUser | -NA- | Gets the subscriptions of the current logged in user
@@ -5456,7 +5551,7 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
  *                  stagingHost="https://staging.accesstype.com"
  *                  accessTypeBkIntegrationId={accessTypeBkIntegrationId}
  *                >
- *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser }) => (
+ *                  {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
  *                    <div>
  *                      <PaymentCheckoutLayout
  *                        accessIsLoading={accessIsLoading}
@@ -5467,6 +5562,9 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
  *                        initStripePayment={initStripePayment}
  *                        initPaypalPayment={initPaypalPayment}
  *                        getSubscriptionForUser={getSubscriptionForUser}
+ *                        getgetSubscriberMetadata={getgetSubscriberMetadata}
+ *                        setSubscriberMetadata={setSubscriberMetadata}
+ *
  *                        {...this.props}
  *                      />
  *                    </div>
@@ -5540,11 +5638,11 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
  */
 
 
-var AccessType = /*#__PURE__*/reactRedux.connect(mapStateToProps$a, mapDispatchToProps$7)(AccessTypeBase);
+var AccessType = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps$1)(AccessTypeBase);
 
 function getSize(sizeMap) {
   var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-  var screenWidth = canUseDOM && get(window, ["screen", "width"], 440);
+  var screenWidth = canUseDOM && get__default["default"](window, ["screen", "width"], 440);
   if (!screenWidth) return [];
   if (screenWidth < 441) return sizeMap["mobile"];
   if (screenWidth < 992) return sizeMap["tablet"];
@@ -5596,7 +5694,7 @@ function AdbutlerAd(_ref) {
   var sizeMap = sizes[adtype];
   var size = getSize(sizeMap);
 
-  var _size = _slicedToArray(size, 2),
+  var _size = _slicedToArray__default["default"](size, 2),
       _size$ = _size[0],
       width = _size$ === void 0 ? 0 : _size$,
       _size$2 = _size[1],
@@ -5604,9 +5702,9 @@ function AdbutlerAd(_ref) {
 
   var src = "https://servedbyadbutler.com/adserve/;ID=".concat(publisherId, ";size=").concat(width, "x").concat(height, ";setID=").concat(zoneId, ";type=iframe;click=CLICK_MACRO_PLACEHOLDER");
   var hasSize = size.length;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "adbutler-wrapper"
-  }, hasSize ? /*#__PURE__*/React__default.createElement("iframe", {
+  }, hasSize ? /*#__PURE__*/React__default["default"].createElement("iframe", {
     src: src,
     width: width,
     height: height,
@@ -5635,7 +5733,7 @@ WithHostUrlBase.propTypes = {
   currentHostUrl: propTypes.string
 };
 
-function mapStateToProps$b(_ref2) {
+function mapStateToProps(_ref2) {
   var _ref2$qt = _ref2.qt,
       qt = _ref2$qt === void 0 ? {} : _ref2$qt;
   return {
@@ -5644,7 +5742,7 @@ function mapStateToProps$b(_ref2) {
   };
 }
 
-function mapDispatchToProps$8(dispatch) {
+function mapDispatchToProps(dispatch) {
   return {};
 }
 /**
@@ -5666,7 +5764,7 @@ function mapDispatchToProps$8(dispatch) {
  */
 
 
-var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatchToProps$8)(WithHostUrlBase);
+var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchToProps)(WithHostUrlBase);
 
 /**
  * This component calls the render prop with `clientSideRendered` = true if the client side is completely loaded, and false during SSR and initial bootup.
@@ -5684,7 +5782,7 @@ var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatch
  * @category Other
  */
 
-var WithClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(WithClientSideOnlyBase);
+var WithClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(WithClientSideOnlyBase);
 
 function WithClientSideOnlyBase(_ref) {
   var _ref$clientSideRender = _ref.clientSideRendered,