@mjhls/mjh-framework 1.0.1004 → 1.0.1005-ce-test-v1

package/dist/cjs/{index-e4f1fe32.js → index-144b90c4.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
-var index = require('./index-7435b964.js');
+var index = require('./index-fc2f1ca2.js');
 var Router = require('next/router');
 var index$1 = require('./index-187c967e.js');
 var PropTypes = require('prop-types');
@@ -12,15 +12,18 @@ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var util = require('./util-93a37fd0.js');
 require('./Beam.js');
 var Segment = require('./Segment.js');
-var main = require('./main-6054981e.js');
-var BlockContent = require('./BlockContent-96b44364.js');
+var main = require('./main-f1c77adb.js');
+var BlockContent = require('./BlockContent-9ebd251f.js');
 var _extends = require('./extends-7c86182f.js');
 var urlForFile = require('./urlForFile-29d3815a.js');
-var index$2 = require('./index-65621b6c.js');
+var index$2 = require('./index-eadd5035.js');
 var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var _typeof$1 = require('./typeof-567e31ff.js');
-var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-4c7825a1.js');
+var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var stringify = require('./stringify-f7a37a8d.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
+var _objectToArray = require('./_object-to-array-ce86cae7.js');
+var keys = require('./keys-e982b3fa.js');
 var Modal = require('react-bootstrap/Modal');
 var Button = require('react-bootstrap/Button');
 var Form = require('react-bootstrap/Form');
@@ -28,8 +31,6 @@ var ReactGA = require('react-ga');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
-var _objectToArray = require('./_object-to-array-ce86cae7.js');
 var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var Pagination = require('react-bootstrap/Pagination');
 var entities = require('./entities-df1aed86.js');
@@ -66,7 +67,7 @@ var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 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['default'].push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
 var Slideshow$1 = function Slideshow(_ref) {
@@ -96,27 +97,27 @@ var Slideshow$1 = function Slideshow(_ref) {
     if (pageview) pageview(router.asPath);
   }, [router]);
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'mt-3 mb-3' },
-    React__default["default"].createElement(
+    React__default['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['default'].createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'picture',
             null,
-            React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-            React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-            React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
-            React__default["default"].createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
+            React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default['default'].createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
           ),
-          slide.caption && React__default["default"].createElement(
+          slide.caption && React__default['default'].createElement(
             'p',
             { className: 'p-2' },
             slide.caption
@@ -1648,11 +1649,13 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+    height: 0,
+    width: 0,
+    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
       autoplay: 0,
       start: 0,
       end: 0
-    }, opts.playerVars)
+    })
   });
 }
 /**
@@ -1667,7 +1670,7 @@ function filterResetOptions(opts) {
 
 
 function shouldResetPlayer(prevProps, props) {
-  return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
+  return prevProps.videoId !== props.videoId || !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
 /**
  * Check whether a props change should result in an id or className update.
@@ -1678,7 +1681,7 @@ function shouldResetPlayer(prevProps, props) {
 
 
 function shouldUpdatePlayer(prevProps, props) {
-  return prevProps.id !== props.id || prevProps.className !== props.className;
+  return prevProps.id !== props.id || prevProps.className !== props.className || prevProps.opts.width !== props.opts.width || prevProps.opts.height !== props.opts.height || prevProps.title !== props.title;
 }
 
 var YouTube = /*#__PURE__*/function (_React$Component) {
@@ -1765,6 +1768,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
+        if (_this.props.opts && _this.props.opts.width) iframe.setAttribute('width', _this.props.opts.width);else iframe.removeAttribute('width');
+        if (_this.props.opts && _this.props.opts.height) iframe.setAttribute('height', _this.props.opts.height);else iframe.removeAttribute('height');
+        if (typeof _this.props.title === 'string') iframe.setAttribute('title', _this.props.title);else iframe.setAttribute('title', 'YouTube video player');
       });
     });
 
@@ -1858,18 +1864,19 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.containerClassName
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
         id: this.props.id,
         className: this.props.className,
-        ref: this.refContainer
+        ref: this.refContainer,
+        loading: this.props.loading
       }));
     }
   }]);
 
   return YouTube;
-}(React__default["default"].Component);
+}(React__default['default'].Component);
 
 _defineProperty(YouTube, "PlayerState", {
   UNSTARTED: -1,
@@ -1881,29 +1888,34 @@ _defineProperty(YouTube, "PlayerState", {
 });
 
 YouTube.propTypes = {
-  videoId: PropTypes__default["default"].string,
+  videoId: PropTypes__default['default'].string,
   // custom ID for player element
-  id: PropTypes__default["default"].string,
+  id: PropTypes__default['default'].string,
   // custom class name for player element
-  className: PropTypes__default["default"].string,
+  className: PropTypes__default['default'].string,
   // custom class name for player container element
-  containerClassName: PropTypes__default["default"].string,
+  containerClassName: PropTypes__default['default'].string,
+  // custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
+  title: PropTypes__default['default'].string,
+  // custom loading for player element
+  loading: PropTypes__default['default'].oneOf(['lazy', 'eager', 'auto']),
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
-  opts: PropTypes__default["default"].objectOf(PropTypes__default["default"].any),
+  opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].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__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
 };
 YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
+  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1913,7 +1925,8 @@ YouTube.defaultProps = {
   onEnd: function onEnd() {},
   onStateChange: function onStateChange() {},
   onPlaybackRateChange: function onPlaybackRateChange() {},
-  onPlaybackQualityChange: function onPlaybackQualityChange() {}
+  onPlaybackQualityChange: function onPlaybackQualityChange() {},
+  title: null
 };
 
 var YouTubePlayer = function YouTubePlayer(_ref) {
@@ -2016,11 +2029,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
   };
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'fluid-video-container' },
-    React__default["default"].createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
-    React__default["default"].createElement(
+    React__default['default'].createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
+    React__default['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      '
@@ -2033,20 +2046,20 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content,
       getSerializers = _ref.getSerializers;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'article',
     { className: 'sidebar' },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'h3',
         null,
         caption
       ),
-      React__default["default"].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
     ),
