@mjhls/mjh-framework 1.0.776-block-table-1 → 1.0.776-dev-4284

package/dist/esm/{index-3a7dc9ac.js → index-8993cbd1.js}

@@ -1,39 +1,39 @@
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _export, a as _core } from './_to-object-a4107da3.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import { _ as _extends } from './extends-eb69e8ac.js';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-0d8cda6e.js';
-import { _ as _typeof$1 } from './typeof-af9c50d8.js';
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { l as lib_3 } from './index-acfb8079.js';
-import PropTypes from 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import { m as moment } from './moment-12415288.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
+import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
+import { i as imageUrlBuilder } from './index-0dbff1d1.js';
+import { l as lib_3 } from './index-888f9253.js';
 import Router, { useRouter } from 'next/router';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-c5fd0af5.js';
-import { d as main_16, b as main_38, m as main_39 } from './main-aef58dbc.js';
-import { h as html_decode_1 } from './entities-7cc3bf45.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
-import Segment from './Segment.js';
-import Beam from './Beam.js';
-import DFPAdSlot from './AdSlot.js';
-import { B as BlockContent } from './BlockContent-d05b5b23.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
+import PropTypes from 'prop-types';
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { u as util } from './util-3ab476bf.js';
+import Beam from './Beam.js';
+import Segment from './Segment.js';
+import { d as main_18, b as main_42, m as main_43 } from './main-b5c5aac1.js';
+import { B as BlockContent } from './BlockContent-52cf21c5.js';
+import { _ as _extends } from './extends-f076879e.js';
+import { L as LazyLoad } from './index-752d1dae.js';
+import { _ as _typeof$1 } from './typeof-a286cf0c.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
 import GroupDeck from './GroupDeck.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
-import { u as util } from './util-7700fc59.js';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e1c6b0f2.js';
-import Head from 'next/head';
+import { m as moment } from './moment-bc12cb97.js';
 import SocialShare from './SocialShare.js';
-import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
+import { _ as _export, a as _core } from './_to-object-b50e61c3.js';
+import { _ as _objectToArray } from './_object-to-array-0f197f89.js';
+import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
 import Pagination from 'react-bootstrap/Pagination';
 import Button$1 from 'react-bootstrap/Button';
+import { h as html_decode_1 } from './entities-932b50cf.js';
+import DFPAdSlot from './AdSlot.js';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import Head from 'next/head';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-f71787cf.js';
+import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
 import Figure$2 from 'react-bootstrap/Figure';
 
