@mjhls/mjh-framework 1.0.249 → 1.0.251

package/dist/esm/index.js

@@ -18,25 +18,25 @@ import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visib
 import Link from 'next/link';
 import Router, { useRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import './index-5f9f807a.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-fb853576.js';
-export { D as AdSlot, B as Beam } from './AdSlot-fb853576.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-0f82b407.js';
+export { D as AdSlot, B as Beam } from './AdSlot-0f82b407.js';
 import './promise-683a9c54.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b2201dc8.js';
-export { A as AD, G as GridContent } from './GridContent-3711b837.js';
+export { A as AD, G as GridContent } from './GridContent-9e96754b.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-ee1a22ae.js';
-export { T as TaxonomyCard } from './TaxonomyCard-ee1a22ae.js';
+import { B as BlockContent } from './TaxonomyCard-2d0ab635.js';
+export { T as TaxonomyCard } from './TaxonomyCard-2d0ab635.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
-import { g as getYoutubeId } from './YoutubeGroup-1b3eca73.js';
-export { Y as YoutubeGroup } from './YoutubeGroup-1b3eca73.js';
+import { g as getYoutubeId } from './YoutubeGroup-78d93d44.js';
+export { Y as YoutubeGroup } from './YoutubeGroup-78d93d44.js';
 import { Spinner as Spinner$1, Container as Container$1, Row as Row$1, Col as Col$1, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card } from 'react-bootstrap';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
@@ -48,8 +48,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-b0b212a3.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-b0b212a3.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-dfda02dc.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-dfda02dc.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -60,6 +60,7 @@ import 'react-bootstrap/Navbar';
 import 'react-bootstrap/NavDropdown';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
+import Modal from 'react-bootstrap/Modal';
 import Pagination from 'react-bootstrap/Pagination';
 import Carousel$1 from 'react-bootstrap/Carousel';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
@@ -2837,6 +2838,210 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
   );
 };
 
