@mjhls/mjh-framework 1.0.850-affiliatefix-v1 → 1.0.850-beta.0

package/dist/esm/{index-01d53c17.js → index-f2a0d400.js}

@@ -1,37 +1,37 @@
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { _ as _export, a as _core } from './_to-object-a4107da3.js';
+import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
+import { _ as _extends$1, b as _extends$2 } from './extends-6f2fcc99.js';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-cf8dde54.js';
+import { _ as _typeof } from './typeof-6435ba1c.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import urlFor from './urlFor.js';
-import { l as lib_3 } from './index-f0fc23eb.js';
-import Router, { useRouter } from 'next/router';
-import { g as getYoutubeId } from './index-c7e2ac95.js';
+import { l as lib_3 } from './index-41a678ea.js';
 import PropTypes from 'prop-types';
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { u as util } from './util-3ab476bf.js';
-import Beam from './Beam.js';
-import Segment from './Segment.js';
-import { d as main_18, b as main_42, m as main_43 } from './main-d4165069.js';
-import { B as BlockContent } from './BlockContent-c99c9a8d.js';
-import { _ as _extends, b as _extends$1 } from './extends-60e0e1c6.js';
-import { L as LazyLoad } from './index-755f2cc2.js';
-import { _ as _typeof$1 } from './typeof-a286cf0c.js';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-57a70a56.js';
-import GroupDeck from './GroupDeck.js';
-import { m as moment } from './moment-bc12cb97.js';
-import SocialShare from './SocialShare.js';
-import { _ as _export, a as _core } from './_to-object-b50e61c3.js';
-import { _ as _objectToArray } from './_object-to-array-0f197f89.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
-import Pagination from 'react-bootstrap/Pagination';
-import Button$1 from 'react-bootstrap/Button';
-import { h as html_decode_1 } from './entities-932b50cf.js';
-import DFPAdSlot from './AdSlot.js';
 import Row$1 from 'react-bootstrap/Row';
 import Col$1 from 'react-bootstrap/Col';
+import { m as moment } from './moment-e2f9b20c.js';
+import Router, { useRouter } from 'next/router';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-5f7e79e7.js';
+import { d as main_16, b as main_35, m as main_36 } from './main-e4a934b2.js';
+import { h as html_decode_1 } from './entities-7cc3bf45.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
+import Segment from './Segment.js';
+import Beam from './Beam.js';
+import DFPAdSlot from './AdSlot.js';
+import Button$1 from 'react-bootstrap/Button';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
+import GroupDeck from './GroupDeck.js';
+import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
+import { d as IoIosArrowDropupCircle } from './index.esm-29e48d38.js';
+import { u as util } from './util-7700fc59.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f53e4e.js';
 import Head from 'next/head';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a41fe93f.js';
-import { d as IoIosArrowDropupCircle } from './index.esm-f6156a57.js';
-import Figure$2 from 'react-bootstrap/Figure';
+import SocialShare from './SocialShare.js';
+import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
+import Pagination$1 from 'react-bootstrap/Pagination';
+import Figure$1$1 from 'react-bootstrap/Figure';
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
@@ -39,7 +39,7 @@ var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   Router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.slides,
       client = _ref.client,
       pageview = _ref.pageview;
