@mjhls/mjh-framework 1.0.206 → 1.0.208

package/dist/cjs/index.js

@@ -7,34 +7,32 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
-var visibilitySensor = require('./visibility-sensor-5c5a7302.js');
+var index = require('./index-0322e486.js');
 var PropTypes = _interopDefault(require('prop-types'));
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var index_es = require('./index.es-2289df51.js');
+var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-311eb805.js');
-require('./debounce-286eb3fb.js');
+require('./debounce-a963b136.js');
 require('react-dom');
-var index = require('./index-a4c53ff4.js');
+var index$1 = require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
 var main = require('./main-58839f4e.js');
 var entities = require('./entities-3e0b4a16.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
 var DeckContent = require('./DeckContent.js');
-require('./get-06aac51b.js');
-var AD = require('./AD-e2479b7c.js');
-var GridContent = require('./GridContent.js');
+require('./get-126b1712.js');
+var GridContent = require('./GridContent-089aa22c.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
-var TaxonomyCard = require('./TaxonomyCard-7b5b4298.js');
+var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
 var GroupDeck = require('./GroupDeck.js');
-var YoutubeGroup = require('./YoutubeGroup-4cf7a4aa.js');
+var YoutubeGroup = require('./YoutubeGroup-7dc3064d.js');
 var reactBootstrap = require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var index_esm = require('./index.esm-340d3792.js');
@@ -45,7 +43,7 @@ var PublicationDeck = require('./PublicationDeck.js');
 var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
-var TemplateNormal = require('./Normal-7dd8c339.js');
+var TemplateNormal = require('./Normal-47d9e184.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -204,7 +202,7 @@ var AD300x250 = function AD300x250(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(AD.AD, {
+  return React__default.createElement(TemplateNormal.DFPAdSlot, {
     networkID: networkID,
     adUnit: adUnit,
     slotId: slotId,
@@ -221,7 +219,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(AD.AD, {
+  return React__default.createElement(TemplateNormal.DFPAdSlot, {
     networkID: networkID,
     adUnit: adUnit,
     className: 'AD300x250',
@@ -262,8 +260,27 @@ var ADFooter = function ADFooter(_ref) {
   );
 };
 
+var AdSlotsProvider = function AdSlotsProvider(_ref) {
+  var children = _ref.children,
+      networkID = _ref.networkID,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$singleRequest = _ref.singleRequest,
+      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest;
+
+  return React__default.createElement(
+    index.lib_1,
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    children
+  );
+};
+
 var urlFor = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source);
 };
 
@@ -423,7 +440,7 @@ var Slideshow = function Slideshow(_ref) {
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   React.useEffect(function () {
     var itemArr = router.asPath.split('?page=');
@@ -436,7 +453,7 @@ var Slideshow = function Slideshow(_ref) {
   }, [router]);
 
   React.useEffect(function () {
-    visibilitySensor.lib_3.refresh();
+    index.lib_3.refresh();
     if (pageview) pageview(router.asPath);
   }, [router]);
 
@@ -3061,7 +3078,7 @@ var Media = function Media(_ref) {
       blank = node.blank,
       caption = node.caption;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source);
@@ -10004,7 +10021,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   function setState(url, vidIndex) {
     setVidUrl(url);
     toggleSeries();
-    visibilitySensor.lib_3.refresh();
+    index.lib_3.refresh();
     var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + vidIndex);
     var vidState = { vid_id: vidIndex };
     window.history.pushState(vidState, '', newPath);
@@ -10146,8 +10163,12 @@ var Poll = function Poll(_ref) {
   };
 
   var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
-    acc = acc + parseInt(choice.choiceCount);
-    return acc;
+    if (choice.choiceCount) {
+      acc = acc + parseInt(choice.choiceCount);
+      return acc;
+    } else {
+      return acc;
+    }
   }, 0);
   return React__default.createElement(
     React__default.Fragment,
@@ -10186,7 +10207,7 @@ var Poll = function Poll(_ref) {
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
-        var percentage = choicesTotalCount && choicesTotalCount > 0 ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0;
+        var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
         return React__default.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
@@ -10201,7 +10222,7 @@ var Poll = function Poll(_ref) {
             { className: 'float-right' },
             percentage,
             '% (',
-            choice.choiceCount,
+            choice.choiceCount ? choice.choiceCount : 0,
             ' Votes)'
           )
         );
@@ -10406,7 +10427,7 @@ var Slideshow$1 = function Slideshow(_ref) {
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   React.useEffect(function () {
     var itemArr = router.asPath.split('?page=');
@@ -10419,7 +10440,7 @@ var Slideshow$1 = function Slideshow(_ref) {
   }, [router]);
 
   React.useEffect(function () {
-    visibilitySensor.lib_3.refresh();
+    index.lib_3.refresh();
     if (pageview) pageview(router.asPath);
   }, [router]);
 
@@ -10473,7 +10494,7 @@ var NativeAd = function NativeAd(props) {
   return React__default.createElement(
     'div',
     { className: 'native-ad-wrapper', style: { textAlign: 'center' } },
-    React__default.createElement(AD.AD, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
+    React__default.createElement(GridContent.AD, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
   );
 };
 
@@ -10683,7 +10704,7 @@ var Feature = function Feature(props) {
   var urlFor = function urlFor(source) {
     var client = props.client;
 
-    var builder = index.imageUrlBuilder(client);
+    var builder = index$1.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
   //image width
@@ -10988,7 +11009,7 @@ var SetCookie = function SetCookie(key, value) {
 };
 
 var urlFor$3 = function urlFor(source, client) {
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   return builder.image(source);
 };
 
@@ -11285,7 +11306,7 @@ var fbsHero = function fbsHero(props) {
 
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11324,7 +11345,7 @@ var fbsHero = function fbsHero(props) {
           React__default.createElement(
             'p',
             null,
-            index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
           ),
           topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
             'p',
@@ -11367,7 +11388,7 @@ var fbsHero = function fbsHero(props) {
             React__default.createElement(
               'p',
               null,
-              index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
+              visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
             ),
             article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -11394,7 +11415,7 @@ var fbsHero = function fbsHero(props) {
 var HorizontalHero = function HorizontalHero(props) {
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11489,7 +11510,7 @@ var HorizontalHero = function HorizontalHero(props) {
 var OncliveHero = function OncliveHero(props) {
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11522,7 +11543,7 @@ var OncliveHero = function OncliveHero(props) {
             article.title
           ),
           React__default.createElement('div', null),
-          index_es.moment(article.published).format('MMMM Do YYYY, h:mma'),
+          visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
           article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
             'p',
             { className: 'mb-2' },
@@ -11551,10 +11572,11 @@ var OncliveHero = function OncliveHero(props) {
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
   var topArticle = props.dataRecord[0];
-  var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
+  var middleArticles = props.dataRecord.slice(1, 3);
+  var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11572,81 +11594,177 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
     'div',
     { className: 'article-hero-container' },
     React__default.createElement(
-      'a',
-      { href: '/view/' + topArticle.url.current, className: 'top-article' },
-      React__default.createElement(
-        'figure',
-        null,
-        React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
-      ),
+      'div',
+      { className: 'top-outer' },
       React__default.createElement(
-        'div',
-        { className: 'top-article--body' },
-        React__default.createElement(
-          'h1',
-          null,
-          topArticle.title
-        ),
+        'a',
+        { href: '/view/' + topArticle.url.current, className: 'top-article' },
         React__default.createElement(
-          'p',
+          'figure',
           null,
-          index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
         ),
         React__default.createElement(
-          'p',
-          null,
-          entities.clean_html_1(topArticle.summary)
+          'div',
+          { className: 'top-article--body' },
+          React__default.createElement(
+            'h1',
+            null,
+            topArticle.title
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            entities.clean_html_1(topArticle.summary)
+          )
         )
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container middle-single' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
+            React__default.createElement(
+              'figure',
+              null,
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default.createElement(
+                'h2',
+                null,
+                article.title
+              ),
+              React__default.createElement('div', null),
+              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
+              )
+            )
+          );
+        })
       )
     ),
     React__default.createElement(
       'div',
-      { className: 'sub-articles-container' },
-      subArticles && subArticles.map(function (article, index) {
-        var articleThumbnail = '';
-        var articleAltText = article.title;
-        if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
-          articleAltText = article.thumbnail.asset.originalFileName;
-        } else if (props.thumbnail) {
-          articleThumbnail = props.thumbnail;
-        }
-        return React__default.createElement(
-          'a',
-          { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
-          React__default.createElement(
-            'figure',
-            null,
-            React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
-          ),
-          React__default.createElement(
-            'div',
-            { className: 'sub-article--body' },
+      { className: 'sub-outer-container' },
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container middle-group' },
+        middleArticles && middleArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
             React__default.createElement(
-              'h2',
+              'figure',
               null,
-              article.title
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
             ),
-            React__default.createElement('div', null),
-            index_es.moment(article.published).format('MMMM Do YYYY, h:mma'),
-            article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
-              'p',
-              { className: 'mb-2' },
-              'By ',
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
               React__default.createElement(
-                'b',
+                'h2',
                 null,
-                article.authorMapping[0].displayName
+                article.title
+              ),
+              React__default.createElement('div', null),
+              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
               )
             )
-          )
-        );
-      })
+          );
+        })
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'sub-articles-container' },
+        subArticles && subArticles.map(function (article, index) {
+          var articleThumbnail = '';
+          var articleAltText = article.title;
+          if (article.thumbnail && article.thumbnail.asset) {
+            articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+            articleAltText = article.thumbnail.asset.originalFileName;
+          } else if (props.thumbnail) {
+            articleThumbnail = props.thumbnail;
+          }
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
+            React__default.createElement(
+              'figure',
+              null,
+              React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'sub-article--body' },
+              React__default.createElement(
+                'h2',
+                null,
+                article.title
+              ),
+              React__default.createElement('div', null),
+              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'By ',
+                React__default.createElement(
+                  'b',
+                  null,
+                  article.authorMapping[0].displayName
+                )
+              )
+            )
+          );
+        })
+      )
     ),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero-container {\n          display: flex;\n          flex-direction: row;\n          margin: 0 -1rem;\n        }\n        .top-article {\n          width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        .sub-articles-container {\n          width: 50%;\n          flex: 1 1 auto;\n          min-width: 350px;\n        }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n      '
+      '\n        .article-hero-container {\n          margin: 0 -0.8rem;\n        }\n        @media screen and (min-width: 1400px) {\n          .article-hero-container {\n            display: flex;\n            flex-direction: row;\n          }\n        }\n        .top-article {\n          // width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        // .sub-articles-container {\n        //   width: 50%;\n        //   flex: 1 1 auto;\n        //   min-width: 350px;\n        // }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            // width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n        @media screen and (max-width: 1399px) and (min-width: 992px) {\n          .top-article {\n            // width: 50%;\n            flex: 1 1 auto;\n            margin-bottom: 1rem;\n          }\n          .middle-group {\n            display: none;\n          }\n          .middle-single {\n            display: block !important;\n            margin-top: 0 !important;\n          }\n          .top-article figure img {\n            max-height: 180px !important;\n          }\n        }\n        // @media only screen and (min-width) {\n        //   .sub-outer-container {\n        //     width: 50%;\n        //     flex: 1 1 auto;\n        //     min-width: 350px;\n        //   }\n        // }\n        .middle-single {\n          display: none;\n        }\n        .top-outer {\n          display: flex;\n        }\n      '
     )
   );
 };
@@ -11654,7 +11772,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11719,7 +11837,7 @@ var YahooHero = function YahooHero(props) {
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11759,7 +11877,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             null,
-            index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -11794,7 +11912,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             { className: 'yh-sub-article--info' },
-            index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping[0] && React__default.createElement(
             'p',
@@ -11852,7 +11970,7 @@ var RelatedContent = function RelatedContent(props) {
       _props$defaultImage = props.defaultImage,
       defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source);
   }
@@ -11887,7 +12005,7 @@ var RelatedContent = function RelatedContent(props) {
             props.showPublished && React__default.createElement(
               'p',
               { className: 'pb-0 mb-0' },
-              index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
+              visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
             ),
             props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -11931,11 +12049,11 @@ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(ti
 var ConferenceArticleCard = function ConferenceArticleCard(props) {
   var data = props.data,
       variant = props.variant,
-      index$1 = props.index,
+      index = props.index,
       client = props.client;
 
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   function urlFor(source) {
     return builder.image(source);
@@ -11969,7 +12087,7 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
       React__default.createElement(
         'p',
         { className: 'conf-media__card-text' },
-        index_es.moment(data.published).format('MMMM Do YYYY, h:mma')
+        visibilitySensor.moment(data.published).format('MMMM Do YYYY, h:mma')
       ),
       React__default.createElement(
         'p',
@@ -11991,8 +12109,8 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
 };
 
 exports.DeckContent = DeckContent;
-exports.AD = AD.AD;
-exports.GridContent = GridContent;
+exports.AD = GridContent.AD;
+exports.GridContent = GridContent.GridContent;
 exports.DeckQueue = DeckQueue;
 exports.ThumbnailCard = ThumbnailCard;
 exports.TaxonomyCard = TaxonomyCard.TaxonomyCard;
@@ -12005,6 +12123,7 @@ exports.PublicationDeck = PublicationDeck;
 exports.IssueDeck = IssueDeck;
 exports.IssueContentDeck = IssueContentDeck;
 exports.AD728x90 = TemplateNormal.AD728x90;
+exports.AdSlot = TemplateNormal.DFPAdSlot;
 exports.Column1 = TemplateNormal.Column1;
 exports.Column2 = TemplateNormal.Column2;
 exports.Column3 = TemplateNormal.Column3;
@@ -12024,6 +12143,7 @@ exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
 exports.ADFooter = ADFooter;
 exports.AccordionPanel = AccordionPanel;
+exports.AdSlotsProvider = AdSlotsProvider;
 exports.AlphabeticList = AlphabeticList;
 exports.ArticleDetailDropdown = ArticleDetailDropdown;
 exports.Breadcrumbs = Breadcrumbs$1;