@mjhls/mjh-framework 1.0.816-beta.1 → 1.0.817-image-crop-test

package/dist/cjs/{index-a8c4e3fd.js → index-6741b269.js}

@@ -1,56 +1,59 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var _toObject = require('./_to-object-329a650b.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-var _extends$1 = require('./extends-0a918631.js');
-var inherits$1 = require('./inherits-9953db94.js');
-var _typeof$1 = require('./typeof-725500bc.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var index = require('./index-98e01cb9.js');
-var PropTypes = require('prop-types');
-var PropTypes__default = _interopDefault(PropTypes);
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var moment = require('./moment-575fe24c.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var reactBootstrap = require('react-bootstrap');
+var urlFor = require('./urlFor.js');
+var index = require('./index-fc2f1ca2.js');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-var main = require('./main-02daeefe.js');
-var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Segment = require('./Segment.js');
+var index$1 = require('./index-187c967e.js');
+var PropTypes = require('prop-types');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var util = require('./util-6f784d85.js');
 var Beam = require('./Beam.js');
-var AdSlot = require('./AdSlot.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
-var BlockContent = require('./BlockContent-091a991f.js');
-var index$3 = require('./index-187c967e.js');
+var Segment = require('./Segment.js');
+var main = require('./main-025fdc78.js');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var _extends = require('./extends-29bdbc6d.js');
+var index$2 = require('./index-eadd5035.js');
+var _typeof$1 = require('./typeof-88a668c5.js');
+var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var GroupDeck = require('./GroupDeck.js');
-var reactBootstrap = require('react-bootstrap');
-var index_esm = require('./index.esm-90433435.js');
-var util = require('./util-f2c1b65b.js');
-var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-156bd4d6.js');
-var Head = _interopDefault(require('next/head'));
+var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
-var _objectToArray = require('./_object-to-array-5762f850.js');
-var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
-var Figure$1 = _interopDefault(require('react-bootstrap/Figure'));
-
-var urlFor = function urlFor(source, builder) {
-  return builder.image(source).auto('format');
-};
+var _toObject = require('./_to-object-6de10e57.js');
+var _objectToArray = require('./_object-to-array-8fe5a54f.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
+var Pagination = require('react-bootstrap/Pagination');
+var Button = require('react-bootstrap/Button');
+var entities = require('./entities-3f9d0f2f.js');
+var AdSlot = require('./AdSlot.js');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Head = require('next/head');
+var inherits = require('./inherits-c2065b95.js');
+var index_esm = require('./index.esm-974f47d9.js');
+var Figure$1 = require('react-bootstrap/Figure');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Router__default = /*#__PURE__*/_interopDefaultLegacy(Router);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure$1);
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
   var href = '/view/' + router.query.url + '?page=' + pageNumber;
-  Router__default.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
+  Router__default['default'].push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
-var Slideshow = function Slideshow(_ref) {
+var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.slides,
       client = _ref.client,
       pageview = _ref.pageview;
@@ -62,8 +65,6 @@ var Slideshow = function Slideshow(_ref) {
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
 
-  var builder = index$1.imageUrlBuilder(client);
-
   React.useEffect(function () {
     var itemArr = router.asPath.split('?page=');
     var pageNumber = parseInt(itemArr[1]);
@@ -79,20 +80,20 @@ var Slideshow = function Slideshow(_ref) {
     if (pageview) pageview(router.asPath);
   }, [router]);
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'mt-3 mb-3' },
-    React__default.createElement(
+    React__default['default'].createElement(
       reactBootstrap.Carousel,
       { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
           return onChangeSlide(selectedIndex, router);
         }, interval: null },
       slides && slides.map(function (slide) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
-          slide.caption && React__default.createElement(
+          React__default['default'].createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          slide.caption && React__default['default'].createElement(
             'p',
             { className: 'p-2' },
             slide.caption
@@ -103,21 +104,18 @@ var Slideshow = function Slideshow(_ref) {
   );
 };
 
-var isArray = Array.isArray;
-var keyList = Object.keys;
-var hasProp = Object.prototype.hasOwnProperty;
+// do not edit .js files directly - edit src/index.jst
+
+
 
 var fastDeepEqual = function equal(a, b) {
   if (a === b) return true;
 
   if (a && b && typeof a == 'object' && typeof b == 'object') {
-    var arrA = isArray(a)
-      , arrB = isArray(b)
-      , i
-      , length
-      , key;
+    if (a.constructor !== b.constructor) return false;
 
-    if (arrA && arrB) {
+    var length, i, keys;
+    if (Array.isArray(a)) {
       length = a.length;
       if (length != b.length) return false;
       for (i = length; i-- !== 0;)
@@ -125,35 +123,29 @@ var fastDeepEqual = function equal(a, b) {
       return true;
     }
 
-    if (arrA != arrB) return false;
 
-    var dateA = a instanceof Date
-      , dateB = b instanceof Date;
-    if (dateA != dateB) return false;
-    if (dateA && dateB) return a.getTime() == b.getTime();
 
-    var regexpA = a instanceof RegExp
-      , regexpB = b instanceof RegExp;
-    if (regexpA != regexpB) return false;
-    if (regexpA && regexpB) return a.toString() == b.toString();
+    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
 
-    var keys = keyList(a);
+    keys = Object.keys(a);
     length = keys.length;
-
-    if (length !== keyList(b).length)
-      return false;
+    if (length !== Object.keys(b).length) return false;
 
     for (i = length; i-- !== 0;)
-      if (!hasProp.call(b, keys[i])) return false;
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
 
     for (i = length; i-- !== 0;) {
-      key = keys[i];
+      var key = keys[i];
+
       if (!equal(a[key], b[key])) return false;
     }
 
     return true;
   }
 
+  // true if both NaN, false otherwise
   return a!==a && b!==b;
 };
 
@@ -691,14 +683,14 @@ function coerce(val) {
   return val;
 }
 });
-var debug_1 = debug.coerce;
-var debug_2 = debug.disable;
-var debug_3 = debug.enable;
-var debug_4 = debug.enabled;
-var debug_5 = debug.humanize;
-var debug_6 = debug.names;
-var debug_7 = debug.skips;
-var debug_8 = debug.formatters;
+debug.coerce;
+debug.disable;
+debug.enable;
+debug.enabled;
+debug.humanize;
+debug.names;
+debug.skips;
+debug.formatters;
 
 var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /**
@@ -887,13 +879,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-var browser_1 = browser.log;
-var browser_2 = browser.formatArgs;
-var browser_3 = browser.save;
-var browser_4 = browser.load;
-var browser_5 = browser.useColors;
-var browser_6 = browser.storage;
-var browser_7 = browser.colors;
+browser.log;
+browser.formatArgs;
+browser.save;
+browser.load;
+browser.useColors;
+browser.storage;
+browser.colors;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1168,14 +1160,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-var node_1 = node.init;
-var node_2 = node.log;
-var node_3 = node.formatArgs;
-var node_4 = node.save;
-var node_5 = node.load;
-var node_6 = node.useColors;
-var node_7 = node.colors;
-var node_8 = node.inspectOpts;
+node.init;
+node.log;
+node.formatArgs;
+node.save;
+node.load;
+node.useColors;
+node.colors;
+node.inspectOpts;
 
 var src = _commonjsHelpers.createCommonjsModule(function (module) {
 /**
@@ -1576,199 +1568,239 @@ module.exports = exports['default'];
 
 var youTubePlayer = _commonjsHelpers.unwrapExports(dist);
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-/**
- * Check whether a `props` change should result in the video being updated.
- *
- * @param {Object} prevProps
- * @param {Object} props
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/**
+ * Check whether a `props` change should result in the video being updated.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
 function shouldUpdateVideo(prevProps, props) {
   // A changing video should always trigger an update
   if (prevProps.videoId !== props.videoId) {
     return true;
-  }
-
-  // Otherwise, a change in the start/end time playerVars also requires a player
+  } // Otherwise, a change in the start/end time playerVars also requires a player
   // update.
+
+
   var prevVars = prevProps.opts.playerVars || {};
   var vars = props.opts.playerVars || {};
-
   return prevVars.start !== vars.start || prevVars.end !== vars.end;
 }
-
-/**
- * Neutralise API options that only require a video update, leaving only options
- * that require a player reset. The results can then be compared to see if a
- * player reset is necessary.
- *
- * @param {Object} opts
+/**
+ * Neutralize API options that only require a video update, leaving only options
+ * that require a player reset. The results can then be compared to see if a
+ * player reset is necessary.
+ *
+ * @param {Object} opts
  */
+
+
 function filterResetOptions(opts) {
-  return _extends({}, opts, {
-    playerVars: _extends({}, opts.playerVars, {
+  return _objectSpread(_objectSpread({}, opts), {}, {
+    playerVars: _objectSpread({
       autoplay: 0,
       start: 0,
       end: 0
-    })
+    }, opts.playerVars)
   });
 }
-
-/**
- * Check whether a `props` change should result in the player being reset.
- * The player is reset when the `props.opts` change, except if the only change
- * is in the `start` and `end` playerVars, because a video update can deal with
- * those.
- *
- * @param {Object} prevProps
- * @param {Object} props
+/**
+ * Check whether a `props` change should result in the player being reset.
+ * The player is reset when the `props.opts` change, except if the only change
+ * is in the `start` and `end` playerVars, because a video update can deal with
+ * those.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
+
 function shouldResetPlayer(prevProps, props) {
   return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
-
-/**
- * Check whether a props change should result in an id or className update.
- *
- * @param {Object} prevProps
- * @param {Object} props
+/**
+ * Check whether a props change should result in an id or className update.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
+
 function shouldUpdatePlayer(prevProps, props) {
   return prevProps.id !== props.id || prevProps.className !== props.className;
 }
 
-var YouTube = function (_React$Component) {
+var YouTube = /*#__PURE__*/function (_React$Component) {
   _inherits(YouTube, _React$Component);
 
+  var _super = _createSuper(YouTube);
+
+  /**
+   * Expose PlayerState constants for convenience. These constants can also be
+   * accessed through the global YT object after the YouTube IFrame API is instantiated.
+   * https://developers.google.com/youtube/iframe_api_reference#onStateChange
+   */
   function YouTube(props) {
+    var _this;
+
     _classCallCheck(this, YouTube);
 
-    var _this = _possibleConstructorReturn(this, (YouTube.__proto__ || Object.getPrototypeOf(YouTube)).call(this, props));
+    _this = _super.call(this, props);
 
-    _this.onPlayerReady = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
       return _this.props.onReady(event);
-    };
+    });
 
-    _this.onPlayerError = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerError", function (event) {
       return _this.props.onError(event);
-    };
+    });
 
-    _this.onPlayerStateChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerStateChange", function (event) {
       _this.props.onStateChange(event);
-      switch (event.data) {
 
+      switch (event.data) {
         case YouTube.PlayerState.ENDED:
           _this.props.onEnd(event);
+
           break;
 
         case YouTube.PlayerState.PLAYING:
           _this.props.onPlay(event);
+
           break;
 
         case YouTube.PlayerState.PAUSED:
           _this.props.onPause(event);
+
           break;
       }
-    };
+    });
 
-    _this.onPlayerPlaybackRateChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackRateChange", function (event) {
       return _this.props.onPlaybackRateChange(event);
-    };
+    });
 
-    _this.onPlayerPlaybackQualityChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackQualityChange", function (event) {
       return _this.props.onPlaybackQualityChange(event);
-    };
+    });
 
