@mjhls/mjh-framework 1.0.199 → 1.0.201

package/dist/index.js

@@ -12,7 +12,7 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-require('next/link');
+var Link = _interopDefault(require('next/link'));
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var Media = _interopDefault(require('react-bootstrap/Media'));
@@ -11772,88 +11772,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 = React.useState(false),
-      _useState2 = slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = React.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(
+      React.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);
 
@@ -12103,11 +12044,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 : '' })
                       )
                     )
                   ),
@@ -12153,15 +12090,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;
@@ -12334,11 +12274,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(
@@ -12444,7 +12380,7 @@ var GridContent = function (_React$Component) {
   return GridContent;
 }(React__default.Component);
 
-var GridContent$1 = Router.withRouter(GridContent);
+var GridContent$1 = React__default.memo(Router.withRouter(GridContent));
 
 var DeckQueue = function (_React$Component) {
   inherits(DeckQueue, _React$Component);
@@ -15337,6 +15273,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' />
@@ -15348,7 +15305,6 @@ var SideFooter = function SideFooter(props) {
 
   var logo = props.logo;
 
-  var year = new Date().getFullYear();
   return React__default.createElement(
     'div',
     { className: 'side-footer' },
@@ -15356,33 +15312,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 }
+          });
         })
       )
     ),
@@ -15535,6 +15482,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,
@@ -15564,10 +15513,10 @@ var PageFilter = function PageFilter(props) {
   if (filters.length) {
     return React__default.createElement(
       reactBootstrap.Dropdown,
-      null,
+      { alignRight: true },
       React__default.createElement(
         reactBootstrap.Dropdown.Toggle,
-        { id: 'filter-dropdown' },
+        { className: 'filter-dropdown', id: 'filter-dropdown' },
         filter || defaultFilter
       ),
       React__default.createElement(
@@ -15586,7 +15535,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        '
       )
     );
   }
@@ -15615,7 +15564,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(
@@ -15644,7 +15593,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,
@@ -15684,12 +15633,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;
@@ -15822,6 +15771,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);
@@ -15888,8 +15839,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;
 
@@ -15906,7 +15858,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(
@@ -15934,7 +15886,7 @@ var NavFooter = function NavFooter(props) {
       'p',
       { className: 'nav-link' },
       '\xA9 ',
-      year,
+      year$1,
       ' MJH Life Sciences and ',
       website.title,
       '. All rights reserved.'
@@ -15942,8 +15894,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;
 
@@ -15960,7 +15915,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(
@@ -15982,7 +15937,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(
@@ -15999,7 +15961,7 @@ var SocialNavFooter = function SocialNavFooter(props) {
       'p',
       { className: 'nav-link' },
       '\xA9 ',
-      year,
+      year$2,
       ' MJH Life Sciences and ',
       website.name,
       '. All rights reserved.'
@@ -16288,7 +16250,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 })
           )
         )
       )
@@ -16301,6 +16263,8 @@ var NavMagazine = function NavMagazine(props) {
   );
 };
 
