@mjhls/mjh-framework 1.0.866-youtube-group-v1 → 1.0.867

package/dist/cjs/{index-f83a102a.js → index-ad4e6a69.js}

@@ -1,38 +1,38 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var _toObject = require('./_to-object-329a650b.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-var _extends = require('./extends-0a918631.js');
-var inherits = require('./inherits-0c7830c5.js');
-var _typeof$1 = require('./typeof-9d7f610f.js');
+var _extends = require('./extends-7c86182f.js');
 var React = require('react');
-var index = require('./index-2cf30c83.js');
-var PropTypes = require('prop-types');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-var moment = require('./moment-ca3bd9fb.js');
-var Router = require('next/router');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
-var index$2 = require('./index-9d365128.js');
-var main = require('./main-7b5e57b0.js');
-var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Segment = require('./Segment.js');
-var Beam = require('./Beam.js');
-var AdSlot = require('./AdSlot.js');
-var Button = require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-8b494587.js');
+var index = require('./index-fc2f1ca2.js');
+var Router = require('next/router');
 var index$1 = require('./index-187c967e.js');
+var PropTypes = require('prop-types');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var util = require('./util-6f784d85.js');
+var Beam = require('./Beam.js');
+var Segment = require('./Segment.js');
+var main = require('./main-025fdc78.js');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var index$2 = require('./index-eadd5035.js');
+var _typeof$1 = require('./typeof-567e31ff.js');
+var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var GroupDeck = require('./GroupDeck.js');
-var reactBootstrap = require('react-bootstrap');
-var index_esm = require('./index.esm-974f47d9.js');
-var util = require('./util-f2c1b65b.js');
-var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-5c98aec7.js');
-var Head = require('next/head');
+var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
-var _objectToArray = require('./_object-to-array-5762f850.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
+var _objectToArray = require('./_object-to-array-ce86cae7.js');
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var Pagination = require('react-bootstrap/Pagination');
+var Button = require('react-bootstrap/Button');
+var entities = require('./entities-3f9d0f2f.js');
+var AdSlot = require('./AdSlot.js');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Head = require('next/head');
+var inherits = require('./inherits-de66ea16.js');
+var index_esm = require('./index.esm-974f47d9.js');
 var Figure$1 = require('react-bootstrap/Figure');
 var OverlayTrigger = require('react-bootstrap/OverlayTrigger');
 var Tooltip = require('react-bootstrap/Tooltip');
@@ -41,13 +41,13 @@ var Popover = require('react-bootstrap/Popover');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Router__default = /*#__PURE__*/_interopDefaultLegacy(Router);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Router__default = /*#__PURE__*/_interopDefaultLegacy(Router);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
-var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
 var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure$1);
 var OverlayTrigger__default = /*#__PURE__*/_interopDefaultLegacy(OverlayTrigger);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
@@ -59,7 +59,7 @@ var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   Router__default['default'].push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
-var Slideshow = function Slideshow(_ref) {
+var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.slides,
       client = _ref.client,
       pageview = _ref.pageview;
@@ -696,14 +696,14 @@ function coerce(val) {
   return val;
 }
 });
-var debug_1 = debug.coerce;
-var debug_2 = debug.disable;
-var debug_3 = debug.enable;
-var debug_4 = debug.enabled;
-var debug_5 = debug.humanize;
-var debug_6 = debug.names;
-var debug_7 = debug.skips;
-var debug_8 = debug.formatters;
+debug.coerce;
+debug.disable;
+debug.enable;
+debug.enabled;
+debug.humanize;
+debug.names;
+debug.skips;
+debug.formatters;
 
 var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /**
@@ -892,13 +892,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-var browser_1 = browser.log;
-var browser_2 = browser.formatArgs;
-var browser_3 = browser.save;
-var browser_4 = browser.load;
-var browser_5 = browser.useColors;
-var browser_6 = browser.storage;
-var browser_7 = browser.colors;
+browser.log;
+browser.formatArgs;
+browser.save;
+browser.load;
+browser.useColors;
+browser.storage;
+browser.colors;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1173,14 +1173,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-var node_1 = node.init;
-var node_2 = node.log;
-var node_3 = node.formatArgs;
-var node_4 = node.save;
-var node_5 = node.load;
-var node_6 = node.useColors;
-var node_7 = node.colors;
-var node_8 = node.inspectOpts;
+node.init;
+node.log;
+node.formatArgs;
+node.save;
+node.load;
+node.useColors;
+node.colors;
+node.inspectOpts;
 
 var src = _commonjsHelpers.createCommonjsModule(function (module) {
 /**
@@ -1943,8 +1943,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment);
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -1954,8 +1954,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -1968,8 +1968,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -1988,8 +1988,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2002,8 +2002,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
   };
 
   return React__default['default'].createElement(
@@ -2070,6 +2070,27 @@ var TableShow = function TableShow(_ref) {
   );
 };
 
+var urlForFile = function urlForFile(_ref) {
+  var _ref$asset = _ref.asset,
+      asset = _ref$asset === undefined ? {} : _ref$asset;
+  var url = asset.url,
+      originalFilename = asset.originalFilename;
+
+  // Appending file name in URL
+
+  if (url && originalFilename) {
+    var _url$split = url.split('?'),
+        _url$split2 = slicedToArray._slicedToArray(_url$split, 2),
+        path = _url$split2[0],
+        queryString = _url$split2[1];
+
+    originalFilename = encodeURIComponent(originalFilename);
+    url = queryString ? path + '/' + originalFilename + '?' + queryString : path + '/' + originalFilename;
+  }
+
+  return url;
+};
+
 var Media = function Media(_ref) {
   var node = _ref.node,
       client = _ref.client;
@@ -2161,7 +2182,7 @@ var Media = function Media(_ref) {
       { className: 'd-block ' + className, style: figureStyle },
       React__default['default'].createElement(
         'a',
-        { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
+        { href: urlForFile({ asset: uploadDoc.asset }), target: blank ? '_blank' : '_self' },
         React__default['default'].createElement(
           index$2.LazyLoad,
           { once: true },
@@ -2185,8 +2206,8 @@ var Media = function Media(_ref) {
     return React__default['default'].createElement(
       'a',
       _extends._extends({}, uploadDoc.downloadMedia ? {
-        href: uploadDoc.asset.url + '?dl='
-      } : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
+        href: urlForFile({ asset: uploadDoc.asset }) + '?dl='
+      } : { href: urlForFile({ asset: uploadDoc.asset }), target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
         style: { paddingLeft: '4px', paddingRight: '4px' },
         className: 'media-link' }),
       caption
@@ -2239,8 +2260,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'MP4');
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -2249,8 +2270,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
   };
@@ -2262,8 +2283,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'MP4');
 
     if (!playReported) {
       event.persist();
@@ -2283,8 +2304,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('End', main.main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2296,8 +2317,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration - current;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
   };
 
   return React__default['default'].createElement(
@@ -2386,8 +2407,8 @@ var Video = function Video(_ref) {
         player.pause();
       }
 
-      Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -2396,8 +2417,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Play', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause
@@ -2406,8 +2427,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Pause', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -2416,8 +2437,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
       autoplayNextVideo(evt);
     });
 
@@ -2428,8 +2449,8 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-        Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Beam.report_beam_video('Segment', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -2440,8 +2461,8 @@ var Video = function Video(_ref) {
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
 
-      Beam.report_beam_ad('AD Started', main.main_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Started', main.main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Started', main.main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Started', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
@@ -2449,8 +2470,8 @@ var Video = function Video(_ref) {
       var duration = player.ads.ad.duration;
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
-      Beam.report_beam_ad('AD Ended', main.main_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Ended', main.main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Ended', main.main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Ended', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
 
@@ -2713,9 +2734,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 _commonjsHelpers.unwrapExports(props);
-var props_1 = props.DEPRECATED_CONFIG_PROPS;
-var props_2 = props.defaultProps;
-var props_3 = props.propTypes;
+props.DEPRECATED_CONFIG_PROPS;
+props.defaultProps;
+props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -3150,17 +3171,17 @@ function isMediaStream(url) {
 });
 
 _commonjsHelpers.unwrapExports(utils);
-var utils_1 = utils.parseStartTime;
-var utils_2 = utils.parseEndTime;
-var utils_3 = utils.randomString;
-var utils_4 = utils.queryString;
-var utils_5 = utils.getSDK;
-var utils_6 = utils.getConfig;
-var utils_7 = utils.omit;
-var utils_8 = utils.callPlayer;
-var utils_9 = utils.isObject;
-var utils_10 = utils.isEqual;
-var utils_11 = utils.isMediaStream;
+utils.parseStartTime;
+utils.parseEndTime;
+utils.randomString;
+utils.queryString;
+utils.getSDK;
+utils.getConfig;
+utils.omit;
+utils.callPlayer;
+utils.isObject;
+utils.isEqual;
+utils.isMediaStream;
 
 var Player_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4037,7 +4058,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(YouTube_1);
-var YouTube_2 = YouTube_1.YouTube;
+YouTube_1.YouTube;
 
 var SoundCloud_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4254,7 +4275,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(SoundCloud_1);
-var SoundCloud_2 = SoundCloud_1.SoundCloud;
+SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4510,7 +4531,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Vimeo_1);
-var Vimeo_2 = Vimeo_1.Vimeo;
+Vimeo_1.Vimeo;
 
 var Facebook_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4722,7 +4743,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Facebook_1);
-var Facebook_2 = Facebook_1.Facebook;
+Facebook_1.Facebook;
 
 var Streamable_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -4933,7 +4954,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Streamable_1);
-var Streamable_2 = Streamable_1.Streamable;
+Streamable_1.Streamable;
 
 var Wistia_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5176,7 +5197,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Wistia_1);
-var Wistia_2 = Wistia_1.Wistia;
+Wistia_1.Wistia;
 
 var Twitch_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5392,7 +5413,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Twitch_1);
-var Twitch_2 = Twitch_1.Twitch;
+Twitch_1.Twitch;
 
 var DailyMotion_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5628,7 +5649,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(DailyMotion_1);
-var DailyMotion_2 = DailyMotion_1.DailyMotion;
+DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -5827,7 +5848,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(Mixcloud_1);
-var Mixcloud_2 = Mixcloud_1.Mixcloud;
+Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -6361,7 +6382,7 @@ exports["default"] = _default;
 });
 
 _commonjsHelpers.unwrapExports(FilePlayer_1);
-var FilePlayer_2 = FilePlayer_1.FilePlayer;
+FilePlayer_1.FilePlayer;
 
 var players = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -7297,8 +7318,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main.main_18, duration, current, segment);
     //autoplay
 
     //Small pause before starting next video
@@ -7318,8 +7339,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment);
+      Beam.report_beam_video('End', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main.main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -7369,8 +7390,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main.main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main.main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -7383,8 +7404,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main.main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -7402,8 +7423,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main.main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
   };
 
   // Youtube Options
@@ -7531,14 +7552,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -7666,28 +7687,28 @@ var Poll = function Poll(_ref) {
 
 var $values = _objectToArray._objectToArray(false);
 
-_toObject._export(_toObject._export.S, 'Object', {
+core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
   values: function values(it) {
     return $values(it);
   }
 });
 
-var values = _toObject._core.Object.values;
+var values$1 = core_getIteratorMethod._core.Object.values;
 
-var values$1 = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": values, __esModule: true };
+var values = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
 });
 
-var _Object$values = _commonjsHelpers.unwrapExports(values$1);
+var _Object$values = _commonjsHelpers.unwrapExports(values);
 
-var Poll$1 = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -7839,7 +7860,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main.main_39 ? 4 : 10;
+var numberOfPaginations = main.main_42 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7959,7 +7980,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React__default['default'].createElement(
       Pagination__default['default'],
-      { className: 'p-0 m-0', size: main.main_39 && 'sm' },
+      { className: 'p-0 m-0', size: main.main_42 && 'sm' },
       React__default['default'].createElement(Pagination__default['default'].First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -8134,7 +8155,7 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
@@ -8285,7 +8306,7 @@ var MultiMedia = function MultiMedia(props) {
             { xs: 12, md: 12 / medias.length, key: media._key },
             React__default['default'].createElement(
               'a',
-              _extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
+              _extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: urlForFile({ asset: media.upload_doc.asset }), target: media.blank ? '_blank' : '_self' }, {
                 style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
               React__default['default'].createElement(
                 'div',
@@ -8666,7 +8687,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main.main_40) {
+      if (main.main_43) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8690,7 +8711,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main.main_40) {
+    if (!main.main_43) {
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           index.lib_3.refresh();
@@ -8698,7 +8719,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_40) {
+    if (main.main_43) {
       var leaderboardSlotId = '';
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8767,7 +8788,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React__default['default'].createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main.main_40 && Ads.map(function (ad, index) {
+      main.main_43 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React__default['default'].createElement(
             'div',
@@ -8889,7 +8910,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React__default['default'].createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_40 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main.main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React__default['default'].createElement(
                     'div',
@@ -8962,7 +8983,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage = React__default['default'].memo(function (_ref2) {
+var FigureImage$1 = React__default['default'].memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -9058,20 +9079,20 @@ var FigureComponent = function FigureComponent(props) {
         handleClickFigure = _ref3.handleClickFigure;
 
     var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
-    var triggerAction = main.main_39 ? 'click' : 'hover';
-    var placementLocation = main.main_39 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
+    var triggerAction = main.main_42 ? 'click' : 'hover';
+    var placementLocation = main.main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
     return React__default['default'].createElement(
       'picture',
       null,
       React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
       React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
       React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main.main_39 && link ? React__default['default'].createElement('img', _extends._extends({
+      main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
         style: figureImageStyle,
         className: 'figure-image',
         src: urlFor({ source: node, client: client }),
         alt: imgAlt ? imgAlt : 'figure image'
-      }, !link && !main.main_39 && {
+      }, !link && !main.main_42 && {
         onClick: function onClick() {
           return handleClickFigure(node, client);
         }
@@ -9083,7 +9104,7 @@ var FigureComponent = function FigureComponent(props) {
           className: 'figure-image',
           src: urlFor({ source: node, client: client }),
           alt: imgAlt ? imgAlt : 'figure image'
-        }, !link && !main.main_39 && {
+        }, !link && !main.main_42 && {
           onClick: function onClick() {
             return handleClickFigure(node, client);
           }
@@ -9186,12 +9207,12 @@ var FigureComponent = function FigureComponent(props) {
       link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
         React__default['default'].createElement(FigureCaption, null)
       ) : React__default['default'].createElement(
         React__default['default'].Fragment,
         null,
-        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
         React__default['default'].createElement(FigureCaption, null)
       ),
       React__default['default'].createElement(LightBox, {
@@ -9228,7 +9249,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
-var FigureImage$1 = React__default['default'].memo(function (_ref) {
+var FigureImage = React__default['default'].memo(function (_ref) {
   var imagesCount = _ref.imagesCount,
       image = _ref.image,
       client = _ref.client,
@@ -9302,20 +9323,20 @@ var MultiFigure = function MultiFigure(props) {
         link = _ref3.link,
         handleClickFigure = _ref3.handleClickFigure;
 
-    var triggerAction = main.main_39 ? 'click' : 'hover';
-    var placementLocation = main.main_39 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
+    var triggerAction = main.main_42 ? 'click' : 'hover';
+    var placementLocation = main.main_42 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
     return React__default['default'].createElement(
       'picture',
       null,
       React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
       React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
       React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main.main_39 && link ? React__default['default'].createElement('img', _extends._extends({
+      main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
         'images-count': imagesCount,
         className: 'multi-figure-image',
         src: urlFor({ source: image, client: client }),
         alt: imgAlt ? imgAlt : 'multi figure'
-      }, !link && !main.main_39 && {
+      }, !link && !main.main_42 && {
         onClick: function onClick() {
           return handleClickFigure(image, client);
         }
@@ -9327,7 +9348,7 @@ var MultiFigure = function MultiFigure(props) {
           className: 'multi-figure-image',
           src: urlFor({ source: image, client: client }),
           alt: imgAlt ? imgAlt : 'multi figure'
-        }, !link && !main.main_39 && {
+        }, !link && !main.main_42 && {
           onClick: function onClick() {
             return handleClickFigure(image, client);
           }
@@ -9410,7 +9431,7 @@ var MultiFigure = function MultiFigure(props) {
                   React__default['default'].createElement(
                     index$2.LazyLoad,
                     { once: true },
-                    React__default['default'].createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                    React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                   ),
                   React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
                 )
@@ -9420,7 +9441,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                  React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
                 ),
                 React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9701,9 +9722,9 @@ var ScriptTag = function (_Component) {
 
         // The 'isHydrating' prop must NOT be passed to the script tag
         // eslint-disable-next-line no-unused-vars
-        var _props3 = this.props,
-            isHydrating = _props3.isHydrating,
-            tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
+        var _props3 = this.props;
+            _props3.isHydrating;
+            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
 
         return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
                 return _this2.domRef = tag;
@@ -9973,14 +9994,14 @@ var getSerializers = function getSerializers() {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React__default['default'].createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React__default['default'].createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
         var caption = node.caption,
             content = node.content;
 
-        return React__default['default'].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers.apply(undefined, props) });
       },
       datatable: function datatable(_ref8) {
         var node = _ref8.node;
@@ -10011,26 +10032,26 @@ var getSerializers = function getSerializers() {
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React__default['default'].createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
       },
       pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
 
-        return React__default['default'].createElement(Poll$1, {
+        return React__default['default'].createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
           videoAccountIDs: videoAccountIDs,
           showVotes: showVotes,
           onVote: onVote,
-          getSerializers: getSerializers(props)
+          getSerializers: getSerializers.apply(undefined, props)
         });
       },
       quiz: function quiz(_ref15) {
         var node = _ref15.node;
         var quizzes = node.quizzes;
 
-        return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
+        return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers.apply(undefined, props), pageview: pageview, currentPage: currentPage });
       },
       leads: function leads(_ref16) {
         var node = _ref16.node;
@@ -10042,7 +10063,7 @@ var getSerializers = function getSerializers() {
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React__default['default'].createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React__default['default'].createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;