-    _this.createPlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "createPlayer", function () {
       // do not attempt to create a player server-side, it won't work
-      if (typeof document === 'undefined') return;
-      // create player
-      var playerOpts = _extends({}, _this.props.opts, {
+      if (typeof document === 'undefined') return; // create player
+
+      var playerOpts = _objectSpread(_objectSpread({}, _this.props.opts), {}, {
         // preload the `videoId` video if one is already given
         videoId: _this.props.videoId
       });
-      _this.internalPlayer = youTubePlayer(_this.container, playerOpts);
-      // attach event handlers
+
+      _this.internalPlayer = youTubePlayer(_this.container, playerOpts); // attach event handlers
+
       _this.internalPlayer.on('ready', _this.onPlayerReady);
+
       _this.internalPlayer.on('error', _this.onPlayerError);
+
       _this.internalPlayer.on('stateChange', _this.onPlayerStateChange);
+
       _this.internalPlayer.on('playbackRateChange', _this.onPlayerPlaybackRateChange);
+
       _this.internalPlayer.on('playbackQualityChange', _this.onPlayerPlaybackQualityChange);
-    };
+    });
 
-    _this.resetPlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "resetPlayer", function () {
       return _this.internalPlayer.destroy().then(_this.createPlayer);
-    };
+    });
 
-    _this.updatePlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "updatePlayer", function () {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
       });
-    };
+    });
 
-    _this.updateVideo = function () {
+    _defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function () {
+      return _this.internalPlayer;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateVideo", function () {
       if (typeof _this.props.videoId === 'undefined' || _this.props.videoId === null) {
         _this.internalPlayer.stopVideo();
+
         return;
-      }
+      } // set queueing options
+
 
-      // set queueing options
       var autoplay = false;
       var opts = {
         videoId: _this.props.videoId
       };
+
       if ('playerVars' in _this.props.opts) {
         autoplay = _this.props.opts.playerVars.autoplay === 1;
+
         if ('start' in _this.props.opts.playerVars) {
           opts.startSeconds = _this.props.opts.playerVars.start;
         }
+
         if ('end' in _this.props.opts.playerVars) {
           opts.endSeconds = _this.props.opts.playerVars.end;
         }
-      }
+      } // if autoplay is enabled loadVideoById
+
 
-      // if autoplay is enabled loadVideoById
       if (autoplay) {
         _this.internalPlayer.loadVideoById(opts);
+
         return;
-      }
-      // default behaviour just cues the video
+      } // default behaviour just cues the video
+
+
       _this.internalPlayer.cueVideoById(opts);
-    };
+    });
 
-    _this.refContainer = function (container) {
+    _defineProperty(_assertThisInitialized(_this), "refContainer", function (container) {
       _this.container = container;
-    };
+    });
 
     _this.container = null;
     _this.internalPlayer = null;
     return _this;
   }
 
-  /**
-    * Expose PlayerState constants for convenience. These constants can also be
-    * accessed through the global YT object after the YouTube IFrame API is instantiated.
-    * https://developers.google.com/youtube/iframe_api_reference#onStateChange
-    */
-
-
   _createClass(YouTube, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       this.createPlayer();
     }
   }, {
-    key: 'componentDidUpdate',
+    key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (shouldUpdatePlayer(prevProps, this.props)) {
         this.updatePlayer();
@@ -1783,123 +1815,70 @@ var YouTube = function (_React$Component) {
       }
     }
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      /**
-       * Note: The `youtube-player` package that is used promisifies all Youtube
-       * Player API calls, which introduces a delay of a tick before it actually
-       * gets destroyed. Since React attempts to remove the element instantly
-       * this method isn't quick enough to reset the container element.
+      /**
+       * Note: The `youtube-player` package that is used promisifies all YouTube
+       * Player API calls, which introduces a delay of a tick before it actually
+       * gets destroyed. Since React attempts to remove the element instantly
+       * this method isn't quick enough to reset the container element.
        */
       this.internalPlayer.destroy();
     }
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onReady
-     *
-     * @param {Object} event
-     *   @param {Object} target - player object
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onError
-     *
-     * @param {Object} event
-     *   @param {Integer} data  - error type
-     *   @param {Object} target - player object
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onStateChange
-     *
-     * @param {Object} event
-     *   @param {Integer} data  - status change type
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onPlaybackRateChange
-     *
-     * @param {Object} event
-     *   @param {Float} data    - playback rate
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onPlaybackQualityChange
-     *
-     * @param {Object} event
-     *   @param {String} data   - playback quality
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * Initialize the Youtube Player API on the container and attach event handlers
-     */
-
-
-    /**
-     * Shorthand for destroying and then re-creating the Youtube Player
-     */
-
-
-    /**
-     * Method to update the id and class of the Youtube Player iframe.
-     * React should update this automatically but since the Youtube Player API
-     * replaced the DIV that is mounted by React we need to do this manually.
-     */
-
-
-    /**
-     * Call Youtube Player API methods to update the currently playing video.
-     * Depeding on the `opts.playerVars.autoplay` this function uses one of two
-     * Youtube Player API methods to update the video.
+    /**
+     * https://developers.google.com/youtube/iframe_api_reference#onReady
+     *
+     * @param {Object} event
+     *   @param {Object} target - player object
      */
 
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      return React__default.createElement(
-        'div',
-        { className: this.props.containerClassName },
-        React__default.createElement('div', { id: this.props.id, className: this.props.className, ref: this.refContainer })
-      );
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: this.props.containerClassName
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        id: this.props.id,
+        className: this.props.className,
+        ref: this.refContainer
+      }));
     }
   }]);
 
   return YouTube;
-}(React__default.Component);
+}(React__default['default'].Component);
 
-YouTube.propTypes = {
-  videoId: PropTypes__default.string,
+_defineProperty(YouTube, "PlayerState", {
+  UNSTARTED: -1,
+  ENDED: 0,
+  PLAYING: 1,
+  PAUSED: 2,
+  BUFFERING: 3,
+  CUED: 5
+});
 
+YouTube.propTypes = {
+  videoId: PropTypes__default['default'].string,
   // custom ID for player element
-  id: PropTypes__default.string,
-
+  id: PropTypes__default['default'].string,
   // custom class name for player element
-  className: PropTypes__default.string,
+  className: PropTypes__default['default'].string,
   // custom class name for player container element
-  containerClassName: PropTypes__default.string,
-
+  containerClassName: PropTypes__default['default'].string,
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
-  opts: PropTypes__default.objectOf(PropTypes__default.any),
-
+  opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].any),
   // event subscriptions
-  onReady: PropTypes__default.func,
-  onError: PropTypes__default.func,
-  onPlay: PropTypes__default.func,
-  onPause: PropTypes__default.func,
-  onEnd: PropTypes__default.func,
-  onStateChange: PropTypes__default.func,
-  onPlaybackRateChange: PropTypes__default.func,
-  onPlaybackQualityChange: PropTypes__default.func
+  onReady: PropTypes__default['default'].func,
+  onError: PropTypes__default['default'].func,
+  onPlay: PropTypes__default['default'].func,
+  onPause: PropTypes__default['default'].func,
+  onEnd: PropTypes__default['default'].func,
+  onStateChange: PropTypes__default['default'].func,
+  onPlaybackRateChange: PropTypes__default['default'].func,
+  onPlaybackQualityChange: PropTypes__default['default'].func
 };
 YouTube.defaultProps = {
+  videoId: null,
   id: null,
   className: null,
   opts: {},
@@ -1913,20 +1892,12 @@ YouTube.defaultProps = {
   onPlaybackRateChange: function onPlaybackRateChange() {},
   onPlaybackQualityChange: function onPlaybackQualityChange() {}
 };
-YouTube.PlayerState = {
-  UNSTARTED: -1,
-  ENDED: 0,
-  PLAYING: 1,
-  PAUSED: 2,
-  BUFFERING: 3,
-  CUED: 5
-};
 
 var YouTubePlayer = function YouTubePlayer(_ref) {
   var url = _ref.url,
       autoplay = _ref.autoplay;
 
-  var id = index$3.getYoutubeId(url);
+  var id = index$1.getYoutubeId(url);
 
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -1959,8 +1930,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment);
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -1970,8 +1941,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -1984,8 +1955,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -2004,8 +1975,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2018,15 +1989,15 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'fluid-video-container' },
-    React__default.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
-    React__default.createElement(
+    React__default['default'].createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        #fluid-video-container {\n          margin-bottom: 2rem;\n        }\n        #fluid-video-container > div {\n          position: relative;\n          padding-bottom: 56.25%; /* 16:9 */\n          height: 0;\n        }\n        #fluid-video-container .fluid-iframe {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100% !important;\n        }\n      '
@@ -2039,20 +2010,20 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content,
       getSerializers = _ref.getSerializers;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'article',
     { className: 'sidebar' },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h3',
         null,
         caption
       ),