-    React__default["default"].createElement(
+    React__default['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      '
@@ -2057,18 +2070,18 @@ var Sidebar = function Sidebar(_ref) {
 var TableShow = function TableShow(_ref) {
   var rows = _ref.rows;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     reactBootstrap.Table,
     { bordered: true, hover: true, responsive: true },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'tbody',
       null,
       rows && rows.map(function (row) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'tr',
           { key: row._key },
           row.cells && row.cells.map(function (cell, index) {
-            return cell && React__default["default"].createElement(
+            return cell && React__default['default'].createElement(
               'td',
               { key: index },
               cell
@@ -2166,25 +2179,25 @@ var Media = function Media(_ref) {
       margin: imageMargin
     };
 
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Figure,
       { className: 'd-block ' + className, style: figureStyle },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'a',
         { href: urlForFile.urlForFile({ asset: uploadDoc.asset }), target: blank ? '_blank' : '_self' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           index$2.LazyLoad,
           { once: true },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'picture',
             null,
-            React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-            React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-            React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
-            React__default["default"].createElement('img', _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+            React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default['default'].createElement('img', _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
           )
         ),
-        caption && React__default["default"].createElement(
+        caption && React__default['default'].createElement(
           reactBootstrap.Figure.Caption,
           { className: 'media-caption' },
           caption
@@ -2192,7 +2205,7 @@ var Media = function Media(_ref) {
       )
     );
   } else if (caption && caption !== '') {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'a',
       _extends._extends({}, uploadDoc.downloadMedia ? {
         href: urlForFile.urlForFile({ asset: uploadDoc.asset }) + '?dl='
@@ -2212,42 +2225,60 @@ var IFrame = function IFrame(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
-  return React__default["default"].createElement(
+  return React__default['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['default'].createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
   );
 };
 
+// https://github.com/tc39/proposal-object-values-entries
+
+var $values = _objectToArray._objectToArray(false);
+
+core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
+  values: function values(it) {
+    return $values(it);
+  }
+});
+
+var values$1 = core_getIteratorMethod._core.Object.values;
+
+var values = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
+});
+
+var _Object$values = _commonjsHelpers.unwrapExports(values);
+
 var PopupMultiChoice = function PopupMultiChoice(_ref) {
   var question = _ref.question,
       choices = _ref.choices,
       handlePollAnswer = _ref.handlePollAnswer;
 
   var choiceArray = choices.map(function (choice) {
-    return React__default["default"].createElement(Form__default["default"].Check, {
+    return React__default['default'].createElement(Form__default['default'].Check, {
       inline: true,
       label: choice.choiceText,
       value: choice.choiceText,
-      name: 'radioButton',
+      name: question,
       type: 'radio',
       className: 'radioButton',
       onClick: handlePollAnswer
     });
   });
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     {
       key: 'inline-radio',
       className: 'radioContainer' },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'h2',
       {
         className: 'radioLabelText'
       },
       question
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       {
         className: 'multiChoiceDiv'
@@ -2262,19 +2293,19 @@ var PopupPollTextInput = function PopupPollTextInput(_ref) {
       textAnswer = _ref.textAnswer,
       handleTextAnswer = _ref.handleTextAnswer;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     {
       className: 'textInputDiv'
     },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'h2',
       {
         className: 'textInputQuestion'
       },
       textInputQuestion
     ),
-    React__default["default"].createElement(Form__default["default"].Control, {
+    React__default['default'].createElement(Form__default['default'].Control, {
       type: 'text',
       className: 'textInput',
       value: textAnswer,
@@ -2299,10 +2330,15 @@ var PopupPollModal = function PopupPollModal(props) {
       pollAnswer = _useState2[0],
       setPollAnswer = _useState2[1];
 
-  var _useState3 = React.useState(''),
+  var _useState3 = React.useState({}),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      textAnswer = _useState4[0],
-      setTextAnswer = _useState4[1];
+      multiItemPollAnswers = _useState4[0],
+      setMultiItemPollAnswers = _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      textAnswer = _useState6[0],
+      setTextAnswer = _useState6[1];
 
   React.useEffect(function () {
     var modal = document.getElementById('modalDiv');
@@ -2317,101 +2353,129 @@ var PopupPollModal = function PopupPollModal(props) {
     setPollAnswer(e.target.value);
   };
 
+  var handleMultiItemPollAnswers = function handleMultiItemPollAnswers(e) {
+    var question = e.target.name;
+    var answer = e.target.value;
+    var tempObj = {};
+    tempObj[question] = answer;
+    setMultiItemPollAnswers(function (prev) {
+      return _extends._extends({}, prev, tempObj);
+    });
+  };
+
   var handleSubmit = function handleSubmit(e) {
     var currentDate = new Date(Date.now()).toUTCString();
     // eslint-disable-next-line no-undef
     var anonymousID = typeof analytics !== 'undefined' && typeof analytics.user === 'function' && analytics.user() && analytics.user().anonymousId();
+    var formData = {};
+
     pollItems.forEach(function (item) {
-      var submitAnswer = void 0;
-      if (item.format === 'multiChoice') submitAnswer = pollAnswer;
-      if (item.format === 'textInput') submitAnswer = textAnswer;
-      var formData = {
+      formData = {
         uuid: anonymousID,
         url: pollUrl,
         date: currentDate,
-        question: item.question,
-        answer: submitAnswer
-      };
-      var requestOptions = {
-        method: 'POST',
-        headers: { 'content-type': 'application/json' },
-        body: stringify._JSON$stringify({ data: formData })
+        questionsArray: keys._Object$keys(multiItemPollAnswers),
+        answersArray: _Object$values(multiItemPollAnswers)
       };
-      var insertData = function () {
-        var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
-          return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return fetch('/api/popup_polls', requestOptions).then(function (res) {
-                    return res.json();
-                  }).then(function (res) {
-                    return console.log(res);
-                  });
-
-                case 3:
-                  _context.next = 8;
-                  break;
-
-                case 5:
-                  _context.prev = 5;
-                  _context.t0 = _context['catch'](0);
-
-                  if (_context.t0) console.log('There was an error in insertData in PopupPollModal.js: ' + _context.t0);
-
-                case 8:
-                case 'end':
-                  return _context.stop();
-              }
+      item.question ? formData.question = item.question : null;
+      pollAnswer && item.format === 'multiChoice' ? formData.answer = pollAnswer : pollAnswer && item.format === 'textInput' ? formData.answer = textAnswer : null;
+      keys._Object$keys(multiItemPollAnswers).length > 0 ? formData.multiItemQandA = multiItemPollAnswers : null;
+    });
+    var requestOptions = {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: stringify._JSON$stringify({ data: formData })
+    };
+    var insertData = function () {
+      var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+        return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return fetch('/api/popup_polls', requestOptions).then(function (res) {
+                  return res.json();
+                }).then(function (res) {
+                  return console.log(res);
+                });
+
+              case 3:
+                _context.next = 8;
+                break;
+
+              case 5:
+                _context.prev = 5;
+                _context.t0 = _context['catch'](0);
+
+                if (_context.t0) console.log('There was an error in insertData in PopupPollModal.js: ' + _context.t0);
+
+              case 8:
+              case 'end':
+                return _context.stop();
             }
-          }, _callee, _this, [[0, 5]]);
-        }));
+          }
+        }, _callee, _this, [[0, 5]]);
+      }));
 
-        return function insertData() {
-          return _ref.apply(this, arguments);
-        };
-      }();
-      console.log('formData', formData);
-      insertData();
-    });
+      return function insertData() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    // console.log('formData', formData)
+    insertData();
     restartPlayer();
-    // setIsPollingTime(false)
     e.preventDefault();
   };
 
   var pollArray = [];
+
   pollItems.forEach(function (item, ind) {
-    if (item.format === 'multiChoice') {
-      pollArray.push(React__default["default"].createElement(PopupMultiChoice, { question: item.question, choices: item.choices, handlePollAnswer: handlePollAnswer, key: ind }));
-    }
-    if (item.format === 'textInput') {
-      pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
+    if (!item.atStart) {
+      if (item.format === 'multiChoice') {
+        pollArray.push(React__default['default'].createElement(PopupMultiChoice, { question: item.question, choices: item.choices, handlePollAnswer: handlePollAnswer, key: ind }));
+      }
+      if (item.format === 'textInput') {
+        pollArray.push(React__default['default'].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
+      }
+    } else {
+      if (item.pollItems[0] && item.pollItems[0].format === 'multiChoice') {
+        pollArray.push(React__default['default'].createElement(PopupMultiChoice, { question: item.pollItems[0].question, choices: item.pollItems[0].choices, handlePollAnswer: handleMultiItemPollAnswers, key: ind }));
+      }
+      if (item.pollItems[0] && item.pollItems[0].format === 'textInput') {
+        pollArray.push(React__default['default'].createElement(PopupPollTextInput, { textInputQuestion: item.pollItems[0].question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
+      }
     }
   });
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'modalDiv', id: 'modalDiv' },
-    React__default["default"].createElement(
-      Modal__default["default"].Dialog,
-      null,
-      React__default["default"].createElement(
-        Modal__default["default"].Body,
+    React__default['default'].createElement(
+      Modal__default['default'].Dialog,
+      { className: pollItems.length > 1 ? 'modal-dialog-overflow' : null, scrollable: pollItems.length > 1 },
+      props.closeable && React__default['default'].createElement(Modal__default['default'].Header, { closeButton: true, onClick: function onClick() {
+          return restartPlayer();
+        } }),
+      React__default['default'].createElement(
+        Modal__default['default'].Body,
         null,
-        React__default["default"].createElement(
-          Form__default["default"],
+        React__default['default'].createElement(
+          Form__default['default'],
           { onSubmit: handleSubmit, className: 'modalForm' },
           pollArray,
-          textInputRender && !multiChoiceRender ? React__default["default"].createElement(
-            Button__default["default"],
+          textInputRender && !multiChoiceRender ? React__default['default'].createElement(
+            Button__default['default'],
             { className: 'submitButton', type: 'submit', variant: 'success', disabled: !textAnswer },
             'Submit'
-          ) : React__default["default"].createElement(
-            Button__default["default"],
+          ) : !textInputRender && multiChoiceRender ? React__default['default'].createElement(
+            Button__default['default'],
             { className: 'submitButton', type: 'submit', variant: 'success', disabled: !pollAnswer },
             'Submit'
+          ) : React__default['default'].createElement(
+            Button__default['default'],
+            { className: 'submitButton', type: 'submit', variant: 'success' },
+            'Submit'
           )
         )
       )
@@ -2572,10 +2636,10 @@ var VideoMp4 = function VideoMp4(_ref) {
     Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
   };
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    isPollingTime ? React__default["default"].createElement(PopupPollModal
+    isPollingTime ? React__default['default'].createElement(PopupPollModal
     // eslint-disable-next-line react/jsx-indent-props
     , { pollItems: pollItems
       // eslint-disable-next-line react/jsx-indent-props
@@ -2589,7 +2653,7 @@ var VideoMp4 = function VideoMp4(_ref) {
       // eslint-disable-next-line react/jsx-indent-props
       , multiChoiceRender: multiChoiceRender
     }) : null,
-    vidLoaded && React__default["default"].createElement(
+    vidLoaded && React__default['default'].createElement(
       'video',
       {
         poster: thumbnail || '',
@@ -2607,7 +2671,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['default'].createElement('source', { src: url, type: 'video/mp4' }),
       'Your browser does not support the video tag.'
     )
   );
@@ -2630,6 +2694,7 @@ var Video = function Video(_ref) {
       experienceID = node.experienceID;
 
   var polls = void 0;
+
   if (node.polls) polls = node.polls;
 
   var _useState = React.useState(false),
@@ -2674,10 +2739,16 @@ var Video = function Video(_ref) {
     return minutes * 60 + seconds;
   };
   var modalTimes = [];
+  var initPolls = [];
+  var nonInitPolls = [];
   if (polls) {
     polls.forEach(function (pollObj) {
-      return modalTimes.push(convertTime(pollObj.timestamp));
+      return pollObj.timestamp !== '0:00' && pollObj.timestamp !== '00:00' ? modalTimes.push(convertTime(pollObj.timestamp)) : null;
+    });
+    polls.forEach(function (pollObj) {
+      return pollObj.atStart ? initPolls.push(pollObj) : nonInitPolls.push(pollObj);
     });
+    if (nonInitPolls.length > 0) polls = nonInitPolls;
   }
 
   var restartPlayer = function restartPlayer() {
@@ -2752,7 +2823,14 @@ var Video = function Video(_ref) {
           return _ref2.apply(this, arguments);
         };
       }();
-
+      // console.log('initPolls', initPolls)
+      if (initPolls.length > 0) {
+        player.pause();
+        setPollItems(initPolls);
+        setPollUrl(targeting.document_url[0]);
+        setIsPollingTime(true);
+        initPolls = [];
+      }
       if (autoplay) {
         autoPlayVideo();
       }
@@ -2760,20 +2838,15 @@ var Video = function Video(_ref) {
       // Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
       Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
-    // let intId
-    // const convertTime = (timeStr) => {
-    //   const minutes = parseInt(timeStr.slice(0, 2))
-    //   const seconds = parseInt(timeStr.slice(3))
-    //   return minutes * 60 + seconds
-    // }
-    // const modalTimes = []
-    // polls.forEach(pollObj => modalTimes.push(convertTime(pollObj.timestamp)))
+
     player.on('play', function (evt) {
+      console.log('in player.on');
       var duration = player.mediainfo.duration;
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      if (polls) {
+
+      if (polls && initPolls.length === 0) {
         var vidPlayer = this;
         intId = setInterval(function () {
           var ct = player.currentTime();
@@ -2858,10 +2931,10 @@ var Video = function Video(_ref) {
 
   if (source === 'brightcove' && accountIDs.brightcove) {
     if (videoID) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        isPollingTime ? React__default["default"].createElement(PopupPollModal
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
         // eslint-disable-next-line react/jsx-indent-props
         , { pollItems: pollItems
           // eslint-disable-next-line react/jsx-indent-props
@@ -2874,8 +2947,10 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
         }) : null,
-        React__default["default"].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
           onFailure: onVideoFailure,
           accountId: accountIDs.brightcove.accountId,
@@ -2883,17 +2958,17 @@ var Video = function Video(_ref) {
           playerId: accountIDs.brightcove.playerId,
           attrs: { className: 'brightcove-fluid', autoPlay: 'muted' }
         }),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (playlistID) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        isPollingTime ? React__default["default"].createElement(PopupPollModal
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
         // eslint-disable-next-line react/jsx-indent-props
         , { pollItems: pollItems
           // eslint-disable-next-line react/jsx-indent-props
@@ -2906,8 +2981,10 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
         }) : null,
-        React__default["default"].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
+        React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
@@ -2915,18 +2992,18 @@ var Video = function Video(_ref) {
           onFailure: onVideoFailure,
           attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
         }),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'style',
           { jsx: 'true' },
           '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (experienceID) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        React__default["default"].createElement('div', { 'data-experience': experienceID }),
-        isPollingTime ? React__default["default"].createElement(PopupPollModal
+        React__default['default'].createElement('div', { 'data-experience': experienceID }),
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
         // eslint-disable-next-line react/jsx-indent-props
         , { pollItems: pollItems
           // eslint-disable-next-line react/jsx-indent-props
@@ -2939,6 +3016,9 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
+
         }) : null
       );
     }
@@ -2946,10 +3026,10 @@ var Video = function Video(_ref) {
   }
 
   if (source === 'mp4') {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default["default"].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true, polls: polls, modalTimes: modalTimes, targetingUrl: targeting.document_url[0] })
+      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true, polls: polls, modalTimes: modalTimes, targetingUrl: targeting.document_url[0] })
     );
   }
 
@@ -2964,7 +3044,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__default['default']);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -3554,7 +3634,7 @@ function isEqual(a, b) {
     return true;
   }
 
-  if ((0, React__default["default"].isValidElement)(a) && (0, React__default["default"].isValidElement)(b)) {
+  if ((0, React__default['default'].isValidElement)(a) && (0, React__default['default'].isValidElement)(b)) {
     return true;
   }
 
@@ -3616,7 +3696,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4026,7 +4106,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = createSinglePlayer;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4184,7 +4264,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.YouTube = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4493,7 +4573,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SoundCloud = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4710,7 +4790,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Vimeo = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -4966,7 +5046,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Facebook = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5178,7 +5258,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Streamable = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5389,7 +5469,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wistia = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5632,7 +5712,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Twitch = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -5848,7 +5928,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DailyMotion = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -6084,7 +6164,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Mixcloud = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -6283,7 +6363,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FilePlayer = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -6850,7 +6930,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -7029,7 +7109,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = renderPreloadPlayers;
 
-var _react = _interopRequireDefault(React__default["default"]);
+var _react = _interopRequireDefault(React__default['default']);
 
 var _Player = _interopRequireDefault(Player_1);
 
@@ -7168,7 +7248,7 @@ Object.defineProperty(exports, "Mixcloud", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(React__default["default"]);
+var _react = _interopRequireWildcard(React__default['default']);
 
 
 
@@ -7484,7 +7564,7 @@ var Audio = function Audio(_ref) {
   var audioSource = node && node.uploadAudio ? node.uploadAudio.asset.url : '';
   var reportPlay = function reportPlay() {
     console.log('Reporting audio playback play to GA');
-    ReactGA__default["default"].event({
+    ReactGA__default['default'].event({
       category: 'User',
       action: 'Audio Play',
       label: 'Play: ' + audioSource
@@ -7494,7 +7574,7 @@ var Audio = function Audio(_ref) {
   };
   var reportPause = function reportPause() {
     console.log('Reporting audio playback pause to GA');
-    ReactGA__default["default"].event({
+    ReactGA__default['default'].event({
       category: 'User',
       action: 'Audio Pause',
       label: 'Pause: ' + audioSource
@@ -7504,7 +7584,7 @@ var Audio = function Audio(_ref) {
   };
   var reportEnd = function reportEnd() {
     console.log('Reporting audio playback end to GA');
-    ReactGA__default["default"].event({
+    ReactGA__default['default'].event({
       category: 'User',
       action: 'Audio Playback End',
       label: 'Playback End: ' + audioSource
@@ -7513,10 +7593,10 @@ var Audio = function Audio(_ref) {
     }));
   };
   if (node.uploadAudio) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'audio d-block text-center mb-3' },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'audio',
         {
           controls: true, controlsList: 'nodownload',
@@ -7525,14 +7605,14 @@ var Audio = function Audio(_ref) {
           onPause: reportPause,
           onEnded: reportEnd
         },
-        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['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
+        React__default['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['default'].createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'em',
           null,
           node.caption
@@ -7542,15 +7622,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['default'].createElement(
         'div',
         null,
-        React__default["default"].createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
+        React__default['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['default'].createElement(
           'p',
           { style: { fontSize: '.9rem' } },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'em',
             null,
             node.caption
@@ -7558,10 +7638,10 @@ var Audio = function Audio(_ref) {
         )
       );
     }
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'audio' },
-      React__default["default"].createElement(ReactPlayer, { url: node.audioFilePth,
+      React__default['default'].createElement(ReactPlayer, { url: node.audioFilePth,
         onPlay: reportPlay,
         onPause: reportPause,
         onEnded: reportEnd,
@@ -7569,10 +7649,10 @@ var Audio = function Audio(_ref) {
         width: '100%',
         height: '100%'
       }),
-      node.caption && React__default["default"].createElement(
+      node.caption && React__default['default'].createElement(
         'p',
         { style: { fontSize: '.9rem' } },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'em',
           null,
           node.caption
@@ -7591,34 +7671,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var showAuthorDetails = arguments[7];
 
   if (authorName && authorURL) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'span',
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'a',
         { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
         authorName
       ),
-      showAuthorDetails && React__default["default"].createElement(
+      showAuthorDetails && React__default['default'].createElement(
         reactBootstrap.Card,
         { className: 'author-details-card-' + index },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           reactBootstrap.Row,
           null,
-          profileImage && React__default["default"].createElement(
+          profileImage && React__default['default'].createElement(
             reactBootstrap.Col,
             { sm: 12, md: 4, className: 'author-details-img-container' },
-            React__default["default"].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
+            React__default['default'].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             reactBootstrap.Col,
             { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               { style: { fontWidth: '500', fontSize: '1.15rem' } },
               authorName
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'p',
               null,
               biography
@@ -7626,7 +7706,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
           )
         )
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
@@ -7634,7 +7714,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
       length !== index + 1 && ', '
     );
   } else if (authorName) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'span',
       { key: index },
       authorName,
@@ -7906,44 +7986,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     }
   };
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'mt-2 mb-5' },
-      series && React__default["default"].createElement(
+      series && React__default['default'].createElement(
         'div',
         { style: { fontSize: '0.9rem' } },
         article.title,
         ' - Episode ',
         series
       ),
-      Videos[series - 1] && React__default["default"].createElement(
+      Videos[series - 1] && React__default['default'].createElement(
         'h1',
         { className: 'mb-3' },
         Videos[series - 1].title
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         null,
         moment.moment(article.published).format('LL')
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'mb-3' },
         article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-          return React__default["default"].createElement(
+          return React__default['default'].createElement(
             'span',
             { key: index },
             renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
           );
         })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'p',
         null,
-        React__default["default"].createElement(SocialShare, {
+        React__default['default'].createElement(SocialShare, {
           shareUrl: meta.shareUrl + '?seriesVid=' + series,
           shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
           shareVia: meta.shareVia,
@@ -7958,20 +8038,20 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           hideFacebook: meta.hideFBShare
         })
       ),
-      Videos[series - 1] && Videos[series - 1].intro && React__default["default"].createElement(
+      Videos[series - 1] && Videos[series - 1].intro && React__default['default'].createElement(
         'p',
         { className: 'mb-3' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'em',
           null,
           Videos[series - 1].intro
         )
       )
     ),
-    React__default["default"].createElement(
+    React__default['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['default'].createElement(YouTube, {
         className: 'fluid-iframe',
         loading: 'lazy',
         videoId: index$1.getYoutubeId(vidUrl),
@@ -7983,10 +8063,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['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(
         'div',
         {
           className: 'vid-series',
@@ -7996,10 +8076,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
             maxHeight: '100%',
             paddingBottom: '0'
           } },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'p',
           { style: { color: '#484848', marginBottom: '0' } },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'b',
             { style: { fontSize: '1.25em' } },
             'Now Playing:'
@@ -8007,16 +8087,16 @@ 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, displayEpisodeNumber: true })
+        vidUrl && React__default['default'].createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
       )
     ),
-    React__default["default"].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
-    React__default["default"].createElement(
+    React__default['default'].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
+    React__default['default'].createElement(
       'div',
       { className: 'vid-text' },
-      Videos[series - 1] && Videos[series - 1].text && React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+      Videos[series - 1] && Videos[series - 1].text && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
@@ -8069,67 +8149,67 @@ var Poll$1 = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    question && React__default["default"].createElement(
+    question && React__default['default'].createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React__default["default"].createElement(
+    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key },
-          React__default["default"].createElement(
+          React__default['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['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['default'].createElement(
         reactBootstrap.Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React__default["default"].createElement(
+    React__default['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['default'].createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'correct-answer' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React__default["default"].createElement(
+            choice.choiceAnswer === true && React__default['default'].createElement(
               'div',
               null,
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React__default["default"].createElement(reactBootstrap.ProgressBar, { now: percentage }),
-          React__default["default"].createElement(
+          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
+          React__default['default'].createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -8140,14 +8220,14 @@ var Poll$1 = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React__default["default"].createElement(
+    showAnswer && React__default['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['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          display: flex;\n          justify-content: space-between;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -8155,24 +8235,6 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
-// https://github.com/tc39/proposal-object-values-entries
-
-var $values = _objectToArray._objectToArray(false);
-
-core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
-  values: function values(it) {
-    return $values(it);
-  }
-});
-
-var values$1 = core_getIteratorMethod._core.Object.values;
-
-var values = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": values$1, __esModule: true };
-});
-
-var _Object$values = _commonjsHelpers.unwrapExports(values);
-
 var Poll = function Poll(_ref) {
   var node = _ref.node;
       _ref.client;
@@ -8246,67 +8308,67 @@ var Poll = function Poll(_ref) {
       return acc;
     }
   }, 0);
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    question && React__default["default"].createElement(
+    question && React__default['default'].createElement(
       'p',
       { className: 'font-weight-bold' },
       question
     ),
-    !showAnswer && choices && choices.length > 0 && React__default["default"].createElement(
+    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
       'form',
       { onSubmit: function onSubmit(e) {
           return onSubmitPoll(e);
         } },
       choices && choices.map(function (choice) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { key: choice._key },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'label',
             { className: 'pl-2' },
-            React__default["default"].createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+            React__default['default'].createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
                 return setSelectedChoice(e.target.value);
               } }),
             ' ' + choice.choiceText
           )
         );
       }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Button,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
     ),
-    React__default["default"].createElement(
+    React__default['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['default'].createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'correct-answer' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               null,
               choice.choiceText
             ),
-            choice.choiceAnswer === true && React__default["default"].createElement(
+            choice.choiceAnswer === true && React__default['default'].createElement(
               'div',
               null,
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'span',
                 { style: { color: 'limegreen' } },
                 'Correct!'
               )
             )
           ),
-          React__default["default"].createElement(reactBootstrap.ProgressBar, { now: percentage }),
-          React__default["default"].createElement(
+          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
+          React__default['default'].createElement(
             'span',
             { className: 'float-right' },
             percentage,
@@ -8317,14 +8379,14 @@ var Poll = function Poll(_ref) {
         );
       })
     ),
-    showAnswer && React__default["default"].createElement(
+    showAnswer && React__default['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['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .correct-answer {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          padding: 0 0.5rem;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
@@ -8468,34 +8530,34 @@ var Quiz = function Quiz(_ref) {
   };
 
   var renderPagination = function renderPagination() {
-    return React__default["default"].createElement(
-      Pagination__default["default"],
+    return React__default['default'].createElement(
+      Pagination__default['default'],
       { className: 'p-0 m-0', size: main.main_42 && 'sm' },
-      React__default["default"].createElement(Pagination__default["default"].First, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React__default["default"].createElement(Pagination__default["default"].Prev, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React__default["default"].createElement(Pagination__default["default"].Ellipsis, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].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['default'].createElement(
+          Pagination__default['default'].Item,
           { key: page, active: page === parseInt(currentPage), onClick: function onClick() {
               return changePage(page);
             } },
           page
         );
       }),
-      React__default["default"].createElement(Pagination__default["default"].Ellipsis, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default["default"].createElement(Pagination__default["default"].Next, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React__default["default"].createElement(Pagination__default["default"].Last, { onClick: function onClick() {
+      React__default['default'].createElement(Pagination__default['default'].Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
@@ -8606,49 +8668,49 @@ var Quiz = function Quiz(_ref) {
     }
   };
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    quizzes[currentPage - 1] && React__default["default"].createElement(
-      React__default["default"].Fragment,
+    quizzes[currentPage - 1] && React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      React__default["default"].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
-      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default["default"].createElement(
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default['default'].createElement(
         'form',
         { ref: answersRef, onSubmit: function onSubmit(e) {
             return e.preventDefault();
           } },
         quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
-          return React__default["default"].createElement(
+          return React__default['default'].createElement(
             'div',
             { key: answer._key },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'label',
               { className: 'pl-2' },
-              quizzes[currentPage - 1].multiAnswer ? React__default["default"].createElement('input', { type: 'checkbox', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }) : React__default["default"].createElement('input', { type: 'radio', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }),
+              quizzes[currentPage - 1].multiAnswer ? React__default['default'].createElement('input', { type: 'checkbox', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }) : React__default['default'].createElement('input', { type: 'radio', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }),
               ' ' + answer.answerText
             )
           );
         })
       )
     ),
-    !showAnswer && React__default["default"].createElement(
-      Button__default["default"],
+    !showAnswer && React__default['default'].createElement(
+      Button__default['default'],
       { onClick: function onClick(e) {
           return checkAnswers(e);
         }, 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['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      quizzes[currentPage - 1].answer && React__default["default"].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      quizzes[currentPage - 1].answer && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
-    React__default["default"].createElement('br', null),
-    firstRender && React__default["default"].createElement(
-      React__default["default"].Fragment,
+    React__default['default'].createElement('br', null),
+    firstRender && React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      pageCount > 1 && currentPage && React__default["default"].createElement(
+      pageCount > 1 && currentPage && React__default['default'].createElement(
         'div',
         { className: 'd-flex justify-content-center' },
         renderPagination()
@@ -8660,15 +8722,15 @@ var Quiz = function Quiz(_ref) {
 var Leads = function Leads(_ref) {
   var url = _ref.url;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          @media screen and (max-width: 1190px) {\n            .leads-block {\n              min-height: 2000px;\n            }\n          }\n          @media screen and (min-width: 1191px) {\n            .leads-block {\n              min-height: 1500px;\n            }\n          }\n        '
     ),
-    url && React__default["default"].createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
+    url && React__default['default'].createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
   );
 };
 
@@ -8710,49 +8772,49 @@ var Slideshow = function Slideshow(_ref) {
     if (pageview) pageview(href);
   };
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'mt-3 mb-4' },
-    React__default["default"].createElement(
+    React__default['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['default'].createElement(
             reactBootstrap.Carousel.Item,
             { key: slide._key },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'a',
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'div',
                 { style: { textAlign: 'center' }, className: '' },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'picture',
                   null,
-                  React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                  React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                  React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                  React__default["default"].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
+                  React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
                 )
               )
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               { className: 'p-2' },
-              slide.slideshowImage.caption && React__default["default"].createElement(
+              slide.slideshowImage.caption && React__default['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['default'].createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
             )
           );
         }
         return null;
       })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .embed-item-img {\n          max-width: 100%;\n          max-height: 750px;\n        }\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      '
@@ -8771,10 +8833,10 @@ var NativeAd = function NativeAd(props) {
       sizes = _props$node.sizes,
       sizeMapping = _props$node.sizeMapping;
 
-  return React__default["default"].createElement(
+  return React__default['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['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
   );
 };
 
@@ -8785,15 +8847,15 @@ var Formstack = function Formstack(_ref) {
       needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
 
   var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'section',
     { id: 'formstack-section', className: 'formstack-section' },
-    Caption && React__default["default"].createElement(
+    Caption && React__default['default'].createElement(
       'h4',
       { className: 'formstack-caption' },
       Caption
     ),
-    React__default["default"].createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
+    React__default['default'].createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
   );
 };
 
@@ -8809,36 +8871,36 @@ var MultiMedia = function MultiMedia(props) {
     }
   });
   if (medias && medias.length > 0) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'multi-media-container' },
-      React__default["default"].createElement(
-        Row__default["default"],
+      React__default['default'].createElement(
+        Row__default['default'],
         { noGutters: true },
         medias.map(function (media) {
-          return React__default["default"].createElement(
-            Col__default["default"],
+          return React__default['default'].createElement(
+            Col__default['default'],
             { xs: 12, md: 12 / medias.length, key: media._key },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'a',
               _extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: urlForFile.urlForFile({ asset: media.upload_doc.asset }), 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['default'].createElement(
                 'div',
                 { className: 'multi-media-image-container' },
-                imageBox && React__default["default"].createElement(
+                imageBox && React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     'picture',
                     null,
-                    React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                    React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                    React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React__default["default"].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
+                    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                    React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
                   )
                 ),
-                media.caption && React__default["default"].createElement(
+                media.caption && React__default['default'].createElement(
                   'span',
                   { className: 'multi-media-caption' },
                   media.caption
@@ -8848,7 +8910,7 @@ var MultiMedia = function MultiMedia(props) {
           );
         })
       ),
-      React__default["default"].createElement(
+      React__default['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        '
@@ -8895,7 +8957,7 @@ var InscreenSensor = function (_React$Component) {
       }
     };
 
-    _this.wraperRef = React__default["default"].createRef();
+    _this.wraperRef = React__default['default'].createRef();
     _this.visible = false;
     return _this;
   }
@@ -8923,7 +8985,7 @@ var InscreenSensor = function (_React$Component) {
           _props$id = _props.id,
           id = _props$id === undefined ? '' : _props$id;
 
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { ref: this.wraperRef, className: className, style: style, id: id },
         this.props.children
@@ -8932,7 +8994,7 @@ var InscreenSensor = function (_React$Component) {
   }]);
 
   return InscreenSensor;
-}(React__default["default"].Component);
+}(React__default['default'].Component);
 
 var ArticleSeries = function ArticleSeries(_ref) {
   var nodes = _ref.nodes,
@@ -9043,33 +9105,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
       if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
       var showReading = show ? 'showReading' : '';
       var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { key: article.title + '_' + index, className: 'prevNextCards' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'a',
           { onClick: function onClick(e) {
               return articleCardClickHandler(e);
             }, 'data-cardlabel': '' + articleLabel, 'data-articleindex': '' + index, 'data-articleid': '' + article.param.current },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React__default["default"].createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
-            React__default["default"].createElement(
+            React__default['default'].createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
+            React__default['default'].createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
               articleLabel
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: 'prevNext-summary' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'div',
               { className: 'prevNext-publishDate' },
               moment.moment(article.published).format('LL')
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'h2',
               { className: 'prevNext-title' },
               article.title
@@ -9118,7 +9180,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
-      return React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
+      return React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
     }
   };
 
@@ -9276,40 +9338,40 @@ var ArticleSeries = function ArticleSeries(_ref) {
     setSensorVisible(false);
   };
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       { ref: arrowRef, className: 'scrollToTopArrow' },
-      React__default["default"].createElement(index_esm.IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
+      React__default['default'].createElement(index_esm.IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
           return handleArrowClick();
         } })
     ),
-    React__default["default"].createElement('hr', { className: 'article-seperater my-4' }),
-    React__default["default"].createElement(
+    React__default['default'].createElement('hr', { className: 'article-seperater my-4' }),
+    React__default['default'].createElement(
       'div',
       { className: 'objective-prevNext-Wrapper' },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'h5',
         { className: 'objective-title' },
         nodes.seriesTitle
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'prevNextWrapper' },
         PrevNextCards(false, -1)
       )
     ),
-    React__default["default"].createElement('hr', { className: 'article-seperater' }),
-    React__default["default"].createElement(
+    React__default['default'].createElement('hr', { className: 'article-seperater' }),
+    React__default['default'].createElement(
       'div',
       { ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
       Articles.map(function (article, index) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { key: article.title },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             InscreenSensor,
             {
               visible: sensorVisible,
@@ -9327,82 +9389,82 @@ var ArticleSeries = function ArticleSeries(_ref) {
                   }
                 }
               } },
-            React__default["default"].createElement(
-              Head__default["default"],
+            React__default['default'].createElement(
+              Head__default['default'],
               null,
-              currentTitle !== null && React__default["default"].createElement(
+              currentTitle !== null && React__default['default'].createElement(
                 'title',
                 { key: 'title' },
                 currentTitle
               ),
-              currentSummary !== null && React__default["default"].createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
-              currentURL !== null && React__default["default"].createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
-              currentTitle !== null && React__default["default"].createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
-              currentThumbnail !== null && React__default["default"].createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
-              currentSummary !== null && React__default["default"].createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
-              currentTitle !== null && React__default["default"].createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
-              currentThumbnail !== null && React__default["default"].createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
-              currentSummary !== null && React__default["default"].createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
+              currentSummary !== null && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
+              currentURL !== null && React__default['default'].createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
+              currentTitle !== null && React__default['default'].createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
+              currentThumbnail !== null && React__default['default'].createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
+              currentSummary !== null && React__default['default'].createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
+              currentTitle !== null && React__default['default'].createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
+              currentThumbnail !== null && React__default['default'].createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
+              currentSummary !== null && React__default['default'].createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'article',
               { className: 'article-wrapper' },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'article-publishDate' },
                 moment.moment(article.published).format('LL')
               ),
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'author-details-wrapper' },
                 article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-                  return React__default["default"].createElement(
+                  return React__default['default'].createElement(
                     'span',
                     { key: index },
                     renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
                   );
                 })
               ),
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'h2',
                 { className: 'article-title' },
                 article.title
               ),
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'div',
                 { className: 'mt-2 mb-2' },
-                React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({
+                React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
                   serializers: getSerializers,
                   videoAccountIDs: accountIDs,
                   blocks: article.text,
                   imageOptions: { w: 320, h: 240, fit: 'max' }
                 }, client.config())),
-                React__default["default"].createElement('hr', { className: 'article-seperater my-4' })
+                React__default['default'].createElement('hr', { className: 'article-seperater my-4' })
               ),
-              Articles.length > 1 && React__default["default"].createElement(
-                React__default["default"].Fragment,
+              Articles.length > 1 && React__default['default'].createElement(
+                React__default['default'].Fragment,
                 null,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'objective-prevNext-Wrapper' },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     'h5',
                     { className: 'objective-title' },
                     nodes.seriesTitle
                   ),
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     'div',
                     { className: 'prevNextWrapper' },
                     PrevNextCards(true, index)
                   )
                 ),
-                React__default["default"].createElement('hr', { className: 'article-seperater' })
+                React__default['default'].createElement('hr', { className: 'article-seperater' })
               )
             )
           )
         );
       }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .scrollToTopArrow {\n            position: fixed;\n            top: 150px;\n            display: flex;\n            justify-content: center;\n            width: ' + contentWidth + 'px;\n            opacity: 1;\n            z-index: 99999999999;\n            visibility: hidden;\n          }\n          .scrollToTopArrow > svg {\n            min-height: 50px;\n            min-width: 50px;\n            max-height: 50px;\n            max-width: 50px;\n          }\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
@@ -9432,11 +9494,11 @@ var LightBox = function LightBox(_ref) {
     };
   }, [handleClickOutside]);
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
-    React__default["default"].createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
-    React__default["default"].createElement(
+    React__default['default'].createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
@@ -9450,7 +9512,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage$1 = React__default["default"].memo(function (_ref2) {
+var FigureImage$1 = React__default['default'].memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -9458,13 +9520,13 @@ var FigureImage$1 = React__default["default"].memo(function (_ref2) {
       handleClickFigure = _ref2.handleClickFigure;
 
   var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'picture',
     null,
-    React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-    React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-    React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
-    React__default["default"].createElement('img', _extends._extends({
+    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default['default'].createElement('img', _extends._extends({
       style: figureImageStyle,
       className: 'figure-image',
       src: urlFor({ source: node, client: client }),
@@ -9515,30 +9577,30 @@ var FigureComponent = function FigureComponent(props) {
 
   var renderTooltip = function renderTooltip(props) {
     if (infoBox[0].title) {
-      return React__default["default"].createElement(
-        Popover__default["default"],
+      return React__default['default'].createElement(
+        Popover__default['default'],
         { id: 'popover-basic-' + infoBox[0].title },
-        React__default["default"].createElement(
-          Popover__default["default"].Title,
+        React__default['default'].createElement(
+          Popover__default['default'].Title,
           { as: 'h3' },
           infoBox[0].title
         ),
-        React__default["default"].createElement(
-          Popover__default["default"].Content,
+        React__default['default'].createElement(
+          Popover__default['default'].Content,
           null,
-          React__default["default"].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
+          React__default['default'].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
         )
       );
     } else {
-      return React__default["default"].createElement(
-        Tooltip__default["default"],
+      return React__default['default'].createElement(
+        Tooltip__default['default'],
         _extends._extends({ id: 'button-tooltip' }, props),
-        React__default["default"].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
       );
     }
   };
 
-  var FigureImageWOverLay = React__default["default"].memo(function (_ref3) {
+  var FigureImageWOverLay = React__default['default'].memo(function (_ref3) {
     var node = _ref3.node,
         client = _ref3.client,
         imgAlt = _ref3.imgAlt,
@@ -9548,13 +9610,13 @@ var FigureComponent = function FigureComponent(props) {
     var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
     var triggerAction = main.main_42 ? 'click' : 'hover';
     var placementLocation = main.main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'picture',
       null,
-      React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-      React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-      React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main.main_42 && link ? React__default["default"].createElement('img', _extends._extends({
+      React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+      React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+      React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
+      main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
         style: figureImageStyle,
         className: 'figure-image',
         src: urlFor({ source: node, client: client }),
@@ -9563,10 +9625,10 @@ var FigureComponent = function FigureComponent(props) {
         onClick: function onClick() {
           return handleClickFigure(node, client);
         }
-      })) : React__default["default"].createElement(
-        OverlayTrigger__default["default"],
+      })) : React__default['default'].createElement(
+        OverlayTrigger__default['default'],
         { trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip() },
-        React__default["default"].createElement('img', _extends._extends({
+        React__default['default'].createElement('img', _extends._extends({
           style: figureImageStyle,
           className: 'figure-image',
           src: urlFor({ source: node, client: client }),
@@ -9620,13 +9682,13 @@ var FigureComponent = function FigureComponent(props) {
 
   var FigureCaption = React.useCallback(function () {
     if (imgcaption && imgcaption.length > 0) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'figure-caption' },
-        React__default["default"].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React__default["default"].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
+      return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
     } else return null;
   }, [caption, imgcaption]);
 
@@ -9643,24 +9705,24 @@ var FigureComponent = function FigureComponent(props) {
     setShowLightbox(true);
   }, [node, client]);
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    infoBox.length >= 1 ? React__default["default"].createElement(
-      Figure__default["default"],
+    infoBox.length >= 1 ? React__default['default'].createElement(
+      Figure__default['default'],
       { className: '' + class_name, style: figureStyle },
-      link ? React__default["default"].createElement(
+      link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default["default"].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, link: link }),
-        React__default["default"].createElement(FigureCaption, null)
-      ) : React__default["default"].createElement(
-        React__default["default"].Fragment,
+        React__default['default'].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default['default'].createElement(FigureCaption, null)
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default["default"].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
-        React__default["default"].createElement(FigureCaption, null)
+        React__default['default'].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default['default'].createElement(FigureCaption, null)
       ),
-      React__default["default"].createElement(LightBox, {
+      React__default['default'].createElement(LightBox, {
         showLightbox: showLightbox,
         lightboxImgSrc: lightboxImgSrc,
         closeLightbox: function closeLightbox() {
@@ -9668,21 +9730,21 @@ var FigureComponent = function FigureComponent(props) {
           setShowLightbox(false);
         }
       })
-    ) : React__default["default"].createElement(
-      Figure__default["default"],
+    ) : React__default['default'].createElement(
+      Figure__default['default'],
       { className: '' + class_name, style: figureStyle },
-      link ? React__default["default"].createElement(
+      link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default["default"].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
-        React__default["default"].createElement(FigureCaption, null)
-      ) : React__default["default"].createElement(
-        React__default["default"].Fragment,
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default['default'].createElement(FigureCaption, null)
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default["default"].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
-        React__default["default"].createElement(FigureCaption, null)
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default['default'].createElement(FigureCaption, null)
       ),
-      React__default["default"].createElement(LightBox, {
+      React__default['default'].createElement(LightBox, {
         showLightbox: showLightbox,
         lightboxImgSrc: lightboxImgSrc,
         closeLightbox: function closeLightbox() {
@@ -9691,7 +9753,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .figure-caption,\n        .figure-caption h1,\n        .figure-caption h2,\n        .figure-caption h3,\n        .figure-caption h4,\n        .figure-caption h5,\n        .figure-caption h6,\n        .figure-caption p,\n        .figure-caption ul {\n          color: #6c757d;\n          font-size: 0.875rem;\n        }\n      '
@@ -9699,7 +9761,7 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default["default"].memo(FigureComponent, compareProps);
+var Figure = React__default['default'].memo(FigureComponent, compareProps);
 
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   React.useEffect(function () {
@@ -9716,7 +9778,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
-var FigureImage = React__default["default"].memo(function (_ref) {
+var FigureImage = React__default['default'].memo(function (_ref) {
   var imagesCount = _ref.imagesCount,
       image = _ref.image,
       client = _ref.client,
@@ -9724,13 +9786,13 @@ var FigureImage = React__default["default"].memo(function (_ref) {
       link = _ref.link,
       handleClickFigure = _ref.handleClickFigure;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'picture',
     null,
-    React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-    React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-    React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
-    React__default["default"].createElement('img', _extends._extends({
+    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default['default'].createElement('img', _extends._extends({
       'images-count': imagesCount,
       className: 'multi-figure-image',
       src: urlFor({ source: image, client: client }),
@@ -9767,13 +9829,13 @@ var MultiFigure = function MultiFigure(props) {
         imgcaption = _ref2.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'multi-figure-caption' },
-        React__default["default"].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
       );
     } else if (caption) {
-      return React__default["default"].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
+      return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
     } else return null;
   };
 
@@ -9782,7 +9844,7 @@ var MultiFigure = function MultiFigure(props) {
     setOpenImg(true);
   }, [client]);
 
-  var FigureImageWOverLay = React__default["default"].memo(function (_ref3) {
+  var FigureImageWOverLay = React__default['default'].memo(function (_ref3) {
     var imagesCount = _ref3.imagesCount,
         image = _ref3.image,
         client = _ref3.client,
@@ -9792,13 +9854,13 @@ var MultiFigure = function MultiFigure(props) {
 
     var triggerAction = main.main_42 ? 'click' : 'hover';
     var placementLocation = main.main_42 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'picture',
       null,
-      React__default["default"].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-      React__default["default"].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-      React__default["default"].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
-      main.main_42 && link ? React__default["default"].createElement('img', _extends._extends({
+      React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+      React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+      React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
+      main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
         'images-count': imagesCount,
         className: 'multi-figure-image',
         src: urlFor({ source: image, client: client }),
@@ -9807,10 +9869,10 @@ var MultiFigure = function MultiFigure(props) {
         onClick: function onClick() {
           return handleClickFigure(image, client);
         }
-      })) : React__default["default"].createElement(
-        OverlayTrigger__default["default"],
+      })) : React__default['default'].createElement(
+        OverlayTrigger__default['default'],
         { trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip(image) },
-        React__default["default"].createElement('img', _extends._extends({
+        React__default['default'].createElement('img', _extends._extends({
           'images-count': imagesCount,
           className: 'multi-figure-image',
           src: urlFor({ source: image, client: client }),
@@ -9826,102 +9888,102 @@ var MultiFigure = function MultiFigure(props) {
 
   var renderTooltip = function renderTooltip(image) {
     if (image.infoBox[0].title) {
-      return React__default["default"].createElement(
-        Popover__default["default"],
+      return React__default['default'].createElement(
+        Popover__default['default'],
         { id: 'popover-basic-' + image.infoBox[0].title },
-        React__default["default"].createElement(
-          Popover__default["default"].Title,
+        React__default['default'].createElement(
+          Popover__default['default'].Title,
           { as: 'h3' },
           image.infoBox[0].title
         ),
-        React__default["default"].createElement(
-          Popover__default["default"].Content,
+        React__default['default'].createElement(
+          Popover__default['default'].Content,
           null,
-          React__default["default"].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
+          React__default['default'].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
         )
       );
     } else {
-      return React__default["default"].createElement(
-        Tooltip__default["default"],
+      return React__default['default'].createElement(
+        Tooltip__default['default'],
         _extends._extends({ id: 'button-tooltip' }, props),
-        React__default["default"].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
+        React__default['default'].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
       );
     }
   };
 
   if (images && images.length > 0) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'multi-figure-container' },
-      React__default["default"].createElement(
-        Row__default["default"],
+      React__default['default'].createElement(
+        Row__default['default'],
         { noGutters: true, style: { alignItems: 'center' } },
         images.map(function (image, index) {
           if (image.infoBox) {
-            return React__default["default"].createElement(
-              Col__default["default"],
+            return React__default['default'].createElement(
+              Col__default['default'],
               { xs: 12, md: 12 / images.length, key: index },
-              image.link ? React__default["default"].createElement(
+              image.link ? React__default['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['default'].createElement(
                   'div',
                   { className: 'multi-figure-image-container' },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     index$2.LazyLoad,
                     { once: true },
-                    React__default["default"].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                    React__default['default'].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                   ),
-                  React__default["default"].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                  React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
                 )
-              ) : React__default["default"].createElement(
+              ) : React__default['default'].createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default["default"].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                  React__default['default'].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
                 ),
-                React__default["default"].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
             );
           } else {
-            return React__default["default"].createElement(
-              Col__default["default"],
+            return React__default['default'].createElement(
+              Col__default['default'],
               { xs: 12, md: 12 / images.length, key: index },
-              image.link ? React__default["default"].createElement(
+              image.link ? React__default['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['default'].createElement(
                   'div',
                   { className: 'multi-figure-image-container' },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     index$2.LazyLoad,
                     { once: true },
-                    React__default["default"].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                    React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                   ),
-                  React__default["default"].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                  React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
                 )
-              ) : React__default["default"].createElement(
+              ) : React__default['default'].createElement(
                 'div',
                 { className: 'multi-figure-image-container' },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default["default"].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                  React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
                 ),
-                React__default["default"].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
+                React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
             );
           }
         })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-        React__default["default"].createElement('img', { ref: lightboxImage, src: openImgSrc })
+        React__default['default'].createElement('img', { ref: lightboxImage, src: openImgSrc })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            cursor: pointer;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
@@ -9970,23 +10032,23 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
     if (hambergerNav) setOffsetHeight(hambergerNav.offsetHeight);else if (header) setOffsetHeight(header.offsetHeight);
   }, []);
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default["default"].createElement(
-      Head__default["default"],
+    React__default['default'].createElement(
+      Head__default['default'],
       null,
-      React__default["default"].createElement('script', {
+      React__default['default'].createElement('script', {
         dangerouslySetInnerHTML: {
           __html: 'history.scrollRestoration = "manual"'
         }
       })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       { id: elementId },
-      React__default["default"].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers }),
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          #' + elementId + '::before {\n            display: block;\n            content: \' \';\n            margin-top: -' + (offsetHeight + offsetHeightBuffer) + 'px;\n            height: ' + (offsetHeight + offsetHeightBuffer) + 'px;\n            visibility: hidden;\n            pointer-events: none;\n          }\n        '
@@ -10040,11 +10102,11 @@ var _inherits3 = _interopRequireDefault(inherits.inherits);
 
 
 
-var _react2 = _interopRequireDefault(React__default["default"]);
+var _react2 = _interopRequireDefault(React__default['default']);
 
 
 
-var _propTypes2 = _interopRequireDefault(PropTypes__default["default"]);
+var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var noop = function noop() {};
@@ -10199,7 +10261,7 @@ var ScriptTag = function (_Component) {
     };
 
     return ScriptTag;
-}(React__default["default"].Component);
+}(React__default['default'].Component);
 
 ScriptTag.propTypes = {
     /**
@@ -10291,11 +10353,11 @@ var FormAssembly = function FormAssembly(props) {
   }, [anonymousID]);
 
   if (iframeSrc) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'section',
       { className: 'form-assembly' },
-      iframeSrc && React__default["default"].createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
-      React__default["default"].createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+      iframeSrc && React__default['default'].createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
+      React__default['default'].createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
     );
   }
 
@@ -10332,27 +10394,27 @@ var BlockTable = function BlockTable(props) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'blockTableHolder', ref: holder },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'blockTable' },
       rows && rows.map(function (row) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { className: 'blockTableRow' },
           row.cells && row.cells.map(function (cell) {
-            return React__default["default"].createElement(
+            return React__default['default'].createElement(
               'div',
               { className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
-              React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
+              React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
             );
           })
         );
       })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n        .blockTableRow {\n          display: flex;\n          ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTable {\n          min-width: ' + minTableWidth + 'px;\n        }\n        .blockTableRow:last-of-type {\n          ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell {\n          padding: 0.5rem;\n          ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        .blockTableCell > div {\n          width: 100%;\n        }\n        .blockTableCell > div p {\n          margin: 0;\n        }\n        .blockTableCell > div figure {\n          margin: 0 !important;\n        }\n        .blockTableCell > div figure img {\n          margin: 0 !important;\n        }\n        .blockTableCell:last-of-type {\n          ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n        }\n        @media only screen and (max-width: 800px) {\n          .blockTableCell {\n            padding: 0.25rem;\n          }\n        }\n      '
@@ -10366,7 +10428,7 @@ var DigiohSmartTag = function DigiohSmartTag(props) {
       _props$node.needSegmentSupport;
 
 
-  return React__default["default"].createElement('div', { id: FormID });
+  return React__default['default'].createElement('div', { id: FormID });
 };
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -10426,7 +10488,7 @@ var ExternalLink = function ExternalLink(props) {
   if (href && href.charAt(0) === '#') {
     var elementId = href.slice(1);
     if (articleId) elementId = elementId + '-' + articleId;
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'a',
       { onClick: function onClick() {
           return ScrollToElement(elementId);
@@ -10436,11 +10498,11 @@ var ExternalLink = function ExternalLink(props) {
   }
 
   var linkRel = (href && checkNoFollow(href, nofollow)) + ' ' + (href && blank && !checkSisterSite.checkSisterSite(href) ? 'noreferrer noopener' : '');
-  return href ? linkRel.trim().length > 0 ? React__default["default"].createElement(
+  return href ? linkRel.trim().length > 0 ? React__default['default'].createElement(
     'a',
     _extends._extends({ rel: linkRel.trim(), href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
     children
-  ) : React__default["default"].createElement(
+  ) : React__default['default'].createElement(
     'a',
     _extends._extends({ href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
     children
@@ -10505,12 +10567,12 @@ var getSerializers = function getSerializers() {
         var node = _ref.node;
         var url = node.url;
 
-        return React__default["default"].createElement(YouTubePlayer, { autoplay: autoplay, url: url });
+        return React__default['default'].createElement(YouTubePlayer, { autoplay: autoplay, url: url });
       },
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default["default"].createElement(YouTubeGallery, {
+        return React__default['default'].createElement(YouTubeGallery, {
           nodes: node,
           article: article,
           meta: meta,
@@ -10524,7 +10586,7 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React__default["default"].createElement(ArticleSeries, {
+        return React__default['default'].createElement(ArticleSeries, {
           nodes: node,
           accountIDs: videoAccountIDs || {},
           pageview: pageview,
@@ -10537,61 +10599,61 @@ var getSerializers = function getSerializers() {
       figure: function figure(_ref4) {
         var node = _ref4.node;
 
-        return React__default["default"].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
       },
       multifigure: function multifigure(_ref5) {
         var node = _ref5.node;
 
-        return React__default["default"].createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       },
       slideshow: function slideshow(_ref6) {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React__default["default"].createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
+        return React__default['default'].createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
         var caption = node.caption,
             content = node.content;
 
-        return React__default["default"].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers.apply(undefined, props) });
       },
       datatable: function datatable(_ref8) {
         var node = _ref8.node;
         var table = node.table;
 
-        return React__default["default"].createElement(TableShow, { rows: table.rows });
+        return React__default['default'].createElement(TableShow, { rows: table.rows });
       },
       media: function media(_ref9) {
         var node = _ref9.node;
 
-        return React__default["default"].createElement(Media, { node: node, client: client });
+        return React__default['default'].createElement(Media, { node: node, client: client });
       },
       iframe: function iframe(_ref10) {
         var node = _ref10.node;
 
-        return React__default["default"].createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
+        return React__default['default'].createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
       },
       video: function video(_ref11) {
         var node = _ref11.node;
 
-        return React__default["default"].createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting, nextVideo: nextVideo });
+        return React__default['default'].createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting, nextVideo: nextVideo });
       },
       audio: function audio(_ref12) {
         var node = _ref12.node;
 
-        return React__default["default"].createElement(Audio, { node: node, audioAutoplay: audioAutoplay });
+        return React__default['default'].createElement(Audio, { node: node, audioAutoplay: audioAutoplay });
       },
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React__default["default"].createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
       },
       pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
 
-        return React__default["default"].createElement(Poll, {
+        return React__default['default'].createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
@@ -10605,35 +10667,35 @@ var getSerializers = function getSerializers() {
         var node = _ref15.node;
         var quizzes = node.quizzes;
 
-        return React__default["default"].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers.apply(undefined, props), pageview: pageview, currentPage: currentPage });
+        return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers.apply(undefined, props), pageview: pageview, currentPage: currentPage });
       },
       leads: function leads(_ref16) {
         var node = _ref16.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
-        return React__default["default"].createElement(Leads, { url: url });
+        return React__default['default'].createElement(Leads, { url: url });
       },
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React__default["default"].createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;
 
-        return React__default["default"].createElement(NativeAd, { node: node });
+        return React__default['default'].createElement(NativeAd, { node: node });
       },
       html_anchor_links: function html_anchor_links(_ref19) {
         var node = _ref19.node;
 
-        return React__default["default"].createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
+        return React__default['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['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['default'].createElement('br', { className: 'line-break' });
       },
       formstack: function formstack(_ref20) {
         var node = _ref20.node;
@@ -10641,30 +10703,30 @@ var getSerializers = function getSerializers() {
             Caption = node.Caption,
             needSegmentSupport = node.needSegmentSupport;
 
-        return React__default["default"].createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
+        return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
       },
       formassembly: FormAssembly,
       digiohSmartTag: DigiohSmartTag,
       multimedia: function multimedia(_ref21) {
         var node = _ref21.node;
 
-        return React__default["default"].createElement(MultiMedia, { node: node, client: client });
+        return React__default['default'].createElement(MultiMedia, { node: node, client: client });
       },
       blockTable: function blockTable(_ref22) {
         var node = _ref22.node;
-        return React__default["default"].createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default['default'].createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       }
     },
     marks: {
       superscript: function superscript(props) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'sup',
           null,
           props.children
         );
       },
       subscript: function subscript(props) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'sub',
           null,
           props.children
@@ -10674,11 +10736,11 @@ var getSerializers = function getSerializers() {
         var children = props.children,
             mark = props.mark;
 
-        return React__default["default"].createElement(ExternalLink, { children: children, mark: mark, articleId: articleId });
+        return React__default['default'].createElement(ExternalLink, { children: children, mark: mark, articleId: articleId });
       },
       alignleft: function alignleft(_ref23) {
         var children = _ref23.children;
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
@@ -10686,7 +10748,7 @@ var getSerializers = function getSerializers() {
       },
       alignright: function alignright(_ref24) {
         var children = _ref24.children;
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
@@ -10694,7 +10756,7 @@ var getSerializers = function getSerializers() {
       },
       aligncenter: function aligncenter(_ref25) {
         var children = _ref25.children;
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
@@ -10702,7 +10764,7 @@ var getSerializers = function getSerializers() {
       },
       alignjustify: function alignjustify(_ref26) {
         var children = _ref26.children;
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'justify' } },
           children
@@ -10712,7 +10774,7 @@ var getSerializers = function getSerializers() {
         var children = props.children,
             color = props.mark.color;
 
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { style: { color: color ? color.hex : null } },
           children