+var ADFloatingFooter = function ADFloatingFooter(_ref) {
+  var title = _ref.title,
+      floatingAd = _ref.floatingAd,
+      minScreenWidth = _ref.minScreenWidth;
+  var className = floatingAd.className,
+      slotId = floatingAd.slotId,
+      adUnit = floatingAd.adUnit,
+      _floatingAd$targeting = floatingAd.targeting,
+      targeting = _floatingAd$targeting === undefined ? {} : _floatingAd$targeting,
+      position = floatingAd.position,
+      networkID = floatingAd.networkID,
+      sizes = floatingAd.sizes;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  var adTargeting = void 0;
+  if (position && position.length > 0) {
+    adTargeting = {
+      content_placement: targeting.content_placement,
+      document_url: targeting.document_url,
+      pos: [position]
+    };
+  }
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setShowAd(true);
+    }
+  }, [minScreenWidth]);
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    showAd && React__default.createElement(
+      'div',
+      { className: 'floating-ad-wrapper ' + title },
+      React__default.createElement(DFPAdSlot, { className: className, slotId: slotId, networkID: networkID, sizes: sizes, adUnit: adUnit, targeting: adTargeting, refreshFlag: false }),
+      React__default.createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return setShowAd(false);
+          } },
+        'x'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .floating-ad-wrapper {\n            width: auto;\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
+var ADGutter = function ADGutter(_ref) {
+  var title = _ref.title,
+      gutterAd = _ref.gutterAd,
+      minScreenWidth = _ref.minScreenWidth;
+  var className = gutterAd.className,
+      slotId = gutterAd.slotId,
+      adUnit = gutterAd.adUnit,
+      _gutterAd$targeting = gutterAd.targeting,
+      targeting = _gutterAd$targeting === undefined ? {} : _gutterAd$targeting,
+      position = gutterAd.position,
+      networkID = gutterAd.networkID,
+      sizes = gutterAd.sizes;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  var adTargeting = void 0;
+  if (position && position.length > 0) {
+    adTargeting = {
+      content_placement: targeting.content_placement,
+      document_url: targeting.document_url,
+      pos: [position]
+    };
+  }
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setShowAd(true);
+    }
+  }, [minScreenWidth]);
+
+  if (showAd) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      showAd && React__default.createElement(
+        'div',
+        { className: 'gutter-ad-wrapper ' + title },
+        React__default.createElement(
+          'div',
+          { className: 'gutter-ad' },
+          React__default.createElement(DFPAdSlot, { className: className, slotId: slotId, networkID: networkID, sizes: sizes, adUnit: adUnit, targeting: adTargeting, refreshFlag: false })
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .gutter-ad-wrapper {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            z-index: 999;\n          }\n          .gutter-ad {\n            width: 150px;\n            position: relative;\n            top: 50;\n          }\n        '
+      )
+    );
+  } else return null;
+};
+
+var ADWelcome = function ADWelcome(_ref) {
+  var title = _ref.title,
+      welcomeAd = _ref.welcomeAd,
+      setFlag = _ref.setFlag,
+      Website = _ref.Website,
+      counter = _ref.counter;
+  var className = welcomeAd.className,
+      slotId = welcomeAd.slotId,
+      adUnit = welcomeAd.adUnit,
+      _welcomeAd$targeting = welcomeAd.targeting,
+      targeting = _welcomeAd$targeting === undefined ? {} : _welcomeAd$targeting,
+      position = welcomeAd.position,
+      networkID = welcomeAd.networkID,
+      sizes = welcomeAd.sizes;
+
+
+  var adTargeting = void 0;
+  if (position && position.length > 0) {
+    adTargeting = {
+      content_placement: targeting.content_placement,
+      document_url: targeting.document_url,
+      pos: [position]
+    };
+  }
+
+  var calculateTimeLeft = function calculateTimeLeft(timeLeft) {
+    return --timeLeft;
+  };
+
+  var _useState = useState(calculateTimeLeft(counter)),
+      _useState2 = _slicedToArray(_useState, 2),
+      timeLeft = _useState2[0],
+      setTimeLeft = _useState2[1];
+
+  useEffect(function () {
+    if (timeLeft > 0) {
+      setTimeout(function () {
+        setTimeLeft(calculateTimeLeft(timeLeft));
+      }, 1000);
+    } else {
+      setFlag(true);
+    }
+  });
+
+  return React__default.createElement(
+    Modal,
+    { show: true, 'aria-labelledby': 'contained-modal-title-vcenter', backdrop: 'static', style: { outline: 'none' }, dialogClassName: 'welcome-modal' },
+    React__default.createElement(
+      'div',
+      { className: 'right-top', style: { position: 'absolute', top: 0, right: 0, textAlign: 'center', margin: '2rem' } },
+      React__default.createElement(
+        'span',
+        {
+          className: 'continue-site',
+          style: {
+            fontSize: '1.2rem',
+            fontWeight: 'bold',
+            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+          },
+          onClick: function onClick() {
+            setFlag(true);
+          } },
+        'CONTINUE TO SITE >'
+      ),
+      React__default.createElement(
+        'p',
+        {
+          style: {
+            fontSize: '0.8rem',
+            fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+          },
+          className: 'timer-block' },
+        'OR WAIT ' + timeLeft + ' SECS'
+      )
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'left-top', style: { position: 'absolute', top: 0, left: 0, maxWidth: '200px', margin: '2rem' } },
+      React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
+    ),
+    React__default.createElement(
+      Modal.Body,
+      { className: title, style: { position: 'relative', width: '300px', height: '250px', margin: 'auto', top: '10rem' } },
+      React__default.createElement(DFPAdSlot, { className: className, slotId: slotId, networkID: networkID, sizes: sizes, adUnit: adUnit, targeting: adTargeting, refreshFlag: false })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        @media (min-width: 1200px) {\n          .modal-backdrop {\n            display: block;\n          }\n          .modal-content {\n            display: block;\n          }\n        }\n      '
+    )
+  );
+};
+
 var urlFor$1 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
