@mjhls/mjh-framework 1.0.854 → 1.0.855

package/dist/esm/{index-ffedd1e8.js → index-d1dee060.js}

@@ -1,40 +1,41 @@
+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 { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import urlFor from './urlFor.js';
-import { l as lib_3 } from './index-2446af28.js';
-import Router, { useRouter } from 'next/router';
-import { g as getYoutubeId } from './index-c7e2ac95.js';
+import { l as lib_3 } from './index-1819118a.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 Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import { m as moment } from './moment-b6f49411.js';
+import Router, { useRouter } from 'next/router';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-6c12bdd5.js';
+import { d as main_16, b as main_39, m as main_40 } from './main-747e7d25.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 { 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, b as _extends$1 } from './extends-60e0e1c6.js';
-import { L as LazyLoad } from './index-35bdcc81.js';
-import { _ as _typeof$1 } from './typeof-a286cf0c.js';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
+import Beam from './Beam.js';
+import DFPAdSlot from './AdSlot.js';
+import Button$1 from 'react-bootstrap/Button';
+import { B as BlockContent } from './BlockContent-d05b5b23.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
 import GroupDeck from './GroupDeck.js';
-import { m as moment } from './moment-bc12cb97.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-4abff0b1.js';
+import Head from 'next/head';
 import SocialShare from './SocialShare.js';
-import { _ as _export, a as _core } from './_to-object-b50e61c3.js';
-import { _ as _objectToArray } from './_object-to-array-0f197f89.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
+import { _ as _objectToArray } from './_object-to-array-7e804fce.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, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a41fe93f.js';
-import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
 import Figure$2 from 'react-bootstrap/Figure';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';
 import Popover from 'react-bootstrap/Popover';
+import ScriptTag from 'react-script-tag';
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
@@ -42,7 +43,7 @@ var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   Router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.slides,
       client = _ref.client,
       pageview = _ref.pageview;
@@ -679,14 +680,14 @@ function coerce(val) {
   return val;
 }
 });
