@mjhls/mjh-framework 1.0.447 → 1.0.449

package/dist/esm/getSerializers.js

@@ -7,18 +7,18 @@ import { _ as _Array$from } from './from-2c0a5f49.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends$1 } from './extends-6e00b262.js';
 import './web.dom.iterable-46c95e52.js';
-import './typeof-7e72fee0.js';
+import './typeof-5f046efd.js';
 import './_is-array-dd5523d6.js';
-import React, { useState, useEffect } from 'react';
-import { l as lib_3 } from './index-fb49124c.js';
+import React__default, { useState, useEffect } from 'react';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import PropTypes from 'prop-types';
 import Router, { useRouter } from 'next/router';
 import './isSymbol-c1b9be80.js';
 import './debounce-8cd9e09c.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-73819142.js';
-import { L as LazyLoad } from './index-c5fd0af5.js';
-import { b as main_16, c as main_35 } from './main-8c8784b8.js';
+import { L as LazyLoad } from './index-5f9f807a.js';
+import { b as main_16, c as main_35 } from './main-d7ee6151.js';
 import { h as html_decode_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
@@ -28,12 +28,12 @@ import './promise-53143c9a.js';
 import Beam from './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';
-import { B as BlockContent } from './BlockContent-4af2feb9.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import { g as getYoutubeId } from './smoothscroll-4b699764.js';
 import GroupDeck from './GroupDeck.js';
 import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Row, Col } from 'react-bootstrap';
 import Button$1 from 'react-bootstrap/Button';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e1c6b0f2.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f53e4e.js';
 import { u as util } from './util-7700fc59.js';
 import Pagination from 'react-bootstrap/Pagination';
 import dynamic from 'next/dynamic';
@@ -77,20 +77,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('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
-          slide.caption && React.createElement(
+          React__default.createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
             slide.caption
@@ -1862,16 +1862,16 @@ var YouTube = function (_React$Component) {
   }, {
     key: 'render',
     value: function render() {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: this.props.containerClassName },
-        React.createElement('div', { id: this.props.id, className: this.props.className, ref: this.refContainer })
+        React__default.createElement('div', { id: this.props.id, className: this.props.className, ref: this.refContainer })
       );
     }
   }]);
 
   return YouTube;
-}(React.Component);
+}(React__default.Component);
 
 YouTube.propTypes = {
   videoId: PropTypes.string,
@@ -2013,11 +2013,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     Beam.report_beam_video('Pause', main_16, 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      '
@@ -2030,20 +2030,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        @media screen and (max-width: 991px) {\n          .sidebar {\n            float: none;\n            width: auto;\n            margin: 1rem 0;\n          }\n        }\n      '
@@ -2054,18 +2054,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
@@ -2168,14 +2168,14 @@ 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(Figure$1.Image, _extends$1({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt })),
-        caption && React.createElement(
+        React__default.createElement(Figure$1.Image, _extends$1({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt })),
+        caption && React__default.createElement(
           Figure$1.Caption,
           { className: 'media-caption' },
           caption
@@ -2183,7 +2183,7 @@ var Media = function Media(_ref) {
       )
     );
   } else if (caption && caption !== '') {
-    return React.createElement(
+    return React__default.createElement(
       'a',
       _extends$1({}, uploadDoc.downloadMedia ? {
         href: uploadDoc.asset.url + '?dl='
@@ -2200,10 +2200,10 @@ var Media = function Media(_ref) {
 var IFrame = function IFrame(_ref) {
   var url = _ref.url;
 
-  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' })
   );
 };
 
@@ -2309,54 +2309,54 @@ var Video = function Video(_ref) {
 
   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', autoplay: 'muted' }
         }),
-        React.createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n              }\n              .brightcove .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 brightcove-playlist', autoplay: 'muted' }
         }),
-        React.createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n              }\n              .brightcove .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' } },
-        React.createElement(
+        React__default.createElement(
           'div',
           { style: { paddingTop: '56.25%' } },
-          React.createElement('iframe', {
+          React__default.createElement('iframe', {
             src: 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/index.html',
             allowFullScreen: 'true',
             webkitallowfullscreen: 'true',
             mozallowfullscreen: 'true',
             style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
           }),
-          React.createElement(
+          React__default.createElement(
             'style',
             { jsx: 'true' },
             '\n              .brightcove-playlist iframe {\n                height: 100% !important;\n              }\n            '
@@ -2971,7 +2971,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;
   }
 
@@ -3033,7 +3033,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3441,7 +3441,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = createSinglePlayer;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3597,7 +3597,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.YouTube = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3900,7 +3900,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SoundCloud = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4115,7 +4115,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Vimeo = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4369,7 +4369,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Facebook = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4579,7 +4579,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Streamable = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4788,7 +4788,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wistia = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5013,7 +5013,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Twitch = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5227,7 +5227,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DailyMotion = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5457,7 +5457,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Mixcloud = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5654,7 +5654,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FilePlayer = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -6223,7 +6223,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; }
 
@@ -6400,7 +6400,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = renderPreloadPlayers;
 
-var _react = _interopRequireDefault(React);
+var _react = _interopRequireDefault(React__default);
 
 var _Player = _interopRequireDefault(Player_1);
 
@@ -6542,7 +6542,7 @@ Object.defineProperty(exports, "Mixcloud", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -6850,26 +6850,26 @@ 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.'
       )
     );
   } else if (node.audioFilePth) {
     var hostname = new URL(node.audioFilePth).hostname;
     if (hostname === 'embeds.audioboom.com') {
-      return React.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } });
+      return React__default.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } });
     }
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'audio' },
-      React.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' })
+      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' })
     );
   }
 
