@mjhls/mjh-framework 1.0.588 → 1.0.589

package/dist/cjs/getSerializers.js

@@ -1,5 +1,7 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
@@ -9,20 +11,22 @@ var from = require('./from-ea347372.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
 require('./web.dom.iterable-43c3e277.js');
-require('./typeof-583cdc4b.js');
+require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-var index$1 = require('./index-44481153.js');
-var PropTypes = require('prop-types');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
+var React__default = _interopDefault(React);
+var index = require('./index-f7ee1612.js');
+var PropTypes = _interopDefault(require('prop-types'));
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
 var Router = require('next/router');
+var Router__default = _interopDefault(Router);
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$2 = require('./index-8a3fb0bc.js');
-var main = require('./main-c50facd7.js');
+var index$1 = require('./index-b5eb3ff8.js');
+var index$2 = require('./index-fa0fb52c.js');
+var main = require('./main-bc4db521.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -30,24 +34,14 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 var Segment = require('./beam-d22818d3.js');
 var AdSlot = require('./AdSlot.js');
-var BlockContent = require('./BlockContent-8b494587.js');
+var BlockContent = require('./BlockContent-f942392e.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 var GroupDeck = require('./GroupDeck.js');
 var reactBootstrap = require('react-bootstrap');
-var Button = require('react-bootstrap/Button');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 var util = require('./util-f2c1b65b.js');
-var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-5c98aec7.js');
-var Pagination = require('react-bootstrap/Pagination');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
-var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Router__default = /*#__PURE__*/_interopDefaultLegacy(Router);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
+var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-156bd4d6.js');
+var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -56,7 +50,7 @@ var urlFor = function urlFor(source, builder) {
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
   var href = '/view/' + router.query.url + '?page=' + pageNumber;
-  Router__default['default'].push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
+  Router__default.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
 var Slideshow = function Slideshow(_ref) {
@@ -71,7 +65,7 @@ var Slideshow = function Slideshow(_ref) {
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   React.useEffect(function () {
     var itemArr = router.asPath.split('?page=');
@@ -84,24 +78,24 @@ var Slideshow = function Slideshow(_ref) {
   }, [router]);
 
   React.useEffect(function () {
-    index$1.lib_3.refresh();
+    index.lib_3.refresh();
     if (pageview) pageview(router.asPath);
   }, [router]);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'mt-3 mb-3' },
-    React__default['default'].createElement(
+    React__default.createElement(
       reactBootstrap.Carousel,
       { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
           return onChangeSlide(selectedIndex, router);
         }, interval: null },
       slides && slides.map(function (slide) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default['default'].createElement('img', { src: slide.asset && urlFor(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
-          slide.caption && React__default['default'].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
@@ -1584,11 +1578,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
@@ -1598,6 +1588,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -1632,8 +1626,8 @@ function shouldUpdateVideo(prevProps, props) {
 
 
 function filterResetOptions(opts) {
-  return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
+  return _objectSpread({}, opts, {
+    playerVars: _objectSpread({}, opts.playerVars, {
       autoplay: 0,
       start: 0,
       end: 0
@@ -1724,7 +1718,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       // do not attempt to create a player server-side, it won't work
       if (typeof document === 'undefined') return; // create player
 
-      var playerOpts = _objectSpread(_objectSpread({}, _this.props.opts), {}, {
+      var playerOpts = _objectSpread({}, _this.props.opts, {
         // preload the `videoId` video if one is already given
         videoId: _this.props.videoId
       });
@@ -1753,10 +1747,6 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function () {
-      return _this.internalPlayer;
-    });
-
     _defineProperty(_assertThisInitialized(_this), "updateVideo", function () {
       if (typeof _this.props.videoId === 'undefined' || _this.props.videoId === null) {
         _this.internalPlayer.stopVideo();
@@ -1843,9 +1833,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: this.props.containerClassName
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", {
         id: this.props.id,
         className: this.props.className,
         ref: this.refContainer
@@ -1854,7 +1844,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return YouTube;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 _defineProperty(YouTube, "PlayerState", {
   UNSTARTED: -1,
@@ -1866,24 +1856,24 @@ _defineProperty(YouTube, "PlayerState", {
 });
 
 YouTube.propTypes = {
-  videoId: PropTypes__default['default'].string,
+  videoId: PropTypes.string,
   // custom ID for player element
-  id: PropTypes__default['default'].string,
+  id: PropTypes.string,
   // custom class name for player element
-  className: PropTypes__default['default'].string,
+  className: PropTypes.string,
   // custom class name for player container element
-  containerClassName: PropTypes__default['default'].string,
+  containerClassName: PropTypes.string,
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
-  opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].any),
+  opts: PropTypes.objectOf(PropTypes.any),
   // event subscriptions
-  onReady: PropTypes__default['default'].func,
-  onError: PropTypes__default['default'].func,
-  onPlay: PropTypes__default['default'].func,
-  onPause: PropTypes__default['default'].func,
-  onEnd: PropTypes__default['default'].func,
-  onStateChange: PropTypes__default['default'].func,
-  onPlaybackRateChange: PropTypes__default['default'].func,
-  onPlaybackQualityChange: PropTypes__default['default'].func
+  onReady: PropTypes.func,
+  onError: PropTypes.func,
+  onPlay: PropTypes.func,
+  onPause: PropTypes.func,
+  onEnd: PropTypes.func,
+  onStateChange: PropTypes.func,
+  onPlaybackRateChange: PropTypes.func,
+  onPlaybackQualityChange: PropTypes.func
 };
 YouTube.defaultProps = {
   videoId: null,
@@ -1999,11 +1989,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     Segment.Segment.report_video_event('Video Pause', main.main_16, duration, current, segment);
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'fluid-video-container' },
-    React__default['default'].createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
-    React__default['default'].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      '
@@ -2016,20 +2006,20 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content,
       getSerializers = _ref.getSerializers;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'article',
     { className: 'sidebar' },
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'h3',
         null,
         caption
       ),
-      React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
+      React__default.createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
     ),
-    React__default['default'].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      '
@@ -2040,18 +2030,18 @@ var Sidebar = function Sidebar(_ref) {
 var TableShow = function TableShow(_ref) {
   var rows = _ref.rows;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     reactBootstrap.Table,
     { bordered: true, hover: true, responsive: true },
-    React__default['default'].createElement(
+    React__default.createElement(
       'tbody',
       null,
       rows && rows.map(function (row) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'tr',
           { key: row._key },
           row.cells && row.cells.map(function (cell, index) {
-            return cell && React__default['default'].createElement(
+            return cell && React__default.createElement(
               'td',
               { key: index },
               cell
@@ -2079,7 +2069,7 @@ var Media = function Media(_ref) {
       _node$disableTextWrap = node.disableTextWrap,
       disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source).auto('format');
@@ -2154,14 +2144,14 @@ var Media = function Media(_ref) {
       margin: imageMargin
     };
 
-    return React__default['default'].createElement(
+    return React__default.createElement(
       reactBootstrap.Figure,
       { className: 'd-block ' + className, style: figureStyle },
-      React__default['default'].createElement(
+      React__default.createElement(
         'a',
         { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-        React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt })),
-        caption && React__default['default'].createElement(
+        React__default.createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt })),
+        caption && React__default.createElement(
           reactBootstrap.Figure.Caption,
           { className: 'media-caption' },
           caption
@@ -2169,7 +2159,7 @@ var Media = function Media(_ref) {
       )
     );
   } else if (caption && caption !== '') {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'a',
       _extends._extends({}, uploadDoc.downloadMedia ? {
         href: uploadDoc.asset.url + '?dl='
@@ -2186,10 +2176,10 @@ var Media = function Media(_ref) {
 var IFrame = function IFrame(_ref) {
   var url = _ref.url;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React__default['default'].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' })
   );
 };
 
@@ -2205,6 +2195,20 @@ var Video = function Video(_ref) {
       playlistID = node.playlistID,
       experienceID = node.experienceID;
 
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      videoLoaded = _useState2[0],
+      setVideoLoaded = _useState2[1];
+
+  React.useEffect(function () {
+    if (!videoLoaded && experienceID) {
+      //To load Experience Player JS
+      var experiencePlayerScript = document.createElement('script');
+      experiencePlayerScript.src = 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js';
+      document.body.appendChild(experiencePlayerScript);
+      setVideoLoaded(true);
+    }
+  }, []);
   var onVideoSuccess = function onVideoSuccess(success) {
     //console.log('success:', success.ref)
     var player = success.ref;
@@ -2301,47 +2305,44 @@ var Video = function Video(_ref) {
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
-        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default.createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
           accountId: accountIDs.brightcove.accountId,
           videoId: videoID,
           playerId: accountIDs.brightcove.playerId,
           attrs: { className: 'brightcove', autoplay: 'muted' }
         }),
-        React__default['default'].createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove {\n                position: relative;\n                margin-bottom: 1rem;\n                height: 100%;\n                width: 100%;\n              }\n              .brightcove .video-js {\n                height: 100%;\n                width: 100%;\n                position: relative;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                min-height: 411px;\n              }\n            '
         )
       );
     } else if (playlistID) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
-        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default.createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
           onSuccess: onVideoSuccess,
           attrs: { className: 'brightcove brightcove-playlist', autoplay: 'muted' }
         }),
-        React__default['default'].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__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        React__default['default'].createElement('div', {
-          dangerouslySetInnerHTML: {
-            __html: '<div data-experience=' + experienceID + '></div>\n              <script src="https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js" async></script>'
-          } })
+        videoLoaded && React__default.createElement('div', { 'data-experience': experienceID })
       );
     }
     return null;
@@ -2358,7 +2359,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEPRECATED_CONFIG_PROPS = exports.defaultProps = exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -2948,7 +2949,7 @@ function isEqual(a, b) {
     return true;
   }
 
-  if ((0, React__default['default'].isValidElement)(a) && (0, React__default['default'].isValidElement)(b)) {
+  if ((0, React__default.isValidElement)(a) && (0, React__default.isValidElement)(b)) {
     return true;
   }
 
@@ -3010,7 +3011,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3420,7 +3421,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = createSinglePlayer;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3578,7 +3579,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.YouTube = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -3887,7 +3888,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SoundCloud = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4104,7 +4105,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Vimeo = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4360,7 +4361,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Facebook = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4572,7 +4573,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Streamable = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -4783,7 +4784,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wistia = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5026,7 +5027,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Twitch = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5242,7 +5243,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DailyMotion = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5478,7 +5479,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Mixcloud = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -5677,7 +5678,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FilePlayer = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -6244,7 +6245,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -6423,7 +6424,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = renderPreloadPlayers;
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
 var _Player = _interopRequireDefault(Player_1);
 
@@ -6562,7 +6563,7 @@ Object.defineProperty(exports, "Mixcloud", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default['default']);
+var _react = _interopRequireWildcard(React__default);
 
 
 
@@ -6876,20 +6877,20 @@ var Audio = function Audio(_ref) {
   var node = _ref.node;
 
   if (node.uploadAudio) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'audio d-block text-center mb-3' },
-      React__default['default'].createElement(
+      React__default.createElement(
         'audio',
         { controls: true, controlsList: 'nodownload', className: 'audio' },
-        React__default['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
-        React__default['default'].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__default['default'].createElement(
+      node.caption && React__default.createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default['default'].createElement(
+        React__default.createElement(
           'em',
           null,
           node.caption
@@ -6899,15 +6900,15 @@ var Audio = function Audio(_ref) {
   } else if (node.audioFilePth) {
     var hostname = new URL(node.audioFilePth).hostname;
     if (hostname === 'embeds.audioboom.com') {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
-        React__default['default'].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__default['default'].createElement(
+        node.caption && React__default.createElement(
           'p',
           { style: { fontSize: '.9rem' } },
-          React__default['default'].createElement(
+          React__default.createElement(
             'em',
             null,
             node.caption
@@ -6915,14 +6916,14 @@ var Audio = function Audio(_ref) {
         )
       );
     }
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'audio' },
-      React__default['default'].createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
-      node.caption && React__default['default'].createElement(
+      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
+      node.caption && React__default.createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default['default'].createElement(
+        React__default.createElement(
           'em',
           null,
           node.caption
@@ -7023,10 +7024,10 @@ var VideoMp4 = function VideoMp4(_ref) {
     Segment.Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'MP4');
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     null,
-    vidLoaded && React__default['default'].createElement(
+    vidLoaded && React__default.createElement(
       'video',
       {
         poster: thumbnail || '',
@@ -7044,7 +7045,7 @@ var VideoMp4 = function VideoMp4(_ref) {
         onPlay: function onPlay(e) {
           return handleOnPlay(e);
         } },
-      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
+      React__default.createElement('source', { src: url, type: 'video/mp4' }),
       'Your browser does not support the video tag.'
     )
   );
@@ -7060,7 +7061,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     return null;
   }
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -7305,13 +7306,13 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
+      vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, {
         className: 'fluid-iframe',
         videoId: smoothscroll.getYoutubeId(vidUrl),
         opts: opts,
@@ -7322,10 +7323,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           return handleOnEnd(e);
         }
       }),
-      vidUrl && vidType == 'mp4' && React__default['default'].createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
-      vidUrl && vidType == 'brightcove' && React__default['default'].createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
-      React__default['default'].createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
-      series && React__default['default'].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',
@@ -7335,10 +7336,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
             maxHeight: '100%',
             paddingBottom: '0'
           } },
-        React__default['default'].createElement(
+        React__default.createElement(
           'p',
           { style: { color: '#484848', marginBottom: '0' } },
-          React__default['default'].createElement(
+          React__default.createElement(
             'b',
             { style: { fontSize: '1.25em' } },
             'Now Playing:'
@@ -7346,27 +7347,27 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           ' ',
           seriesData[series ? series - 1 : 0].title
         ),
-        vidUrl && React__default['default'].createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client })
+        vidUrl && React__default.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client })
       )
     ),
-    React__default['default'].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
-    React__default['default'].createElement(
+    React__default.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
+    React__default.createElement(
       'div',
       { className: 'mt-2 mb-5' },
-      series && React__default['default'].createElement(
+      series && React__default.createElement(
         'h3',
         null,
         'Episode ',
         series
       ),
-      nodes.videos[series - 1] && React__default['default'].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__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ 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.BlockContent, _extends._extends({ serializers: getSerializers, blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React__default['default'].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      '
@@ -7419,54 +7420,54 @@ var Poll = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    question && React__default['default'].createElement(
+    question && React__default.createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
+    !showAnswer && choices && choices.length > 0 && React__default.createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key },
-          React__default['default'].createElement(
+          React__default.createElement(
             'label',
             { className: 'pl-2' },
-            React__default['default'].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__default['default'].createElement(
+      React__default.createElement(
         reactBootstrap.Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React__default['default'].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__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             null,
             choice.choiceText
           ),
-          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
-          React__default['default'].createElement(
+          React__default.createElement(reactBootstrap.ProgressBar, { now: percentage }),
+          React__default.createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -7477,14 +7478,14 @@ var Poll = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React__default['default'].createElement(
+    showAnswer && React__default.createElement(
       'h4',
       { className: 'text-center small p-3' },
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
-    React__default['default'].createElement(
+    showAnswer && response && React__default.createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -7492,7 +7493,7 @@ var Poll = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main.main_39 ? 4 : 10;
+var numberOfPaginations = main.main_38 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -7549,7 +7550,7 @@ var Quiz = function Quiz(_ref) {
         setEndIndex(numberOfPaginations - 1);
         newPath = window.location.pathname;
         window.history.pushState(null, null, newPath);
-        index$1.lib_3.refresh();
+        index.lib_3.refresh();
         if (pageview) pageview(newPath);
         break;
       case 'last':
@@ -7558,7 +7559,7 @@ var Quiz = function Quiz(_ref) {
         setEndIndex(pageCount - pageCount % numberOfPaginations + numberOfPaginations - 1);
         newPath = window.location.pathname + '?page=' + pageCount;
         window.history.pushState(null, null, newPath);
-        index$1.lib_3.refresh();
+        index.lib_3.refresh();
         if (pageview) pageview(newPath);
         break;
       case 'next':
@@ -7569,7 +7570,7 @@ var Quiz = function Quiz(_ref) {
         }
         newPath = window.location.pathname + '?page=' + (currentPage + 1);
         window.history.pushState(null, null, newPath);
-        index$1.lib_3.refresh();
+        index.lib_3.refresh();
         if (pageview) pageview(newPath);
         break;
       case 'prev':
@@ -7580,14 +7581,14 @@ var Quiz = function Quiz(_ref) {
         }
         newPath = window.location.pathname + '?page=' + (currentPage - 1);
         window.history.pushState(null, null, newPath);
-        index$1.lib_3.refresh();
+        index.lib_3.refresh();
         if (pageview) pageview(newPath);
         break;
       default:
         setCurrentPage(control);
         newPath = window.location.pathname + '?page=' + control;
         window.history.pushState(null, null, newPath);
-        index$1.lib_3.refresh();
+        index.lib_3.refresh();
         if (pageview) pageview(newPath);
     }
   };
@@ -7603,62 +7604,62 @@ var Quiz = function Quiz(_ref) {
   };
 
   var renderPagination = function renderPagination() {
-    return React__default['default'].createElement(
-      Pagination__default['default'],
-      { className: 'p-0 m-0', size: main.main_39 && 'sm' },
-      React__default['default'].createElement(Pagination__default['default'].First, { onClick: function onClick() {
+    return React__default.createElement(
+      Pagination,
+      { className: 'p-0 m-0', size: main.main_38 && 'sm' },
+      React__default.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React__default['default'].createElement(Pagination__default['default'].Prev, { onClick: function onClick() {
+      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React__default['default'].createElement(Pagination__default['default'].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__default['default'].createElement(
-          Pagination__default['default'].Item,
+        return React__default.createElement(
+          Pagination.Item,
           { key: page, active: page === currentPage, onClick: function onClick() {
               return changePage(page);
             } },
           page
         );
       }),
-      React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default['default'].createElement(Pagination__default['default'].Next, { onClick: function onClick() {
+      React__default.createElement(Pagination.Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React__default['default'].createElement(Pagination__default['default'].Last, { onClick: function onClick() {
+      React__default.createElement(Pagination.Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
   };
 
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    quizzes[currentPage - 1] && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
-    !showAnswer && React__default['default'].createElement(
-      Button__default['default'],
+    quizzes[currentPage - 1] && React__default.createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+    !showAnswer && React__default.createElement(
+      Button,
       { onClick: function onClick() {
           return setShowAnswer(true);
         }, variant: 'info', block: true },
       'Please click here for answer'
     ),
-    quizzes[currentPage - 1] && showAnswer && React__default['default'].createElement(
-      React__default['default'].Fragment,
+    quizzes[currentPage - 1] && showAnswer && React__default.createElement(
+      React__default.Fragment,
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'h4',
         null,
         'Answer:'
       ),
-      React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      React__default.createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
-    React__default['default'].createElement('br', null),
-    pageCount > 1 && React__default['default'].createElement(
+    React__default.createElement('br', null),
+    pageCount > 1 && React__default.createElement(
       'div',
       { className: 'd-flex justify-content-center' },
       renderPagination()
@@ -7669,15 +7670,15 @@ var Quiz = function Quiz(_ref) {
 var Leads = function Leads(_ref) {
   var url = _ref.url;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    url && React__default['default'].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 urlFor$1 = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
@@ -7706,7 +7707,7 @@ var Slideshow$1 = function Slideshow(_ref) {
   // }, [router])
 
   React.useEffect(function () {
-    index$1.lib_3.refresh();
+    index.lib_3.refresh();
     if (pageview) pageview(router.asPath);
   }, [router]);
 
@@ -7716,42 +7717,42 @@ var Slideshow$1 = function Slideshow(_ref) {
     router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'mt-3 mb-4' },
-    React__default['default'].createElement(
+    React__default.createElement(
       reactBootstrap.Carousel,
       { activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
       slides && slides.map(function (slide) {
         if (slide.slideshowImage && slide.slideshowImage.asset) {
-          return React__default['default'].createElement(
+          return React__default.createElement(
             reactBootstrap.Carousel.Item,
             { key: slide._key },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
-              React__default['default'].createElement(
+              React__default.createElement(
                 index$2.LazyLoad,
                 null,
-                React__default['default'].createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default.createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
-            React__default['default'].createElement(
+            React__default.createElement(
               'div',
               { className: 'p-2' },
-              slide.slideshowImage.caption && React__default['default'].createElement(
+              slide.slideshowImage.caption && React__default.createElement(
                 'h3',
                 { style: { padding: '0px' } },
                 slide.slideshowImage.caption
               ),
-              slide.description && React__default['default'].createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
+              slide.description && React__default.createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
             )
           );
         }
         return null;
       })
     ),
-    React__default['default'].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      '
@@ -7770,10 +7771,10 @@ var NativeAd = function NativeAd(props) {
       sizes = _props$node.sizes,
       sizeMapping = _props$node.sizeMapping;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'native-ad-wrapper', style: { textAlign: 'center' } },
-    React__default['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
+    React__default.createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
   );
 };
 
@@ -7795,20 +7796,20 @@ var Formstack = function Formstack(_ref) {
 
   var htmlContent = '\n    <script needsegmentsupport="true" type="text/javascript" src="https://mjhlifesciences.formstack.com/forms/js.php/' + FormID + '"></script>\n    <noscript><a href="https://mjhlifesciences.formstack.com/forms/' + FormID + '" title="Online Form">' + Caption + '</a></noscript>\n    ';
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { ref: formstackRef },
-    React__default['default'].createElement(
+    React__default.createElement(
       'h4',
       { className: 'formstack-caption' },
       Caption
     ),
-    React__default['default'].createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
+    React__default.createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
   );
 };
 
 var urlFor$2 = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 var MultiMedia = function MultiMedia(props) {
@@ -7823,25 +7824,25 @@ var MultiMedia = function MultiMedia(props) {
     }
   });
   if (medias && medias.length > 0) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'multi-media-container' },
-      React__default['default'].createElement(
-        Row__default['default'],
+      React__default.createElement(
+        Row,
         { noGutters: true },
         medias.map(function (media) {
-          return React__default['default'].createElement(
-            Col__default['default'],
+          return React__default.createElement(
+            Col,
             { xs: 12, md: 12 / medias.length, key: media._key },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               _extends._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__default['default'].createElement(
+              React__default.createElement(
                 'div',
                 { className: 'multi-media-image-container' },
-                imageBox && React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt }),
-                media.caption && React__default['default'].createElement(
+                imageBox && React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt }),
+                media.caption && React__default.createElement(
                   'span',
                   { className: 'multi-media-caption' },
                   media.caption
@@ -7851,7 +7852,7 @@ var MultiMedia = function MultiMedia(props) {
           );
         })
       ),
-      React__default['default'].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        '
@@ -7862,7 +7863,7 @@ var MultiMedia = function MultiMedia(props) {
 };
 
 var urlFor$3 = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
@@ -7951,21 +7952,21 @@ var FigureComponent = function FigureComponent(props) {
     margin: figureMargin
   };
 
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    React__default['default'].createElement(
+    React__default.createElement(
       reactBootstrap.Figure,
       { className: '' + class_name, style: figureStyle },
-      link ? React__default['default'].createElement(
+      link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default['default'].createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
-        caption && React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      ) : React__default['default'].createElement(
-        React__default['default'].Fragment,
+        React__default.createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$3(node, client).url(), alt: alt && alt }),
+        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+      ) : React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(reactBootstrap.Figure.Image, {
+        React__default.createElement(reactBootstrap.Figure.Image, {
           style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
           className: 'figure-image',
           src: urlFor$3(node, client).url(),
@@ -7975,14 +7976,14 @@ var FigureComponent = function FigureComponent(props) {
             setOpenImg(true);
           }
         }),
-        caption && React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       )
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       { className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default['default'].createElement('img', { src: openImgSrc }),
-      React__default['default'].createElement('a', {
+      React__default.createElement('img', { src: openImgSrc }),
+      React__default.createElement('a', {
         className: 'lightbox-close',
         onClick: function onClick() {
           setOpenImgSrc('');
@@ -7990,7 +7991,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\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: 99999;\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      '
@@ -7998,10 +7999,10 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default['default'].memo(FigureComponent, compareProps);
+var Figure = React__default.memo(FigureComponent, compareProps);
 
 var urlFor$4 = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
@@ -8011,24 +8012,24 @@ var MultiFigure = function MultiFigure(props) {
 
 
   if (images && images.length > 0) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'multi-figure-container' },
-      React__default['default'].createElement(
+      React__default.createElement(
         reactBootstrap.Row,
         { noGutters: true },
         images.map(function (image, index) {
-          return React__default['default'].createElement(
+          return React__default.createElement(
             reactBootstrap.Col,
             { xs: 12, md: 12 / images.length, key: index },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               _extends._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
-              React__default['default'].createElement(
+              React__default.createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
-                image.caption && React__default['default'].createElement(
+                React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
+                image.caption && React__default.createElement(
                   'span',
                   { className: 'multi-figure-caption' },
                   image.caption
@@ -8038,7 +8039,7 @@ var MultiFigure = function MultiFigure(props) {
           );
         })
       ),
-      React__default['default'].createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-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-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              height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              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              height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
@@ -8060,10 +8061,10 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
 
   var elementId = articleId ? id + '-' + articleId : id;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: elementId },
-    React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
+    React__default.createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
   );
 };
 
@@ -8132,124 +8133,124 @@ var getSerializers = function getSerializers() {
         var node = _ref.node;
         var url = node.url;
 
-        return React__default['default'].createElement(YouTubePlayer, { url: url });
+        return React__default.createElement(YouTubePlayer, { url: url });
       },
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].createElement(TableShow, { rows: table.rows });
+        return React__default.createElement(TableShow, { rows: table.rows });
       },
       media: function media(_ref8) {
         var node = _ref8.node;
 
-        return React__default['default'].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__default['default'].createElement(IFrame, { url: node.url });
+        return React__default.createElement(IFrame, { url: node.url });
       },
       video: function video(_ref10) {
         var node = _ref10.node;
 
-        return React__default['default'].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__default['default'].createElement(Audio, { node: node });
+        return React__default.createElement(Audio, { node: node });
       },
       poll: function poll(_ref12) {
         var node = _ref12.node;
 
-        return React__default['default'].createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
+        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
       },
       quiz: function quiz(_ref13) {
         var node = _ref13.node;
         var quizzes = node.quizzes;
 
-        return React__default['default'].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__default['default'].createElement(Leads, { url: url });
+        return React__default.createElement(Leads, { url: url });
       },
       slideshows: function slideshows(_ref15) {
         var node = _ref15.node;
 
-        return React__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].createElement('br', { className: 'line-break' });
+        return React__default.createElement('br', { className: 'line-break' });
       },
       formstack: function formstack(_ref18) {
         var node = _ref18.node;
         var FormID = node.FormID,
             Caption = node.Caption;
 
-        return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption });
+        return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption });
       },
       multimedia: function multimedia(_ref19) {
         var node = _ref19.node;
 
-        return React__default['default'].createElement(MultiMedia, { node: node, client: client });
+        return React__default.createElement(MultiMedia, { node: node, client: client });
       }
     },
     marks: {
       superscript: function superscript(props) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'sup',
           null,
           props.children
         );
       },
       subscript: function subscript(props) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'sub',
           null,
           props.children
@@ -8265,7 +8266,7 @@ var getSerializers = function getSerializers() {
         if (href && href.charAt(0) === '#') {
           var elementId = href.slice(1);
           if (articleId) elementId = elementId + '-' + articleId;
-          return React__default['default'].createElement(
+          return React__default.createElement(
             'a',
             { onClick: function onClick() {
                 return ScrollToElement(elementId);
@@ -8275,7 +8276,7 @@ var getSerializers = function getSerializers() {
         }
 
         var isExernalUrl = checkUrlIsExternal(href);
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'a',
           { href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
           children
@@ -8283,7 +8284,7 @@ var getSerializers = function getSerializers() {
       },
       alignleft: function alignleft(_ref20) {
         var children = _ref20.children;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
@@ -8291,7 +8292,7 @@ var getSerializers = function getSerializers() {
       },
       alignright: function alignright(_ref21) {
         var children = _ref21.children;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
@@ -8299,7 +8300,7 @@ var getSerializers = function getSerializers() {
       },
       aligncenter: function aligncenter(_ref22) {
         var children = _ref22.children;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
@@ -8307,7 +8308,7 @@ var getSerializers = function getSerializers() {
       },
       alignjustify: function alignjustify(_ref23) {
         var children = _ref23.children;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
           children