@mjhls/mjh-framework 1.0.849 → 1.0.850-affiliatefix-v1

package/dist/esm/{index-295b6942.js → index-01d53c17.js}

@@ -1,38 +1,37 @@
-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-1819118a.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-b6f49411.js';
-import Router, { useRouter } from 'next/router';
+import React__default, { 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 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 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 { l as lib_3 } from './index-f0fc23eb.js';
+import Router, { useRouter } from 'next/router';
 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-d4165069.js';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
+import { _ as _extends, b as _extends$1 } from './extends-60e0e1c6.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import { _ as _typeof$1 } from './typeof-a286cf0c.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-57a70a56.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-4abff0b1.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, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a41fe93f.js';
+import { d as IoIosArrowDropupCircle } from './index.esm-f6156a57.js';
 import Figure$2 from 'react-bootstrap/Figure';
-import ScriptTag from 'react-script-tag';
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
@@ -40,7 +39,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;
@@ -67,27 +66,20 @@ var Slideshow = function Slideshow(_ref) {
     if (pageview) pageview(router.asPath);
   }, [router]);
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'mt-3 mb-3' },
-    React.createElement(
+    React__default.createElement(
       Carousel,
       { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
           return onChangeSlide(selectedIndex, router);
         }, interval: null },
       slides && slides.map(function (slide) {
-        return React.createElement(
+        return React__default.createElement(
           Carousel.Item,
           { key: slide._key },
-          React.createElement(
-            'picture',
-            null,
-            React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-            React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-            React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
-            React.createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
-          ),
-          slide.caption && React.createElement(
+          React__default.createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
             slide.caption
@@ -677,14 +669,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) {
 /**
@@ -873,13 +865,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
@@ -1154,14 +1146,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) {
 /**
@@ -1619,11 +1611,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)
   });
 }
 /**
@@ -1829,9 +1821,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: this.props.containerClassName
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         id: this.props.id,
         className: this.props.className,
         ref: this.refContainer
@@ -1840,7 +1832,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return YouTube;
-}(React.Component);
+}(React__default.Component);
 
 _defineProperty(YouTube, "PlayerState", {
   UNSTARTED: -1,
@@ -1924,8 +1916,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) {
@@ -1935,8 +1927,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);
     }
   };
@@ -1949,8 +1941,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);
@@ -1969,8 +1961,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);
     }
@@ -1983,15 +1975,15 @@ 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(
+  return React__default.createElement(
     'div',
     { id: 'fluid-video-container' },
-    React.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
-    React.createElement(
+    React__default.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        #fluid-video-container {\n          margin-bottom: 2rem;\n        }\n        #fluid-video-container > div {\n          position: relative;\n          padding-bottom: 56.25%; /* 16:9 */\n          height: 0;\n        }\n        #fluid-video-container .fluid-iframe {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100% !important;\n        }\n      '
@@ -2004,20 +1996,20 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content,
       getSerializers = _ref.getSerializers;
 
-  return React.createElement(
+  return React__default.createElement(
     'article',
     { className: 'sidebar' },
-    React.createElement(
+    React__default.createElement(
       'div',
       null,
-      React.createElement(
+      React__default.createElement(
         'h3',
         null,
         caption
       ),
-      React.createElement(BlockContent, { blocks: content, serializers: getSerializers })
+      React__default.createElement(BlockContent, { blocks: content, serializers: getSerializers })
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .sidebar {\n          clear: both;\n          float: right;\n          background-color: #eee;\n          width: 40%;\n          padding: 1rem;\n          margin: 0 0 1rem 1rem;\n        }\n        /* resolving list items inside sidebar being shifted to center because of unusual margin */\n        .sidebar ul {\n          margin-left: 0;\n          padding-left: 1rem;\n        }\n        @media screen and (max-width: 991px) {\n          .sidebar {\n            float: none;\n            width: auto;\n            margin: 1rem 0;\n          }\n        }\n      '
@@ -2028,18 +2020,18 @@ var Sidebar = function Sidebar(_ref) {
 var TableShow = function TableShow(_ref) {
   var rows = _ref.rows;
 
-  return React.createElement(
+  return React__default.createElement(
     Table,
     { bordered: true, hover: true, responsive: true },
-    React.createElement(
+    React__default.createElement(
       'tbody',
       null,
       rows && rows.map(function (row) {
-        return React.createElement(
+        return React__default.createElement(
           'tr',
           { key: row._key },
           row.cells && row.cells.map(function (cell, index) {
-            return cell && React.createElement(
+            return cell && React__default.createElement(
               'td',
               { key: index },
               cell
@@ -2137,25 +2129,18 @@ var Media = function Media(_ref) {
       margin: imageMargin
     };
 
-    return React.createElement(
+    return React__default.createElement(
       Figure$1,
       { className: 'd-block ' + className, style: figureStyle },
-      React.createElement(
+      React__default.createElement(
         'a',
         { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-        React.createElement(
+        React__default.createElement(
           LazyLoad,
           { once: true },
-          React.createElement(
-            'picture',
-            null,
-            React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-            React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-            React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
-            React.createElement('img', _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
-          )
+          React__default.createElement(Figure$1.Image, _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
         ),
-        caption && React.createElement(
+        caption && React__default.createElement(
           Figure$1.Caption,
           { className: 'media-caption' },
           caption
@@ -2163,7 +2148,7 @@ var Media = function Media(_ref) {
       )
     );
   } else if (caption && caption !== '') {
-    return React.createElement(
+    return React__default.createElement(
       'a',
       _extends({}, uploadDoc.downloadMedia ? {
         href: uploadDoc.asset.url + '?dl='
@@ -2183,10 +2168,10 @@ var IFrame = function IFrame(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
   );
 };
 
@@ -2220,8 +2205,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) {
@@ -2230,8 +2215,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);
     }
   };
@@ -2243,8 +2228,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();
@@ -2264,8 +2249,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);
     }
@@ -2277,14 +2262,14 @@ 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(
+  return React__default.createElement(
     'div',
     null,
-    vidLoaded && React.createElement(
+    vidLoaded && React__default.createElement(
       'video',
       {
         poster: thumbnail || '',
@@ -2302,7 +2287,7 @@ var VideoMp4 = function VideoMp4(_ref) {
         onPlay: function onPlay(e) {
           return handleOnPlay(e);
         } },
-      React.createElement('source', { src: url, type: 'video/mp4' }),
+      React__default.createElement('source', { src: url, type: 'video/mp4' }),
       'Your browser does not support the video tag.'
     )
   );
@@ -2367,8 +2352,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
@@ -2377,8 +2362,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
@@ -2387,8 +2372,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
@@ -2397,8 +2382,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);
     });
 
@@ -2409,8 +2394,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);
       }
     });
@@ -2421,8 +2406,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
@@ -2430,60 +2415,60 @@ 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);
     });
   };
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
-        React.createElement(ReactPlayerLoader, {
+        React__default.createElement(ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
           accountId: accountIDs.brightcove.accountId,
           videoId: videoID,
           playerId: accountIDs.brightcove.playerId,
           attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
         }),
-        React.createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n                 .brightcove-fluid {\n                  position: relative;\n                  padding-bottom: 56.25%; /* 16:9 */\n                  height: 0;\n                  width: 100%;\n                  margin-bottom: 1rem;\n                }\n                .brightcove-fluid .video-js {\n                  height: 100%;\n                  width: 100%;\n                  position: absolute;\n                  top: 0;\n                  left: 0;\n                  right: 0;\n                  bottom: 0;\n                }\n            '
         )
       );
     } else if (playlistID) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
-        React.createElement(ReactPlayerLoader, {
+        React__default.createElement(ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
           onSuccess: onVideoSuccess,
           attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
         }),
-        React.createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (experienceID) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        videoLoaded && React.createElement('div', { 'data-experience': experienceID })
+        videoLoaded && React__default.createElement('div', { 'data-experience': experienceID })
       );
     }
     return null;
   }
   if (source === 'mp4') {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       null,
-      React.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+      React__default.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
     );
   }
 
@@ -2694,9 +2679,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)
@@ -3088,7 +3073,7 @@ function isEqual(a, b) {
     return true;
   }
 
-  if ((0, React.isValidElement)(a) && (0, React.isValidElement)(b)) {
+  if ((0, React__default.isValidElement)(a) && (0, React__default.isValidElement)(b)) {
     return true;
   }
 
@@ -3131,17 +3116,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) {
 
@@ -3150,7 +3135,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3560,7 +3545,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = createSinglePlayer;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3718,7 +3703,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.YouTube = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4018,7 +4003,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-var YouTube_2 = YouTube_1.YouTube;
+YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4027,7 +4012,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SoundCloud = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4235,7 +4220,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-var SoundCloud_2 = SoundCloud_1.SoundCloud;
+SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4244,7 +4229,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Vimeo = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4491,7 +4476,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-var Vimeo_2 = Vimeo_1.Vimeo;
+Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4500,7 +4485,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Facebook = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4703,7 +4688,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-var Facebook_2 = Facebook_1.Facebook;
+Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4712,7 +4697,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Streamable = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4914,7 +4899,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-var Streamable_2 = Streamable_1.Streamable;
+Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -4923,7 +4908,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wistia = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5157,7 +5142,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-var Wistia_2 = Wistia_1.Wistia;
+Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5166,7 +5151,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Twitch = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5373,7 +5358,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-var Twitch_2 = Twitch_1.Twitch;
+Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5382,7 +5367,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DailyMotion = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5609,7 +5594,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-var DailyMotion_2 = DailyMotion_1.DailyMotion;
+DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5618,7 +5603,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Mixcloud = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5808,7 +5793,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-var Mixcloud_2 = Mixcloud_1.Mixcloud;
+Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -5817,7 +5802,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FilePlayer = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -6342,7 +6327,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-var FilePlayer_2 = FilePlayer_1.FilePlayer;
+FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -6384,7 +6369,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -6563,7 +6548,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = renderPreloadPlayers;
 
-var _react = _interopRequireDefault(React);
+var _react = _interopRequireDefault(React__default);
 
 var _Player = _interopRequireDefault(Player_1);
 
@@ -6702,7 +6687,7 @@ Object.defineProperty(exports, "Mixcloud", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -7016,20 +7001,20 @@ var Audio = function Audio(_ref) {
   var node = _ref.node;
 
   if (node.uploadAudio) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'audio d-block text-center mb-3' },
-      React.createElement(
+      React__default.createElement(
         'audio',
         { controls: true, controlsList: 'nodownload', className: 'audio' },
-        React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
-        React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
+        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
+        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
         'Your browser does not support the audio element.'
       ),
-      node.caption && React.createElement(
+      node.caption && React__default.createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React.createElement(
+        React__default.createElement(
           'em',
           null,
           node.caption
@@ -7039,15 +7024,15 @@ var Audio = function Audio(_ref) {
   } else if (node.audioFilePth) {
     var hostname = new URL(node.audioFilePth).hostname;
     if (hostname === 'embeds.audioboom.com') {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
-        React.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
+        React__default.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
         ' ',
-        node.caption && React.createElement(
+        node.caption && React__default.createElement(
           'p',
           { style: { fontSize: '.9rem' } },
-          React.createElement(
+          React__default.createElement(
             'em',
             null,
             node.caption
@@ -7055,14 +7040,14 @@ var Audio = function Audio(_ref) {
         )
       );
     }
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'audio' },
-      React.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
-      node.caption && React.createElement(
+      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
+      node.caption && React__default.createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React.createElement(
+        React__default.createElement(
           'em',
           null,
           node.caption
@@ -7080,34 +7065,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var profileImage = arguments[6];
 
   if (authorName && authorURL) {
-    return React.createElement(
+    return React__default.createElement(
       'span',
       null,
-      React.createElement(
+      React__default.createElement(
         'a',
         { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      React.createElement(
+      React__default.createElement(
         Card,
         { className: 'author-details-card-' + index },
-        React.createElement(
+        React__default.createElement(
           Row,
           null,
-          profileImage && React.createElement(
+          profileImage && React__default.createElement(
             Col,
             { sm: 12, md: 4, className: 'author-details-img-container' },
-            React.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
+            React__default.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
           ),
-          React.createElement(
+          React__default.createElement(
             Col,
             { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
-            React.createElement(
+            React__default.createElement(
               'div',
               { style: { fontWidth: '500', fontSize: '1.15rem' } },
               authorName
             ),
-            React.createElement(
+            React__default.createElement(
               'p',
               null,
               biography
@@ -7115,7 +7100,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
           )
         )
       ),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
@@ -7123,7 +7108,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
       length !== index + 1 && ' , '
     );
   } else if (authorName) {
-    return React.createElement(
+    return React__default.createElement(
       'span',
       { key: index },
       authorName,
@@ -7278,8 +7263,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
@@ -7299,8 +7284,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);
     }
@@ -7350,8 +7335,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);
     }
   };
@@ -7364,8 +7349,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);
@@ -7383,8 +7368,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
@@ -7395,44 +7380,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'mt-2 mb-5' },
-      series && React.createElement(
+      series && React__default.createElement(
         'div',
         { style: { fontSize: '0.9rem' } },
         article.title,
         ' - Episode ',
         series
       ),
-      Videos[series - 1] && React.createElement(
+      Videos[series - 1] && React__default.createElement(
         'h1',
         { className: 'mb-3' },
         Videos[series - 1].title
       ),
-      React.createElement(
+      React__default.createElement(
         'div',
         null,
         moment(article.published).format('LL')
       ),
-      React.createElement(
+      React__default.createElement(
         'div',
         { className: 'mb-3' },
         article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-          return React.createElement(
+          return React__default.createElement(
             'span',
             { key: index },
             renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
           );
         })
       ),
-      React.createElement(
+      React__default.createElement(
         'p',
         null,
-        React.createElement(SocialShare, {
+        React__default.createElement(SocialShare, {
           shareUrl: meta.shareUrl + '?seriesVid=' + series,
           shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
           shareVia: meta.shareVia,
@@ -7447,20 +7432,20 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           hideFacebook: meta.hideFBShare
         })
       ),
-      Videos[series - 1] && Videos[series - 1].intro && React.createElement(
+      Videos[series - 1] && Videos[series - 1].intro && React__default.createElement(
         'p',
         { className: 'mb-3' },
-        React.createElement(
+        React__default.createElement(
           'em',
           null,
           Videos[series - 1].intro
         )
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' && React.createElement(YouTube, {
+      vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, {
         className: 'fluid-iframe',
         videoId: getYoutubeId(vidUrl),
         opts: opts,
@@ -7471,10 +7456,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           return handleOnEnd(e);
         }
       }),
-      vidUrl && vidType == 'mp4' && React.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
-      vidUrl && vidType == 'brightcove' && React.createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
-      React.createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
-      series && React.createElement(
+      vidUrl && vidType == 'mp4' && React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+      vidUrl && vidType == 'brightcove' && React__default.createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
+      React__default.createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
+      series && React__default.createElement(
         'div',
         {
           className: 'vid-series',
@@ -7484,10 +7469,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
             maxHeight: '100%',
             paddingBottom: '0'
           } },
-        React.createElement(
+        React__default.createElement(
           'p',
           { style: { color: '#484848', marginBottom: '0' } },
-          React.createElement(
+          React__default.createElement(
             'b',
             { style: { fontSize: '1.25em' } },
             'Now Playing:'
@@ -7495,16 +7480,16 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           ' ',
           seriesData[series ? series - 1 : 0].title
         ),
-        vidUrl && React.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
+        vidUrl && React__default.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
       )
     ),
-    React.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
-    React.createElement(
+    React__default.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
+    React__default.createElement(
       'div',
       { className: 'vid-text' },
-      Videos[series - 1] && Videos[series - 1].text && React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+      Videos[series - 1] && Videos[series - 1].text && React__default.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
@@ -7512,14 +7497,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),
@@ -7557,67 +7542,67 @@ var Poll = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    question && React.createElement(
+    question && React__default.createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React.createElement(
+    !showAnswer && choices && choices.length > 0 && React__default.createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key },
-          React.createElement(
+          React__default.createElement(
             'label',
             { className: 'pl-2' },
-            React.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+            React__default.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
                 return setSelectedChoice(e.target.value);
               } }),
             ' ' + choice.choiceText
           )
         );
       }),
-      React.createElement(
+      React__default.createElement(
         Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: 'correct-answer' },
-            React.createElement(
+            React__default.createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React.createElement(
+            choice.choiceAnswer === true && React__default.createElement(
               'div',
               null,
-              React.createElement(
+              React__default.createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React.createElement(ProgressBar, { now: percentage }),
-          React.createElement(
+          React__default.createElement(ProgressBar, { now: percentage }),
+          React__default.createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7628,14 +7613,14 @@ var Poll = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React.createElement(
+    showAnswer && React__default.createElement(
       'h4',
       { className: 'text-center small p-3' },
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
-    React.createElement(
+    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          display: flex;\n          justify-content: space-between;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7653,22 +7638,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),
@@ -7734,67 +7719,67 @@ var Poll$1 = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    question && React.createElement(
+    question && React__default.createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React.createElement(
+    !showAnswer && choices && choices.length > 0 && React__default.createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key },
-          React.createElement(
+          React__default.createElement(
             'label',
             { className: 'pl-2' },
-            React.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+            React__default.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
                 return setSelectedChoice(e.target.value);
               } }),
             ' ' + choice.choiceText
           )
         );
       }),
-      React.createElement(
+      React__default.createElement(
         Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: 'correct-answer' },
-            React.createElement(
+            React__default.createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React.createElement(
+            choice.choiceAnswer === true && React__default.createElement(
               'div',
               null,
-              React.createElement(
+              React__default.createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React.createElement(ProgressBar, { now: percentage }),
-          React.createElement(
+          React__default.createElement(ProgressBar, { now: percentage }),
+          React__default.createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7805,14 +7790,14 @@ var Poll$1 = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React.createElement(
+    showAnswer && React__default.createElement(
       'h4',
       { className: 'text-center small p-3' },
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
-    React.createElement(
+    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          padding: 0 0.5rem;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7820,7 +7805,7 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_39 ? 4 : 10;
+var numberOfPaginations = main_42 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7938,20 +7923,20 @@ var Quiz = function Quiz(_ref) {
   };
 
   var renderPagination = function renderPagination() {
-    return React.createElement(
+    return React__default.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_39 && 'sm' },
-      React.createElement(Pagination.First, { onClick: function onClick() {
+      { className: 'p-0 m-0', size: main_42 && 'sm' },
+      React__default.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React.createElement(Pagination.Prev, { onClick: function onClick() {
+      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
           return renderNewPages('prev');
         }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
       pages.map(function (page) {
-        return React.createElement(
+        return React__default.createElement(
           Pagination.Item,
           { key: page, active: page === currentPage, onClick: function onClick() {
               return changePage(page);
@@ -7959,13 +7944,13 @@ var Quiz = function Quiz(_ref) {
           page
         );
       }),
-      React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React.createElement(Pagination.Next, { onClick: function onClick() {
+      React__default.createElement(Pagination.Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React.createElement(Pagination.Last, { onClick: function onClick() {
+      React__default.createElement(Pagination.Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
@@ -8048,51 +8033,51 @@ var Quiz = function Quiz(_ref) {
     }
   };
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    quizzes[currentPage - 1] && React.createElement(
-      React.Fragment,
+    quizzes[currentPage - 1] && React__default.createElement(
+      React__default.Fragment,
       null,
-      React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
-      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React.createElement(
+      React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default.createElement(
         'form',
         { ref: answersRef, onSubmit: function onSubmit(e) {
             return e.preventDefault();
           } },
         quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
-          return React.createElement(
+          return React__default.createElement(
             'div',
             { key: answer._key },
-            React.createElement(
+            React__default.createElement(
               'label',
               { className: 'pl-2' },
-              quizzes[currentPage - 1].multiAnswer ? React.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
+              quizzes[currentPage - 1].multiAnswer ? React__default.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React__default.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
               ' ' + answer.answerText
             )
           );
         })
       )
     ),
-    !showAnswer && React.createElement(
+    !showAnswer && React__default.createElement(
       Button$1,
       { onClick: function onClick() {
           return checkAnswers();
         }, variant: 'info', block: true },
       'Please click here for answer'
     ),
-    quizzes[currentPage - 1] && showAnswer && React.createElement(
-      React.Fragment,
+    quizzes[currentPage - 1] && showAnswer && React__default.createElement(
+      React__default.Fragment,
       null,
-      React.createElement(
+      React__default.createElement(
         'h4',
         null,
         'Answer:'
       ),
-      quizzes[currentPage - 1].answer && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      quizzes[currentPage - 1].answer && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
-    React.createElement('br', null),
-    pageCount > 1 && React.createElement(
+    React__default.createElement('br', null),
+    pageCount > 1 && React__default.createElement(
       'div',
       { className: 'd-flex justify-content-center' },
       renderPagination()
@@ -8103,26 +8088,27 @@ var Quiz = function Quiz(_ref) {
 var Leads = function Leads(_ref) {
   var url = _ref.url;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    url && React.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
+    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
   );
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
       getSerializers = _ref.getSerializers;
 
   var router = useRouter();
+  var carouselRef = useRef(null);
   var pageNumber = router && router.asPath && router.asPath.split('?page=')[1];
 
   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=')
@@ -8143,61 +8129,47 @@ var Slideshow$1 = function Slideshow(_ref) {
     var pageNumber = selectedIndex + 1;
     var href = '/view/' + router.query.url + '?page=' + pageNumber;
     router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
-    setCarouselIndex(selectedIndex);
+    if (carouselRef) {
+      carouselRef.current.scrollIntoView();
+    }
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
-    { className: 'mt-3 mb-4' },
-    React.createElement(
+    { ref: carouselRef, className: 'mt-3 mb-4' },
+    React__default.createElement(
       Carousel,
       { activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
       slides && slides.map(function (slide) {
         if (slide.slideshowImage && slide.slideshowImage.asset) {
-          return React.createElement(
+          return React__default.createElement(
             Carousel.Item,
             { key: slide._key },
-            React.createElement(
+            React__default.createElement(
               'a',
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
-              React.createElement(
-                'div',
-                { className: 'embed-responsive embed-responsive-slide' },
-                React.createElement(
-                  LazyLoad,
-                  null,
-                  React.createElement(
-                    'picture',
-                    null,
-                    React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                    React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                    React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-responsive-item' })
-                  )
-                ),
-                React.createElement(
-                  'style',
-                  { jsx: 'true' },
-                  '\n                        .embed-responsive-slide::before {\n                          padding-top: ' + slide.slideshowImage.height / slide.slideshowImage.width * 100 + '%;\n                        }\n                      '
-                )
+              React__default.createElement(
+                LazyLoad,
+                null,
+                React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
-            React.createElement(
+            React__default.createElement(
               'div',
               { className: 'p-2' },
-              slide.slideshowImage.caption && React.createElement(
+              slide.slideshowImage.caption && React__default.createElement(
                 'h3',
                 { style: { padding: '0px' } },
                 slide.slideshowImage.caption
               ),
-              slide.description && React.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers })
+              slide.description && React__default.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers })
             )
           );
         }
         return null;
       })
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
@@ -8216,10 +8188,10 @@ var NativeAd = function NativeAd(props) {
       sizes = _props$node.sizes,
       sizeMapping = _props$node.sizeMapping;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'native-ad-wrapper', style: { textAlign: 'center' } },
-    React.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
+    React__default.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
   );
 };
 
@@ -8230,15 +8202,15 @@ var Formstack = function Formstack(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
-  return React.createElement(
+  return React__default.createElement(
     'section',
     { id: 'formstack-section', className: 'formstack-section' },
-    Caption && React.createElement(
+    Caption && React__default.createElement(
       'h4',
       { className: 'formstack-caption' },
       Caption
     ),
-    React.createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
+    React__default.createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
   );
 };
 
@@ -8254,36 +8226,29 @@ var MultiMedia = function MultiMedia(props) {
     }
   });
   if (medias && medias.length > 0) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'multi-media-container' },
-      React.createElement(
+      React__default.createElement(
         Row$1,
         { noGutters: true },
         medias.map(function (media) {
-          return React.createElement(
+          return React__default.createElement(
             Col$1,
             { xs: 12, md: 12 / medias.length, key: media._key },
-            React.createElement(
+            React__default.createElement(
               'a',
               _extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
                 style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
-              React.createElement(
+              React__default.createElement(
                 'div',
                 { className: 'multi-media-image-container' },
-                imageBox && React.createElement(
+                imageBox && React__default.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement(
-                    'picture',
-                    null,
-                    React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                    React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                    React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
-                  )
+                  React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
                 ),
-                media.caption && React.createElement(
+                media.caption && React__default.createElement(
                   'span',
                   { className: 'multi-media-caption' },
                   media.caption
@@ -8293,7 +8258,7 @@ var MultiMedia = function MultiMedia(props) {
           );
         })
       ),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-media-container {\n            margin-bottom: 1rem;\n          }\n          .multi-media-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-media-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-media-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-media-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-media-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-media-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-media-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
@@ -8340,7 +8305,7 @@ var InscreenSensor = function (_React$Component) {
       }
     };
 
-    _this.wraperRef = React.createRef();
+    _this.wraperRef = React__default.createRef();
     _this.visible = false;
     return _this;
   }
@@ -8368,7 +8333,7 @@ var InscreenSensor = function (_React$Component) {
           _props$id = _props.id,
           id = _props$id === undefined ? '' : _props$id;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { ref: this.wraperRef, className: className, style: style, id: id },
         this.props.children
@@ -8377,7 +8342,7 @@ var InscreenSensor = function (_React$Component) {
   }]);
 
   return InscreenSensor;
-}(React.Component);
+}(React__default.Component);
 
 var ArticleSeries = function ArticleSeries(_ref) {
   var nodes = _ref.nodes,
@@ -8486,33 +8451,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
       if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
       var showReading = show ? 'showReading' : '';
       var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { key: article.title + '_' + index, className: 'prevNextCards' },
-        React.createElement(
+        React__default.createElement(
           'a',
           { onClick: function onClick(e) {
               return articleCardClickHandler(e);
             }, 'data-cardlabel': '' + articleLabel, 'data-articleIndex': '' + index, 'data-articleid': '' + article.param.current },
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React.createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
-            React.createElement(
+            React__default.createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
+            React__default.createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
               articleLabel
             )
           ),
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: 'prevNext-summary' },
-            React.createElement(
+            React__default.createElement(
               'div',
               { className: 'prevNext-publishDate' },
               moment(article.published).format('LL')
             ),
-            React.createElement(
+            React__default.createElement(
               'h2',
               { className: 'prevNext-title' },
               article.title
@@ -8561,7 +8526,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
-      return React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
+      return React__default.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
     }
   };
 
@@ -8647,7 +8612,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //console.log('useLayoutEffect')
     if (!firstLoad) {
       setUpArrowClicked(false);
-      if (main_40) {
+      if (main_43) {
         grabLoadedAds();
       } else {
         scrollToArticle();
@@ -8671,7 +8636,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
     if (pageview) pageview(path);
 
-    if (!main_40) {
+    if (!main_43) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           lib_3.refresh();
@@ -8679,7 +8644,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_40) {
+    if (main_43) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -8719,38 +8684,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
     setSensorVisible(false);
   };
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    React.createElement(
+    React__default.createElement(
       'div',
       { ref: arrowRef, className: 'scrollToTopArrow' },
-      React.createElement(IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
+      React__default.createElement(IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
           return handleArrowClick();
         } })
     ),
-    React.createElement('hr', { className: 'article-seperater my-4' }),
-    React.createElement(
+    React__default.createElement('hr', { className: 'article-seperater my-4' }),
+    React__default.createElement(
       'div',
       { className: 'objective-prevNext-Wrapper' },
-      React.createElement(
+      React__default.createElement(
         'h5',
         { className: 'objective-title' },
         nodes.seriesTitle
       ),
-      React.createElement(
+      React__default.createElement(
         'div',
         { className: 'prevNextWrapper' },
         PrevNextCards(false, -1)
       )
     ),
-    React.createElement('hr', { className: 'article-seperater' }),
-    React.createElement(
+    React__default.createElement('hr', { className: 'article-seperater' }),
+    React__default.createElement(
       'div',
       { className: 'ad-box', style: { textAlign: 'center' } },
-      main_40 && Ads.map(function (ad, index) {
+      main_43 && Ads.map(function (ad, index) {
         if (index === 0) {
-          return React.createElement(
+          return React__default.createElement(
             'div',
             {
               key: 'addid-1',
@@ -8770,14 +8735,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
         }
       })
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
       Articles.map(function (article, index) {
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { key: article.title },
-          React.createElement(
+          React__default.createElement(
             InscreenSensor,
             {
               visible: sensorVisible,
@@ -8795,84 +8760,84 @@ var ArticleSeries = function ArticleSeries(_ref) {
                   }
                 }
               } },
-            React.createElement(
+            React__default.createElement(
               Head,
               null,
-              currentTitle !== null && React.createElement(
+              currentTitle !== null && React__default.createElement(
                 'title',
                 { key: 'title' },
                 currentTitle
               ),
-              currentSummary !== null && React.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
-              currentURL !== null && React.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
-              currentTitle !== null && React.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
-              currentThumbnail !== null && React.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
-              currentSummary !== null && React.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
-              currentTitle !== null && React.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
-              currentThumbnail !== null && React.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
-              currentSummary !== null && React.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
+              currentSummary !== null && React__default.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
+              currentURL !== null && React__default.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
+              currentTitle !== null && React__default.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
+              currentSummary !== null && React__default.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
+              currentTitle !== null && React__default.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
+              currentSummary !== null && React__default.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
             ),
-            React.createElement(
+            React__default.createElement(
               'article',
               { className: 'article-wrapper' },
-              React.createElement(
+              React__default.createElement(
                 'div',
                 { className: 'article-publishDate' },
                 moment(article.published).format('LL')
               ),
-              React.createElement(
+              React__default.createElement(
                 'div',
                 { className: 'author-details-wrapper' },
                 article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-                  return React.createElement(
+                  return React__default.createElement(
                     'span',
                     { key: index },
                     renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
                   );
                 })
               ),
-              React.createElement(
+              React__default.createElement(
                 'h2',
                 { className: 'article-title' },
                 article.title
               ),
-              React.createElement(
+              React__default.createElement(
                 'div',
                 { className: 'mt-2 mb-2' },
-                React.createElement(BlockContent, _extends({
+                React__default.createElement(BlockContent, _extends({
                   serializers: getSerializers,
                   videoAccountIDs: accountIDs,
                   blocks: article.text,
                   imageOptions: { w: 320, h: 240, fit: 'max' }
                 }, client.config())),
-                React.createElement('hr', { className: 'article-seperater my-4' })
+                React__default.createElement('hr', { className: 'article-seperater my-4' })
               ),
-              Articles.length > 1 && React.createElement(
-                React.Fragment,
+              Articles.length > 1 && React__default.createElement(
+                React__default.Fragment,
                 null,
-                React.createElement(
+                React__default.createElement(
                   'div',
                   { className: 'objective-prevNext-Wrapper' },
-                  React.createElement(
+                  React__default.createElement(
                     'h5',
                     { className: 'objective-title' },
                     nodes.seriesTitle
                   ),
-                  React.createElement(
+                  React__default.createElement(
                     'div',
                     { className: 'prevNextWrapper' },
                     PrevNextCards(true, index)
                   )
                 ),
-                React.createElement('hr', { className: 'article-seperater' })
+                React__default.createElement('hr', { className: 'article-seperater' })
               )
             ),
-            React.createElement(
+            React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_40 && 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(
+                  return React__default.createElement(
                     'div',
                     {
                       key: 'addid-' + (index + 2),
@@ -8895,7 +8860,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           )
         );
       }),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .scrollToTopArrow {\n            position: fixed;\n            top: 150px;\n            display: flex;\n            justify-content: center;\n            width: ' + contentWidth + 'px;\n            opacity: 1;\n            z-index: 99999999999;\n            visibility: hidden;\n          }\n          .scrollToTopArrow > svg {\n            min-height: 50px;\n            min-width: 50px;\n            max-height: 50px;\n            max-width: 50px;\n          }\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
@@ -8925,11 +8890,11 @@ var LightBox = function LightBox(_ref) {
     };
   }, [handleClickOutside]);
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
-    React.createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
-    React.createElement(
+    React__default.createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
@@ -8943,7 +8908,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage = React.memo(function (_ref2) {
+var FigureImage = React__default.memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -8951,13 +8916,13 @@ var FigureImage = React.memo(function (_ref2) {
       handleClickFigure = _ref2.handleClickFigure;
 
   var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
-  return React.createElement(
+  return React__default.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' }) }),
-    React.createElement('img', _extends({
+    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default.createElement('img', _extends({
       style: figureImageStyle,
       className: 'figure-image',
       src: urlFor({ source: node, client: client }),
@@ -9045,13 +9010,13 @@ var FigureComponent = function FigureComponent(props) {
 
   var FigureCaption = useCallback(function () {
     if (imgcaption && imgcaption.length > 0) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'figure-caption' },
-        React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
+      return React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
     } else return null;
   }, [caption, imgcaption]);
 
@@ -9068,24 +9033,24 @@ var FigureComponent = function FigureComponent(props) {
     setShowLightbox(true);
   }, [node, client]);
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    React.createElement(
+    React__default.createElement(
       Figure$2,
       { className: '' + class_name, style: figureStyle },
-      link ? React.createElement(
+      link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
-        React.createElement(FigureCaption, null)
-      ) : React.createElement(
-        React.Fragment,
+        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default.createElement(FigureCaption, null)
+      ) : React__default.createElement(
+        React__default.Fragment,
         null,
-        React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
-        React.createElement(FigureCaption, null)
+        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default.createElement(FigureCaption, null)
       ),
-      React.createElement(LightBox, {
+      React__default.createElement(LightBox, {
         showLightbox: showLightbox,
         lightboxImgSrc: lightboxImgSrc,
         closeLightbox: function closeLightbox() {
@@ -9094,7 +9059,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .figure-caption,\n        .figure-caption h1,\n        .figure-caption h2,\n        .figure-caption h3,\n        .figure-caption h4,\n        .figure-caption h5,\n        .figure-caption h6,\n        .figure-caption p,\n        .figure-caption ul {\n          color: #6c757d;\n          font-size: 0.875rem;\n        }\n      '
@@ -9102,7 +9067,7 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React.memo(FigureComponent, compareProps);
+var Figure = React__default.memo(FigureComponent, compareProps);
 
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   useEffect(function () {
@@ -9119,33 +9084,6 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
-var FigureImage$1 = React.memo(function (_ref) {
-  var imagesCount = _ref.imagesCount,
-      image = _ref.image,
-      client = _ref.client,
-      imgAlt = _ref.imgAlt,
-      link = _ref.link,
-      handleClickFigure = _ref.handleClickFigure;
-
-  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' }) }),
-    React.createElement('img', _extends({
-      'images-count': imagesCount,
-      className: 'multi-figure-image',
-      src: urlFor({ source: image, client: client }),
-      alt: imgAlt ? imgAlt : 'multi figure'
-    }, !link && {
-      onClick: function onClick() {
-        return handleClickFigure(image, client);
-      }
-    }))
-  );
-});
-
 var MultiFigure = function MultiFigure(props) {
   var images = props.node.images,
       client = props.client,
@@ -9165,72 +9103,76 @@ var MultiFigure = function MultiFigure(props) {
   var lightboxContainer = useRef(null);
   useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
 
-  var FigureCaption = function FigureCaption(_ref2) {
-    var caption = _ref2.caption,
-        imgcaption = _ref2.imgcaption;
+  var FigureCaption = function FigureCaption(_ref) {
+    var caption = _ref.caption,
+        imgcaption = _ref.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'multi-figure-caption' },
-        React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
+      return React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
     } else return null;
   };
 
-  var handleClickFigure = useCallback(function (image, client) {
-    setOpenImgSrc(urlFor({ source: image, client: client }));
-    setOpenImg(true);
-  }, [client]);
-
   if (images && images.length > 0) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'multi-figure-container' },
-      React.createElement(
+      React__default.createElement(
         Row$1,
         { noGutters: true, style: { alignItems: 'center' } },
         images.map(function (image, index) {
-          return React.createElement(
+          return React__default.createElement(
             Col$1,
             { xs: 12, md: 12 / images.length, key: index },
-            image.link ? React.createElement(
+            image.link ? React__default.createElement(
               'a',
               _extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
-              React.createElement(
+              React__default.createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React.createElement(
+                React__default.createElement(
                   LazyLoad,
                   { once: true },
-                  React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                  React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
                 ),
-                React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
-            ) : React.createElement(
+            ) : React__default.createElement(
               'div',
               { className: 'multi-figure-image-container' },
-              React.createElement(
+              React__default.createElement(
                 LazyLoad,
                 { once: true },
-                React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                React__default.createElement('img', {
+                  'images-count': images.length,
+                  className: 'multi-figure-image',
+                  src: urlFor({ source: image.asset, client: client }),
+                  alt: image.alt,
+                  onClick: function onClick() {
+                    setOpenImgSrc(urlFor({ source: image, client: client }));
+                    setOpenImg(true);
+                  }
+                })
               ),
-              React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+              React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
             )
           );
         })
       ),
-      React.createElement(
+      React__default.createElement(
         'div',
         { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-        React.createElement('img', { ref: lightboxImage, src: openImgSrc })
+        React__default.createElement('img', { ref: lightboxImage, src: openImgSrc })
       ),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            cursor: pointer;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
+        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
       )
     );
   }
@@ -9249,13 +9191,265 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
 
   var elementId = articleId ? id + '-' + articleId : id;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { id: elementId },
-    React.createElement(BlockContent, { blocks: content, serializers: getSerializers })
+    React__default.createElement(BlockContent, { blocks: content, serializers: getSerializers })
   );
 };
 
+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__default);
+
+
+
+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__default.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) {
@@ -9273,7 +9467,7 @@ var FormAssembly = function FormAssembly(props) {
   useEffect(function () {
     if (FormID) {
       var src = 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID;
-      var anonymousID = typeof analytics !== 'undefined' && analytics.user() && analytics.user().anonymousId();
+      var anonymousID = analytics.user() && analytics.user().anonymousId();
       if (anonymousID && needSegmentSupport) {
         src = src + '?tfa_1=' + anonymousID;
       }
@@ -9287,11 +9481,11 @@ var FormAssembly = function FormAssembly(props) {
   }, []);
 
   if (iframeSrc) {
-    return React.createElement(
+    return React__default.createElement(
       'section',
       { className: 'form-assembly' },
-      React.createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
-      React.createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+      React__default.createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
+      React__default.createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
     );
   }
 
@@ -9328,27 +9522,27 @@ var BlockTable = function BlockTable(props) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'blockTableHolder', ref: holder },
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'blockTable' },
       rows && rows.map(function (row) {
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { className: 'blockTableRow' },
           row.cells && row.cells.map(function (cell) {
-            return React.createElement(
+            return React__default.createElement(
               'div',
               { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
-              React.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
+              React__default.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
         );
       })
     ),
-    React.createElement(
+    React__default.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          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\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      '
@@ -9427,12 +9621,12 @@ var getSerializers = function getSerializers() {
         var node = _ref.node;
         var url = node.url;
 
-        return React.createElement(YouTubePlayer, { autoplay: autoplay, url: url });
+        return React__default.createElement(YouTubePlayer, { autoplay: autoplay, url: url });
       },
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React.createElement(YouTubeGallery, {
+        return React__default.createElement(YouTubeGallery, {
           nodes: node,
           article: article,
           meta: meta,
@@ -9446,7 +9640,7 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React.createElement(ArticleSeries, {
+        return React__default.createElement(ArticleSeries, {
           nodes: node,
           accountIDs: videoAccountIDs || {},
           pageview: pageview,
@@ -9459,61 +9653,61 @@ var getSerializers = function getSerializers() {
       figure: function figure(_ref4) {
         var node = _ref4.node;
 
-        return React.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
       },
       multifigure: function multifigure(_ref5) {
         var node = _ref5.node;
 
-        return React.createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       },
       slideshow: function slideshow(_ref6) {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React__default.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
         var caption = node.caption,
             content = node.content;
 
-        return React.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
+        return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
       datatable: function datatable(_ref8) {
         var node = _ref8.node;
         var table = node.table;
 
-        return React.createElement(TableShow, { rows: table.rows });
+        return React__default.createElement(TableShow, { rows: table.rows });
       },
       media: function media(_ref9) {
         var node = _ref9.node;
 
-        return React.createElement(Media, { node: node, client: client });
+        return React__default.createElement(Media, { node: node, client: client });
       },
       iframe: function iframe(_ref10) {
         var node = _ref10.node;
 
-        return React.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
+        return React__default.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
       },
       video: function video(_ref11) {
         var node = _ref11.node;
 
-        return React.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
+        return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
       },
       audio: function audio(_ref12) {
         var node = _ref12.node;
 
-        return React.createElement(Audio, { node: node });
+        return React__default.createElement(Audio, { node: node });
       },
       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__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.createElement(Poll$1, {
+        return React__default.createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
@@ -9527,35 +9721,35 @@ var getSerializers = function getSerializers() {
         var node = _ref15.node;
         var quizzes = node.quizzes;
 
-        return React.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
+        return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
       leads: function leads(_ref16) {
         var node = _ref16.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
-        return React.createElement(Leads, { url: url });
+        return React__default.createElement(Leads, { url: url });
       },
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React__default.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;
 
-        return React.createElement(NativeAd, { node: node });
+        return React__default.createElement(NativeAd, { node: node });
       },
       html_anchor_links: function html_anchor_links(_ref19) {
         var node = _ref19.node;
 
-        return React.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
+        return React__default.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
       hrtag: function hrtag() {
-        return React.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
+        return React__default.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
       },
       brtag: function brtag() {
-        return React.createElement('br', { className: 'line-break' });
+        return React__default.createElement('br', { className: 'line-break' });
       },
       formstack: function formstack(_ref20) {
         var node = _ref20.node;
@@ -9563,29 +9757,29 @@ var getSerializers = function getSerializers() {
             Caption = node.Caption,
             needSegmentSupport = node.needSegmentSupport;
 
-        return React.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
+        return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
       },
       formassembly: FormAssembly,
       multimedia: function multimedia(_ref21) {
         var node = _ref21.node;
 
-        return React.createElement(MultiMedia, { node: node, client: client });
+        return React__default.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) });
+        return React__default.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       }
     },
     marks: {
       superscript: function superscript(props) {
-        return React.createElement(
+        return React__default.createElement(
           'sup',
           null,
           props.children
         );
       },
       subscript: function subscript(props) {
-        return React.createElement(
+        return React__default.createElement(
           'sub',
           null,
           props.children
@@ -9601,7 +9795,7 @@ var getSerializers = function getSerializers() {
         if (href && href.charAt(0) === '#') {
           var elementId = href.slice(1);
           if (articleId) elementId = elementId + '-' + articleId;
-          return React.createElement(
+          return React__default.createElement(
             'a',
             { onClick: function onClick() {
                 return ScrollToElement(elementId);
@@ -9611,7 +9805,7 @@ var getSerializers = function getSerializers() {
         }
 
         var isExernalUrl = checkUrlIsExternal(href);
-        return React.createElement(
+        return React__default.createElement(
           'a',
           { rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
           children
@@ -9619,7 +9813,7 @@ var getSerializers = function getSerializers() {
       },
       alignleft: function alignleft(_ref23) {
         var children = _ref23.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
@@ -9627,7 +9821,7 @@ var getSerializers = function getSerializers() {
       },
       alignright: function alignright(_ref24) {
         var children = _ref24.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
@@ -9635,7 +9829,7 @@ var getSerializers = function getSerializers() {
       },
       aligncenter: function aligncenter(_ref25) {
         var children = _ref25.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
@@ -9643,7 +9837,7 @@ var getSerializers = function getSerializers() {
       },
       alignjustify: function alignjustify(_ref26) {
         var children = _ref26.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
           children
@@ -9653,7 +9847,7 @@ var getSerializers = function getSerializers() {
         var children = props.children,
             color = props.mark.color;
 
-        return React.createElement(
+        return React__default.createElement(
           'span',
           { style: { color: color ? color.hex : null } },
           children