+var MagazineNav = React__default.memo(NavMagazine);
+
 var NavNative = function NavNative(props) {
   /*
   Example Nav with acceptable props
@@ -16472,7 +16436,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 })
           )
         )
       )
@@ -16690,7 +16654,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 })
           )
         )
       )
@@ -16938,7 +16902,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;
@@ -16948,7 +16912,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;
                 }
@@ -16977,7 +16941,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;
                       }
@@ -16986,7 +16950,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;
                 }
@@ -17000,7 +16964,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 })
             )
           )
         )
@@ -17058,7 +17022,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':
@@ -17120,7 +17084,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,
@@ -17234,7 +17198,7 @@ var FigureComponent = function FigureComponent(_ref) {
   var caption = node$$1.caption,
       alt = node$$1.alt,
       blank = node$$1.blank,
-      link$$1 = node$$1.link,
+      link = node$$1.link,
       _node$alignment = node$$1.alignment,
       alignment = _node$alignment === undefined ? 'center' : _node$alignment;
   var _node$widthP = node$$1.widthP,
@@ -17296,9 +17260,9 @@ var FigureComponent = function FigureComponent(_ref) {
     React__default.createElement(
       reactBootstrap.Figure,
       { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imgFloat, margin: figureMargin } },
-      link$$1 ? React__default.createElement(
+      link ? React__default.createElement(
         'a',
-        { target: blank ? '_blank' : '_self', href: link$$1 },
+        { target: blank ? '_blank' : '_self', href: link },
         React__default.createElement(reactBootstrap.Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       ) : React__default.createElement(
@@ -20906,7 +20870,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',
@@ -20919,7 +20883,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',
@@ -21167,6 +21131,7 @@ var Media$1 = 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);
@@ -23978,8 +23943,8 @@ function getConfig(props$$1, defaultProps, showWarning) {
         config = (0, _deepmerge["default"])(config, _defineProperty({}, key, props$$1[p]));
 
         if (showWarning) {
-          var link$$1 = 'https://github.com/CookPete/react-player#config-prop';
-          var message = "ReactPlayer: %c".concat(p, " %cis deprecated, please use the config prop instead \u2013 ").concat(link$$1);
+          var link = 'https://github.com/CookPete/react-player#config-prop';
+          var message = "ReactPlayer: %c".concat(p, " %cis deprecated, please use the config prop instead \u2013 ").concat(link);
           console.warn(message, 'font-weight: bold', '');
         }
       }
@@ -28008,7 +27973,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 = Router.useRouter();
   //state
@@ -28168,7 +28134,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',
@@ -28185,7 +28151,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 = React.useState(null),
       _useState2 = slicedToArray(_useState, 2),
@@ -28276,7 +28243,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' },
@@ -28289,7 +28256,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;
 
@@ -28409,7 +28376,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() {
@@ -28425,7 +28392,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(
@@ -28460,7 +28427,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 = Router.useRouter();
 
@@ -28512,7 +28479,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) })
             )
           );
         }
@@ -28556,7 +28523,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) {
@@ -28572,7 +28550,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;
@@ -28590,7 +28568,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;
@@ -28621,13 +28599,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;
@@ -28639,7 +28617,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;
@@ -28662,7 +28640,7 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
           props.children
         );
       },
-      link: function link$$1(props) {
+      link: function link(props) {
         var children = props.children,
             _props$mark = props.mark,
             href = _props$mark.href,
@@ -28878,6 +28856,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
+var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
+
 var js_cookie = createCommonjsModule(function (module, exports) {
 (function (factory) {
 	var registeredInModuleLoader;
@@ -29291,7 +29271,7 @@ var FaRegWindowClose = function (props) {
 };
 FaRegWindowClose.displayName = "FaRegWindowClose";
 
-/*****UStream Component*****/
+// UStream Component
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
@@ -29334,7 +29314,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);
@@ -29379,7 +29359,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',
@@ -29389,6 +29370,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);
@@ -30100,6 +30083,92 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
   );
 };
 
+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 = React.useState(false),
+      _useState2 = slicedToArray(_useState, 2),
+      adRendered = _useState2[0],
+      setAdRendered = _useState2[1];
+
+  var _useState3 = React.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
+});
+
 exports.DeckContent = ContentCard;
 exports.GridContent = GridContent$1;
 exports.DeckQueue = Queue;
@@ -30116,12 +30185,12 @@ exports.IssueContentDeck = IssueContentDeck;
 exports.Column1 = Column1;
 exports.Column2 = Column2;
 exports.Column3 = Column3;
-exports.Header = Header;
-exports.LeftNav = LeftNav;
+exports.Header = Header$1;
+exports.LeftNav = LeftNav$1;
 exports.AccordionPanel = AccordionPanel;
-exports.SocialShare = SocialShare;
+exports.SocialShare = SocialShare$1;
 exports.PageFilter = PageFilter;
-exports.NavMagazine = NavMagazine;
+exports.NavMagazine = MagazineNav;
 exports.NavNative = NavNative;
 exports.NavNormal = NavNormal;
 exports.NavDvm = NavDvm;
@@ -30135,13 +30204,13 @@ exports.ADFooter = ADFooter;
 exports.getSerializers = getSerializers$1;
 exports.Search = Search;
 exports.Feature = Feature;
-exports.Breadcrumbs = Breadcrumbs;
+exports.Breadcrumbs = Breadcrumbs$1;
 exports.SetCookie = SetCookie;
 exports.Hero = Hero;
 exports.AlphabeticList = AlphabeticList;
 exports.PdfDownload = PdfDownload;
 exports.RelatedTopicsDropdown = RelatedTopicsDropdown;
-exports.Ustream = Ustream;
+exports.Ustream = Ustream$1;
 exports.SideFooter = SideFooter;
 exports.ForbesHero = fbsHero;
 exports.HorizontalHero = HorizontalHero;
@@ -30151,4 +30220,3 @@ exports.VerticalHero = VerticalHero;
 exports.YahooHero = YahooHero;
 exports.RelatedContent = RelatedContent;
 exports.ConferenceArticleCard = ConferenceArticleCard;
-//# sourceMappingURL=index.js.map