-      React__default.createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .sidebar {\n          clear: both;\n          float: right;\n          background-color: #eee;\n          width: 40%;\n          padding: 1rem;\n          margin: 0 0 1rem 1rem;\n        }\n        /* resolving list items inside sidebar being shifted to center because of unusual margin */\n        .sidebar ul {\n          margin-left: 0;\n          padding-left: 1rem;\n        }\n        @media screen and (max-width: 991px) {\n          .sidebar {\n            float: none;\n            width: auto;\n            margin: 1rem 0;\n          }\n        }\n      '
@@ -2063,18 +2034,18 @@ var Sidebar = function Sidebar(_ref) {
 var TableShow = function TableShow(_ref) {
   var rows = _ref.rows;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     reactBootstrap.Table,
     { bordered: true, hover: true, responsive: true },
-    React__default.createElement(
+    React__default['default'].createElement(
       'tbody',
       null,
       rows && rows.map(function (row) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'tr',
           { key: row._key },
           row.cells && row.cells.map(function (cell, index) {
-            return cell && React__default.createElement(
+            return cell && React__default['default'].createElement(
               'td',
               { key: index },
               cell
@@ -2102,11 +2073,6 @@ var Media = function Media(_ref) {
       _node$disableTextWrap = node.disableTextWrap,
       disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
 
-  var builder = index$1.imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
   if (typeof window === 'undefined') {
     return null;
@@ -2177,18 +2143,18 @@ var Media = function Media(_ref) {
       margin: imageMargin
     };
 
-    return React__default.createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Figure,
       { className: 'd-block ' + className, style: figureStyle },
-      React__default.createElement(
+      React__default['default'].createElement(
         'a',
         { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-        React__default.createElement(
+        React__default['default'].createElement(
           index$2.LazyLoad,
           { once: true },
-          React__default.createElement(reactBootstrap.Figure.Image, _extends$1._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt }))
+          React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ sorce: poster, client: client }) }, alt && { alt: alt }))
         ),
-        caption && React__default.createElement(
+        caption && React__default['default'].createElement(
           reactBootstrap.Figure.Caption,
           { className: 'media-caption' },
           caption
@@ -2196,9 +2162,9 @@ var Media = function Media(_ref) {
       )
     );
   } else if (caption && caption !== '') {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'a',
-      _extends$1._extends({}, uploadDoc.downloadMedia ? {
+      _extends._extends({}, uploadDoc.downloadMedia ? {
         href: uploadDoc.asset.url + '?dl='
       } : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
         style: { paddingLeft: '4px', paddingRight: '4px' },
@@ -2216,10 +2182,10 @@ var IFrame = function IFrame(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    React__default['default'].createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
   );
 };
 
@@ -2253,8 +2219,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'MP4');
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -2263,8 +2229,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
   };
@@ -2276,8 +2242,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'MP4');
 
     if (!playReported) {
       event.persist();
@@ -2297,8 +2263,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('End', main.main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2310,14 +2276,14 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration - current;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    vidLoaded && React__default.createElement(
+    vidLoaded && React__default['default'].createElement(
       'video',
       {
         poster: thumbnail || '',
@@ -2335,7 +2301,7 @@ var VideoMp4 = function VideoMp4(_ref) {
         onPlay: function onPlay(e) {
           return handleOnPlay(e);
         } },
-      React__default.createElement('source', { src: url, type: 'video/mp4' }),
+      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
       'Your browser does not support the video tag.'
     )
   );
@@ -2400,8 +2366,8 @@ var Video = function Video(_ref) {
         player.pause();
       }
 
-      Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -2410,8 +2376,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Play', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause
@@ -2420,8 +2386,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Pause', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -2430,8 +2396,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
       autoplayNextVideo(evt);
     });
 
@@ -2442,8 +2408,8 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-        Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Beam.report_beam_video('Segment', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -2454,8 +2420,8 @@ var Video = function Video(_ref) {
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
 
-      Beam.report_beam_ad('AD Started', main.main_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Started', main.main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Started', main.main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Started', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
@@ -2463,60 +2429,60 @@ var Video = function Video(_ref) {
       var duration = player.ads.ad.duration;
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
-      Beam.report_beam_ad('AD Ended', main.main_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Ended', main.main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Ended', main.main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Ended', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
           accountId: accountIDs.brightcove.accountId,
           videoId: videoID,
           playerId: accountIDs.brightcove.playerId,
           attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
         }),
-        React__default.createElement(
+        React__default['default'].createElement(
           'style',
           { jsx: 'true' },
           '\n                 .brightcove-fluid {\n                  position: relative;\n                  padding-bottom: 56.25%; /* 16:9 */\n                  height: 0;\n                  width: 100%;\n                  margin-bottom: 1rem;\n                }\n                .brightcove-fluid .video-js {\n                  height: 100%;\n                  width: 100%;\n                  position: absolute;\n                  top: 0;\n                  left: 0;\n                  right: 0;\n                  bottom: 0;\n                }\n            '
         )
       );
     } else if (playlistID) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
           onSuccess: onVideoSuccess,
           attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
         }),
-        React__default.createElement(
+        React__default['default'].createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (experienceID) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        videoLoaded && React__default.createElement('div', { 'data-experience': experienceID })
+        videoLoaded && React__default['default'].createElement('div', { 'data-experience': experienceID })
       );
     }
     return null;
   }
   if (source === 'mp4') {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
     );
   }
 
@@ -2531,7 +2497,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEPRECATED_CONFIG_PROPS = exports.defaultProps = exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(PropTypes__default);
+var _propTypes = _interopRequireDefault(PropTypes__default['default']);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -2727,9 +2693,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 _commonjsHelpers.unwrapExports(props);
-var props_1 = props.DEPRECATED_CONFIG_PROPS;
-var props_2 = props.defaultProps;
-var props_3 = props.propTypes;
+props.DEPRECATED_CONFIG_PROPS;
+props.defaultProps;
+props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -2894,11 +2860,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -3028,12 +3000,12 @@ function getSDK(url, sdkGlobal) {
 
 function getConfig(props$1, defaultProps, showWarning) {
   var config = (0, _deepmerge["default"])(defaultProps.config, props$1.config);
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
+
+  var _iterator = _createForOfIteratorHelper(props.DEPRECATED_CONFIG_PROPS),
+      _step;
 
   try {
-    for (var _iterator = props.DEPRECATED_CONFIG_PROPS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var p = _step.value;
 
       if (props$1[p]) {
@@ -3048,18 +3020,9 @@ function getConfig(props$1, defaultProps, showWarning) {
       }
     }
   } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
+    _iterator.e(err);
   } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator["return"] != null) {
-        _iterator["return"]();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
+    _iterator.f();
   }
 
   return config;
@@ -3124,7 +3087,7 @@ function isEqual(a, b) {
     return true;
   }
 
-  if ((0, React__default.isValidElement)(a) && (0, React__default.isValidElement)(b)) {
+  if ((0, React__default['default'].isValidElement)(a) && (0, React__default['default'].isValidElement)(b)) {
     return true;
   }
 
@@ -3167,17 +3130,17 @@ function isMediaStream(url) {
 });
 
 _commonjsHelpers.unwrapExports(utils);
-var utils_1 = utils.parseStartTime;
-var utils_2 = utils.parseEndTime;
-var utils_3 = utils.randomString;
-var utils_4 = utils.queryString;
-var utils_5 = utils.getSDK;
-var utils_6 = utils.getConfig;
-var utils_7 = utils.omit;
-var utils_8 = utils.callPlayer;
-var utils_9 = utils.isObject;
-var utils_10 = utils.isEqual;
-var utils_11 = utils.isMediaStream;
+utils.parseStartTime;
+utils.parseEndTime;
+utils.randomString;
+utils.queryString;
+utils.getSDK;
+utils.getConfig;
+utils.omit;
+utils.callPlayer;
+utils.isObject;
+utils.isEqual;
+utils.isMediaStream;
 
 var Player_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -3186,7 +3149,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -3206,12 +3169,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -3220,14 +3187,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var SEEK_ON_PLAY_EXPIRY = 5000;
 
-var Player =
-/*#__PURE__*/
-function (_Component) {
+var Player = /*#__PURE__*/function (_Component) {
   _inherits(Player, _Component);
 
-  function Player() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Player);
 
+  function Player() {
     var _this;
 
     _classCallCheck(this, Player);
@@ -3236,7 +3201,7 @@ function (_Component) {
       _args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Player)).call.apply(_getPrototypeOf2, [this].concat(_args)));
+    _this = _super.call.apply(_super, [this].concat(_args));
 
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
 
@@ -3561,7 +3526,7 @@ function (_Component) {
         return null;
       }
 
-      return _react["default"].createElement(Player, _extends({}, this.props, {
+      return /*#__PURE__*/_react["default"].createElement(Player, _extends({}, this.props, {
         ref: this.ref,
         onReady: this.handleReady,
         onPlay: this.handlePlay,
@@ -3594,7 +3559,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = createSinglePlayer;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -3622,12 +3587,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -3639,14 +3608,12 @@ var SUPPORTED_PROPS = Object.keys(props.propTypes);
 function createSinglePlayer(activePlayer) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_Component) {
+  return _temp = _class = /*#__PURE__*/function (_Component) {
     _inherits(SinglePlayer, _Component);
 
-    function SinglePlayer() {
-      var _getPrototypeOf2;
+    var _super = _createSuper(SinglePlayer);
 
+    function SinglePlayer() {
       var _this;
 
       _classCallCheck(this, SinglePlayer);
@@ -3655,7 +3622,7 @@ function createSinglePlayer(activePlayer) {
         args[_key] = arguments[_key];
       }
 
-      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(SinglePlayer)).call.apply(_getPrototypeOf2, [this].concat(args)));
+      _this = _super.call.apply(_super, [this].concat(args));
 
       _defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
 
@@ -3723,12 +3690,12 @@ function createSinglePlayer(activePlayer) {
             height = _this$props.height,
             Wrapper = _this$props.wrapper;
         var otherProps = (0, utils.omit)(this.props, SUPPORTED_PROPS, props.DEPRECATED_CONFIG_PROPS);
-        return _react["default"].createElement(Wrapper, _extends({
+        return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
           style: _objectSpread({}, style, {
             width: width,
             height: height
           })
-        }, otherProps), _react["default"].createElement(_Player["default"], _extends({}, this.props, {
+        }, otherProps), /*#__PURE__*/_react["default"].createElement(_Player["default"], _extends({}, this.props, {
           ref: this.ref,
           activePlayer: activePlayer,
           config: this.config
@@ -3750,7 +3717,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.YouTube = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -3774,23 +3741,31 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -3815,14 +3790,12 @@ function parsePlaylist(url) {
   return {};
 }
 
-var YouTube =
-/*#__PURE__*/
-function (_Component) {
+var YouTube = /*#__PURE__*/function (_Component) {
   _inherits(YouTube, _Component);
 
-  function YouTube() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(YouTube);
 
+  function YouTube() {
     var _this;
 
     _classCallCheck(this, YouTube);
@@ -3831,7 +3804,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(YouTube)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4019,9 +3992,9 @@ function (_Component) {
         height: '100%',
         display: display
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: style
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         ref: this.ref
       }));
     }
@@ -4044,7 +4017,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(YouTube_1);
-var YouTube_2 = YouTube_1.YouTube;
+YouTube_1.YouTube;
 
 var SoundCloud_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4053,7 +4026,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SoundCloud = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4077,12 +4050,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -4091,16 +4068,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var SDK_URL = 'https://w.soundcloud.com/player/api.js';
 var SDK_GLOBAL = 'SC';
-var MATCH_URL = /(soundcloud\.com|snd\.sc)\/.+$/;
+var MATCH_URL = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/;
 
-var SoundCloud =
-/*#__PURE__*/
-function (_Component) {
+var SoundCloud = /*#__PURE__*/function (_Component) {
   _inherits(SoundCloud, _Component);
 
-  function SoundCloud() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(SoundCloud);
 
+  function SoundCloud() {
     var _this;
 
     _classCallCheck(this, SoundCloud);
@@ -4109,7 +4084,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(SoundCloud)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4230,7 +4205,7 @@ function (_Component) {
         height: '100%',
         display: display
       };
-      return _react["default"].createElement("iframe", {
+      return /*#__PURE__*/_react["default"].createElement("iframe", {
         ref: this.ref,
         src: "https://w.soundcloud.com/player/?url=".concat(encodeURIComponent(this.props.url)),
         style: style,
@@ -4259,7 +4234,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(SoundCloud_1);
-var SoundCloud_2 = SoundCloud_1.SoundCloud;
+SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4268,7 +4243,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Vimeo = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4292,12 +4267,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -4309,14 +4288,12 @@ var SDK_GLOBAL = 'Vimeo';
 var MATCH_URL = /vimeo\.com\/.+/;
 var MATCH_FILE_URL = /vimeo\.com\/external\/[0-9]+\..+/;
 
-var Vimeo =
-/*#__PURE__*/
-function (_Component) {
+var Vimeo = /*#__PURE__*/function (_Component) {
   _inherits(Vimeo, _Component);
 
-  function Vimeo() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Vimeo);
 
+  function Vimeo() {
     var _this;
 
     _classCallCheck(this, Vimeo);
@@ -4325,7 +4302,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Vimeo)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4482,7 +4459,7 @@ function (_Component) {
         overflow: 'hidden',
         display: display
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         key: this.props.url,
         ref: this.ref,
         style: style
@@ -4513,7 +4490,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Vimeo_1);
-var Vimeo_2 = Vimeo_1.Vimeo;
+Vimeo_1.Vimeo;
 
 var Facebook_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4522,7 +4499,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Facebook = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4542,12 +4519,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -4560,14 +4541,12 @@ var SDK_GLOBAL_READY = 'fbAsyncInit';
 var MATCH_URL = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/;
 var PLAYER_ID_PREFIX = 'facebook-player-';
 
-var Facebook =
-/*#__PURE__*/
-function (_Component) {
+var Facebook = /*#__PURE__*/function (_Component) {
   _inherits(Facebook, _Component);
 
-  function Facebook() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Facebook);
 
+  function Facebook() {
     var _this;
 
     _classCallCheck(this, Facebook);
@@ -4576,7 +4555,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Facebook)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4692,7 +4671,7 @@ function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: style,
         id: this.playerID,
         className: "fb-video",
@@ -4723,7 +4702,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Facebook_1);
-var Facebook_2 = Facebook_1.Facebook;
+Facebook_1.Facebook;
 
 var Streamable_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4732,7 +4711,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Streamable = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4752,12 +4731,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -4768,14 +4751,12 @@ var SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js';
 var SDK_GLOBAL = 'playerjs';
 var MATCH_URL = /streamable\.com\/([a-z0-9]+)$/;
 
-var Streamable =
-/*#__PURE__*/
-function (_Component) {
+var Streamable = /*#__PURE__*/function (_Component) {
   _inherits(Streamable, _Component);
 
-  function Streamable() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Streamable);
 
+  function Streamable() {
     var _this;
 
     _classCallCheck(this, Streamable);
@@ -4784,7 +4765,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Streamable)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4904,7 +4885,7 @@ function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return _react["default"].createElement("iframe", {
+      return /*#__PURE__*/_react["default"].createElement("iframe", {
         ref: this.ref,
         src: "https://streamable.com/o/".concat(id),
         frameBorder: "0",
@@ -4932,7 +4913,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Streamable_1);
-var Streamable_2 = Streamable_1.Streamable;
+Streamable_1.Streamable;
 
 var Wistia_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4941,7 +4922,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wistia = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4965,12 +4946,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -4981,26 +4966,48 @@ var SDK_URL = 'https://fast.wistia.com/assets/external/E-v1.js';
 var SDK_GLOBAL = 'Wistia';
 var MATCH_URL = /(?:wistia\.com|wi\.st)\/(?:medias|embed)\/(.*)$/;
 
-var Wistia =
-/*#__PURE__*/
-function (_Component) {
+var Wistia = /*#__PURE__*/function (_Component) {
   _inherits(Wistia, _Component);
 
-  function Wistia() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Wistia);
 
+  function Wistia() {
     var _this;
 
     _classCallCheck(this, Wistia);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+      _args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Wistia)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(_args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
+    _defineProperty(_assertThisInitialized(_this), "onPlay", function () {
+      var _this$props;
+
+      return (_this$props = _this.props).onPlay.apply(_this$props, arguments);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onPause", function () {
+      var _this$props2;
+
+      return (_this$props2 = _this.props).onPause.apply(_this$props2, arguments);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSeek", function () {
+      var _this$props3;
+
+      return (_this$props3 = _this.props).onSeek.apply(_this$props3, arguments);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onEnded", function () {
+      var _this$props4;
+
+      return (_this$props4 = _this.props).onEnded.apply(_this$props4, arguments);
+    });
+
     _defineProperty(_assertThisInitialized(_this), "mute", function () {
       _this.callPlayer('mute');
     });
@@ -5022,17 +5029,13 @@ function (_Component) {
     value: function load(url) {
       var _this2 = this;
 
-      var _this$props = this.props,
-          playing = _this$props.playing,
-          muted = _this$props.muted,
-          controls = _this$props.controls,
-          _onReady = _this$props.onReady,
-          onPlay = _this$props.onPlay,
-          onPause = _this$props.onPause,
-          onSeek = _this$props.onSeek,
-          onEnded = _this$props.onEnded,
-          config = _this$props.config,
-          onError = _this$props.onError;
+      var _this$props5 = this.props,
+          playing = _this$props5.playing,
+          muted = _this$props5.muted,
+          controls = _this$props5.controls,
+          _onReady = _this$props5.onReady,
+          config = _this$props5.config,
+          onError = _this$props5.onError;
       (0, utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function () {
         window._wq = window._wq || [];
 
@@ -5049,19 +5052,28 @@ function (_Component) {
 
             _this2.unbind();
 
-            _this2.player.bind('play', onPlay);
+            _this2.player.bind('play', _this2.onPlay);
 
-            _this2.player.bind('pause', onPause);
+            _this2.player.bind('pause', _this2.onPause);
 
-            _this2.player.bind('seek', onSeek);
+            _this2.player.bind('seek', _this2.onSeek);
 
-            _this2.player.bind('end', onEnded);
+            _this2.player.bind('end', _this2.onEnded);
 
             _onReady();
           }
         });
       }, onError);
     }
+  }, {
+    key: "unbind",
+    value: function unbind() {
+      this.player.unbind('play', this.onPlay);
+      this.player.unbind('pause', this.onPause);
+      this.player.unbind('seek', this.onSeek);
+      this.player.unbind('end', this.onEnded);
+    } // Proxy methods to prevent listener leaks
+
   }, {
     key: "play",
     value: function play() {
@@ -5072,19 +5084,6 @@ function (_Component) {
     value: function pause() {
       this.callPlayer('pause');
     }
-  }, {
-    key: "unbind",
-    value: function unbind() {
-      var _this$props2 = this.props,
-          onPlay = _this$props2.onPlay,
-          onPause = _this$props2.onPause,
-          onSeek = _this$props2.onSeek,
-          onEnded = _this$props2.onEnded;
-      this.player.unbind('play', onPlay);
-      this.player.unbind('pause', onPause);
-      this.player.unbind('seek', onSeek);
-      this.player.unbind('end', onEnded);
-    }
   }, {
     key: "stop",
     value: function stop() {
@@ -5130,7 +5129,7 @@ function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         key: id,
         className: className,
         style: style
@@ -5157,7 +5156,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Wistia_1);
-var Wistia_2 = Wistia_1.Wistia;
+Wistia_1.Wistia;
 
 var Twitch_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5166,7 +5165,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Twitch = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5190,12 +5189,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -5208,14 +5211,12 @@ var MATCH_VIDEO_URL = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/;
 var MATCH_CHANNEL_URL = /(?:www\.|go\.)?twitch\.tv\/([a-z0-9_]+)($|\?)/;
 var PLAYER_ID_PREFIX = 'twitch-player-';
 
-var Twitch =
-/*#__PURE__*/
-function (_Component) {
+var Twitch = /*#__PURE__*/function (_Component) {
   _inherits(Twitch, _Component);
 
-  function Twitch() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Twitch);
 
+  function Twitch() {
     var _this;
 
     _classCallCheck(this, Twitch);
@@ -5224,7 +5225,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Twitch)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5345,7 +5346,7 @@ function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: style,
         id: this.playerID
       });
@@ -5371,7 +5372,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Twitch_1);
-var Twitch_2 = Twitch_1.Twitch;
+Twitch_1.Twitch;
 
 var DailyMotion_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5380,7 +5381,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DailyMotion = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5398,11 +5399,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -5412,12 +5417,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -5429,14 +5438,12 @@ var SDK_GLOBAL = 'DM';
 var SDK_GLOBAL_READY = 'dmAsyncInit';
 var MATCH_URL = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?$/;
 
-var DailyMotion =
-/*#__PURE__*/
-function (_Component) {
+var DailyMotion = /*#__PURE__*/function (_Component) {
   _inherits(DailyMotion, _Component);
 
-  function DailyMotion() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(DailyMotion);
 
+  function DailyMotion() {
     var _this;
 
     _classCallCheck(this, DailyMotion);
@@ -5445,7 +5452,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DailyMotion)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5574,9 +5581,9 @@ function (_Component) {
         height: '100%',
         display: display
       };
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: style
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         ref: this.ref
       }));
     }
@@ -5601,7 +5608,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(DailyMotion_1);
-var DailyMotion_2 = DailyMotion_1.DailyMotion;
+DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5610,7 +5617,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Mixcloud = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5634,12 +5641,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -5650,14 +5661,12 @@ var SDK_URL = 'https://widget.mixcloud.com/media/js/widgetApi.js';
 var SDK_GLOBAL = 'Mixcloud';
 var MATCH_URL = /mixcloud\.com\/([^/]+\/[^/]+)/;
 
-var Mixcloud =
-/*#__PURE__*/
-function (_Component) {
+var Mixcloud = /*#__PURE__*/function (_Component) {
   _inherits(Mixcloud, _Component);
 
-  function Mixcloud() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Mixcloud);
 
+  function Mixcloud() {
     var _this;
 
     _classCallCheck(this, Mixcloud);
@@ -5666,7 +5675,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Mixcloud)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5769,7 +5778,7 @@ function (_Component) {
       })); // We have to give the iframe a key here to prevent a
       // weird dialog appearing when loading a new track
 
-      return _react["default"].createElement("iframe", {
+      return /*#__PURE__*/_react["default"].createElement("iframe", {
         key: id,
         ref: this.ref,
         style: style,
@@ -5798,7 +5807,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Mixcloud_1);
-var Mixcloud_2 = Mixcloud_1.Mixcloud;
+Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5807,7 +5816,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FilePlayer = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5829,23 +5838,33 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var IOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 var AUDIO_EXTENSIONS = /\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
 var VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)($|\?)/i;
 var HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
-var HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION';
+var HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js';
 var HLS_GLOBAL = 'Hls';
 var DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
 var DASH_SDK_URL = 'https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js';
@@ -5854,12 +5873,11 @@ var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
 
 function canPlay(url) {
   if (url instanceof Array) {
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
+    var _iterator = _createForOfIteratorHelper(url),
+        _step;
 
     try {
-      for (var _iterator = url[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var item = _step.value;
 
         if (typeof item === 'string' && canPlay(item)) {
@@ -5871,18 +5889,9 @@ function canPlay(url) {
         }
       }
     } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
+      _iterator.e(err);
     } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator["return"] != null) {
-          _iterator["return"]();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
+      _iterator.f();
     }
 
     return false;
@@ -5906,14 +5915,12 @@ function canEnablePIP(url) {
   return canPlay(url) && (!!document.pictureInPictureEnabled || supportsWebKitPresentationMode()) && !AUDIO_EXTENSIONS.test(url);
 }
 
-var FilePlayer =
-/*#__PURE__*/
-function (_Component) {
+var FilePlayer = /*#__PURE__*/function (_Component) {
   _inherits(FilePlayer, _Component);
 
-  function FilePlayer() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(FilePlayer);
 
+  function FilePlayer() {
     var _this;
 
     _classCallCheck(this, FilePlayer);
@@ -5922,7 +5929,7 @@ function (_Component) {
       _args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(FilePlayer)).call.apply(_getPrototypeOf2, [this].concat(_args)));
+    _this = _super.call.apply(_super, [this].concat(_args));
 
     _defineProperty(_assertThisInitialized(_this), "onReady", function () {
       var _this$props;
@@ -6009,19 +6016,19 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderSourceElement", function (source, index) {
       if (typeof source === 'string') {
-        return _react["default"].createElement("source", {
+        return /*#__PURE__*/_react["default"].createElement("source", {
           key: index,
           src: source
         });
       }
 
-      return _react["default"].createElement("source", _extends({
+      return /*#__PURE__*/_react["default"].createElement("source", _extends({
         key: index
       }, source));
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderTrack", function (track, index) {
-      return _react["default"].createElement("track", _extends({
+      return /*#__PURE__*/_react["default"].createElement("track", _extends({
         key: index
       }, track));
     });
@@ -6059,6 +6066,10 @@ function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeListeners(this.player);
+
+      if (this.hls) {
+        this.hls.destroy();
+      }
     }
   }, {
     key: "addListeners",
@@ -6189,10 +6200,6 @@ function (_Component) {
     value: function stop() {
       this.player.removeAttribute('src');
 
-      if (this.hls) {
-        this.hls.destroy();
-      }
-
       if (this.dash) {
         this.dash.reset();
       }
@@ -6304,7 +6311,7 @@ function (_Component) {
         width: width === 'auto' ? width : '100%',
         height: height === 'auto' ? height : '100%'
       };
-      return _react["default"].createElement(Element, _extends({
+      return /*#__PURE__*/_react["default"].createElement(Element, _extends({
         ref: this.ref,
         src: this.getSource(url),
         style: style,
@@ -6334,7 +6341,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(FilePlayer_1);
-var FilePlayer_2 = FilePlayer_1.FilePlayer;
+FilePlayer_1.FilePlayer;
 
 var players = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -6376,7 +6383,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -6394,12 +6401,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -6408,14 +6419,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var ICON_SIZE = '64px';
 
-var Preview =
-/*#__PURE__*/
-function (_Component) {
+var Preview = /*#__PURE__*/function (_Component) {
   _inherits(Preview, _Component);
 
-  function Preview() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(Preview);
 
+  function Preview() {
     var _this;
 
     _classCallCheck(this, Preview);
@@ -6424,7 +6433,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Preview)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
 
@@ -6522,15 +6531,15 @@ function (_Component) {
         }
       };
 
-      var defaultPlayIcon = _react["default"].createElement("div", {
+      var defaultPlayIcon = /*#__PURE__*/_react["default"].createElement("div", {
         style: styles.shadow,
         className: "react-player__shadow"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         style: styles.playIcon,
         className: "react-player__play-icon"
       }));
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: styles.preview,
         className: "react-player__preview",
         onClick: onClick
@@ -6553,7 +6562,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = renderPreloadPlayers;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React__default['default']);
 
 var _Player = _interopRequireDefault(Player_1);
 
@@ -6567,6 +6576,12 @@ var _Player = _interopRequireDefault(Player_1);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var PRELOAD_PLAYERS = [{
   Player: YouTube_1.YouTube,
   configKey: 'youtube',
@@ -6587,16 +6602,16 @@ var PRELOAD_PLAYERS = [{
 
 function renderPreloadPlayers(url, controls, config) {
   var players = [];
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
+
+  var _iterator = _createForOfIteratorHelper(PRELOAD_PLAYERS),
+      _step;
 
   try {
-    for (var _iterator = PRELOAD_PLAYERS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var player = _step.value;
 
       if (!player.Player.canPlay(url) && config[player.configKey].preload) {
-        players.push(_react["default"].createElement(_Player["default"], {
+        players.push( /*#__PURE__*/_react["default"].createElement(_Player["default"], {
           key: player.Player.displayName,
           activePlayer: player.Player,
           url: player.url,
@@ -6608,18 +6623,9 @@ function renderPreloadPlayers(url, controls, config) {
       }
     }
   } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
+    _iterator.e(err);
   } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator["return"] != null) {
-        _iterator["return"]();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
+    _iterator.f();
   }
 
   return players;
@@ -6695,7 +6701,7 @@ Object.defineProperty(exports, "Mixcloud", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -6743,13 +6749,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -6757,12 +6767,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -6772,14 +6786,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var SUPPORTED_PROPS = Object.keys(props.propTypes);
 var customPlayers = [];
 
-var ReactPlayer =
-/*#__PURE__*/
-function (_Component) {
+var ReactPlayer = /*#__PURE__*/function (_Component) {
   _inherits(ReactPlayer, _Component);
 
-  function ReactPlayer() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(ReactPlayer);
 
+  function ReactPlayer() {
     var _this;
 
     _classCallCheck(this, ReactPlayer);
@@ -6788,7 +6800,7 @@ function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ReactPlayer)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
 
@@ -6899,7 +6911,7 @@ function (_Component) {
     key: "renderActivePlayer",
     value: function renderActivePlayer(url, activePlayer) {
       if (!url) return null;
-      return _react["default"].createElement(_Player4["default"], _extends({}, this.props, {
+      return /*#__PURE__*/_react["default"].createElement(_Player4["default"], _extends({}, this.props, {
         key: activePlayer.displayName,
         ref: this.activePlayerRef,
         config: this.config,
@@ -6936,14 +6948,14 @@ function (_Component) {
       var preloadPlayers = (0, _preload["default"])(url, controls, this.config);
       var players = [renderedActivePlayer].concat(_toConsumableArray(preloadPlayers)).sort(this.sortPlayers);
 
-      var preview = _react["default"].createElement(_Preview["default"], {
+      var preview = /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
         url: url,
         light: light,
         playIcon: playIcon,
         onClick: this.handleClickPreview
       });
 
-      return _react["default"].createElement(Wrapper, _extends({
+      return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
         ref: this.wrapperRef,
         style: _objectSpread({}, style, {
           width: width,
@@ -7003,20 +7015,20 @@ var Audio = function Audio(_ref) {
   var node = _ref.node;
 
   if (node.uploadAudio) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'audio d-block text-center mb-3' },
-      React__default.createElement(
+      React__default['default'].createElement(
         'audio',
         { controls: true, controlsList: 'nodownload', className: 'audio' },
-        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
-        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
+        React__default['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
+        React__default['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
         'Your browser does not support the audio element.'
       ),
-      node.caption && React__default.createElement(
+      node.caption && React__default['default'].createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           null,
           node.caption
@@ -7026,15 +7038,15 @@ var Audio = function Audio(_ref) {
   } else if (node.audioFilePth) {
     var hostname = new URL(node.audioFilePth).hostname;
     if (hostname === 'embeds.audioboom.com') {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
+        React__default['default'].createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
         ' ',
-        node.caption && React__default.createElement(
+        node.caption && React__default['default'].createElement(
           'p',
           { style: { fontSize: '.9rem' } },
-          React__default.createElement(
+          React__default['default'].createElement(
             'em',
             null,
             node.caption
@@ -7042,14 +7054,14 @@ var Audio = function Audio(_ref) {
         )
       );
     }
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'audio' },
-      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
-      node.caption && React__default.createElement(
+      React__default['default'].createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
+      node.caption && React__default['default'].createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           null,
           node.caption
@@ -7067,34 +7079,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var profileImage = arguments[6];
 
   if (authorName && authorURL) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'span',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'a',
         { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         reactBootstrap.Card,
         { className: 'author-details-card-' + index },
-        React__default.createElement(
+        React__default['default'].createElement(
           reactBootstrap.Row,
           null,
-          profileImage && React__default.createElement(
+          profileImage && React__default['default'].createElement(
             reactBootstrap.Col,
             { sm: 12, md: 4, className: 'author-details-img-container' },
-            React__default.createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
+            React__default['default'].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             reactBootstrap.Col,
             { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               { style: { fontWidth: '500', fontSize: '1.15rem' } },
               authorName
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'p',
               null,
               biography
@@ -7102,7 +7114,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
@@ -7110,7 +7122,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
       length !== index + 1 && ' , '
     );
   } else if (authorName) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'span',
       { key: index },
       authorName,
@@ -7142,11 +7154,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   });
 
-  var builder = index$1.imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
-
   var router = Router.useRouter();
 
   var _useState = React.useState(false),
@@ -7212,12 +7219,12 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
 
     Videos.forEach(function (vid) {
       if (vid.type == 'mp4') {
-        data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset).url(), url: vid.url });
+        data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
       } else {
         if (vid.thumbnail && vid.thumbnail.asset) {
-          data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset).url(), url: vid.url });
+          data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
         } else {
-          data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + index$3.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
+          data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + index$1.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
         }
       }
     });
@@ -7226,7 +7233,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     if (data.length < seriesVid || !seriesVid) {
       setSeries(1);
       setVidUrl(Videos[0].url);
-      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor(Videos[0].thumbnail.asset).url() : '');
+      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor({ client: client, source: Videos[0].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[0].type);
       }
@@ -7237,7 +7244,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     } else {
       setSeries(seriesVid);
       setVidUrl(Videos[seriesVid - 1].url);
-      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlFor(Videos[seriesVid - 1].thumbnail.asset).url() : '');
+      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlFor({ client: client, source: Videos[seriesVid - 1].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[seriesVid - 1].type);
       }
@@ -7270,14 +7277,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment);
     //autoplay
 
     //Small pause before starting next video
     setTimeout(function () {
       //Youtube API to start video playing automatically
-      var id = index$3.getYoutubeId(vidUrl);
+      var id = index$1.getYoutubeId(vidUrl);
       event.target.loadVideoById(id);
     }, 1500);
   };
@@ -7291,8 +7298,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -7342,8 +7349,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -7356,8 +7363,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -7375,8 +7382,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
   };
 
   // Youtube Options
@@ -7387,44 +7394,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'mt-2 mb-5' },
-      series && React__default.createElement(
+      series && React__default['default'].createElement(
         'div',
         { style: { fontSize: '0.9rem' } },
         article.title,
         ' - Episode ',
         series
       ),
-      Videos[series - 1] && React__default.createElement(
+      Videos[series - 1] && React__default['default'].createElement(
         'h1',
         { className: 'mb-3' },
         Videos[series - 1].title
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         null,
         moment.moment(article.published).format('LL')
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'mb-3' },
         article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'span',
             { key: index },
-            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor(client, authorDetail.profileImage).height(authorImgHeight).url())
+            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
           );
         })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'p',
         null,
-        React__default.createElement(SocialShare, {
+        React__default['default'].createElement(SocialShare, {
           shareUrl: meta.shareUrl + '?seriesVid=' + series,
           shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
           shareVia: meta.shareVia,
@@ -7439,22 +7446,22 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           hideFacebook: meta.hideFBShare
         })
       ),
-      Videos[series - 1] && Videos[series - 1].intro && React__default.createElement(
+      Videos[series - 1] && Videos[series - 1].intro && React__default['default'].createElement(
         'p',
         { className: 'mb-3' },
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           null,
           Videos[series - 1].intro
         )
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, {
+      vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
         className: 'fluid-iframe',
-        videoId: index$3.getYoutubeId(vidUrl),
+        videoId: index$1.getYoutubeId(vidUrl),
         opts: opts,
         onReady: handleOnReady,
         onPlay: handleOnPlay,
@@ -7463,10 +7470,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           return handleOnEnd(e);
         }
       }),
-      vidUrl && vidType == 'mp4' && React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
-      vidUrl && vidType == 'brightcove' && React__default.createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
-      React__default.createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
-      series && React__default.createElement(
+      vidUrl && vidType == 'mp4' && React__default['default'].createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+      vidUrl && vidType == 'brightcove' && React__default['default'].createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
+      React__default['default'].createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
+      series && React__default['default'].createElement(
         'div',
         {
           className: 'vid-series',
@@ -7476,10 +7483,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
             maxHeight: '100%',
             paddingBottom: '0'
           } },
-        React__default.createElement(
+        React__default['default'].createElement(
           'p',
           { style: { color: '#484848', marginBottom: '0' } },
-          React__default.createElement(
+          React__default['default'].createElement(
             'b',
             { style: { fontSize: '1.25em' } },
             'Now Playing:'
@@ -7487,16 +7494,16 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           ' ',
           seriesData[series ? series - 1 : 0].title
         ),
-        vidUrl && React__default.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
+        vidUrl && React__default['default'].createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
       )
     ),
-    React__default.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
-    React__default.createElement(
+    React__default['default'].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
+    React__default['default'].createElement(
       'div',
       { className: 'vid-text' },
-      Videos[series - 1] && Videos[series - 1].text && React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+      Videos[series - 1] && Videos[series - 1].text && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
@@ -7504,14 +7511,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -7549,67 +7556,67 @@ var Poll = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    question && React__default.createElement(
+    question && React__default['default'].createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React__default.createElement(
+    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key },
-          React__default.createElement(
+          React__default['default'].createElement(
             'label',
             { className: 'pl-2' },
-            React__default.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+            React__default['default'].createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
                 return setSelectedChoice(e.target.value);
               } }),
             ' ' + choice.choiceText
           )
         );
       }),
-      React__default.createElement(
+      React__default['default'].createElement(
         reactBootstrap.Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'correct-answer' },
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React__default.createElement(
+            choice.choiceAnswer === true && React__default['default'].createElement(
               'div',
               null,
-              React__default.createElement(
+              React__default['default'].createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React__default.createElement(reactBootstrap.ProgressBar, { now: percentage }),
-          React__default.createElement(
+          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
+          React__default['default'].createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7620,14 +7627,14 @@ var Poll = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React__default.createElement(
+    showAnswer && React__default['default'].createElement(
       'h4',
       { className: 'text-center small p-3' },
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React__default.createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
-    React__default.createElement(
+    showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          display: flex;\n          justify-content: space-between;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7645,22 +7652,22 @@ _toObject._export(_toObject._export.S, 'Object', {
   }
 });
 
-var values = _toObject._core.Object.values;
+var values$1 = _toObject._core.Object.values;
 
-var values$1 = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": values, __esModule: true };
+var values = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
 });
 
-var _Object$values = _commonjsHelpers.unwrapExports(values$1);
+var _Object$values = _commonjsHelpers.unwrapExports(values);
 
-var Poll$1 = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -7726,67 +7733,67 @@ var Poll$1 = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    question && React__default.createElement(
+    question && React__default['default'].createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React__default.createElement(
+    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key },
-          React__default.createElement(
+          React__default['default'].createElement(
             'label',
             { className: 'pl-2' },
-            React__default.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+            React__default['default'].createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
                 return setSelectedChoice(e.target.value);
               } }),
             ' ' + choice.choiceText
           )
         );
       }),
-      React__default.createElement(
+      React__default['default'].createElement(
         reactBootstrap.Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'correct-answer' },
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React__default.createElement(
+            choice.choiceAnswer === true && React__default['default'].createElement(
               'div',
               null,
-              React__default.createElement(
+              React__default['default'].createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React__default.createElement(reactBootstrap.ProgressBar, { now: percentage }),
-          React__default.createElement(
+          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
+          React__default['default'].createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7797,14 +7804,14 @@ var Poll$1 = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React__default.createElement(
+    showAnswer && React__default['default'].createElement(
       'h4',
       { className: 'text-center small p-3' },
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React__default.createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
-    React__default.createElement(
+    showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          padding: 0 0.5rem;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7812,7 +7819,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main.main_35 ? 4 : 10;
+var numberOfPaginations = main.main_42 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7930,34 +7937,34 @@ var Quiz = function Quiz(_ref) {
   };
 
   var renderPagination = function renderPagination() {
-    return React__default.createElement(
-      Pagination,
-      { className: 'p-0 m-0', size: main.main_35 && 'sm' },
-      React__default.createElement(Pagination.First, { onClick: function onClick() {
+    return React__default['default'].createElement(
+      Pagination__default['default'],
+      { className: 'p-0 m-0', size: main.main_42 && 'sm' },
+      React__default['default'].createElement(Pagination__default['default'].First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
           return renderNewPages('prev');
         }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
       pages.map(function (page) {
-        return React__default.createElement(
-          Pagination.Item,
+        return React__default['default'].createElement(
+          Pagination__default['default'].Item,
           { key: page, active: page === currentPage, onClick: function onClick() {
               return changePage(page);
             } },
           page
         );
       }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default.createElement(Pagination.Next, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React__default.createElement(Pagination.Last, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
@@ -8040,51 +8047,51 @@ var Quiz = function Quiz(_ref) {
     }
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    quizzes[currentPage - 1] && React__default.createElement(
-      React__default.Fragment,
+    quizzes[currentPage - 1] && React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      React__default.createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
-      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default.createElement(
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default['default'].createElement(
         'form',
         { ref: answersRef, onSubmit: function onSubmit(e) {
             return e.preventDefault();
           } },
         quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'div',
             { key: answer._key },
-            React__default.createElement(
+            React__default['default'].createElement(
               'label',
               { className: 'pl-2' },
-              quizzes[currentPage - 1].multiAnswer ? React__default.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React__default.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
+              quizzes[currentPage - 1].multiAnswer ? React__default['default'].createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React__default['default'].createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
               ' ' + answer.answerText
             )
           );
         })
       )
     ),
-    !showAnswer && React__default.createElement(
-      Button,
+    !showAnswer && React__default['default'].createElement(
+      Button__default['default'],
       { onClick: function onClick() {
           return checkAnswers();
         }, variant: 'info', block: true },
       'Please click here for answer'
     ),
-    quizzes[currentPage - 1] && showAnswer && React__default.createElement(
-      React__default.Fragment,
+    quizzes[currentPage - 1] && showAnswer && React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h4',
         null,
         'Answer:'
       ),
-      quizzes[currentPage - 1].answer && React__default.createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      quizzes[currentPage - 1].answer && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
-    React__default.createElement('br', null),
-    pageCount > 1 && React__default.createElement(
+    React__default['default'].createElement('br', null),
+    pageCount > 1 && React__default['default'].createElement(
       'div',
       { className: 'd-flex justify-content-center' },
       renderPagination()
@@ -8095,19 +8102,14 @@ var Quiz = function Quiz(_ref) {
 var Leads = function Leads(_ref) {
   var url = _ref.url;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
+    url && React__default['default'].createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
   );
 };
 
-var urlFor$1 = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
@@ -8119,8 +8121,8 @@ var Slideshow$1 = function Slideshow(_ref) {
 
   var _useState = React.useState(!pageNumber || isNaN(pageNumber) || pageNumber > slides.length ? 0 : pageNumber - 1),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      carouselIndex = _useState2[0],
-      setCarouselIndex = _useState2[1];
+      carouselIndex = _useState2[0];
+      _useState2[1];
 
   // useEffect(() => {
   //   let itemArr = router.asPath.split('?page=')
@@ -8146,42 +8148,42 @@ var Slideshow$1 = function Slideshow(_ref) {
     }
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { ref: carouselRef, className: 'mt-3 mb-4' },
-    React__default.createElement(
+    React__default['default'].createElement(
       reactBootstrap.Carousel,
       { activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
       slides && slides.map(function (slide) {
         if (slide.slideshowImage && slide.slideshowImage.asset) {
-          return React__default.createElement(
+          return React__default['default'].createElement(
             reactBootstrap.Carousel.Item,
             { key: slide._key },
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
-              React__default.createElement(
+              React__default['default'].createElement(
                 index$2.LazyLoad,
                 null,
-                React__default.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               { className: 'p-2' },
-              slide.slideshowImage.caption && React__default.createElement(
+              slide.slideshowImage.caption && React__default['default'].createElement(
                 'h3',
                 { style: { padding: '0px' } },
                 slide.slideshowImage.caption
               ),
-              slide.description && React__default.createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
+              slide.description && React__default['default'].createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
             )
           );
         }
         return null;
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
@@ -8200,10 +8202,10 @@ var NativeAd = function NativeAd(props) {
       sizes = _props$node.sizes,
       sizeMapping = _props$node.sizeMapping;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'native-ad-wrapper', style: { textAlign: 'center' } },
-    React__default.createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
+    React__default['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
   );
 };
 
@@ -8214,22 +8216,18 @@ var Formstack = function Formstack(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'section',
     { id: 'formstack-section', className: 'formstack-section' },
-    Caption && React__default.createElement(
+    Caption && React__default['default'].createElement(
       'h4',
       { className: 'formstack-caption' },
       Caption
     ),
-    React__default.createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
+    React__default['default'].createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
   );
 };
 
-var urlFor$2 = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
 var MultiMedia = function MultiMedia(props) {
   var medias = props.node.medias,
       client = props.client;
@@ -8242,29 +8240,29 @@ var MultiMedia = function MultiMedia(props) {
     }
   });
   if (medias && medias.length > 0) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'multi-media-container' },
-      React__default.createElement(
-        Row,
+      React__default['default'].createElement(
+        Row__default['default'],
         { noGutters: true },
         medias.map(function (media) {
-          return React__default.createElement(
-            Col,
+          return React__default['default'].createElement(
+            Col__default['default'],
             { xs: 12, md: 12 / medias.length, key: media._key },
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
-              _extends$1._extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
+              _extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
                 style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'multi-media-image-container' },
-                imageBox && React__default.createElement(
+                imageBox && React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt })
+                  React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
                 ),
-                media.caption && React__default.createElement(
+                media.caption && React__default['default'].createElement(
                   'span',
                   { className: 'multi-media-caption' },
                   media.caption
@@ -8274,7 +8272,7 @@ var MultiMedia = function MultiMedia(props) {
           );
         })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-media-container {\n            margin-bottom: 1rem;\n          }\n          .multi-media-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-media-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-media-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-media-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
@@ -8285,12 +8283,12 @@ var MultiMedia = function MultiMedia(props) {
 };
 
 var InscreenSensor = function (_React$Component) {
-  inherits$1._inherits(InscreenSensor, _React$Component);
+  inherits._inherits(InscreenSensor, _React$Component);
 
   function InscreenSensor(props) {
-    inherits$1._classCallCheck(this, InscreenSensor);
+    inherits._classCallCheck(this, InscreenSensor);
 
-    var _this = inherits$1._possibleConstructorReturn(this, (InscreenSensor.__proto__ || inherits$1._Object$getPrototypeOf(InscreenSensor)).call(this, props));
+    var _this = inherits._possibleConstructorReturn(this, (InscreenSensor.__proto__ || inherits._Object$getPrototypeOf(InscreenSensor)).call(this, props));
 
     _this.scrollHandler = function () {
       var visible = _this.checkInside();
@@ -8321,12 +8319,12 @@ var InscreenSensor = function (_React$Component) {
       }
     };
 
-    _this.wraperRef = React__default.createRef();
+    _this.wraperRef = React__default['default'].createRef();
     _this.visible = false;
     return _this;
   }
 
-  inherits$1._createClass(InscreenSensor, [{
+  inherits._createClass(InscreenSensor, [{
     key: 'componentDidMount',
     value: function componentDidMount() {
       this.visible = this.checkInside();
@@ -8349,7 +8347,7 @@ var InscreenSensor = function (_React$Component) {
           _props$id = _props.id,
           id = _props$id === undefined ? '' : _props$id;
 
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { ref: this.wraperRef, className: className, style: style, id: id },
         this.props.children
@@ -8358,7 +8356,7 @@ var InscreenSensor = function (_React$Component) {
   }]);
 
   return InscreenSensor;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 var ArticleSeries = function ArticleSeries(_ref) {
   var nodes = _ref.nodes,
@@ -8376,10 +8374,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   var today = moment.moment().utc().format();
 
   var authorPrefix = 'authors';
-  var builder = index$1.imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
   var router = Router.useRouter();
 
   var refArray = React.useRef([]);
@@ -8471,33 +8465,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
       if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
       var showReading = show ? 'showReading' : '';
       var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { key: article.title + '_' + index, className: 'prevNextCards' },
-        React__default.createElement(
+        React__default['default'].createElement(
           'a',
           { onClick: function onClick(e) {
               return articleCardClickHandler(e);
             }, 'data-cardlabel': '' + articleLabel, 'data-articleIndex': '' + index, 'data-articleid': '' + article.param.current },
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).url() }),
-            React__default.createElement(
+            React__default['default'].createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
+            React__default['default'].createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
               articleLabel
             )
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'prevNext-summary' },
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               { className: 'prevNext-publishDate' },
               moment.moment(article.published).format('LL')
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'h2',
               { className: 'prevNext-title' },
               article.title
@@ -8546,13 +8540,13 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
-      return React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
+      return React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
     }
   };
 
   React.useEffect(function () {
     if (articleClicked === true) {
-      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlFor(Articles[articleIndex].thumbnail.asset).url());
+      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlFor({ client: client, source: Articles[articleIndex].thumbnail.asset }));
     }
   }, [articleClicked]);
 
@@ -8632,7 +8626,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main.main_36) {
+      if (main.main_43) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8656,7 +8650,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main.main_36) {
+    if (!main.main_43) {
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           index.lib_3.refresh();
@@ -8664,7 +8658,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_36) {
+    if (main.main_43) {
       var leaderboardSlotId = '';
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8690,7 +8684,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       setCurrentTitle(title);
       if (rootArticle) {
         setCurrentSummary(rootArticle.summary ? rootArticle.summary : '');
-        setCurrentThumbnail(urlFor(rootArticle.thumbnail.asset).url());
+        setCurrentThumbnail(urlFor({ client: client, source: rootArticle.thumbnail.asset }));
       } else {
         setCurrentSummary('');
         setCurrentThumbnail('');
@@ -8704,38 +8698,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
     setSensorVisible(false);
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { ref: arrowRef, className: 'scrollToTopArrow' },
-      React__default.createElement(index_esm.IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
+      React__default['default'].createElement(index_esm.IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
           return handleArrowClick();
         } })
     ),
-    React__default.createElement('hr', { className: 'article-seperater my-4' }),
-    React__default.createElement(
+    React__default['default'].createElement('hr', { className: 'article-seperater my-4' }),
+    React__default['default'].createElement(
       'div',
       { className: 'objective-prevNext-Wrapper' },
-      React__default.createElement(
+      React__default['default'].createElement(
         'h5',
         { className: 'objective-title' },
         nodes.seriesTitle
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'prevNextWrapper' },
         PrevNextCards(false, -1)
       )
     ),
-    React__default.createElement('hr', { className: 'article-seperater' }),
-    React__default.createElement(
+    React__default['default'].createElement('hr', { className: 'article-seperater' }),
+    React__default['default'].createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main.main_36 && Ads.map(function (ad, index) {
+      main.main_43 && Ads.map(function (ad, index) {
         if (index === 0) {
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'div',
             {
               key: 'addid-1',
@@ -8755,14 +8749,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
         }
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
       Articles.map(function (article, index) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { key: article.title },
-          React__default.createElement(
+          React__default['default'].createElement(
             InscreenSensor,
             {
               visible: sensorVisible,
@@ -8776,88 +8770,88 @@ var ArticleSeries = function ArticleSeries(_ref) {
               onChange: function onChange(visible) {
                 if (upArrowClicked === false && articleClicked === false) {
                   if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor({ client: client, source: article.thumbnail.asset }));
                   }
                 }
               } },
-            React__default.createElement(
-              Head,
+            React__default['default'].createElement(
+              Head__default['default'],
               null,
-              currentTitle !== null && React__default.createElement(
+              currentTitle !== null && React__default['default'].createElement(
                 'title',
                 { key: 'title' },
                 currentTitle
               ),
-              currentSummary !== null && React__default.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
-              currentURL !== null && React__default.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
-              currentTitle !== null && React__default.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
-              currentThumbnail !== null && React__default.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
-              currentSummary !== null && React__default.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
-              currentTitle !== null && React__default.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
-              currentThumbnail !== null && React__default.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
-              currentSummary !== null && React__default.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
+              currentSummary !== null && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
+              currentURL !== null && React__default['default'].createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
+              currentTitle !== null && React__default['default'].createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
+              currentThumbnail !== null && React__default['default'].createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
+              currentSummary !== null && React__default['default'].createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
+              currentTitle !== null && React__default['default'].createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
+              currentThumbnail !== null && React__default['default'].createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
+              currentSummary !== null && React__default['default'].createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'article',
               { className: 'article-wrapper' },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'article-publishDate' },
                 moment.moment(article.published).format('LL')
               ),
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'author-details-wrapper' },
                 article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-                  return React__default.createElement(
+                  return React__default['default'].createElement(
                     'span',
                     { key: index },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
+                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
                   );
                 })
               ),
-              React__default.createElement(
+              React__default['default'].createElement(
                 'h2',
                 { className: 'article-title' },
                 article.title
               ),
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'mt-2 mb-2' },
-                React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
+                React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
                   serializers: getSerializers,
                   videoAccountIDs: accountIDs,
                   blocks: article.text,
                   imageOptions: { w: 320, h: 240, fit: 'max' }
                 }, client.config())),
-                React__default.createElement('hr', { className: 'article-seperater my-4' })
+                React__default['default'].createElement('hr', { className: 'article-seperater my-4' })
               ),
-              Articles.length > 1 && React__default.createElement(
-                React__default.Fragment,
+              Articles.length > 1 && React__default['default'].createElement(
+                React__default['default'].Fragment,
                 null,
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'objective-prevNext-Wrapper' },
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'h5',
                     { className: 'objective-title' },
                     nodes.seriesTitle
                   ),
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'div',
                     { className: 'prevNextWrapper' },
                     PrevNextCards(true, index)
                   )
                 ),
-                React__default.createElement('hr', { className: 'article-seperater' })
+                React__default['default'].createElement('hr', { className: 'article-seperater' })
               )
             ),
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_36 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main.main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
-                  return React__default.createElement(
+                  return React__default['default'].createElement(
                     'div',
                     {
                       key: 'addid-' + (index + 2),
@@ -8880,7 +8874,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           )
         );
       }),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .scrollToTopArrow {\n            position: fixed;\n            top: 150px;\n            display: flex;\n            justify-content: center;\n            width: ' + contentWidth + 'px;\n            opacity: 1;\n            z-index: 99999999999;\n            visibility: hidden;\n          }\n          .scrollToTopArrow > svg {\n            min-height: 50px;\n            min-width: 50px;\n            max-height: 50px;\n            max-width: 50px;\n          }\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
@@ -8910,11 +8904,11 @@ var LightBox = function LightBox(_ref) {
     };
   }, [handleClickOutside]);
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
-    React__default.createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
-    React__default.createElement(
+    React__default['default'].createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
@@ -8922,23 +8916,13 @@ var LightBox = function LightBox(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var generateSrcSet = function generateSrcSet(source, client, width) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).width(width).fit('max').auto('format').url();
-};
-
 var compareProps = function compareProps(prevProps, nextProps) {
   if (nextProps.node.asset && nextProps.node.asset._ref) {
     return prevProps.node.asset._ref === nextProps.node.asset._ref;
   }
 };
 
-var FigureImage = React__default.memo(function (_ref2) {
+var FigureImage = React__default['default'].memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -8946,16 +8930,16 @@ var FigureImage = React__default.memo(function (_ref2) {
       handleClickFigure = _ref2.handleClickFigure;
 
   var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'picture',
     null,
-    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: generateSrcSet(node, client, 1500) }),
-    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: generateSrcSet(node, client, 1000) }),
-    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: generateSrcSet(node, client, 500) }),
-    React__default.createElement('img', _extends$1._extends({
+    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default['default'].createElement('img', _extends._extends({
       style: figureImageStyle,
       className: 'figure-image',
-      src: urlFor$3(node, client).url(),
+      src: urlFor({ source: node, client: client }),
       alt: imgAlt ? imgAlt : 'figure image'
     }, !link && {
       onClick: function onClick() {
@@ -9040,13 +9024,13 @@ var FigureComponent = function FigureComponent(props) {
 
   var FigureCaption = React.useCallback(function () {
     if (imgcaption && imgcaption.length > 0) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'figure-caption' },
-        React__default.createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
+      return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
     } else return null;
   }, [caption, imgcaption]);
 
@@ -9059,28 +9043,28 @@ var FigureComponent = function FigureComponent(props) {
   };
 
   var handleClickFigure = React.useCallback(function (node, client) {
-    setLightboxImgSrc(urlFor$3(node, client).url());
+    setLightboxImgSrc(urlFor({ source: node, client: client }));
     setShowLightbox(true);
   }, [node, client]);
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default.createElement(
-      Figure$1,
+    React__default['default'].createElement(
+      Figure__default['default'],
       { className: '' + class_name, style: figureStyle },
-      link ? React__default.createElement(
+      link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
-        React__default.createElement(FigureCaption, null)
-      ) : React__default.createElement(
-        React__default.Fragment,
+        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default['default'].createElement(FigureCaption, null)
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
-        React__default.createElement(FigureCaption, null)
+        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default['default'].createElement(FigureCaption, null)
       ),
-      React__default.createElement(LightBox, {
+      React__default['default'].createElement(LightBox, {
         showLightbox: showLightbox,
         lightboxImgSrc: lightboxImgSrc,
         closeLightbox: function closeLightbox() {
@@ -9089,7 +9073,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .figure-caption,\n        .figure-caption h1,\n        .figure-caption h2,\n        .figure-caption h3,\n        .figure-caption h4,\n        .figure-caption h5,\n        .figure-caption h6,\n        .figure-caption p,\n        .figure-caption ul {\n          color: #6c757d;\n          font-size: 0.875rem;\n        }\n      '
@@ -9097,12 +9081,7 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default.memo(FigureComponent, compareProps);
-
-var urlFor$4 = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
+var Figure = React__default['default'].memo(FigureComponent, compareProps);
 
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   React.useEffect(function () {
@@ -9143,68 +9122,68 @@ var MultiFigure = function MultiFigure(props) {
         imgcaption = _ref.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'multi-figure-caption' },
-        React__default.createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
+      return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
     } else return null;
   };
 
   if (images && images.length > 0) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'multi-figure-container' },
-      React__default.createElement(
-        Row,
+      React__default['default'].createElement(
+        Row__default['default'],
         { noGutters: true, style: { alignItems: 'center' } },
         images.map(function (image, index) {
-          return React__default.createElement(
-            Col,
+          return React__default['default'].createElement(
+            Col__default['default'],
             { xs: 12, md: 12 / images.length, key: index },
-            image.link ? React__default.createElement(
+            image.link ? React__default['default'].createElement(
               'a',
-              _extends$1._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
-              React__default.createElement(
+              _extends._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
+              React__default['default'].createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default.createElement(
+                React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt })
+                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
                 ),
-                React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
-            ) : React__default.createElement(
+            ) : React__default['default'].createElement(
               'div',
               { className: 'multi-figure-image-container' },
-              React__default.createElement(
+              React__default['default'].createElement(
                 index$2.LazyLoad,
                 { once: true },
-                React__default.createElement('img', {
+                React__default['default'].createElement('img', {
                   'images-count': images.length,
                   className: 'multi-figure-image',
-                  src: urlFor$4(image.asset, client).url(),
+                  src: urlFor({ source: image.asset, client: client }),
                   alt: image.alt,
                   onClick: function onClick() {
-                    setOpenImgSrc(urlFor$4(image, client).url());
+                    setOpenImgSrc(urlFor({ source: image, client: client }));
                     setOpenImg(true);
                   }
                 })
               ),
-              React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+              React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
             )
           );
         })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-        React__default.createElement('img', { ref: lightboxImage, src: openImgSrc })
+        React__default['default'].createElement('img', { ref: lightboxImage, src: openImgSrc })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
@@ -9226,10 +9205,10 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
 
   var elementId = articleId ? id + '-' + articleId : id;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: elementId },
-    React__default.createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
+    React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
   );
 };
 
@@ -9258,7 +9237,7 @@ exports.__esModule = true;
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1._extends$1);
+var _extends3 = _interopRequireDefault(_extends._extends$1);
 
 
 
@@ -9266,23 +9245,23 @@ var _objectWithoutProperties3 = _interopRequireDefault(objectWithoutProperties);
 
 
 
-var _classCallCheck3 = _interopRequireDefault(inherits$1.classCallCheck);
+var _classCallCheck3 = _interopRequireDefault(inherits.classCallCheck);
 
 
 
-var _possibleConstructorReturn3 = _interopRequireDefault(inherits$1.possibleConstructorReturn);
+var _possibleConstructorReturn3 = _interopRequireDefault(inherits.possibleConstructorReturn);
 
 
 
-var _inherits3 = _interopRequireDefault(inherits$1.inherits);
+var _inherits3 = _interopRequireDefault(inherits.inherits);
 
 
 
-var _react2 = _interopRequireDefault(React__default);
+var _react2 = _interopRequireDefault(React__default['default']);
 
 
 
-var _propTypes2 = _interopRequireDefault(PropTypes__default);
+var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var noop = function noop() {};
@@ -9427,9 +9406,9 @@ var ScriptTag = function (_Component) {
 
         // The 'isHydrating' prop must NOT be passed to the script tag
         // eslint-disable-next-line no-unused-vars
-        var _props3 = this.props,
-            isHydrating = _props3.isHydrating,
-            tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
+        var _props3 = this.props;
+            _props3.isHydrating;
+            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
 
         return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
                 return _this2.domRef = tag;
@@ -9437,7 +9416,7 @@ var ScriptTag = function (_Component) {
     };
 
     return ScriptTag;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 ScriptTag.propTypes = {
     /**
@@ -9516,11 +9495,11 @@ var FormAssembly = function FormAssembly(props) {
   }, []);
 
   if (iframeSrc) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'section',
       { className: 'form-assembly' },
-      React__default.createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
-      React__default.createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+      React__default['default'].createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
+      React__default['default'].createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
     );
   }
 
@@ -9557,27 +9536,27 @@ var BlockTable = function BlockTable(props) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'blockTableHolder', ref: holder },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'blockTable' },
       rows && rows.map(function (row) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { className: 'blockTableRow' },
           row.cells && row.cells.map(function (cell) {
-            return React__default.createElement(
+            return React__default['default'].createElement(
               'div',
               { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
-              React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
+              React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
         );
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n        .blockTableRow {\n          display: flex;\n          ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n        .blockTableRow:last-of-type {\n          ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell {\n          padding: 0.5rem;\n          ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n        .blockTableCell:last-of-type {\n          ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
@@ -9656,12 +9635,12 @@ var getSerializers = function getSerializers() {
         var node = _ref.node;
         var url = node.url;
 
-        return React__default.createElement(YouTubePlayer, { autoplay: autoplay, url: url });
+        return React__default['default'].createElement(YouTubePlayer, { autoplay: autoplay, url: url });
       },
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default.createElement(YouTubeGallery, {
+        return React__default['default'].createElement(YouTubeGallery, {
           nodes: node,
           article: article,
           meta: meta,
@@ -9675,7 +9654,7 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React__default.createElement(ArticleSeries, {
+        return React__default['default'].createElement(ArticleSeries, {
           nodes: node,
           accountIDs: videoAccountIDs || {},
           pageview: pageview,
@@ -9688,61 +9667,61 @@ var getSerializers = function getSerializers() {
       figure: function figure(_ref4) {
         var node = _ref4.node;
 
-        return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
       },
       multifigure: function multifigure(_ref5) {
         var node = _ref5.node;
 
-        return React__default.createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       },
       slideshow: function slideshow(_ref6) {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React__default['default'].createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
         var caption = node.caption,
             content = node.content;
 
-        return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
       datatable: function datatable(_ref8) {
         var node = _ref8.node;
         var table = node.table;
 
-        return React__default.createElement(TableShow, { rows: table.rows });
+        return React__default['default'].createElement(TableShow, { rows: table.rows });
       },
       media: function media(_ref9) {
         var node = _ref9.node;
 
-        return React__default.createElement(Media, { node: node, client: client });
+        return React__default['default'].createElement(Media, { node: node, client: client });
       },
       iframe: function iframe(_ref10) {
         var node = _ref10.node;
 
-        return React__default.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
+        return React__default['default'].createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
       },
       video: function video(_ref11) {
         var node = _ref11.node;
 
-        return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
+        return React__default['default'].createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
       },
       audio: function audio(_ref12) {
         var node = _ref12.node;
 
-        return React__default.createElement(Audio, { node: node });
+        return React__default['default'].createElement(Audio, { node: node });
       },
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
       },
       pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
 
-        return React__default.createElement(Poll$1, {
+        return React__default['default'].createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
@@ -9756,35 +9735,35 @@ var getSerializers = function getSerializers() {
         var node = _ref15.node;
         var quizzes = node.quizzes;
 
-        return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
+        return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
       leads: function leads(_ref16) {
         var node = _ref16.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
-        return React__default.createElement(Leads, { url: url });
+        return React__default['default'].createElement(Leads, { url: url });
       },
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;
 
-        return React__default.createElement(NativeAd, { node: node });
+        return React__default['default'].createElement(NativeAd, { node: node });
       },
       html_anchor_links: function html_anchor_links(_ref19) {
         var node = _ref19.node;
 
-        return React__default.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
+        return React__default['default'].createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
       hrtag: function hrtag() {
-        return React__default.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
+        return React__default['default'].createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
       },
       brtag: function brtag() {
-        return React__default.createElement('br', { className: 'line-break' });
+        return React__default['default'].createElement('br', { className: 'line-break' });
       },
       formstack: function formstack(_ref20) {
         var node = _ref20.node;
@@ -9792,29 +9771,29 @@ var getSerializers = function getSerializers() {
             Caption = node.Caption,
             needSegmentSupport = node.needSegmentSupport;
 
-        return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
+        return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
       },
       formassembly: FormAssembly,
       multimedia: function multimedia(_ref21) {
         var node = _ref21.node;
 
-        return React__default.createElement(MultiMedia, { node: node, client: client });
+        return React__default['default'].createElement(MultiMedia, { node: node, client: client });
       },
       blockTable: function blockTable(_ref22) {
         var node = _ref22.node;
-        return React__default.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       }
     },
     marks: {
       superscript: function superscript(props) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'sup',
           null,
           props.children
         );
       },
       subscript: function subscript(props) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'sub',
           null,
           props.children
@@ -9830,7 +9809,7 @@ var getSerializers = function getSerializers() {
         if (href && href.charAt(0) === '#') {
           var elementId = href.slice(1);
           if (articleId) elementId = elementId + '-' + articleId;
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'a',
             { onClick: function onClick() {
                 return ScrollToElement(elementId);
@@ -9840,7 +9819,7 @@ var getSerializers = function getSerializers() {
         }
 
         var isExernalUrl = checkUrlIsExternal(href);
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'a',
           { rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
           children
@@ -9848,7 +9827,7 @@ var getSerializers = function getSerializers() {
       },
       alignleft: function alignleft(_ref23) {
         var children = _ref23.children;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
@@ -9856,7 +9835,7 @@ var getSerializers = function getSerializers() {
       },
       alignright: function alignright(_ref24) {
         var children = _ref24.children;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
@@ -9864,7 +9843,7 @@ var getSerializers = function getSerializers() {
       },
       aligncenter: function aligncenter(_ref25) {
         var children = _ref25.children;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
@@ -9872,7 +9851,7 @@ var getSerializers = function getSerializers() {
       },
       alignjustify: function alignjustify(_ref26) {
         var children = _ref26.children;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'justify' } },
           children
@@ -9882,7 +9861,7 @@ var getSerializers = function getSerializers() {
         var children = props.children,
             color = props.mark.color;
 
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'span',
           { style: { color: color ? color.hex : null } },
           children