-var urlFor = function urlFor(source, builder) {
+var urlFor$4 = function urlFor(source, builder) {
   return builder.image(source).auto('format');
 };
 
@@ -43,7 +43,7 @@ var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   Router.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;
@@ -84,7 +84,7 @@ var Slideshow = function Slideshow(_ref) {
         return React.createElement(
           Carousel.Item,
           { key: slide._key },
-          React.createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React.createElement('img', { src: slide.asset && urlFor$4(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React.createElement(
             'p',
             { className: 'p-2' },
@@ -675,14 +675,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 = createCommonjsModule(function (module, exports) {
 /**
@@ -871,13 +871,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
@@ -1152,14 +1152,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 = createCommonjsModule(function (module) {
 /**
@@ -1617,11 +1617,11 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
+    playerVars: _objectSpread({
       autoplay: 0,
       start: 0,
       end: 0
-    })
+    }, opts.playerVars)
   });
 }
 /**
@@ -1920,8 +1920,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_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -1931,8 +1931,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -1945,8 +1945,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -1965,8 +1965,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main_16, duration, current, segment);
+      Beam.report_beam_video('End', main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -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('Pause', main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
   };
 
   return React.createElement(
@@ -2214,8 +2214,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_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Ready', main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'MP4');
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -2224,8 +2224,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_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('Segment', main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
   };
@@ -2237,8 +2237,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_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Play', main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main_18, duration, current, segment, 'MP4');
 
     if (!playReported) {
       event.persist();
@@ -2258,8 +2258,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main_16, duration, current, segment, 'MP4');
+      Beam.report_beam_video('End', main_18, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main_18, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2271,8 +2271,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_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Pause', main_18, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'MP4');
   };
 
   return React.createElement(
@@ -2361,8 +2361,8 @@ var Video = function Video(_ref) {
         player.pause();
       }
 
-      Beam.report_beam_video('Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -2371,8 +2371,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_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Play', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Play', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause
@@ -2381,8 +2381,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_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Pause', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -2391,8 +2391,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_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('End', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video End', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
       autoplayNextVideo(evt);
     });
 
@@ -2403,8 +2403,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_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-        Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Beam.report_beam_video('Segment', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -2415,8 +2415,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_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Started', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Started', main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Started', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
@@ -2424,8 +2424,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_16, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Ended', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Ended', main_18, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Ended', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
 
@@ -2688,9 +2688,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 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)
@@ -3125,17 +3125,17 @@ function isMediaStream(url) {
 });
 
 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 = createCommonjsModule(function (module, exports) {
 
@@ -4012,7 +4012,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-var YouTube_2 = YouTube_1.YouTube;
+YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4229,7 +4229,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-var SoundCloud_2 = SoundCloud_1.SoundCloud;
+SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4485,7 +4485,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-var Vimeo_2 = Vimeo_1.Vimeo;
+Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4697,7 +4697,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-var Facebook_2 = Facebook_1.Facebook;
+Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4908,7 +4908,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-var Streamable_2 = Streamable_1.Streamable;
+Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -5151,7 +5151,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-var Wistia_2 = Wistia_1.Wistia;
+Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5367,7 +5367,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-var Twitch_2 = Twitch_1.Twitch;
+Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5603,7 +5603,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-var DailyMotion_2 = DailyMotion_1.DailyMotion;
+DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5802,7 +5802,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-var Mixcloud_2 = Mixcloud_1.Mixcloud;
+Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -6336,7 +6336,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-var FilePlayer_2 = FilePlayer_1.FilePlayer;
+FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -7277,8 +7277,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_16, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
+    Beam.report_beam_video('Ready', main_18, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
     //autoplay
 
     //Small pause before starting next video
@@ -7298,8 +7298,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_16, duration, current, segment);
-      Segment.report_video_event('Video End', main_16, duration, current, segment);
+      Beam.report_beam_video('End', main_18, duration, current, segment);
+      Segment.report_video_event('Video End', main_18, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -7349,8 +7349,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_16, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
+      Beam.report_beam_video('Segment', main_18, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -7363,8 +7363,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_16, duration, current, segment);
-    Segment.report_video_event('Video Play', main_16, duration, current, segment);
+    Beam.report_beam_video('Play', main_18, duration, current, segment);
+    Segment.report_video_event('Video Play', main_18, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -7382,8 +7382,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main_16, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
+    Beam.report_beam_video('Pause', main_18, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
   };
 
   // Youtube Options
@@ -7511,14 +7511,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7652,22 +7652,22 @@ _export(_export.S, 'Object', {
   }
 });
 
-var values = _core.Object.values;
+var values$1 = _core.Object.values;
 
-var values$1 = createCommonjsModule(function (module) {
-module.exports = { "default": values, __esModule: true };
+var values = createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
 });
 
-var _Object$values = unwrapExports(values$1);
+var _Object$values = 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 = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7819,7 +7819,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_38 ? 4 : 10;
+var numberOfPaginations = main_42 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7939,7 +7939,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_38 && 'sm' },
+      { className: 'p-0 m-0', size: main_42 && 'sm' },
       React.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -8109,12 +8109,12 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var urlFor$1 = function urlFor(source, client) {
+var urlFor$3 = function urlFor(source, client) {
   var builder = 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,
@@ -8126,8 +8126,8 @@ var Slideshow$1 = function Slideshow(_ref) {
 
   var _useState = useState(!pageNumber || isNaN(pageNumber) || pageNumber > slides.length ? 0 : pageNumber - 1),
       _useState2 = _slicedToArray(_useState, 2),
-      carouselIndex = _useState2[0],
-      setCarouselIndex = _useState2[1];
+      carouselIndex = _useState2[0];
+      _useState2[1];
 
   // useEffect(() => {
   //   let itemArr = router.asPath.split('?page=')
@@ -8170,7 +8170,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               React.createElement(
                 LazyLoad,
                 null,
-                React.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React.createElement('img', { src: urlFor$3(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React.createElement(
@@ -8639,7 +8639,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_39) {
+      if (main_43) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8663,7 +8663,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_39) {
+    if (!main_43) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8671,7 +8671,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_39) {
+    if (main_43) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8740,7 +8740,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_39 && Ads.map(function (ad, index) {
+      main_43 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React.createElement(
             'div',
@@ -8862,7 +8862,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_39 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React.createElement(
                     'div',
@@ -8929,7 +8929,7 @@ var LightBox = function LightBox(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$1 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -9042,7 +9042,7 @@ var FigureComponent = function FigureComponent(props) {
       link ? React.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React.createElement(Figure$2.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
+        React.createElement(Figure$2.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$1(node, client).url(), alt: alt && alt }),
         React.createElement(FigureCaption, null)
       ) : React.createElement(
         React.Fragment,
@@ -9050,10 +9050,10 @@ var FigureComponent = function FigureComponent(props) {
         React.createElement(Figure$2.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);
           }
         }),
@@ -9078,7 +9078,7 @@ var FigureComponent = function FigureComponent(props) {
 
 var Figure = React.memo(FigureComponent, compareProps);
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -9152,7 +9152,7 @@ var MultiFigure = function MultiFigure(props) {
                 React.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt })
+                  React.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor(image.asset, client).url(), alt: image.alt })
                 ),
                 React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9165,10 +9165,10 @@ var MultiFigure = function MultiFigure(props) {
                 React.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);
                   }
                 })
@@ -9212,64 +9212,6 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
   );
 };
 
-var BlockTable = function BlockTable(props) {
-  var _props$node = props.node,
-      rows = _props$node.rows,
-      _props$node$showBorde = _props$node.showBorders,
-      showBorders = _props$node$showBorde === undefined ? true : _props$node$showBorde,
-      borderColor = _props$node.borderColor,
-      _props$node$borderWid = _props$node.borderWidth,
-      borderWidth = _props$node$borderWid === undefined ? 1 : _props$node$borderWid,
-      _props$node$minTableW = _props$node.minTableWidth,
-      minTableWidth = _props$node$minTableW === undefined ? 500 : _props$node$minTableW,
-      getSerializers = props.getSerializers,
-      client = props.client;
-
-  var _borderColor = borderColor ? borderColor.hex : '#000000';
-  var holder = useRef();
-  useEffect(function () {
-    var handleResize = function handleResize() {
-      var holderWidth = holder.current.offsetWidth;
-      if (holderWidth < minTableWidth) {
-        holder.current.style.overflow = 'scroll';
-      } else {
-        holder.current.style.overflow = 'hidden';
-      }
-    };
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-  return React.createElement(
-    'div',
-    { className: 'blockTableHolder', ref: holder },
-    React.createElement(
-      'div',
-      { className: 'blockTable' },
-      rows && rows.map(function (row) {
-        return React.createElement(
-          'div',
-          { className: 'blockTableRow' },
-          row.cells && row.cells.map(function (cell) {
-            return React.createElement(
-              'div',
-              { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
-              React.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
-            );
-          })
-        );
-      })
-    ),
-    React.createElement(
-      'style',
-      { jsx: true },
-      '\n        .blockTableRow {\n          display: flex;\n          ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n        .blockTableRow:last-of-type {\n          ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell {\n          padding: 0.5rem;\n          ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          width: 100%;\n          margin: 0;\n        }\n        .blockTableCell > div figure img {\n          width: 100%;\n          object-fit: contain;\n          margin: 0;\n        }\n        .blockTableCell:last-of-type {\n          ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
-    )
-  );
-};
-
 var ScrollToElement = function ScrollToElement(elementId) {
   var element = document.getElementById(elementId);
   if (element) {
@@ -9346,16 +9288,7 @@ var getSerializers = function getSerializers() {
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React.createElement(YouTubeGallery, {
-          nodes: node,
-          article: article,
-          meta: meta,
-          authorPrefix: authorPrefix,
-          authorImgHeight: authorImgHeight,
-          accountIDs: videoAccountIDs || {},
-          client: client,
-          getSerializers: getSerializers(client)
-        });
+        return React.createElement(YouTubeGallery, { nodes: node, article: article, meta: meta, authorPrefix: authorPrefix, authorImgHeight: authorImgHeight, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
@@ -9384,7 +9317,7 @@ var getSerializers = function getSerializers() {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
@@ -9422,12 +9355,12 @@ var getSerializers = function getSerializers() {
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React.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.createElement(Poll$1, {
+        return React.createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
@@ -9453,7 +9386,7 @@ var getSerializers = function getSerializers() {
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;
@@ -9483,10 +9416,6 @@ var getSerializers = function getSerializers() {
         var node = _ref21.node;
 
         return React.createElement(MultiMedia, { node: node, client: client });
-      },
-      blockTable: function blockTable(_ref22) {
-        var node = _ref22.node;
-        return React.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       }
     },
     marks: {
@@ -9530,32 +9459,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref23) {
-        var children = _ref23.children;
+      alignleft: function alignleft(_ref22) {
+        var children = _ref22.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref24) {
-        var children = _ref24.children;
+      alignright: function alignright(_ref23) {
+        var children = _ref23.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref25) {
-        var children = _ref25.children;
+      aligncenter: function aligncenter(_ref24) {
+        var children = _ref24.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref26) {
-        var children = _ref26.children;
+      alignjustify: function alignjustify(_ref25) {
+        var children = _ref25.children;
         return React.createElement(
           'div',
           { style: { textAlign: 'justify' } },