-debug.coerce;
-debug.disable;
-debug.enable;
-debug.enabled;
-debug.humanize;
-debug.names;
-debug.skips;
-debug.formatters;
+var debug_1 = debug.coerce;
+var debug_2 = debug.disable;
+var debug_3 = debug.enable;
+var debug_4 = debug.enabled;
+var debug_5 = debug.humanize;
+var debug_6 = debug.names;
+var debug_7 = debug.skips;
+var debug_8 = debug.formatters;
 
 var browser = createCommonjsModule(function (module, exports) {
 /**
@@ -875,13 +876,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-browser.log;
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.colors;
+var browser_1 = browser.log;
+var browser_2 = browser.formatArgs;
+var browser_3 = browser.save;
+var browser_4 = browser.load;
+var browser_5 = browser.useColors;
+var browser_6 = browser.storage;
+var browser_7 = browser.colors;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1156,14 +1157,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-node.init;
-node.log;
-node.formatArgs;
-node.save;
-node.load;
-node.useColors;
-node.colors;
-node.inspectOpts;
+var node_1 = node.init;
+var node_2 = node.log;
+var node_3 = node.formatArgs;
+var node_4 = node.save;
+var node_5 = node.load;
+var node_6 = node.useColors;
+var node_7 = node.colors;
+var node_8 = node.inspectOpts;
 
 var src = createCommonjsModule(function (module) {
 /**
@@ -1621,11 +1622,11 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
       autoplay: 0,
       start: 0,
       end: 0
-    }, opts.playerVars)
+    })
   });
 }
 /**
@@ -1926,8 +1927,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main_18, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -1937,8 +1938,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var segment = Math.floor(current / queue);
 
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_18, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -1951,8 +1952,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_18, duration, current, segment);
-    Segment.report_video_event('Video Play', main_18, duration, current, segment);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
+    Segment.report_video_event('Video Play', main_16, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -1971,8 +1972,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment);
-      Segment.report_video_event('Video End', main_18, duration, current, segment);
+      Beam.report_beam_video('End', main_16, duration, current, segment);
+      Segment.report_video_event('Video End', main_16, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -1985,8 +1986,8 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main_18, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
+    Beam.report_beam_video('Pause', main_16, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
   };
 
   return React.createElement(
@@ -2222,8 +2223,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Ready', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'MP4');
   };
 
   var handlePlayPercent = function handlePlayPercent(player) {
@@ -2232,8 +2233,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_18, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'MP4');
+      Beam.report_beam_video('Segment', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
   };
@@ -2245,8 +2246,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Play', main_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Play', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main_16, duration, current, segment, 'MP4');
 
     if (!playReported) {
       event.persist();
@@ -2266,8 +2267,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main_18, duration, current, segment, 'MP4');
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main_16, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -2279,8 +2280,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration - current;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Pause', main_18, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'MP4');
+    Beam.report_beam_video('Pause', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
   };
 
   return React.createElement(
@@ -2369,8 +2370,8 @@ var Video = function Video(_ref) {
         player.pause();
       }
 
-      Beam.report_beam_video('Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Ready', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // play
@@ -2379,8 +2380,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Play', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Play', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Play', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // pause
@@ -2389,8 +2390,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('Pause', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
     // end
@@ -2399,8 +2400,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      Beam.report_beam_video('End', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      Segment.report_video_event('Video End', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+      Segment.report_video_event('Video End', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
       autoplayNextVideo(evt);
     });
 
@@ -2411,8 +2412,8 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        Beam.report_beam_video('Segment', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-        Segment.report_video_event('Video Segment', main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Beam.report_beam_video('Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
+        Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
     });
@@ -2423,8 +2424,8 @@ var Video = function Video(_ref) {
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
 
-      Beam.report_beam_ad('AD Started', main_18, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Started', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Started', main_16, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Started', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
@@ -2432,8 +2433,8 @@ var Video = function Video(_ref) {
       var duration = player.ads.ad.duration;
       var id = player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
-      Beam.report_beam_ad('AD Ended', main_18, '', '', '', '', '', adType, duration, id);
-      Segment.report_ad_event('Video Ad Ended', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
+      Beam.report_beam_ad('AD Ended', main_16, '', '', '', '', '', adType, duration, id);
+      Segment.report_ad_event('Video Ad Ended', main_16, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
 
@@ -2696,9 +2697,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 unwrapExports(props);
-props.DEPRECATED_CONFIG_PROPS;
-props.defaultProps;
-props.propTypes;
+var props_1 = props.DEPRECATED_CONFIG_PROPS;
+var props_2 = props.defaultProps;
+var props_3 = props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -3133,17 +3134,17 @@ function isMediaStream(url) {
 });
 
 unwrapExports(utils);
-utils.parseStartTime;
-utils.parseEndTime;
-utils.randomString;
-utils.queryString;
-utils.getSDK;
-utils.getConfig;
-utils.omit;
-utils.callPlayer;
-utils.isObject;
-utils.isEqual;
-utils.isMediaStream;
+var utils_1 = utils.parseStartTime;
+var utils_2 = utils.parseEndTime;
+var utils_3 = utils.randomString;
+var utils_4 = utils.queryString;
+var utils_5 = utils.getSDK;
+var utils_6 = utils.getConfig;
+var utils_7 = utils.omit;
+var utils_8 = utils.callPlayer;
+var utils_9 = utils.isObject;
+var utils_10 = utils.isEqual;
+var utils_11 = utils.isMediaStream;
 
 var Player_1 = createCommonjsModule(function (module, exports) {
 
@@ -4020,7 +4021,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-YouTube_1.YouTube;
+var YouTube_2 = YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4237,7 +4238,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-SoundCloud_1.SoundCloud;
+var SoundCloud_2 = SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4493,7 +4494,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-Vimeo_1.Vimeo;
+var Vimeo_2 = Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4705,7 +4706,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-Facebook_1.Facebook;
+var Facebook_2 = Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4916,7 +4917,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-Streamable_1.Streamable;
+var Streamable_2 = Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -5159,7 +5160,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-Wistia_1.Wistia;
+var Wistia_2 = Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5375,7 +5376,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-Twitch_1.Twitch;
+var Twitch_2 = Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5611,7 +5612,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-DailyMotion_1.DailyMotion;
+var DailyMotion_2 = DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5810,7 +5811,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-Mixcloud_1.Mixcloud;
+var Mixcloud_2 = Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -6344,7 +6345,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-FilePlayer_1.FilePlayer;
+var FilePlayer_2 = FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -7280,8 +7281,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var duration = player.getDuration();
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main_18, duration, current, segment);
-    Segment.report_video_event('Video Ready', main_18, duration, current, segment);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment);
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment);
     //autoplay
 
     //Small pause before starting next video
@@ -7301,8 +7302,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      Beam.report_beam_video('End', main_18, duration, current, segment);
-      Segment.report_video_event('Video End', main_18, duration, current, segment);
+      Beam.report_beam_video('End', main_16, duration, current, segment);
+      Segment.report_video_event('Video End', main_16, duration, current, segment);
       setEndReported(true);
       clearInterval(intervalID);
     }
@@ -7352,8 +7353,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_18, duration, current, segment);
-      Segment.report_video_event('Video Segment', main_18, duration, current, segment);
+      Beam.report_beam_video('Segment', main_16, duration, current, segment);
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment);
       queueProgress.push(segment);
     }
   };
@@ -7366,8 +7367,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Play', main_18, duration, current, segment);
-    Segment.report_video_event('Video Play', main_18, duration, current, segment);
+    Beam.report_beam_video('Play', main_16, duration, current, segment);
+    Segment.report_video_event('Video Play', main_16, duration, current, segment);
 
     if (!playReported) {
       setPlayReported(true);
@@ -7385,8 +7386,8 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
 
-    Beam.report_beam_video('Pause', main_18, duration, current, segment);
-    Segment.report_video_event('Video Pause', main_18, duration, current, segment);
+    Beam.report_beam_video('Pause', main_16, duration, current, segment);
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment);
   };
 
   // Youtube Options
@@ -7514,14 +7515,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll$1 = function Poll(_ref) {
-  var node = _ref.node;
-      _ref.client;
-      _ref.pageview;
-      _ref.videoAccountIDs;
-      var onVote = _ref.onVote;
-      _ref.showVotes;
-      var getSerializers = _ref.getSerializers;
+var Poll = function Poll(_ref) {
+  var node = _ref.node,
+      client = _ref.client,
+      pageview = _ref.pageview,
+      videoAccountIDs = _ref.videoAccountIDs,
+      onVote = _ref.onVote,
+      _ref$showVotes = _ref.showVotes,
+      getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7655,22 +7656,22 @@ _export(_export.S, 'Object', {
   }
 });
 
-var values$1 = _core.Object.values;
+var values = _core.Object.values;
 
-var values = createCommonjsModule(function (module) {
-module.exports = { "default": values$1, __esModule: true };
+var values$1 = createCommonjsModule(function (module) {
+module.exports = { "default": values, __esModule: true };
 });
 
-var _Object$values = unwrapExports(values);
+var _Object$values = unwrapExports(values$1);
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node;
-      _ref.client;
-      _ref.pageview;
-      _ref.videoAccountIDs;
-      var onVote = _ref.onVote;
-      _ref.showVotes;
-      var getSerializers = _ref.getSerializers;
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node,
+      client = _ref.client,
+      pageview = _ref.pageview,
+      videoAccountIDs = _ref.videoAccountIDs,
+      onVote = _ref.onVote,
+      _ref$showVotes = _ref.showVotes,
+      getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7822,7 +7823,7 @@ var Poll = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_42 ? 4 : 10;
+var numberOfPaginations = main_39 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7942,7 +7943,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_42 && 'sm' },
+      { className: 'p-0 m-0', size: main_39 && 'sm' },
       React.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -8112,7 +8113,7 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var Slideshow = function Slideshow(_ref) {
+var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
@@ -8644,7 +8645,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_43) {
+      if (main_40) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8668,7 +8669,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_43) {
+    if (!main_40) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8676,7 +8677,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_43) {
+    if (main_40) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8745,7 +8746,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     React.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_43 && Ads.map(function (ad, index) {
+      main_40 && Ads.map(function (ad, index) {
         if (index === 0) {
           return React.createElement(
             'div',
@@ -8867,7 +8868,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
             React.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_40 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React.createElement(
                     'div',
@@ -8940,7 +8941,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage$1 = React.memo(function (_ref2) {
+var FigureImage = React.memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -9036,20 +9037,20 @@ var FigureComponent = function FigureComponent(props) {
         handleClickFigure = _ref3.handleClickFigure;
 
     var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
-    var triggerAction = main_42 ? 'click' : 'hover';
-    var placementLocation = main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
+    var triggerAction = main_39 ? 'click' : 'hover';
+    var placementLocation = main_39 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
     return React.createElement(
       'picture',
       null,
       React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
       React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
       React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main_42 && link ? React.createElement('img', _extends({
+      main_39 && link ? React.createElement('img', _extends({
         style: figureImageStyle,
         className: 'figure-image',
         src: urlFor({ source: node, client: client }),
         alt: imgAlt ? imgAlt : 'figure image'
-      }, !link && !main_42 && {
+      }, !link && !main_39 && {
         onClick: function onClick() {
           return handleClickFigure(node, client);
         }
@@ -9061,7 +9062,7 @@ var FigureComponent = function FigureComponent(props) {
           className: 'figure-image',
           src: urlFor({ source: node, client: client }),
           alt: imgAlt ? imgAlt : 'figure image'
-        }, !link && !main_42 && {
+        }, !link && !main_39 && {
           onClick: function onClick() {
             return handleClickFigure(node, client);
           }
@@ -9164,12 +9165,12 @@ var FigureComponent = function FigureComponent(props) {
       link ? React.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React.createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
+        React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
         React.createElement(FigureCaption, null)
       ) : React.createElement(
         React.Fragment,
         null,
-        React.createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
         React.createElement(FigureCaption, null)
       ),
       React.createElement(LightBox, {
@@ -9206,7 +9207,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
-var FigureImage = React.memo(function (_ref) {
+var FigureImage$1 = React.memo(function (_ref) {
   var imagesCount = _ref.imagesCount,
       image = _ref.image,
       client = _ref.client,
@@ -9280,20 +9281,20 @@ var MultiFigure = function MultiFigure(props) {
         link = _ref3.link,
         handleClickFigure = _ref3.handleClickFigure;
 
-    var triggerAction = main_42 ? 'click' : 'hover';
-    var placementLocation = main_42 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
+    var triggerAction = main_39 ? 'click' : 'hover';
+    var placementLocation = main_39 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
     return React.createElement(
       'picture',
       null,
       React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
       React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
       React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main_42 && link ? React.createElement('img', _extends({
+      main_39 && link ? React.createElement('img', _extends({
         'images-count': imagesCount,
         className: 'multi-figure-image',
         src: urlFor({ source: image, client: client }),
         alt: imgAlt ? imgAlt : 'multi figure'
-      }, !link && !main_42 && {
+      }, !link && !main_39 && {
         onClick: function onClick() {
           return handleClickFigure(image, client);
         }
@@ -9305,7 +9306,7 @@ var MultiFigure = function MultiFigure(props) {
           className: 'multi-figure-image',
           src: urlFor({ source: image, client: client }),
           alt: imgAlt ? imgAlt : 'multi figure'
-        }, !link && !main_42 && {
+        }, !link && !main_39 && {
           onClick: function onClick() {
             return handleClickFigure(image, client);
           }
@@ -9388,7 +9389,7 @@ var MultiFigure = function MultiFigure(props) {
                   React.createElement(
                     LazyLoad,
                     { once: true },
-                    React.createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                    React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                   ),
                   React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
                 )
@@ -9398,7 +9399,7 @@ var MultiFigure = function MultiFigure(props) {
                 React.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                  React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
                 ),
                 React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9459,258 +9460,6 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
   );
 };
 
-var objectWithoutProperties = createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-exports.default = function (obj, keys) {
-  var target = {};
-
-  for (var i in obj) {
-    if (keys.indexOf(i) >= 0) continue;
-    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
-    target[i] = obj[i];
-  }
-
-  return target;
-};
-});
-
-unwrapExports(objectWithoutProperties);
-
-var ScriptTag_1 = createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _extends3 = _interopRequireDefault(_extends$1);
-
-
-
-var _objectWithoutProperties3 = _interopRequireDefault(objectWithoutProperties);
-
-
-
-var _classCallCheck3 = _interopRequireDefault(classCallCheck);
-
-
-
-var _possibleConstructorReturn3 = _interopRequireDefault(possibleConstructorReturn);
-
-
-
-var _inherits3 = _interopRequireDefault(inherits);
-
-
-
-var _react2 = _interopRequireDefault(React);
-
-
-
-var _propTypes2 = _interopRequireDefault(PropTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var noop = function noop() {};
-
-var ScriptTag = function (_Component) {
-    (0, _inherits3.default)(ScriptTag, _Component);
-
-    ScriptTag.removeNode = function removeNode(node) {
-        if (node) {
-            node.parentNode.removeChild(node);
-        }
-    };
-
-    function ScriptTag(props, context) {
-        (0, _classCallCheck3.default)(this, ScriptTag);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call(this, props, context));
-
-        _this.domRef = null;
-        _this.state = {
-            isHydrated: props.isHydrating,
-            additionalNode: null,
-            removeAdditionalNode: null
-        };
-        return _this;
-    }
-
-    ScriptTag.prototype.appendAdditionalElement = function appendAdditionalElement() {
-        var _props = this.props,
-            onError = _props.onError,
-            onLoad = _props.onLoad,
-            nonce = _props.nonce;
-
-        // Create a new HTML script element
-
-        var newElement = document.createElement("script");
-
-        // Copy all attribute values
-        for (var i = 0, len = this.domRef.attributes.length; i < len; i++) {
-            var attr = this.domRef.attributes[i];
-            if (attr.nodeName === 'nonce') {
-                // The browser clears the nonce value - grab from props
-                newElement.setAttribute(attr.nodeName, nonce);
-            } else {
-                newElement.setAttribute(attr.nodeName, attr.nodeValue);
-            }
-        }
-
-        // Copy the inner script
-        if (this.domRef.src === '' && this.domRef.innerHTML && this.domRef.innerHTML !== '') {
-            newElement.innerHTML = this.domRef.innerHTML;
-        }
-
-        // Bind event listeners
-        newElement.addEventListener('load', onLoad);
-        newElement.addEventListener('error', onError);
-
-        // Append the new script tag
-        this.domRef.parentNode.appendChild(newElement);
-        return newElement;
-    };
-
-    ScriptTag.prototype.componentDidMount = function componentDidMount() {
-        var isHydrated = this.state.isHydrated;
-
-        if (isHydrated) {
-            // was rendered on server, don't replace elements when hydrating
-            return;
-        }
-
-        this.setState({
-            additionalNode: this.appendAdditionalElement(),
-            removeAdditionalNode: null
-        });
-    };
-
-    ScriptTag.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-        // This logic assumes that the <script> only need to be updated if the 'src' or 'innerHTML' has changed
-        //  - this prevents the <script> from updating unnecessarily, which prevents additional 'onload' events
-
-        // This isn't perfect - but it keeps the component very simple, and should cover most use-cases
-        // Other props SHOULD be assigned at the same time as either the 'src' or 'innerHTML' property
-        // -> If this is to change and support updating on ANY prop change, the 'appendAdditionalElement()' method
-        //    and state management will need to be modified to manipulate the DOM script tag based on each prop change.
-        //    This really complicates the component - for now we'll leave it as is.
-        var _props2 = this.props,
-            src = _props2.src,
-            dangerouslySetInnerHTML = _props2.dangerouslySetInnerHTML;
-
-        if (src && src === nextProps.src) {
-            // The 'src' attribute has not changed
-            return;
-        }
-
-        if (dangerouslySetInnerHTML && dangerouslySetInnerHTML.__html === nextProps.dangerouslySetInnerHTML.__html) {
-            // The 'dangerouslySetInnerHTML' attribute has not changed
-            return;
-        }
-
-        this.setState({
-            removeAdditionalNode: this.state.additionalNode,
-            additionalNode: null
-        });
-    };
-
-    ScriptTag.prototype.componentWillUpdate = function componentWillUpdate(nextProps, nextState) {
-        ScriptTag.removeNode(nextState.removeAdditionalNode);
-    };
-
-    ScriptTag.prototype.componentDidUpdate = function componentDidUpdate() {
-        var _state = this.state,
-            additionalNode = _state.additionalNode,
-            removeAdditionalNode = _state.removeAdditionalNode;
-
-        if (additionalNode === null) {
-            this.setState({
-                additionalNode: this.appendAdditionalElement()
-            });
-        }
-
-        if (removeAdditionalNode !== null) {
-            // Was removed in 'componentWillUpdate', but can not update state there
-            this.setState({
-                removeAdditionalNode: null
-            });
-        }
-    };
-
-    ScriptTag.prototype.componentWillUnmount = function componentWillUnmount() {
-        ScriptTag.removeNode(this.state.removeAdditionalNode);
-        ScriptTag.removeNode(this.state.additionalNode);
-    };
-
-    ScriptTag.prototype.render = function render() {
-        var _this2 = this;
-
-        var additionalNode = this.state.additionalNode;
-
-        if (additionalNode !== null) {
-            return null;
-        }
-
-        // The 'isHydrating' prop must NOT be passed to the script tag
-        // eslint-disable-next-line no-unused-vars
-        var _props3 = this.props;
-            _props3.isHydrating;
-            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
-
-        return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
-                return _this2.domRef = tag;
-            } }));
-    };
-
-    return ScriptTag;
-}(React.Component);
-
-ScriptTag.propTypes = {
-    /**
-     * True if the <ScriptTag> is being hydrated on the client, otherwise false.
-     */
-    isHydrating: _propTypes2.default.bool,
-
-    // Standard <script> tag props
-    async: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.number]),
-    crossOrigin: _propTypes2.default.string,
-    defer: _propTypes2.default.bool,
-    integrity: _propTypes2.default.string,
-    nonce: _propTypes2.default.string,
-    src: _propTypes2.default.string,
-    text: _propTypes2.default.string,
-    type: _propTypes2.default.string,
-    dangerouslySetInnerHTML: _propTypes2.default.object,
-
-    // globals
-    onError: _propTypes2.default.func,
-    onLoad: _propTypes2.default.func
-};
-ScriptTag.defaultProps = {
-    isHydrating: false,
-    onError: noop,
-    onLoad: noop
-};
-exports.default = ScriptTag;
-});
-
-unwrapExports(ScriptTag_1);
-
-var lib = createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _ScriptTag2 = _interopRequireDefault(ScriptTag_1);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _ScriptTag2.default;
-});
-
-var ScriptTag = unwrapExports(lib);
-
 var enterpriseDomainName = 'mjhlifesciences';
 
 var FormAssembly = function FormAssembly(props) {
@@ -9925,7 +9674,7 @@ var getSerializers = function getSerializers() {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
+        return React.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
@@ -9963,12 +9712,12 @@ var getSerializers = function getSerializers() {
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React.createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
       },
       pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
 
-        return React.createElement(Poll, {
+        return React.createElement(Poll$1, {
           node: node,
           client: client,
           pageview: pageview,
@@ -9994,7 +9743,7 @@ var getSerializers = function getSerializers() {
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;
@@ -10050,7 +9799,8 @@ var getSerializers = function getSerializers() {
         var children = props.children,
             _props$mark = props.mark,
             href = _props$mark.href,
-            blank = _props$mark.blank;
+            blank = _props$mark.blank,
+            color = _props$mark.color;
 
 
         if (href && href.charAt(0) === '#') {
@@ -10068,7 +9818,7 @@ var getSerializers = function getSerializers() {
         var isExernalUrl = checkUrlIsExternal(href);
         return React.createElement(
           'a',
-          { rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
+          _extends({ rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
           children
         );
       },