@@ -78,7 +78,14 @@ var Slideshow$1 = function Slideshow(_ref) {
         return React__default.createElement(
           Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default.createElement(
+            'picture',
+            null,
+            React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default.createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
+          ),
           slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
@@ -90,18 +97,21 @@ var Slideshow$1 = function Slideshow(_ref) {
   );
 };
 
-// do not edit .js files directly - edit src/index.jst
-
-
+var isArray = Array.isArray;
+var keyList = Object.keys;
+var hasProp = Object.prototype.hasOwnProperty;
 
 var fastDeepEqual = function equal(a, b) {
   if (a === b) return true;
 
   if (a && b && typeof a == 'object' && typeof b == 'object') {
-    if (a.constructor !== b.constructor) return false;
+    var arrA = isArray(a)
+      , arrB = isArray(b)
+      , i
+      , length
+      , key;
 
-    var length, i, keys;
-    if (Array.isArray(a)) {
+    if (arrA && arrB) {
       length = a.length;
       if (length != b.length) return false;
       for (i = length; i-- !== 0;)
@@ -109,29 +119,35 @@ 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();
 
-    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 regexpA = a instanceof RegExp
+      , regexpB = b instanceof RegExp;
+    if (regexpA != regexpB) return false;
+    if (regexpA && regexpB) return a.toString() == b.toString();
 
-    keys = Object.keys(a);
+    var keys = keyList(a);
     length = keys.length;
-    if (length !== Object.keys(b).length) return false;
+
+    if (length !== keyList(b).length)
+      return false;
 
     for (i = length; i-- !== 0;)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+      if (!hasProp.call(b, keys[i])) return false;
 
     for (i = length; i-- !== 0;) {
-      var key = keys[i];
-
+      key = keys[i];
       if (!equal(a[key], b[key])) return false;
     }
 
     return true;
   }
 
-  // true if both NaN, false otherwise
   return a!==a && b!==b;
 };
 
@@ -669,14 +685,14 @@ function coerce(val) {
   return val;
 }
 });
-debug.coerce;
-debug.disable;
-debug.enable;
-debug.enabled;
-debug.humanize;
-debug.names;
-debug.skips;
-debug.formatters;
+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;
 
 var browser = createCommonjsModule(function (module, exports) {
 /**
@@ -865,13 +881,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-browser.log;
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.colors;
+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;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1146,14 +1162,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-node.init;
-node.log;
-node.formatArgs;
-node.save;
-node.load;
-node.useColors;
-node.colors;
-node.inspectOpts;
+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;
 
 var src = createCommonjsModule(function (module) {
 /**
@@ -1554,239 +1570,199 @@ module.exports = exports['default'];
 
 var youTubePlayer = unwrapExports(dist);
 
-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 _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"); } 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 _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); }
+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; }; }();
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-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 _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 _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 _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 _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
+/**
+ * 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
-  // update.
-
+  }
 
+  // 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;
 }
-/**
- * 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
- */
-
 
+/**
+ * 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
+ */
 function filterResetOptions(opts) {
-  return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+  return _extends({}, opts, {
+    playerVars: _extends({}, opts.playerVars, {
       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 = /*#__PURE__*/function (_React$Component) {
+var YouTube = 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);
 
-    _this = _super.call(this, props);
+    var _this = _possibleConstructorReturn(this, (YouTube.__proto__ || Object.getPrototypeOf(YouTube)).call(this, props));
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
+    _this.onPlayerReady = function (event) {
       return _this.props.onReady(event);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerError", function (event) {
+    _this.onPlayerError = function (event) {
       return _this.props.onError(event);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerStateChange", function (event) {
+    _this.onPlayerStateChange = function (event) {
       _this.props.onStateChange(event);
-
       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;
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackRateChange", function (event) {
+    _this.onPlayerPlaybackRateChange = function (event) {
       return _this.props.onPlaybackRateChange(event);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackQualityChange", function (event) {
+    _this.onPlayerPlaybackQualityChange = function (event) {
       return _this.props.onPlaybackQualityChange(event);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "createPlayer", function () {
+    _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 = _objectSpread(_objectSpread({}, _this.props.opts), {}, {
+      if (typeof document === 'undefined') return;
+      // create player
+      var playerOpts = _extends({}, _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);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "resetPlayer", function () {
+    _this.resetPlayer = function () {
       return _this.internalPlayer.destroy().then(_this.createPlayer);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "updatePlayer", function () {
+    _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');
       });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function () {
-      return _this.internalPlayer;
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "updateVideo", function () {
+    _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);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "refContainer", function (container) {
+    _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();
@@ -1801,58 +1777,112 @@ var YouTube = /*#__PURE__*/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#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.
      */
 
   }, {
-    key: "render",
+    key: 'render',
     value: function render() {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: this.props.containerClassName
-      }, /*#__PURE__*/React__default.createElement("div", {
-        id: this.props.id,
-        className: this.props.className,
-        ref: this.refContainer
-      }));
+      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 YouTube;
 }(React__default.Component);
 
-_defineProperty(YouTube, "PlayerState", {
-  UNSTARTED: -1,
-  ENDED: 0,
-  PLAYING: 1,
-  PAUSED: 2,
-  BUFFERING: 3,
-  CUED: 5
-});
-
 YouTube.propTypes = {
   videoId: PropTypes.string,
+
   // custom ID for player element
   id: PropTypes.string,
+
   // custom class name for player element
   className: PropTypes.string,
   // custom class name for player container element
   containerClassName: PropTypes.string,
+
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes.objectOf(PropTypes.any),
+
   // event subscriptions
   onReady: PropTypes.func,
   onError: PropTypes.func,
@@ -1864,7 +1894,6 @@ YouTube.propTypes = {
   onPlaybackQualityChange: PropTypes.func
 };
 YouTube.defaultProps = {
-  videoId: null,
   id: null,
   className: null,
   opts: {},
@@ -1878,6 +1907,14 @@ 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,
@@ -1916,8 +1953,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_18, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -1927,8 +1964,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_18, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -1941,8 +1978,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_18, duration, current, segment);
-    Segment.report_video_event('Video Play', main_18, duration, current, segment);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
+    Segment.report_video_event('Video Play', main_16, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -1961,8 +1998,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment);
-      Segment.report_video_event('Video End', main_18, duration, current, segment);
+      Beam.report_beam_video('End', main_16, duration, current, segment);
+      Segment.report_video_event('Video End', main_16, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -1975,8 +2012,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main_18, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
+    Beam.report_beam_video('Pause', main_16, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
   };
 
   return React__default.createElement(
@@ -2138,7 +2175,14 @@ var Media = function Media(_ref) {
         React__default.createElement(
           LazyLoad,
           { once: true },
-          React__default.createElement(Figure$1.Image, _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          React__default.createElement(
+            'picture',
+            null,
+            React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default.createElement('img', _extends$1({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          )
         ),
         caption && React__default.createElement(
           Figure$1.Caption,
@@ -2150,7 +2194,7 @@ var Media = function Media(_ref) {
   } else if (caption && caption !== '') {
     return React__default.createElement(
       'a',
-      _extends({}, uploadDoc.downloadMedia ? {
+      _extends$1({}, uploadDoc.downloadMedia ? {
         href: uploadDoc.asset.url + '?dl='
       } : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
         style: { paddingLeft: '4px', paddingRight: '4px' },
@@ -2205,8 +2249,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_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Ready', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'MP4');
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -2215,8 +2259,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_18, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'MP4');
+      Beam.report_beam_video('Segment', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
   };
@@ -2228,8 +2272,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_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Play', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main_16, duration, current, segment, 'MP4');
 
     if (!playReported) {
       event.persist();
@@ -2249,8 +2293,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main_18, duration, current, segment, 'MP4');
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main_16, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2262,8 +2306,8 @@ 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_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Pause', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
   };
 
   return React__default.createElement(
@@ -2324,7 +2368,7 @@ var Video = function Video(_ref) {
   var onVideoSuccess = function onVideoSuccess(success) {
     //console.log('success:', success.ref)
     var player = success.ref;
-    if (_typeof$1(player.ima3) === 'object' && player.ima3.settings && player.ima3.settings.serverUrl && targeting !== null) {
+    if (_typeof(player.ima3) === 'object' && player.ima3.settings && player.ima3.settings.serverUrl && targeting !== null) {
       player.ima3.settings.debug = true;
       if (targeting.content_placement && targeting.document_url) {
         player.ima3.settings.serverUrl = player.ima3.settings.serverUrl + '&cust_params=' + encodeURIComponent('content_placement=' + targeting.content_placement + '&document_url=' + targeting.document_url);
@@ -2352,8 +2396,8 @@ var Video = function Video(_ref) {
         player.pause();
       }
 
-      Beam.report_beam_video('Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -2362,8 +2406,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_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Play', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause
@@ -2372,8 +2416,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_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -2382,8 +2426,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_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video End', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
       autoplayNextVideo(evt);
     });
 
@@ -2394,8 +2438,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_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-        Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Beam.report_beam_video('Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -2406,8 +2450,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_18, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Started', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Started', main_16, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Started', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
@@ -2415,8 +2459,8 @@ 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_18, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Ended', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Ended', main_16, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Ended', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
 
@@ -2679,9 +2723,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 unwrapExports(props);
-props.DEPRECATED_CONFIG_PROPS;
-props.defaultProps;
-props.propTypes;
+var props_1 = props.DEPRECATED_CONFIG_PROPS;
+var props_2 = props.defaultProps;
+var props_3 = props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -2846,17 +2890,11 @@ 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
-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 (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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -2986,12 +3024,12 @@ function getSDK(url, sdkGlobal) {
 
 function getConfig(props$1, defaultProps, showWarning) {
   var config = (0, _deepmerge["default"])(defaultProps.config, props$1.config);
-
-  var _iterator = _createForOfIteratorHelper(props.DEPRECATED_CONFIG_PROPS),
-      _step;
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
 
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+    for (var _iterator = props.DEPRECATED_CONFIG_PROPS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var p = _step.value;
 
       if (props$1[p]) {
@@ -3006,9 +3044,18 @@ function getConfig(props$1, defaultProps, showWarning) {
       }
     }
   } catch (err) {
-    _iterator.e(err);
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
-    _iterator.f();
+    try {
+      if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+        _iterator["return"]();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
   }
 
   return config;
@@ -3116,17 +3163,17 @@ function isMediaStream(url) {
 });
 
 unwrapExports(utils);
-utils.parseStartTime;
-utils.parseEndTime;
-utils.randomString;
-utils.queryString;
-utils.getSDK;
-utils.getConfig;
-utils.omit;
-utils.callPlayer;
-utils.isObject;
-utils.isEqual;
-utils.isMediaStream;
+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;
 
 var Player_1 = createCommonjsModule(function (module, exports) {
 
@@ -3155,16 +3202,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -3173,12 +3216,14 @@ 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);
 
-  var _super = _createSuper(Player);
-
   function Player() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Player);
@@ -3187,7 +3232,7 @@ var Player = /*#__PURE__*/function (_Component) {
       _args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(_args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Player)).call.apply(_getPrototypeOf2, [this].concat(_args)));
 
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
 
@@ -3512,7 +3557,7 @@ var Player = /*#__PURE__*/function (_Component) {
         return null;
       }
 
-      return /*#__PURE__*/_react["default"].createElement(Player, _extends({}, this.props, {
+      return _react["default"].createElement(Player, _extends({}, this.props, {
         ref: this.ref,
         onReady: this.handleReady,
         onPlay: this.handlePlay,
@@ -3573,16 +3618,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -3594,12 +3635,14 @@ 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);
 
-    var _super = _createSuper(SinglePlayer);
-
     function SinglePlayer() {
+      var _getPrototypeOf2;
+
       var _this;
 
       _classCallCheck(this, SinglePlayer);
@@ -3608,7 +3651,7 @@ function createSinglePlayer(activePlayer) {
         args[_key] = arguments[_key];
       }
 
-      _this = _super.call.apply(_super, [this].concat(args));
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(SinglePlayer)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
       _defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
 
@@ -3676,12 +3719,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 /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
+        return _react["default"].createElement(Wrapper, _extends({
           style: _objectSpread({}, style, {
             width: width,
             height: height
           })
-        }, otherProps), /*#__PURE__*/_react["default"].createElement(_Player["default"], _extends({}, this.props, {
+        }, otherProps), _react["default"].createElement(_Player["default"], _extends({}, this.props, {
           ref: this.ref,
           activePlayer: activePlayer,
           config: this.config
@@ -3727,31 +3770,23 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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) || _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
-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 (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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -3776,12 +3811,14 @@ function parsePlaylist(url) {
   return {};
 }
 
-var YouTube = /*#__PURE__*/function (_Component) {
+var YouTube =
+/*#__PURE__*/
+function (_Component) {
   _inherits(YouTube, _Component);
 
-  var _super = _createSuper(YouTube);
-
   function YouTube() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, YouTube);
@@ -3790,7 +3827,7 @@ var YouTube = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(YouTube)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -3978,9 +4015,9 @@ var YouTube = /*#__PURE__*/function (_Component) {
         height: '100%',
         display: display
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, _react["default"].createElement("div", {
         ref: this.ref
       }));
     }
@@ -4003,7 +4040,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-YouTube_1.YouTube;
+var YouTube_2 = YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4036,16 +4073,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -4054,14 +4087,16 @@ 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);
 
-  var _super = _createSuper(SoundCloud);
-
   function SoundCloud() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, SoundCloud);
@@ -4070,7 +4105,7 @@ var SoundCloud = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(SoundCloud)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4191,7 +4226,7 @@ var SoundCloud = /*#__PURE__*/function (_Component) {
         height: '100%',
         display: display
       };
-      return /*#__PURE__*/_react["default"].createElement("iframe", {
+      return _react["default"].createElement("iframe", {
         ref: this.ref,
         src: "https://w.soundcloud.com/player/?url=".concat(encodeURIComponent(this.props.url)),
         style: style,
@@ -4220,7 +4255,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-SoundCloud_1.SoundCloud;
+var SoundCloud_2 = SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4253,16 +4288,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -4274,12 +4305,14 @@ 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);
 
-  var _super = _createSuper(Vimeo);
-
   function Vimeo() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Vimeo);
@@ -4288,7 +4321,7 @@ var Vimeo = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Vimeo)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4445,7 +4478,7 @@ var Vimeo = /*#__PURE__*/function (_Component) {
         overflow: 'hidden',
         display: display
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         key: this.props.url,
         ref: this.ref,
         style: style
@@ -4476,7 +4509,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-Vimeo_1.Vimeo;
+var Vimeo_2 = Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4505,16 +4538,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -4527,12 +4556,14 @@ 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);
 
-  var _super = _createSuper(Facebook);
-
   function Facebook() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Facebook);
@@ -4541,7 +4572,7 @@ var Facebook = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Facebook)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4657,7 +4688,7 @@ var Facebook = /*#__PURE__*/function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         style: style,
         id: this.playerID,
         className: "fb-video",
@@ -4688,7 +4719,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-Facebook_1.Facebook;
+var Facebook_2 = Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4717,16 +4748,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -4737,12 +4764,14 @@ 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);
 
-  var _super = _createSuper(Streamable);
-
   function Streamable() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Streamable);
@@ -4751,7 +4780,7 @@ var Streamable = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Streamable)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -4871,7 +4900,7 @@ var Streamable = /*#__PURE__*/function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return /*#__PURE__*/_react["default"].createElement("iframe", {
+      return _react["default"].createElement("iframe", {
         ref: this.ref,
         src: "https://streamable.com/o/".concat(id),
         frameBorder: "0",
@@ -4899,7 +4928,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-Streamable_1.Streamable;
+var Streamable_2 = Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -4932,16 +4961,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -4952,48 +4977,26 @@ 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);
 
-  var _super = _createSuper(Wistia);
-
   function Wistia() {
+    var _getPrototypeOf2;
+
     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 = _super.call.apply(_super, [this].concat(_args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Wistia)).call.apply(_getPrototypeOf2, [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');
     });
@@ -5015,13 +5018,17 @@ var Wistia = /*#__PURE__*/function (_Component) {
     value: function load(url) {
       var _this2 = this;
 
-      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;
+      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;
       (0, utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function () {
         window._wq = window._wq || [];
 
@@ -5038,28 +5045,19 @@ var Wistia = /*#__PURE__*/function (_Component) {
 
             _this2.unbind();
 
-            _this2.player.bind('play', _this2.onPlay);
+            _this2.player.bind('play', onPlay);
 
-            _this2.player.bind('pause', _this2.onPause);
+            _this2.player.bind('pause', onPause);
 
-            _this2.player.bind('seek', _this2.onSeek);
+            _this2.player.bind('seek', onSeek);
 
-            _this2.player.bind('end', _this2.onEnded);
+            _this2.player.bind('end', 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() {
@@ -5070,6 +5068,19 @@ var Wistia = /*#__PURE__*/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() {
@@ -5115,7 +5126,7 @@ var Wistia = /*#__PURE__*/function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         key: id,
         className: className,
         style: style
@@ -5142,7 +5153,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-Wistia_1.Wistia;
+var Wistia_2 = Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5175,16 +5186,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -5197,12 +5204,14 @@ 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);
 
-  var _super = _createSuper(Twitch);
-
   function Twitch() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Twitch);
@@ -5211,7 +5220,7 @@ var Twitch = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Twitch)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5332,7 +5341,7 @@ var Twitch = /*#__PURE__*/function (_Component) {
         width: '100%',
         height: '100%'
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         style: style,
         id: this.playerID
       });
@@ -5358,7 +5367,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-Twitch_1.Twitch;
+var Twitch_2 = Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5385,15 +5394,11 @@ 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) || _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
-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 _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
 
-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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -5403,16 +5408,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -5424,12 +5425,14 @@ 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);
 
-  var _super = _createSuper(DailyMotion);
-
   function DailyMotion() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, DailyMotion);
@@ -5438,7 +5441,7 @@ var DailyMotion = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DailyMotion)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5567,9 +5570,9 @@ var DailyMotion = /*#__PURE__*/function (_Component) {
         height: '100%',
         display: display
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, _react["default"].createElement("div", {
         ref: this.ref
       }));
     }
@@ -5594,7 +5597,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-DailyMotion_1.DailyMotion;
+var DailyMotion_2 = DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5627,16 +5630,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -5647,12 +5646,14 @@ 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);
 
-  var _super = _createSuper(Mixcloud);
-
   function Mixcloud() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Mixcloud);
@@ -5661,7 +5662,7 @@ var Mixcloud = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Mixcloud)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
 
@@ -5764,7 +5765,7 @@ var Mixcloud = /*#__PURE__*/function (_Component) {
       })); // We have to give the iframe a key here to prevent a
       // weird dialog appearing when loading a new track
 
-      return /*#__PURE__*/_react["default"].createElement("iframe", {
+      return _react["default"].createElement("iframe", {
         key: id,
         ref: this.ref,
         style: style,
@@ -5793,7 +5794,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-Mixcloud_1.Mixcloud;
+var Mixcloud_2 = Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -5824,33 +5825,23 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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/dist/hls.min.js';
+var HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION';
 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';
@@ -5859,11 +5850,12 @@ var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
 
 function canPlay(url) {
   if (url instanceof Array) {
-    var _iterator = _createForOfIteratorHelper(url),
-        _step;
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
 
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      for (var _iterator = url[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
         var item = _step.value;
 
         if (typeof item === 'string' && canPlay(item)) {
@@ -5875,9 +5867,18 @@ function canPlay(url) {
         }
       }
     } catch (err) {
-      _iterator.e(err);
+      _didIteratorError = true;
+      _iteratorError = err;
     } finally {
-      _iterator.f();
+      try {
+        if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+          _iterator["return"]();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
     }
 
     return false;
@@ -5901,12 +5902,14 @@ 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);
 
-  var _super = _createSuper(FilePlayer);
-
   function FilePlayer() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, FilePlayer);
@@ -5915,7 +5918,7 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
       _args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(_args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(FilePlayer)).call.apply(_getPrototypeOf2, [this].concat(_args)));
 
     _defineProperty(_assertThisInitialized(_this), "onReady", function () {
       var _this$props;
@@ -6002,19 +6005,19 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderSourceElement", function (source, index) {
       if (typeof source === 'string') {
-        return /*#__PURE__*/_react["default"].createElement("source", {
+        return _react["default"].createElement("source", {
           key: index,
           src: source
         });
       }
 
-      return /*#__PURE__*/_react["default"].createElement("source", _extends({
+      return _react["default"].createElement("source", _extends({
         key: index
       }, source));
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderTrack", function (track, index) {
-      return /*#__PURE__*/_react["default"].createElement("track", _extends({
+      return _react["default"].createElement("track", _extends({
         key: index
       }, track));
     });
@@ -6052,10 +6055,6 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeListeners(this.player);
-
-      if (this.hls) {
-        this.hls.destroy();
-      }
     }
   }, {
     key: "addListeners",
@@ -6186,6 +6185,10 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
     value: function stop() {
       this.player.removeAttribute('src');
 
+      if (this.hls) {
+        this.hls.destroy();
+      }
+
       if (this.dash) {
         this.dash.reset();
       }
@@ -6297,7 +6300,7 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
         width: width === 'auto' ? width : '100%',
         height: height === 'auto' ? height : '100%'
       };
-      return /*#__PURE__*/_react["default"].createElement(Element, _extends({
+      return _react["default"].createElement(Element, _extends({
         ref: this.ref,
         src: this.getSource(url),
         style: style,
@@ -6327,7 +6330,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-FilePlayer_1.FilePlayer;
+var FilePlayer_2 = FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -6387,16 +6390,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
@@ -6405,12 +6404,14 @@ 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);
 
-  var _super = _createSuper(Preview);
-
   function Preview() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, Preview);
@@ -6419,7 +6420,7 @@ var Preview = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Preview)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
 
@@ -6517,15 +6518,15 @@ var Preview = /*#__PURE__*/function (_Component) {
         }
       };
 
-      var defaultPlayIcon = /*#__PURE__*/_react["default"].createElement("div", {
+      var defaultPlayIcon = _react["default"].createElement("div", {
         style: styles.shadow,
         className: "react-player__shadow"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, _react["default"].createElement("div", {
         style: styles.playIcon,
         className: "react-player__play-icon"
       }));
 
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         style: styles.preview,
         className: "react-player__preview",
         onClick: onClick
@@ -6562,12 +6563,6 @@ 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',
@@ -6588,16 +6583,16 @@ var PRELOAD_PLAYERS = [{
 
 function renderPreloadPlayers(url, controls, config) {
   var players = [];
-
-  var _iterator = _createForOfIteratorHelper(PRELOAD_PLAYERS),
-      _step;
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
 
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+    for (var _iterator = PRELOAD_PLAYERS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var player = _step.value;
 
       if (!player.Player.canPlay(url) && config[player.configKey].preload) {
-        players.push( /*#__PURE__*/_react["default"].createElement(_Player["default"], {
+        players.push(_react["default"].createElement(_Player["default"], {
           key: player.Player.displayName,
           activePlayer: player.Player,
           url: player.url,
@@ -6609,9 +6604,18 @@ function renderPreloadPlayers(url, controls, config) {
       }
     }
   } catch (err) {
-    _iterator.e(err);
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
-    _iterator.f();
+    try {
+      if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+        _iterator["return"]();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
   }
 
   return players;
@@ -6735,17 +6739,13 @@ 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) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(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)) 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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -6753,16 +6753,12 @@ 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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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,12 +6768,14 @@ 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);
 
-  var _super = _createSuper(ReactPlayer);
-
   function ReactPlayer() {
+    var _getPrototypeOf2;
+
     var _this;
 
     _classCallCheck(this, ReactPlayer);
@@ -6786,7 +6784,7 @@ var ReactPlayer = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ReactPlayer)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
     _defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
 
@@ -6897,7 +6895,7 @@ var ReactPlayer = /*#__PURE__*/function (_Component) {
     key: "renderActivePlayer",
     value: function renderActivePlayer(url, activePlayer) {
       if (!url) return null;
-      return /*#__PURE__*/_react["default"].createElement(_Player4["default"], _extends({}, this.props, {
+      return _react["default"].createElement(_Player4["default"], _extends({}, this.props, {
         key: activePlayer.displayName,
         ref: this.activePlayerRef,
         config: this.config,
@@ -6934,14 +6932,14 @@ var ReactPlayer = /*#__PURE__*/function (_Component) {
       var preloadPlayers = (0, _preload["default"])(url, controls, this.config);
       var players = [renderedActivePlayer].concat(_toConsumableArray(preloadPlayers)).sort(this.sortPlayers);
 
-      var preview = /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
+      var preview = _react["default"].createElement(_Preview["default"], {
         url: url,
         light: light,
         playIcon: playIcon,
         onClick: this.handleClickPreview
       });
 
-      return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
+      return _react["default"].createElement(Wrapper, _extends({
         ref: this.wrapperRef,
         style: _objectSpread({}, style, {
           width: width,
@@ -7263,8 +7261,8 @@ 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_18, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
     //autoplay
 
     //Small pause before starting next video
@@ -7284,8 +7282,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment);
-      Segment.report_video_event('Video End', main_18, duration, current, segment);
+      Beam.report_beam_video('End', main_16, duration, current, segment);
+      Segment.report_video_event('Video End', main_16, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -7335,8 +7333,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_18, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -7349,8 +7347,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_18, duration, current, segment);
-    Segment.report_video_event('Video Play', main_18, duration, current, segment);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
+    Segment.report_video_event('Video Play', main_16, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -7368,8 +7366,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main_18, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
+    Beam.report_beam_video('Pause', main_16, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
   };
 
   // Youtube Options
@@ -7487,7 +7485,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'div',
       { className: 'vid-text' },
-      Videos[series - 1] && Videos[series - 1].text && React__default.createElement(BlockContent, _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.createElement(BlockContent, _extends$1({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
     React__default.createElement(
       'style',
@@ -7497,14 +7495,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-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 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 _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7638,22 +7636,22 @@ _export(_export.S, 'Object', {
   }
 });
 
-var values$1 = _core.Object.values;
+var values = _core.Object.values;
 
-var values = createCommonjsModule(function (module) {
-module.exports = { "default": values$1, __esModule: true };
+var values$1 = createCommonjsModule(function (module) {
+module.exports = { "default": values, __esModule: true };
 });
 
-var _Object$values = unwrapExports(values);
+var _Object$values = unwrapExports(values$1);
 
-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 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 _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7805,7 +7803,7 @@ var Poll = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_42 ? 4 : 10;
+var numberOfPaginations = main_35 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7924,33 +7922,33 @@ var Quiz = function Quiz(_ref) {
 
   var renderPagination = function renderPagination() {
     return React__default.createElement(
-      Pagination,
-      { className: 'p-0 m-0', size: main_42 && 'sm' },
-      React__default.createElement(Pagination.First, { onClick: function onClick() {
+      Pagination$1,
+      { className: 'p-0 m-0', size: main_35 && 'sm' },
+      React__default.createElement(Pagination$1.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
+      React__default.createElement(Pagination$1.Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination$1.Ellipsis, { onClick: function onClick() {
           return renderNewPages('prev');
         }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
       pages.map(function (page) {
         return React__default.createElement(
-          Pagination.Item,
+          Pagination$1.Item,
           { key: page, active: page === currentPage, onClick: function onClick() {
               return changePage(page);
             } },
           page
         );
       }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination$1.Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default.createElement(Pagination.Next, { onClick: function onClick() {
+      React__default.createElement(Pagination$1.Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React__default.createElement(Pagination.Last, { onClick: function onClick() {
+      React__default.createElement(Pagination$1.Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
@@ -8095,20 +8093,19 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var Slideshow = function Slideshow(_ref) {
+var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
       getSerializers = _ref.getSerializers;
 
   var router = useRouter();
-  var carouselRef = useRef(null);
   var pageNumber = router && router.asPath && router.asPath.split('?page=')[1];
 
   var _useState = useState(!pageNumber || isNaN(pageNumber) || pageNumber > slides.length ? 0 : pageNumber - 1),
       _useState2 = _slicedToArray(_useState, 2),
-      carouselIndex = _useState2[0];
-      _useState2[1];
+      carouselIndex = _useState2[0],
+      setCarouselIndex = _useState2[1];
 
   // useEffect(() => {
   //   let itemArr = router.asPath.split('?page=')
@@ -8129,14 +8126,12 @@ var Slideshow = function Slideshow(_ref) {
     var pageNumber = selectedIndex + 1;
     var href = '/view/' + router.query.url + '?page=' + pageNumber;
     router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
-    if (carouselRef) {
-      carouselRef.current.scrollIntoView();
-    }
+    setCarouselIndex(selectedIndex);
   };
 
   return React__default.createElement(
     'div',
-    { ref: carouselRef, className: 'mt-3 mb-4' },
+    { className: 'mt-3 mb-4' },
     React__default.createElement(
       Carousel,
       { activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
@@ -8149,9 +8144,25 @@ var Slideshow = function Slideshow(_ref) {
               'a',
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
               React__default.createElement(
-                LazyLoad,
-                null,
-                React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                'div',
+                { className: 'embed-responsive embed-responsive-slide' },
+                React__default.createElement(
+                  LazyLoad,
+                  null,
+                  React__default.createElement(
+                    'picture',
+                    null,
+                    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                    React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-responsive-item' })
+                  )
+                ),
+                React__default.createElement(
+                  'style',
+                  { jsx: 'true' },
+                  '\n                        .embed-responsive-slide::before {\n                          padding-top: ' + slide.slideshowImage.height / slide.slideshowImage.width * 100 + '%;\n                        }\n                      '
+                )
               )
             ),
             React__default.createElement(
@@ -8238,7 +8249,7 @@ var MultiMedia = function MultiMedia(props) {
             { xs: 12, md: 12 / medias.length, key: media._key },
             React__default.createElement(
               'a',
-              _extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
+              _extends$1({}, 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(
                 'div',
@@ -8246,7 +8257,14 @@ var MultiMedia = function MultiMedia(props) {
                 imageBox && React__default.createElement(
                   LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
+                  React__default.createElement(
+                    'picture',
+                    null,
+                    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                    React__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(
                   'span',
@@ -8526,7 +8544,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
-      return React__default.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
+      return React__default.createElement(BlockContent, _extends$1({ serializers: getSerializers, blocks: [biography] }, client.config()));
     }
   };
 
@@ -8612,7 +8630,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_43) {
+      if (main_36) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8636,7 +8654,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_43) {
+    if (!main_36) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8644,7 +8662,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_43) {
+    if (main_36) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8713,7 +8731,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React__default.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_43 && Ads.map(function (ad, index) {
+      main_36 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React__default.createElement(
             'div',
@@ -8804,7 +8822,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
               React__default.createElement(
                 'div',
                 { className: 'mt-2 mb-2' },
-                React__default.createElement(BlockContent, _extends({
+                React__default.createElement(BlockContent, _extends$1({
                   serializers: getSerializers,
                   videoAccountIDs: accountIDs,
                   blocks: article.text,
@@ -8835,7 +8853,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_36 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React__default.createElement(
                     'div',
@@ -8922,7 +8940,7 @@ var FigureImage = React__default.memo(function (_ref2) {
     React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
     React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
     React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
-    React__default.createElement('img', _extends({
+    React__default.createElement('img', _extends$1({
       style: figureImageStyle,
       className: 'figure-image',
       src: urlFor({ source: node, client: client }),
@@ -9037,7 +9055,7 @@ var FigureComponent = function FigureComponent(props) {
     React__default.Fragment,
     null,
     React__default.createElement(
-      Figure$2,
+      Figure$1$1,
       { className: '' + class_name, style: figureStyle },
       link ? React__default.createElement(
         'a',
@@ -9084,6 +9102,33 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
+var FigureImage$1 = React__default.memo(function (_ref) {
+  var imagesCount = _ref.imagesCount,
+      image = _ref.image,
+      client = _ref.client,
+      imgAlt = _ref.imgAlt,
+      link = _ref.link,
+      handleClickFigure = _ref.handleClickFigure;
+
+  return React__default.createElement(
+    'picture',
+    null,
+    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default.createElement('img', _extends$1({
+      'images-count': imagesCount,
+      className: 'multi-figure-image',
+      src: urlFor({ source: image, client: client }),
+      alt: imgAlt ? imgAlt : 'multi figure'
+    }, !link && {
+      onClick: function onClick() {
+        return handleClickFigure(image, client);
+      }
+    }))
+  );
+});
+
 var MultiFigure = function MultiFigure(props) {
   var images = props.node.images,
       client = props.client,
@@ -9103,9 +9148,9 @@ var MultiFigure = function MultiFigure(props) {
   var lightboxContainer = useRef(null);
   useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
 
-  var FigureCaption = function FigureCaption(_ref) {
-    var caption = _ref.caption,
-        imgcaption = _ref.imgcaption;
+  var FigureCaption = function FigureCaption(_ref2) {
+    var caption = _ref2.caption,
+        imgcaption = _ref2.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
       return React__default.createElement(
@@ -9118,6 +9163,11 @@ var MultiFigure = function MultiFigure(props) {
     } else return null;
   };
 
+  var handleClickFigure = useCallback(function (image, client) {
+    setOpenImgSrc(urlFor({ source: image, client: client }));
+    setOpenImg(true);
+  }, [client]);
+
   if (images && images.length > 0) {
     return React__default.createElement(
       'div',
@@ -9131,14 +9181,14 @@ var MultiFigure = function MultiFigure(props) {
             { xs: 12, md: 12 / images.length, key: index },
             image.link ? React__default.createElement(
               'a',
-              _extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
+              _extends$1({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
               React__default.createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
                 React__default.createElement(
                   LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
+                  React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                 ),
                 React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9148,16 +9198,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default.createElement(
                 LazyLoad,
                 { once: true },
-                React__default.createElement('img', {
-                  'images-count': images.length,
-                  className: 'multi-figure-image',
-                  src: urlFor({ source: image.asset, client: client }),
-                  alt: image.alt,
-                  onClick: function onClick() {
-                    setOpenImgSrc(urlFor({ source: image, client: client }));
-                    setOpenImg(true);
-                  }
-                })
+                React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
               ),
               React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
             )
@@ -9172,7 +9213,7 @@ var MultiFigure = function MultiFigure(props) {
       React__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        '
+        '\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            cursor: pointer;\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        '
       )
     );
   }
@@ -9223,7 +9264,7 @@ exports.__esModule = true;
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1);
+var _extends3 = _interopRequireDefault(_extends$2);
 
 
 
@@ -9392,9 +9433,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;
-            _props3.isHydrating;
-            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
+        var _props3 = this.props,
+            isHydrating = _props3.isHydrating,
+            tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
 
         return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
                 return _this2.domRef = tag;
@@ -9467,7 +9508,7 @@ var FormAssembly = function FormAssembly(props) {
   useEffect(function () {
     if (FormID) {
       var src = 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID;
-      var anonymousID = analytics.user() && analytics.user().anonymousId();
+      var anonymousID = typeof analytics !== 'undefined' && analytics.user() && analytics.user().anonymousId();
       if (anonymousID && needSegmentSupport) {
         src = src + '?tfa_1=' + anonymousID;
       }
@@ -9536,7 +9577,7 @@ var BlockTable = function BlockTable(props) {
             return React__default.createElement(
               'div',
               { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
-              React__default.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
+              React__default.createElement(BlockContent, _extends$1({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
         );
@@ -9664,7 +9705,7 @@ var getSerializers = function getSerializers() {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React__default.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
+        return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
@@ -9702,12 +9743,12 @@ var getSerializers = function getSerializers() {
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React__default.createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React__default.createElement(Poll, { 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, {
+        return React__default.createElement(Poll$1, {
           node: node,
           client: client,
           pageview: pageview,
@@ -9733,7 +9774,7 @@ var getSerializers = function getSerializers() {
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React__default.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;