@mjhls/mjh-framework 1.0.199 → 1.0.201

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, Suspense, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import 'next/link';
+import Link from 'next/link';
 import Router, { withRouter, useRouter } from 'next/router';
 import Media from 'react-bootstrap/Media';
 import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
@@ -11764,88 +11764,29 @@ function get$1(object, path, defaultValue) {
 
 var get_1 = get$1;
 
-var AD = function AD(_ref) {
-  var networkID = _ref.networkID,
-      adUnit = _ref.adUnit,
-      sizeMapping = _ref.sizeMapping,
-      className = _ref.className,
-      slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      minInViewPercent = _ref.minInViewPercent,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  var _useState = useState(false),
-      _useState2 = slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = slicedToArray(_useState3, 2),
-      showPlaceholder = _useState4[0],
-      setShowPlaceholder = _useState4[1];
-
-  var handleVisibilityChange = debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setShowPlaceholder(true);
-    }
-  }, 500);
+var Dfp = React__default.lazy(function () {
+  return Promise.resolve().then(function () { return Dfp$1; });
+});
 
+var AD = function AD(props) {
+  if (typeof window === 'undefined') {
+    return null;
+  }
   return React__default.createElement(
-    React__default.Fragment,
+    'div',
     null,
-    !showPlaceholder && React__default.createElement(
-      lib_1,
-      {
-        dfpNetworkId: networkID,
-        targetingArguments: targeting,
-        sizeMapping: sizeMapping,
-        lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
-      React__default.createElement(
-        'div',
-        { className: className },
-        React__default.createElement(lib_2, {
-          slotId: slotId,
-          sizes: sizes,
-          adUnit: adUnit,
-          sizeMapping: sizeMapping,
-          onSlotRender: function onSlotRender(eventData) {
-            setAdRendered(true);
-          },
-          onSlotVisibilityChanged: handleVisibilityChange
-        })
-      )
-    ),
-    adRendered && showPlaceholder && React__default.createElement(
-      VisibilitySensor,
-      {
-        partialVisibility: true,
-        onChange: function onChange(isVisible) {
-          if (isVisible) {
-            setShowPlaceholder(false);
-          }
-        } },
-      React__default.createElement(
-        'div',
-        { style: { height: 'auto' } },
-        '\xA0'
-      )
+    React__default.createElement(
+      Suspense,
+      { fallback: React__default.createElement(
+          'div',
+          null,
+          'Loading...'
+        ) },
+      React__default.createElement(Dfp, props)
     )
   );
 };
 
-AD.propTypes = {
-  networkID: PropTypes.string.isRequired,
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array,
-  minInViewPercent: PropTypes.number
-};
-
 var GridContent = function (_React$Component) {
   inherits(GridContent, _React$Component);
 
@@ -12095,11 +12036,7 @@ var GridContent = function (_React$Component) {
                       React__default.createElement(
                         LazyLoad,
                         { height: _this2.props.imageHeight },
-                        React__default.createElement(Card.Img, {
-                          variant: 'top',
-                          src: _this2.renderCardImage(row, page),
-                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                        })
+                        React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                       )
                     )
                   ),
@@ -12145,15 +12082,18 @@ var GridContent = function (_React$Component) {
       };
       var posts = [];
       if (showBI) {
-        var interval = brandInsight.interval;
         var data = this.state.data;
         posts = data;
-        var i = 1;
-        for (var pos = interval; pos <= posts.length;) {
+        var interval = posts.some(function (post) {
+          return post._type === 'feature';
+        }) ? brandInsight.interval + 1 : brandInsight.interval;
+        var pos = interval;
+        for (var i = 1; pos <= posts.length; ++i) {
           brandInsight.targeting.pos = 'article' + i;
           posts = insert(posts, pos, brandInsight);
-          pos += interval + 1;
-          i++;
+          pos += posts.some(function (post) {
+            return post._type === 'feature';
+          }) ? interval : interval + 1;
         }
       } else {
         posts = this.state.data;
@@ -12326,11 +12266,7 @@ var GridContent = function (_React$Component) {
                     React__default.createElement(
                       LazyLoad,
                       { height: _this2.props.imageHeight },
-                      React__default.createElement(Card.Img, {
-                        variant: 'top',
-                        src: _this2.renderCardImage(row, page),
-                        alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                      })
+                      React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                     )
                   ),
                   React__default.createElement(
@@ -12436,7 +12372,7 @@ var GridContent = function (_React$Component) {
   return GridContent;
 }(React__default.Component);
 
-var GridContent$1 = withRouter(GridContent);
+var GridContent$1 = React__default.memo(withRouter(GridContent));
 
 var DeckQueue = function (_React$Component) {
   inherits(DeckQueue, _React$Component);
@@ -15329,6 +15265,27 @@ exports.SocialIcon = SocialIcon;
 unwrapExports(reactSocialIcons);
 var reactSocialIcons_1 = reactSocialIcons.SocialIcon;
 
+var year = new Date().getFullYear();
+
+var renderLink = function renderLink(row) {
+  if (row.blank) {
+    return React__default.createElement(
+      'a',
+      { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
+      row.title
+    );
+  }
+  return React__default.createElement(
+    Link,
+    { href: row.url },
+    React__default.createElement(
+      'a',
+      null,
+      row.title
+    )
+  );
+};
+
 var SideFooter = function SideFooter(props) {
   /*
   useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
@@ -15340,7 +15297,6 @@ var SideFooter = function SideFooter(props) {
 
   var logo = props.logo;
 
-  var year = new Date().getFullYear();
   return React__default.createElement(
     'div',
     { className: 'side-footer' },
@@ -15348,33 +15304,24 @@ var SideFooter = function SideFooter(props) {
       'ul',
       null,
       footerLinks && footerLinks.map(function (row, index) {
-        if (row.blank) {
-          return React__default.createElement(
-            'li',
-            { key: index },
-            React__default.createElement(
-              'a',
-              { href: row.url, target: '_blank' },
-              row.title
-            )
-          );
-        } else {
-          return React__default.createElement(
-            'li',
-            { key: index },
-            React__default.createElement(
-              'a',
-              { href: row.url },
-              row.title
-            )
-          );
-        }
+        return React__default.createElement(
+          'li',
+          { key: index },
+          renderLink(row)
+        );
       }),
       React__default.createElement(
         'li',
         { style: { marginTop: '10px' } },
         socialLinks && socialLinks.map(function (row, index) {
-          return React__default.createElement(reactSocialIcons_1, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
+          return React__default.createElement(reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
         })
       )
     ),
@@ -15527,6 +15474,8 @@ var LeftNav = function LeftNav(props) {
   );
 };
 
+var LeftNav$1 = React__default.memo(LeftNav);
+
 var PageFilter = function PageFilter(props) {
   var getParams = props.getParams,
       filters = props.filters,
@@ -15556,10 +15505,10 @@ var PageFilter = function PageFilter(props) {
   if (filters.length) {
     return React__default.createElement(
       Dropdown,
-      null,
+      { alignRight: true },
       React__default.createElement(
         Dropdown.Toggle,
-        { id: 'filter-dropdown' },
+        { className: 'filter-dropdown', id: 'filter-dropdown' },
         filter || defaultFilter
       ),
       React__default.createElement(
@@ -15578,7 +15527,7 @@ var PageFilter = function PageFilter(props) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
+        '\n          .filter-dropdown {\n            float: right;\n          }\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
       )
     );
   }
@@ -15607,7 +15556,7 @@ var Column3 = function Column3(props) {
       React__default.createElement(
         Col,
         { md: true, className: 'leftCol', style: { width: '200px' } },
-        React__default.createElement(LeftNav, { leftItems: leftItems }),
+        React__default.createElement(LeftNav$1, { leftItems: leftItems }),
         website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
       ),
       React__default.createElement(
@@ -15636,7 +15585,7 @@ var Column3 = function Column3(props) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n            .filter-box {\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              }\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
+        '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
       (!main_36 || showRightAd) && React__default.createElement(
         Col,
@@ -15676,12 +15625,12 @@ var Header = function Header(props) {
     ),
     !isLiveSite && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
     React__default.createElement('meta', { name: 'keywords', content: keyword }),
-    React__default.createElement('meta', { name: 'description', content: description }),
-    React__default.createElement('link', { rel: 'stylesheet', href: '/bootstrap.min.css' }),
-    React__default.createElement('link', { rel: 'stylesheet', href: '/magazine.css' })
+    React__default.createElement('meta', { name: 'description', content: description })
   );
 };
 
+var Header$1 = React__default.memo(Header);
+
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
       data = props.data;
@@ -15814,6 +15763,8 @@ var SocialShare = function SocialShare(props) {
   );
 };
 
+var SocialShare$1 = React__default.memo(SocialShare);
+
 // THIS FILE IS AUTO GENERATED
 var MdEmail = function (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"d":"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"}}]})(props);
@@ -15880,8 +15831,9 @@ var Search = function Search(props) {
   );
 };
 
+var year$1 = new Date().getFullYear();
+
 var NavFooter = function NavFooter(props) {
-  var year = new Date().getFullYear();
   var website = props.website,
       showLogo = props.showLogo;
 
@@ -15898,7 +15850,7 @@ var NavFooter = function NavFooter(props) {
             { key: index },
             React__default.createElement(
               'a',
-              { target: '_blank', href: content.url, className: 'nav-link' },
+              { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
               content.title
             )
           ) : React__default.createElement(
@@ -15926,7 +15878,7 @@ var NavFooter = function NavFooter(props) {
       'p',
       { className: 'nav-link' },
       '\xA9 ',
-      year,
+      year$1,
       ' MJH Life Sciences and ',
       website.title,
       '. All rights reserved.'
@@ -15934,8 +15886,11 @@ var NavFooter = function NavFooter(props) {
   );
 };
 
+var NavFooter$1 = React__default.memo(NavFooter);
+
+var year$2 = new Date().getFullYear();
+
 var SocialNavFooter = function SocialNavFooter(props) {
-  var year = new Date().getFullYear();
   var website = props.website,
       showLogo = props.showLogo;
 
@@ -15952,7 +15907,7 @@ var SocialNavFooter = function SocialNavFooter(props) {
             { key: index },
             React__default.createElement(
               'a',
-              { target: '_blank', href: content.url, className: 'nav-link' },
+              { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
               content.title
             )
           ) : React__default.createElement(
@@ -15974,7 +15929,14 @@ var SocialNavFooter = function SocialNavFooter(props) {
         'li',
         { style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
         website.socialLinks && website.socialLinks.map(function (row, index) {
-          return React__default.createElement(reactSocialIcons_1, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
+          return React__default.createElement(reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
         })
       ),
       showLogo && React__default.createElement(
@@ -15991,7 +15953,7 @@ var SocialNavFooter = function SocialNavFooter(props) {
       'p',
       { className: 'nav-link' },
       '\xA9 ',
-      year,
+      year$2,
       ' MJH Life Sciences and ',
       website.name,
       '. All rights reserved.'
@@ -16280,7 +16242,7 @@ var NavMagazine = function NavMagazine(props) {
           React__default.createElement(
             Nav,
             { className: 'mr-auto' },
-            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
+            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter$1, { website: website })
           )
         )
       )
@@ -16293,6 +16255,8 @@ var NavMagazine = function NavMagazine(props) {
   );
 };
 
+var MagazineNav = React__default.memo(NavMagazine);
+
 var NavNative = function NavNative(props) {
   /*
   Example Nav with acceptable props
@@ -16464,7 +16428,7 @@ var NavNative = function NavNative(props) {
           React__default.createElement(
             Nav,
             { className: 'mr-auto' },
-            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
+            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter$1, { website: website })
           )
         )
       )
@@ -16682,7 +16646,7 @@ var NavDvm = function NavDvm(props) {
           React__default.createElement(
             Nav,
             { className: 'mr-auto' },
-            React__default.createElement(NavFooter, { website: website })
+            React__default.createElement(NavFooter$1, { website: website })
           )
         )
       )
@@ -16930,7 +16894,7 @@ var HamMagazine = function HamMagazine(props) {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         } else return null;
@@ -16940,7 +16904,7 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
                   ) : null;
                 }
@@ -16969,7 +16933,7 @@ var HamMagazine = function HamMagazine(props) {
                       } else {
                         return ddRow.url && ddRow.name ? React__default.createElement(
                           'a',
-                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item nav-link' },
+                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item nav-link' },
                           ddRow.name
                         ) : null;
                       }
@@ -16978,7 +16942,7 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
                   ) : null;
                 }
@@ -16992,7 +16956,7 @@ var HamMagazine = function HamMagazine(props) {
             React__default.createElement(
               Nav,
               { className: 'mr-auto' },
-              socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter, { website: website, showLogo: true })
+              socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter$1, { website: website, showLogo: true })
             )
           )
         )
@@ -17050,7 +17014,7 @@ var TemplateNormal = function TemplateNormal(props) {
       case 'normal':
         return React__default.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
       case 'magazine':
-        return React__default.createElement(NavMagazine, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default.createElement(MagazineNav, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
         return React__default.createElement(NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
@@ -17112,7 +17076,7 @@ var TemplateNormal = function TemplateNormal(props) {
   return React__default.createElement(
     'section',
     null,
-    React__default.createElement(Header, { title: title ? title + ' | ' + website.title : '' + website.title, isLiveSite: config.isLiveSite, keyword: keywords, description: description }),
+    React__default.createElement(Header$1, { title: title ? title + ' | ' + website.title : '' + website.title, isLiveSite: config.isLiveSite, keyword: keywords, description: description }),
     navigation(),
     horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
       Container,
@@ -20898,7 +20862,7 @@ var BlockContent = SanityBlockContent;
 var Sidebar = function Sidebar(_ref) {
   var caption = _ref.caption,
       content = _ref.content,
-      serializerArguments = _ref.serializerArguments;
+      getSerializers = _ref.getSerializers;
 
   return React__default.createElement(
     'article',
@@ -20911,7 +20875,7 @@ var Sidebar = function Sidebar(_ref) {
         null,
         caption
       ),
-      React__default.createElement(BlockContent, { blocks: content, serializers: getSerializers$1(serializerArguments) })
+      React__default.createElement(BlockContent, { blocks: content, serializers: getSerializers })
     ),
     React__default.createElement(
       'style',
@@ -21159,6 +21123,7 @@ var Media$2 = function Media$$1(_ref) {
             {
               href: uploadDoc.asset.url,
               target: '_blank',
+              rel: 'noopener noreferrer',
               className: 'd-block',
               onClick: function onClick() {
                 download(uploadDoc.asset.url, uploadDoc.asset.originalFilename);
@@ -28000,7 +27965,8 @@ var Audio = function Audio(_ref) {
 
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
-      client = _ref.client;
+      client = _ref.client,
+      getSerializers = _ref.getSerializers;
 
   var router = useRouter();
   //state
@@ -28160,7 +28126,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
         { className: 'mb-3' },
         nodes.videos[series - 1].title
       ),
-      nodes.videos[series - 1] && React__default.createElement(BlockContent, _extends({ serializers: getSerializers$1(client), blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+      nodes.videos[series - 1] && React__default.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
     React__default.createElement(
       'style',
@@ -28177,7 +28143,8 @@ var Poll = function Poll(_ref) {
       videoAccountIDs = _ref.videoAccountIDs,
       onVote = _ref.onVote,
       _ref$showVotes = _ref.showVotes,
-      showVotes = _ref$showVotes === undefined ? false : _ref$showVotes;
+      showVotes = _ref$showVotes === undefined ? false : _ref$showVotes,
+      getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = slicedToArray(_useState, 2),
@@ -28268,7 +28235,7 @@ var Poll = function Poll(_ref) {
       'Total Votes: ',
       choicesTotalCount
     ),
-    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers$1(client, pageview, videoAccountIDs) }),
+    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
     React__default.createElement(
       'style',
       { jsx: 'true' },
@@ -28281,7 +28248,7 @@ var numberOfPaginations = main_35 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
-      serializerArguments = _ref.serializerArguments;
+      getSerializers = _ref.getSerializers;
 
   var pageCount = quizzes.length;
 
@@ -28401,7 +28368,7 @@ var Quiz = function Quiz(_ref) {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers$1(serializerArguments) }),
+    quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
     !showAnswer && React__default.createElement(
       Button,
       { onClick: function onClick() {
@@ -28417,7 +28384,7 @@ var Quiz = function Quiz(_ref) {
         null,
         'Answer:'
       ),
-      React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers$1(serializerArguments) })
+      React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
     React__default.createElement('br', null),
     pageCount > 1 && React__default.createElement(
@@ -28452,7 +28419,7 @@ var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
-      serializerArguments = _ref.serializerArguments;
+      getSerializers = _ref.getSerializers;
 
   var router = useRouter();
 
@@ -28504,7 +28471,7 @@ var Slideshow$1 = function Slideshow(_ref) {
                 { style: { padding: '0px' } },
                 slide.slideshowImage.caption
               ),
-              slide.description && React__default.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers$1(serializerArguments) })
+              slide.description && React__default.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers(serializerArguments) })
             )
           );
         }
@@ -28548,7 +28515,18 @@ var convertEntities = function convertEntities(props) {
   return props;
 };
 
-var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs, onVote, showVotes, drupalLeadSettings) {
+var getSerializers$1 = function getSerializers() {
+  for (var _len = arguments.length, props = Array(_len), _key = 0; _key < _len; _key++) {
+    props[_key] = arguments[_key];
+  }
+
+  var client = props[0],
+      pageview = props[1],
+      videoAccountIDs = props[2],
+      onVote = props[3],
+      showVotes = props[4],
+      drupalLeadSettings = props[5];
+
   return {
     types: {
       block: function block(props) {
@@ -28564,7 +28542,7 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default.createElement(YouTubeGallery, { nodes: node, client: client });
+        return React__default.createElement(YouTubeGallery, { nodes: node, client: client, getSerializers: getSerializers(props) });
       },
       figure: function figure(_ref3) {
         var node = _ref3.node;
@@ -28582,7 +28560,7 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
         var caption = node.caption,
             content = node.content;
 
-        return React__default.createElement(Sidebar, { caption: caption, content: content, serializerArguments: (drupalLeadSettings) });
+        return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
       datatable: function datatable(_ref6) {
         var node = _ref6.node;
@@ -28613,13 +28591,13 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
       poll: function poll(_ref11) {
         var node = _ref11.node;
 
-        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes });
+        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
       },
       quiz: function quiz(_ref12) {
         var node = _ref12.node;
         var quizzes = node.quizzes;
 
-        return React__default.createElement(Quiz, { quizzes: quizzes, serializerArguments: (drupalLeadSettings) });
+        return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props) });
       },
       leads: function leads(_ref13) {
         var node = _ref13.node;
@@ -28631,7 +28609,7 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
       slideshows: function slideshows(_ref14) {
         var node = _ref14.node;
 
-        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, serializerArguments: (drupalLeadSettings) });
+        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
       nativeAd: function nativeAd(_ref15) {
         var node = _ref15.node;
@@ -28870,6 +28848,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
+var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
+
 var js_cookie = createCommonjsModule(function (module, exports) {
 (function (factory) {
 	var registeredInModuleLoader;
@@ -29283,7 +29263,7 @@ var FaRegWindowClose = function (props) {
 };
 FaRegWindowClose.displayName = "FaRegWindowClose";
 
-/*****UStream Component*****/
+// UStream Component
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
@@ -29326,7 +29306,7 @@ var Ustream = function Ustream(_ref) {
           container.style.padding = '0 1rem';
           container.classList.add('closed');
           setWidth('100%');
-          //aspect ratio
+          // aspect ratio
           var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
           console.log(newHeight);
           console.log(ustreamContainer);
@@ -29371,7 +29351,8 @@ var Ustream = function Ustream(_ref) {
         webkitallowfullscreen: 'true',
         allowFullScreen: true,
         frameBorder: 'no',
-        style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
+        style: { maxWidth: '100%', height: currentHeight, width: currentWidth }
+      })
     ),
     React__default.createElement(
       'style',
@@ -29381,6 +29362,8 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
+var Ustream$1 = React__default.memo(Ustream);
+
 var fbsHero = function fbsHero(props) {
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
@@ -30092,5 +30075,90 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
   );
 };
 
-export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, HamMagazine, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream, SideFooter, fbsHero as ForbesHero, HorizontalHero, OncliveHero, OncliveLargeHero, VerticalHero, YahooHero, RelatedContent, ConferenceArticleCard };
-//# sourceMappingURL=index.es.js.map
+var AD$1 = function AD(_ref) {
+  var networkID = _ref.networkID,
+      adUnit = _ref.adUnit,
+      sizeMapping = _ref.sizeMapping,
+      className = _ref.className,
+      slotId = _ref.slotId,
+      sizes = _ref.sizes,
+      minInViewPercent = _ref.minInViewPercent,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
+
+  var _useState = useState(false),
+      _useState2 = slicedToArray(_useState, 2),
+      adRendered = _useState2[0],
+      setAdRendered = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = slicedToArray(_useState3, 2),
+      showPlaceholder = _useState4[0],
+      setShowPlaceholder = _useState4[1];
+
+  var handleVisibilityChange = debounce_1(function (_ref2) {
+    var event = _ref2.event;
+
+    if (event.inViewPercentage <= 0) {
+      setShowPlaceholder(true);
+    }
+  }, 500);
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    !showPlaceholder && React__default.createElement(
+      lib_1,
+      {
+        dfpNetworkId: networkID,
+        targetingArguments: targeting,
+        sizeMapping: sizeMapping,
+        lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+      React__default.createElement(
+        'div',
+        { className: className },
+        React__default.createElement(lib_2, {
+          slotId: slotId,
+          sizes: sizes,
+          adUnit: adUnit,
+          sizeMapping: sizeMapping,
+          onSlotRender: function onSlotRender(eventData) {
+            setAdRendered(true);
+          },
+          onSlotVisibilityChanged: handleVisibilityChange
+        })
+      )
+    ),
+    adRendered && showPlaceholder && React__default.createElement(
+      VisibilitySensor,
+      {
+        partialVisibility: true,
+        onChange: function onChange(isVisible) {
+          if (isVisible) {
+            setShowPlaceholder(false);
+          }
+        } },
+      React__default.createElement(
+        'div',
+        { style: { height: 'auto' } },
+        '\xA0'
+      )
+    )
+  );
+};
+
+AD$1.propTypes = {
+  networkID: PropTypes.string.isRequired,
+  adUnit: PropTypes.string.isRequired,
+  slotId: PropTypes.string,
+  className: PropTypes.string,
+  sizeMapping: PropTypes.array,
+  sizes: PropTypes.array,
+  minInViewPercent: PropTypes.number
+};
+
+var Dfp$1 = /*#__PURE__*/Object.freeze({
+	default: AD$1
+});
+
+export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, MasterDeck$1 as MasterDeck, PublicationDeck, IssueDeck, IssueContentDeck, Column1, Column2, Column3, Header$1 as Header, LeftNav$1 as LeftNav, AccordionPanel, SocialShare$1 as SocialShare, PageFilter, MagazineNav as NavMagazine, NavNative, NavNormal, NavDvm, HamMagazine, TemplateNormal, AD, AD300x250, AD300x250x600, AD728x90, ADFooter, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs$1 as Breadcrumbs, SetCookie, Hero, AlphabeticList, PdfDownload, RelatedTopicsDropdown, Ustream$1 as Ustream, SideFooter, fbsHero as ForbesHero, HorizontalHero, OncliveHero, OncliveLargeHero, VerticalHero, YahooHero, RelatedContent, ConferenceArticleCard };