@@ -6960,10 +6960,10 @@ var VideoMp4 = function VideoMp4(_ref) {
     Beam.report_beam_video('Pause', main_16, duration, current, segment);
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    vidLoaded && React.createElement(
+    vidLoaded && React__default.createElement(
       'video',
       {
         poster: thumbnail || '',
@@ -6981,7 +6981,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.'
     )
   );
@@ -7237,13 +7237,13 @@ 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',
       { 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,
@@ -7254,9 +7254,9 @@ 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(
+      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(
         'div',
         {
           className: 'vid-series',
@@ -7271,13 +7271,13 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
             padding: '0 1rem',
             left: '0'
           } },
-        vidUrl && React.createElement(GroupDeck, { dark: true, dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client })
+        vidUrl && React__default.createElement(GroupDeck, { dark: true, dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client })
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } },
-      React.createElement(
+      React__default.createElement(
         'button',
         {
           'aria-label': 'Toggles video series',
@@ -7288,23 +7288,23 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
         'View Series'
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'div',
       { className: 'my-5' },
-      series && React.createElement(
+      series && React__default.createElement(
         'h3',
         null,
         'Episode ',
         series
       ),
-      nodes.videos[series - 1] && React.createElement(
+      nodes.videos[series - 1] && React__default.createElement(
         'h2',
         { className: 'mb-3' },
         nodes.videos[series - 1].title
       ),
-      nodes.videos[series - 1] && nodes.videos[series - 1].text && React.createElement(BlockContent, _extends$1({ serializers: getSerializers, blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+      nodes.videos[series - 1] && nodes.videos[series - 1].text && React__default.createElement(BlockContent, _extends$1({ serializers: getSerializers, blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\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\n        span.btn {\n          margin: 0 1rem;\n        }\n       \n       \n      '
@@ -7351,54 +7351,54 @@ 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, setShowAnswer);
         } },
       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(
             'span',
             null,
             choice.choiceText
           ),
-          React.createElement(ProgressBar, { now: percentage }),
-          React.createElement(
+          React__default.createElement(ProgressBar, { now: percentage }),
+          React__default.createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7409,14 +7409,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        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7535,20 +7535,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_35 && 'sm' },
-      React.createElement(Pagination.First, { onClick: function onClick() {
+      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);
@@ -7556,41 +7556,41 @@ 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 })
     );
   };
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    quizzes[currentPage - 1] && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
-    !showAnswer && React.createElement(
+    quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+    !showAnswer && React__default.createElement(
       Button$1,
       { onClick: function onClick() {
           return setShowAnswer(true);
         }, 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:'
       ),
-      React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      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()
@@ -7601,10 +7601,10 @@ 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' })
   );
 };
 
@@ -7648,42 +7648,42 @@ var Slideshow$1 = function Slideshow(_ref) {
     router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'mt-3 mb-4' },
-    React.createElement(
+    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(
+              React__default.createElement(
                 LazyLoad,
                 null,
-                React.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), 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      '
@@ -7702,10 +7702,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 })
   );
 };
 
@@ -7720,24 +7720,24 @@ var MultiFigure = function MultiFigure(props) {
 
 
   if (images && images.length > 0) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'multi-figure-container' },
-      React.createElement(
+      React__default.createElement(
         Row,
         { noGutters: true },
         images.map(function (image, index) {
-          return React.createElement(
+          return React__default.createElement(
             Col,
             { xs: 12, md: 12 / images.length, key: index },
-            React.createElement(
+            React__default.createElement(
               'a',
               _extends$1({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
-              React.createElement(
+              React__default.createElement(
                 'div',
                 null,
-                React.createElement('img', { className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
-                image.caption && React.createElement(
+                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
+                image.caption && React__default.createElement(
                   'p',
                   { className: 'multi-figure-caption' },
                   image.caption
@@ -7747,7 +7747,7 @@ var MultiFigure = function MultiFigure(props) {
           );
         })
       ),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-figure-container {\n            margin-bottom: 8px;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            max-height: 180px;\n            min-height: 150px;\n            object-fit: cover;\n          }\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n\n          @media only screen and (min-width: 768px) {\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 10px;\n            }\n          }\n        '
@@ -7769,15 +7769,15 @@ 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 Figure = dynamic(function () {
-  return import('./Figure-408929f3.js');
+  return import('./Figure-bc2b95d7.js');
 }, { ssr: false });
 
 var ScrollToElement = function ScrollToElement(elementId) {
@@ -7845,112 +7845,112 @@ var getSerializers = function getSerializers() {
         var node = _ref.node;
         var url = node.url;
 
-        return React.createElement(YouTubePlayer, { url: url });
+        return React__default.createElement(YouTubePlayer, { url: url });
       },
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React.createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
+        return React__default.createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       figure: function figure(_ref3) {
         var node = _ref3.node;
 
-        return React.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag });
+        return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag });
       },
       multifigure: function multifigure(_ref4) {
         var node = _ref4.node;
 
-        return React.createElement(MultiFigure, { node: node, client: client });
+        return React__default.createElement(MultiFigure, { node: node, client: client });
       },
       slideshow: function slideshow(_ref5) {
         var node = _ref5.node;
         var slides = node.slides;
 
-        return React.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref6) {
         var node = _ref6.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(_ref7) {
         var node = _ref7.node;
         var table = node.table;
 
-        return React.createElement(TableShow, { rows: table.rows });
+        return React__default.createElement(TableShow, { rows: table.rows });
       },
       media: function media(_ref8) {
         var node = _ref8.node;
 
-        return React.createElement(Media, { node: node, client: client });
+        return React__default.createElement(Media, { node: node, client: client });
       },
       iframe: function iframe(_ref9) {
         var node = _ref9.node;
 
-        return React.createElement(IFrame, { url: node.url });
+        return React__default.createElement(IFrame, { url: node.url });
       },
       video: function video(_ref10) {
         var node = _ref10.node;
 
-        return React.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
+        return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
       audio: function audio(_ref11) {
         var node = _ref11.node;
 
-        return React.createElement(Audio, { node: node });
+        return React__default.createElement(Audio, { node: node });
       },
       poll: function poll(_ref12) {
         var node = _ref12.node;
 
-        return React.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
+        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
       },
       quiz: function quiz(_ref13) {
         var node = _ref13.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(_ref14) {
         var node = _ref14.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(_ref15) {
         var node = _ref15.node;
 
-        return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
+        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref16) {
         var node = _ref16.node;
 
-        return React.createElement(NativeAd, { node: node });
+        return React__default.createElement(NativeAd, { node: node });
       },
       html_anchor_links: function html_anchor_links(_ref17) {
         var node = _ref17.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', { className: 'horizontal-rule' });
+        return React__default.createElement('hr', { className: 'horizontal-rule' });
       },
       brtag: function brtag() {
-        return React.createElement('br', { className: 'line-break' });
+        return React__default.createElement('br', { className: 'line-break' });
       }
     },
     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
@@ -7966,7 +7966,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);
@@ -7976,7 +7976,7 @@ var getSerializers = function getSerializers() {
         }
 
         var isExernalUrl = checkUrlIsExternal(href);
-        return React.createElement(
+        return React__default.createElement(
           'a',
           { href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
           children
@@ -7984,7 +7984,7 @@ var getSerializers = function getSerializers() {
       },
       alignleft: function alignleft(_ref18) {
         var children = _ref18.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
@@ -7992,7 +7992,7 @@ var getSerializers = function getSerializers() {
       },
       alignright: function alignright(_ref19) {
         var children = _ref19.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
@@ -8000,7 +8000,7 @@ var getSerializers = function getSerializers() {
       },
       aligncenter: function aligncenter(_ref20) {
         var children = _ref20.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
@@ -8008,7 +8008,7 @@ var getSerializers = function getSerializers() {
       },
       alignjustify: function alignjustify(_ref21) {
         var children = _ref21.children;
-        return React.createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
           children