@@ -3046,18 +3251,21 @@ var Slideshow = 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;)
@@ -3065,29 +3273,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;
 };
 
@@ -4110,7 +4324,7 @@ function formatValue(ctx, value, recurseTimes) {
   var base = '', array = false, braces = ['{', '}'];
 
   // Make Array say that they are Array
-  if (isArray(value)) {
+  if (isArray$1(value)) {
     array = true;
     braces = ['[', ']'];
   }
@@ -4289,7 +4503,7 @@ function reduceToSingleString(output, base, braces) {
 
 // NOTE: These type checking functions intentionally don't use `instanceof`
 // because it is fragile and can be easily faked with `Object.create()`.
-function isArray(ar) {
+function isArray$1(ar) {
   return Array.isArray(ar);
 }
 
@@ -4416,7 +4630,7 @@ var util = {
   isNullOrUndefined: isNullOrUndefined,
   isNull: isNull,
   isBoolean: isBoolean,
-  isArray: isArray,
+  isArray: isArray$1,
   inspect: inspect,
   deprecate: deprecate,
   format: format,
@@ -5083,235 +5297,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 _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); }
+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 _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); }
+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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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({}, opts, {
-    playerVars: _objectSpread({}, opts.playerVars, {
+  return _extends({}, opts, {
+    playerVars: _extends({}, opts.playerVars, {
       autoplay: 0,
       start: 0,
       end: 0
     })
   });
 }
-/**
- * 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({}, _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), "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();
@@ -5326,58 +5504,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,
@@ -5389,7 +5621,6 @@ YouTube.propTypes = {
   onPlaybackQualityChange: PropTypes.func
 };
 YouTube.defaultProps = {
-  videoId: null,
   id: null,
   className: null,
   opts: {},
@@ -5403,6 +5634,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;
@@ -5424,11 +5663,6 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       intervalID = _useState6[0],
       setIntervalID = _useState6[1];
 
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      segmentData = _useState8[0],
-      setSegemntData = _useState8[1];
-
   var queueProgress = [];
 
   var opts = {
@@ -5438,12 +5672,14 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     }
   };
 
-  useEffect(function () {
-    if (segmentData) {
-      console.log('Video Segment', segmentData);
-      Beam.report_beam_video('Segment', main_16, segmentData.duration, segmentData.current, segmentData.segment);
-    }
-  }, [segmentData]);
+  var handleOnReady = function handleOnReady(event) {
+    var player = event.target;
+    var current = player.getCurrentTime();
+    var duration = player.getDuration();
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+  };
 
   var handlePlayPercent = function handlePlayPercent(player) {
     var current = player.getCurrentTime();
@@ -5452,28 +5688,22 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      setSegemntData({
-        current: current,
-        duration: duration,
-        queue: queue,
-        segment: segment
-      });
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
 
   var handleOnPlay = function handleOnPlay(event) {
     // report play 
-    if (!playReported) {
-      console.log('Video Play', event);
+    var player = event.target;
+    var current = player.getCurrentTime();
+    var duration = player.getDuration();
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
 
-      var player = event.target;
-      var current = player.getCurrentTime();
-      var duration = player.getDuration();
-      var queue = Math.floor(duration / 10);
-      var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
 
-      Beam.report_beam_video('Play', main_16, duration, current, segment);
+    if (!playReported) {
       setPlayReported(true);
       var _intervalID = setInterval(function () {
         handlePlayPercent(event.target);
@@ -5484,7 +5714,6 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
 
   var handleOnEnd = function handleOnEnd(event) {
     if (!endReported) {
-      console.log('Video End', event);
       var player = event.target;
       var current = player.getCurrentTime();
       var duration = player.getDuration();
@@ -5498,7 +5727,6 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
   };
 
   var handleOnPause = function handleOnPause(event) {
-    console.log('Video Pause');
     var player = event.target;
     var current = player.getCurrentTime();
     var duration = player.getDuration();
@@ -5508,7 +5736,7 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     Beam.report_beam_video('Pause', main_16, duration, current, segment);
   };
 
-  return React__default.createElement(YouTube, { videoId: id, opts: opts, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd });
+  return React__default.createElement(YouTube, { videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd });
 };
 
 var Sidebar = function Sidebar(_ref) {
@@ -6437,8 +6665,8 @@ var window_1 = win;
 
 /*! @name @brightcove/react-player-loader @version 1.4.0 @license Apache-2.0 */
 
-function _extends() {
-  _extends = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -6452,7 +6680,7 @@ function _extends() {
     return target;
   };
 
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 function _inheritsLoose(subClass, superClass) {
@@ -6461,7 +6689,7 @@ function _inheritsLoose(subClass, superClass) {
   subClass.__proto__ = superClass;
 }
 
-function _assertThisInitialized$1(self) {
+function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
@@ -6471,8 +6699,8 @@ function _assertThisInitialized$1(self) {
 
 /*! @name @brightcove/player-loader @version 1.7.1 @license Apache-2.0 */
 
-function _extends$1() {
-  _extends$1 = Object.assign || function (target) {
+function _extends$1$1() {
+  _extends$1$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -6486,7 +6714,7 @@ function _extends$1() {
     return target;
   };
 
-  return _extends$1.apply(this, arguments);
+  return _extends$1$1.apply(this, arguments);
 }
 
 var version$1 = "1.7.1";
@@ -6494,7 +6722,7 @@ var version$1 = "1.7.1";
 /*! @name @brightcove/player-url @version 1.2.0 @license Apache-2.0 */
 var version$1$1 = "1.2.0";
 
-var _typeof$1 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
   return typeof obj;
 } : function (obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
@@ -6629,7 +6857,7 @@ var brightcovePlayerUrl = function brightcovePlayerUrl(_ref) {
 
   var qs = '';
 
-  if (iframe && queryParams && (typeof queryParams === 'undefined' ? 'undefined' : _typeof$1(queryParams)) === 'object') {
+  if (iframe && queryParams && (typeof queryParams === 'undefined' ? 'undefined' : _typeof(queryParams)) === 'object') {
     qs = getQueryString(queryParams);
   }
 
@@ -6863,7 +7091,7 @@ var wrapResponsive = function wrapResponsive(embedType, embedOptions, el) {
   el.style.width = '100%';
   el.style.height = '100%';
 
-  var responsive = _extends$1({
+  var responsive = _extends$1$1({
     aspectRatio: DEFAULT_ASPECT_RATIO,
     iframeHorizontalPlaylist: DEFAULT_IFRAME_HORIZONTAL_PLAYLIST,
     maxWidth: DEFAULT_MAX_WIDTH
@@ -7548,7 +7776,7 @@ var loadPlayer = function loadPlayer(params, resolve, reject) {
 
 
 var brightcovePlayerLoader = function brightcovePlayerLoader(parameters) {
-  var params = _extends$1({}, DEFAULTS, parameters);
+  var params = _extends$1$1({}, DEFAULTS, parameters);
 
   var Promise = params.Promise,
       onSuccess = params.onSuccess,
@@ -7690,7 +7918,7 @@ function (_React$Component) {
       _this.refNode = ref;
     };
 
-    _this.loadPlayer = _this.loadPlayer.bind(_assertThisInitialized$1(_this));
+    _this.loadPlayer = _this.loadPlayer.bind(_assertThisInitialized(_this));
     return _this;
   }
   /**
@@ -7711,7 +7939,7 @@ function (_React$Component) {
     var userSuccess = this.props.onSuccess;
     var userFailure = this.props.onFailure;
 
-    var options = _extends({}, this.props, {
+    var options = _extends$1({}, this.props, {
       refNode: this.refNode,
       refNodeInsert: 'append',
       onSuccess: function onSuccess(_ref) {
@@ -8020,7 +8248,7 @@ function (_React$Component) {
   ;
 
   _proto.render = function render() {
-    var props = _extends({
+    var props = _extends$1({
       className: 'brightcove-react-player-loader'
     }, this.props.attrs, {
       ref: this.setRefNode
@@ -8434,17 +8662,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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _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; }
 
@@ -8574,12 +8796,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]) {
@@ -8594,9 +8816,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;
@@ -8743,16 +8974,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); }
@@ -8761,12 +8988,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);
@@ -8775,7 +9004,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);
 
@@ -9100,7 +9329,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,
@@ -9161,16 +9390,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); }
@@ -9182,12 +9407,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);
@@ -9196,7 +9423,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));
 
@@ -9264,12 +9491,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
@@ -9315,31 +9542,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 _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; }
 
@@ -9364,12 +9583,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);
@@ -9378,7 +9599,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);
 
@@ -9566,9 +9787,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
       }));
     }
@@ -9624,16 +9845,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); }
@@ -9642,14 +9859,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);
@@ -9658,7 +9877,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);
 
@@ -9779,7 +9998,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,
@@ -9841,16 +10060,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); }
@@ -9862,12 +10077,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);
@@ -9876,7 +10093,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);
 
@@ -10033,7 +10250,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
@@ -10093,16 +10310,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); }
@@ -10115,12 +10328,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);
@@ -10129,7 +10344,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);
 
@@ -10245,7 +10460,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",
@@ -10305,16 +10520,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); }
@@ -10325,12 +10536,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);
@@ -10339,7 +10552,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);
 
@@ -10459,7 +10672,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",
@@ -10520,16 +10733,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); }
@@ -10540,48 +10749,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');
     });
@@ -10603,13 +10790,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 || [];
 
@@ -10626,28 +10817,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() {
@@ -10658,6 +10840,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() {
@@ -10703,7 +10898,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
@@ -10763,16 +10958,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); }
@@ -10785,12 +10976,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);
@@ -10799,7 +10992,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);
 
@@ -10920,7 +11113,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
       });
@@ -10973,15 +11166,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 _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; }
 
@@ -10991,16 +11180,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); }
@@ -11012,12 +11197,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);
@@ -11026,7 +11213,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);
 
@@ -11155,9 +11342,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
       }));
     }
@@ -11215,16 +11402,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); }
@@ -11235,12 +11418,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);
@@ -11249,7 +11434,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);
 
@@ -11352,7 +11537,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,
@@ -11412,33 +11597,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';
@@ -11447,11 +11622,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)) {
@@ -11463,9 +11639,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;
@@ -11489,12 +11674,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);
@@ -11503,7 +11690,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;
@@ -11590,19 +11777,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));
     });
@@ -11640,10 +11827,6 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeListeners(this.player);
-
-      if (this.hls) {
-        this.hls.destroy();
-      }
     }
   }, {
     key: "addListeners",
@@ -11774,6 +11957,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();
       }
@@ -11885,7 +12072,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,
@@ -11975,16 +12162,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); }
@@ -11993,12 +12176,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);
@@ -12007,7 +12192,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);
 
@@ -12105,15 +12290,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
@@ -12150,12 +12335,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',
@@ -12176,16 +12355,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,
@@ -12197,9 +12376,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;
@@ -12323,17 +12511,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 _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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
 
-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"); } }
 
@@ -12341,16 +12525,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); }
@@ -12360,12 +12540,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);
@@ -12374,7 +12556,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));
 
@@ -12485,7 +12667,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,
@@ -12522,14 +12704,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,
@@ -12642,34 +12824,29 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       intervalID = _useState6[0],
       setIntervalID = _useState6[1];
 
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      segmentData = _useState8[0],
-      setSegemntData = _useState8[1];
-
   var queueProgress = [];
 
   //state
 
-  var _useState9 = useState(''),
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      vidUrl = _useState8[0],
+      setVidUrl = _useState8[1];
+
+  var _useState9 = useState('youtube'),
       _useState10 = _slicedToArray(_useState9, 2),
-      vidUrl = _useState10[0],
-      setVidUrl = _useState10[1];
+      vidType = _useState10[0],
+      setVidType = _useState10[1];
 
-  var _useState11 = useState('youtube'),
+  var _useState11 = useState(''),
       _useState12 = _slicedToArray(_useState11, 2),
-      vidType = _useState12[0],
-      setVidType = _useState12[1];
+      series = _useState12[0],
+      setSeries = _useState12[1];
 
-  var _useState13 = useState(''),
+  var _useState13 = useState([]),
       _useState14 = _slicedToArray(_useState13, 2),
-      series = _useState14[0],
-      setSeries = _useState14[1];
-
-  var _useState15 = useState([]),
-      _useState16 = _slicedToArray(_useState15, 2),
-      seriesData = _useState16[0],
-      setData = _useState16[1];
+      seriesData = _useState14[0],
+      setData = _useState14[1];
   //variables
 
 
@@ -12714,13 +12891,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     setData(data);
   }, []);
 
-  useEffect(function () {
-    if (segmentData) {
-      console.log('Video Segment', segmentData);
-      Beam.report_beam_video('Segment', main_16, segmentData.duration, segmentData.current, segmentData.segment);
-    }
-  }, [segmentData]);
-
   function toggleSeries() {
     var series = document.querySelector('.vid-series');
     if (series.classList.contains('active')) {
@@ -12742,10 +12912,18 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     setSeries(vidIndex);
   }
 
+  var handleOnReady = function handleOnReady(event) {
+    var player = event.target;
+    var current = player.getCurrentTime();
+    var duration = player.getDuration();
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+  };
+
   // Handle video end
   function handleOnEnd(e) {
     if (!endReported) {
-      console.log('Video End', e);
       var player = e.target;
       var current = player.getCurrentTime();
       var duration = player.getDuration();
@@ -12794,28 +12972,22 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      setSegemntData({
-        current: current,
-        duration: duration,
-        queue: queue,
-        segment: segment
-      });
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
 
   var handleOnPlay = function handleOnPlay(event) {
     // report play 
-    if (!playReported) {
-      console.log('Video Play', event);
+    var player = event.target;
+    var current = player.getCurrentTime();
+    var duration = player.getDuration();
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
 
-      var player = event.target;
-      var current = player.getCurrentTime();
-      var duration = player.getDuration();
-      var queue = Math.floor(duration / 10);
-      var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
 
-      Beam.report_beam_video('Play', main_16, duration, current, segment);
+    if (!playReported) {
       setPlayReported(true);
       var _intervalID = setInterval(function () {
         handlePlayPercent(event.target);
@@ -12825,7 +12997,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   };
 
   var handleOnPause = function handleOnPause(event) {
-    console.log('Video Pause');
     var player = event.target;
     var current = player.getCurrentTime();
     var duration = player.getDuration();
@@ -12849,7 +13020,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'div',
       { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
+      vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
           return handleOnEnd(e);
         } }) : React__default.createElement(
         'video',
@@ -13847,16 +14018,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === undefined ? '' : _ref$className;
 
-  /*
-  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
-  example:
-  <RelatedTopicDropdown 
-      page='/clinical' 
-      exclude="clinical" 
-      className='mb-3' 
-      parentTaxonomy={props.parentTaxonomy} 
-      subTaxonomies={props.subTaxonomies} 
-  />
+  /*
+  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
+  example:
+  <RelatedTopicDropdown 
+      page='/clinical' 
+      exclude="clinical" 
+      className='mb-3' 
+      parentTaxonomy={props.parentTaxonomy} 
+      subTaxonomies={props.subTaxonomies} 
+  />
   */
   if (subTaxonomies.length === 0 && parentTaxonomy) {
     if (parentTaxonomy.identifier == exclude) {
@@ -13894,19 +14065,19 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
   }
 };
 
-/*
-This dropdown is used inside Article body to display related content placement pages
- sample usage: <ArticleDetailDropdown contentPlacement={content_placement} exclude={['News',]} />
-
- in article query, need to add '...' to content_placement to retreive additional info needed
-
- 'content_placement': taxonomyMapping[]-> {
-    ...,
-    'ancestor': parent->parent->identifier,
-    'parent': parent->identifier,
-    'path': identifier
-  }
-
+/*
+This dropdown is used inside Article body to display related content placement pages
+ sample usage: <ArticleDetailDropdown contentPlacement={content_placement} exclude={['News',]} />
+
+ in article query, need to add '...' to content_placement to retreive additional info needed
+
+ 'content_placement': taxonomyMapping[]-> {
+    ...,
+    'ancestor': parent->parent->identifier,
+    'parent': parent->identifier,
+    'path': identifier
+  }
+
 */
 
 var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
@@ -14739,34 +14910,34 @@ var GridHero = function GridHero(props) {
   );
 };
 
-/*
-Sample query
-                let references = ''
-                if(article.taxonomyMapping.length > 0){
-                    article.taxonomyMapping.forEach((ref, index) => {
-                    references = references + `references('${ref._ref}') `
-                    if(index+1 !== article.taxonomyMapping.length){
-                        references = references + ` && `
-                    }
-                    })
-                }
-                
-                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    authorMapping[]->,
-                    contentCategory->
-                }`
-                const relatedArticles = await client.fetch(relatedArticlesQuery)
-
-Sample usage
-            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
-
-
+/*
+Sample query
+                let references = ''
+                if(article.taxonomyMapping.length > 0){
+                    article.taxonomyMapping.forEach((ref, index) => {
+                    references = references + `references('${ref._ref}') `
+                    if(index+1 !== article.taxonomyMapping.length){
+                        references = references + ` && `
+                    }
+                    })
+                }
+                
+                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    authorMapping[]->,
+                    contentCategory->
+                }`
+                const relatedArticles = await client.fetch(relatedArticlesQuery)
+
+Sample usage
+            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
+
+
 */
 var RelatedContent = function RelatedContent(props) {
   var client = props.client,
@@ -14833,21 +15004,21 @@ var RelatedContent = function RelatedContent(props) {
   );
 };
 
-/*
-Example usage - targetedonc.com/latest-conference
-const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    documentGroup->,
-                    contentCategory->,
-                    'pageNumber': ${currentPage}
-                  }`
-
-  const posts = await client.fetch(query, params)
+/*
+Example usage - targetedonc.com/latest-conference
+const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    documentGroup->,
+                    contentCategory->,
+                    'pageNumber': ${currentPage}
+                  }`
+
+  const posts = await client.fetch(query, params)
 */
 
 var ConferenceArticleCard = function ConferenceArticleCard(props) {
@@ -15474,27 +15645,27 @@ var _initialiseProps = function _initialiseProps() {
 };
 
 var KMTracker = function KMTracker(props) {
-      var id = props.id;
+  var id = props.id;
 
-      if (document) {
+  if (document && id) {
 (function () {
-                  var ecnJquery = document.createElement('script');
+      var ecnJquery = document.createElement('script');
 
-                  ecnJquery.type = 'text/javascript';
-                  ecnJquery.async = true;
-                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+      ecnJquery.type = 'text/javascript';
+      ecnJquery.async = true;
+      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-                  var ecnScript = document.createElement('script');
+      var ecnScript = document.createElement('script');
 
-                  ecnScript.type = 'text/javascript';
-                  ecnScript.async = true;
-                  ecnScript.id = 'km-tracker';
-                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+      ecnScript.type = 'text/javascript';
+      ecnScript.async = true;
+      ecnScript.id = 'km-tracker';
+      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-                  document.head.appendChild(ecnJquery);
-                  document.head.appendChild(ecnScript);
-            })();
-      }
+      document.head.appendChild(ecnJquery);
+      document.head.appendChild(ecnScript);
+    })();
+  }
 };
 
-export { AD300x250, AD300x250x600, ADFooter, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
+export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };