@mjhls/mjh-framework 1.0.772 → 1.0.774-mp4-test

package/dist/cjs/{index-9475e5ae.js → index-f8ee817a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var slicedToArray = require('./slicedToArray-db24842a.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var reactBootstrap = require('react-bootstrap');
-var index = require('./index-d48b231c.js');
+var index = require('./index-efca863c.js');
 var index$1 = require('./index-0e4427c8.js');
 var Router = require('next/router');
 var index$2 = require('./index-187c967e.js');
@@ -12,18 +12,18 @@ 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-dc082238.js');
-var BlockContent = require('./BlockContent-eca358e4.js');
-var _extends = require('./extends-1e24fc8d.js');
+var main = require('./main-025fdc78.js');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var _extends = require('./extends-9d158713.js');
 var index$3 = require('./index-80f57cff.js');
-var _typeof$1 = require('./typeof-97065d40.js');
+var _typeof$1 = require('./typeof-88a668c5.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
-var _toObject = require('./_to-object-821a2927.js');
-var _objectToArray = require('./_object-to-array-bec5fcf2.js');
-var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
+var _toObject = require('./_to-object-6de10e57.js');
+var _objectToArray = require('./_object-to-array-8fe5a54f.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 var Pagination = require('react-bootstrap/Pagination');
 var Button = require('react-bootstrap/Button');
 var entities = require('./entities-3f9d0f2f.js');
@@ -31,7 +31,7 @@ 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-2eb23889.js');
+var inherits = require('./inherits-3ff1b657.js');
 var index_esm = require('./index.esm-974f47d9.js');
 var Figure$1 = require('react-bootstrap/Figure');
 
@@ -47,7 +47,7 @@ var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
 var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure$1);
 
-var urlFor = function urlFor(source, builder) {
+var urlFor$4 = function urlFor(source, builder) {
   return builder.image(source).auto('format');
 };
 
@@ -57,7 +57,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;
@@ -98,7 +98,7 @@ var Slideshow = function Slideshow(_ref) {
         return React__default['default'].createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default['default'].createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default['default'].createElement('img', { src: slide.asset && urlFor$4(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React__default['default'].createElement(
             'p',
             { className: 'p-2' },
@@ -1934,8 +1934,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) {
@@ -1945,8 +1945,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);
     }
   };
@@ -1959,8 +1959,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);
@@ -1979,8 +1979,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);
     }
@@ -1993,8 +1993,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(
@@ -2198,6 +2198,124 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
+var VideoMp4 = function VideoMp4(_ref) {
+  var url = _ref.url,
+      thumbnail = _ref.thumbnail,
+      vidLoaded = _ref.vidLoaded;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      playReported = _useState2[0],
+      setPlayReported = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      endReported = _useState4[0],
+      setEndReported = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      intervalID = _useState6[0],
+      setIntervalID = _useState6[1];
+
+  var queueProgress = [];
+
+  var handleOnReady = function handleOnReady(event) {
+    event.target.muted = true;
+    event.target.play();
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    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) {
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    if (!queueProgress.includes(segment)) {
+      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);
+    }
+  };
+
+  var handleOnPlay = function handleOnPlay(event) {
+    // report play
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    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();
+      setPlayReported(true);
+      var _intervalID = setInterval(function () {
+        handlePlayPercent(event.target);
+      }, 1000);
+      setIntervalID(_intervalID);
+    }
+  };
+
+  var handleOnEnd = function handleOnEnd(event) {
+    if (!endReported) {
+      var player = event.target;
+      var current = player.currentTime;
+      var duration = player.duration;
+      var queue = Math.floor(duration / 10);
+      var segment = Math.floor(current / queue);
+
+      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);
+    }
+  };
+
+  var handleOnPause = function handleOnPause(event) {
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration - current;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    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(
+    'div',
+    null,
+    vidLoaded && React__default['default'].createElement(
+      'video',
+      {
+        poster: thumbnail || '',
+        style: { width: '100%' },
+        controls: true,
+        onCanPlay: function onCanPlay(e) {
+          return handleOnReady(e);
+        },
+        onPause: function onPause(e) {
+          return handleOnPause(e);
+        },
+        onEnded: function onEnded(e) {
+          return handleOnEnd(e);
+        },
+        onPlay: function onPlay(e) {
+          return handleOnPlay(e);
+        } },
+      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
+      'Your browser does not support the video tag.'
+    )
+  );
+};
+
 var Video = function Video(_ref) {
   var node = _ref.node,
       accountIDs = _ref.accountIDs,
@@ -2212,6 +2330,8 @@ var Video = function Video(_ref) {
       playlistID = node.playlistID,
       experienceID = node.experienceID;
 
+  console.log(node);
+
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       videoLoaded = _useState2[0],
@@ -2257,8 +2377,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
@@ -2267,8 +2387,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
@@ -2277,8 +2397,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
@@ -2287,8 +2407,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);
     });
 
@@ -2299,8 +2419,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);
       }
     });
@@ -2311,8 +2431,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
@@ -2320,8 +2440,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);
     });
   };
 
@@ -2369,6 +2489,13 @@ var Video = function Video(_ref) {
     }
     return null;
   }
+  if (source === 'mp4') {
+    return React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+    );
+  }
 
   // TODO - add players for other video types
   return null;
@@ -6957,122 +7084,6 @@ var Audio = function Audio(_ref) {
   return null;
 };
 
-var VideoMp4 = function VideoMp4(_ref) {
-  var url = _ref.url,
-      thumbnail = _ref.thumbnail,
-      vidLoaded = _ref.vidLoaded;
-
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      playReported = _useState2[0],
-      setPlayReported = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      endReported = _useState4[0],
-      setEndReported = _useState4[1];
-
-  var _useState5 = React.useState(null),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      intervalID = _useState6[0],
-      setIntervalID = _useState6[1];
-
-  var queueProgress = [];
-
-  var handleOnReady = function handleOnReady(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    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');
-  };
-
-  var handlePlayPercent = function handlePlayPercent(player) {
-    var current = player.currentTime;
-    var duration = player.duration;
-    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');
-      queueProgress.push(segment);
-    }
-  };
-
-  var handleOnPlay = function handleOnPlay(event) {
-    // report play
-    var player = event.target;
-    var current = player.currentTime;
-    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');
-
-    if (!playReported) {
-      event.persist();
-      setPlayReported(true);
-      var _intervalID = setInterval(function () {
-        handlePlayPercent(event.target);
-      }, 1000);
-      setIntervalID(_intervalID);
-    }
-  };
-
-  var handleOnEnd = function handleOnEnd(event) {
-    if (!endReported) {
-      var player = event.target;
-      var current = player.currentTime;
-      var duration = player.duration;
-      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');
-      setEndReported(true);
-      clearInterval(intervalID);
-    }
-  };
-
-  var handleOnPause = function handleOnPause(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    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');
-  };
-
-  return React__default['default'].createElement(
-    'div',
-    null,
-    vidLoaded && React__default['default'].createElement(
-      'video',
-      {
-        poster: thumbnail || '',
-        style: { width: '100%' },
-        controls: true,
-        onCanPlay: function onCanPlay(e) {
-          return handleOnReady(e);
-        },
-        onPause: function onPause(e) {
-          return handleOnPause(e);
-        },
-        onEnded: function onEnded(e) {
-          return handleOnEnd(e);
-        },
-        onPlay: function onPlay(e) {
-          return handleOnPlay(e);
-        } },
-      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
-      'Your browser does not support the video tag.'
-    )
-  );
-};
-
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
   var biography = arguments[5];
@@ -7282,8 +7293,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
@@ -7303,8 +7314,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);
     }
@@ -7354,8 +7365,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);
     }
   };
@@ -7368,8 +7379,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);
@@ -7387,8 +7398,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
@@ -7516,7 +7527,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll = function Poll(_ref) {
+var Poll$1 = function Poll(_ref) {
   var node = _ref.node;
       _ref.client;
       _ref.pageview;
@@ -7657,15 +7668,15 @@ _toObject._export(_toObject._export.S, 'Object', {
   }
 });
 
-var values = _toObject._core.Object.values;
+var values$1 = _toObject._core.Object.values;
 
-var values$1 = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": values, __esModule: true };
+var values = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
 });
 
-var _Object$values = _commonjsHelpers.unwrapExports(values$1);
+var _Object$values = _commonjsHelpers.unwrapExports(values);
 
-var Poll$1 = function Poll(_ref) {
+var Poll = function Poll(_ref) {
   var node = _ref.node;
       _ref.client;
       _ref.pageview;
@@ -7824,7 +7835,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,
@@ -7944,7 +7955,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 }),
@@ -8114,12 +8125,12 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var urlFor$1 = function urlFor(source, client) {
+var urlFor$3 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
@@ -8175,7 +8186,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               React__default['default'].createElement(
                 index$3.LazyLoad,
                 null,
-                React__default['default'].createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default['default'].createElement('img', { src: urlFor$3(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React__default['default'].createElement(
@@ -8644,7 +8655,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main.main_40) {
+      if (main.main_43) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8668,7 +8679,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$1.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           index$1.lib_3.refresh();
@@ -8676,7 +8687,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_40) {
+    if (main.main_43) {
       var leaderboardSlotId = '';
       index$1.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8745,7 +8756,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',
@@ -8867,7 +8878,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',
@@ -8934,7 +8945,7 @@ var LightBox = function LightBox(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$1 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -9047,7 +9058,7 @@ var FigureComponent = function FigureComponent(props) {
       link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default['default'].createElement(Figure__default['default'].Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
+        React__default['default'].createElement(Figure__default['default'].Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$1(node, client).url(), alt: alt && alt }),
         React__default['default'].createElement(FigureCaption, null)
       ) : React__default['default'].createElement(
         React__default['default'].Fragment,
@@ -9055,10 +9066,10 @@ var FigureComponent = function FigureComponent(props) {
         React__default['default'].createElement(Figure__default['default'].Image, {
           style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
           className: 'figure-image',
-          src: urlFor$3(node, client).url(),
+          src: urlFor$1(node, client).url(),
           alt: alt && alt,
           onClick: function onClick() {
-            setLightboxImgSrc(urlFor$3(node, client).url());
+            setLightboxImgSrc(urlFor$1(node, client).url());
             setShowLightbox(true);
           }
         }),
@@ -9083,7 +9094,7 @@ var FigureComponent = function FigureComponent(props) {
 
 var Figure = React__default['default'].memo(FigureComponent, compareProps);
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -9157,7 +9168,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement(
                   index$3.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt })
+                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor(image.asset, client).url(), alt: image.alt })
                 ),
                 React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9170,10 +9181,10 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement('img', {
                   'images-count': images.length,
                   className: 'multi-figure-image',
-                  src: urlFor$4(image.asset, client).url(),
+                  src: urlFor(image.asset, client).url(),
                   alt: image.alt,
                   onClick: function onClick() {
-                    setOpenImgSrc(urlFor$4(image, client).url());
+                    setOpenImgSrc(urlFor(image, client).url());
                     setOpenImg(true);
                   }
                 })
@@ -9322,7 +9333,7 @@ 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;
@@ -9360,12 +9371,12 @@ 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(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,
@@ -9391,7 +9402,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(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;