@mjhls/mjh-framework 1.0.403 → 1.0.405

package/dist/cjs/index.js

@@ -35,10 +35,10 @@ var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
 var AdSlot = require('./AdSlot-4d22aad4.js');
 var promise = require('./promise-0a493c7a.js');
-var ADInfeed = require('./ADInfeed-494f5e6b.js');
+require('./ADInfeed-494f5e6b.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-2f42692a.js');
+var GridContent = require('./GridContent-62c5d302.js');
 var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
@@ -82,639 +82,6 @@ var useSWR = _interopDefault(require('swr'));
 var Local = _interopDefault(require('passport-local'));
 var mysql = _interopDefault(require('mysql'));
 
-var urlFor$1 = function urlFor(source, builder) {
-  return builder.image(source).auto('format');
-};
-
-var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
-  var url = urlFor$1(row.thumbnail, builder);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageWidth) url = url.width(imageWidth);
-  return url.url();
-};
-
-var loadMore = function loadMore(values, setValues, per) {
-  setValues({
-    page: values.page + 1,
-    from: values.from + per,
-    to: values.to + per
-  });
-};
-
-var loadData = function loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray) {
-  params = _extends$2._extends({}, params, {
-    from: values.from,
-    to: values.to
-  });
-
-  client.fetch(query, params).then(function (dataArr) {
-    if (pointer && pointerArray) {
-      dataArr = dataArr[pointerArray][pointer];
-    }
-
-    if (!dataArr) {
-      dataArr = [];
-    }
-
-    dataArr = dataArr.map(function (item) {
-      return _extends$2._extends({}, item, {
-        pageNumber: values.page
-      });
-    });
-
-    if (dataArr.length > 0) {
-      setData(function (prevData) {
-        return [].concat(toConsumableArray._toConsumableArray(prevData), toConsumableArray._toConsumableArray(dataArr));
-      });
-      setScrolling(true);
-    } else {
-      setScrolling(false);
-    }
-  });
-};
-
-var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, itemIndex) {
-  if (seoPaginate) {
-    var path = router.asPath;
-    var qrIndex = path.indexOf('?');
-    var pathname = router.pathname;
-    var queryString = '';
-
-    if (qrIndex > 0) {
-      path = path.substring(1, qrIndex);
-
-      var partialQS = router.asPath.substring(qrIndex + 1);
-      var partialQSArr = partialQS.split('&');
-
-      // exclude page=xxx from query string
-      partialQSArr.map(function (item) {
-        var itemArr = item.split('=');
-        var key = itemArr[0];
-        var val = itemArr[1];
-
-        if (key !== 'page') {
-          queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
-        }
-      });
-    }
-
-    if (queryString.length > 0) {
-      path += '?' + queryString;
-    }
-
-    // pageNumber = parseInt(pageNumber)
-
-    var index = Number(itemIndex);
-    var perPage = Number(itemsPerPage);
-
-    pageNumber = Math.ceil((index + 1) / perPage);
-
-    if (currentPage !== pageNumber) {
-      debounce.lib_3.refresh();
-
-      setCurrentPage(pageNumber);
-      if (path[0] !== '/') {
-        path = '/' + path;
-      }
-      var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
-
-      if (pageview) {
-        pageview(newPath);
-      }
-
-      router.push(pathname, newPath, {
-        shallow: true
-      });
-    }
-  }
-};
-
-var renderAuthor = function renderAuthor(authorDetail, index, length) {
-  if (authorDetail) {
-    var _id = authorDetail._id,
-        displayName = authorDetail.displayName,
-        url = authorDetail.url;
-
-    if (displayName && url && url.current) {
-      return React__default.createElement(
-        'div',
-        { key: _id },
-        index === 0 && React__default.createElement(
-          'span',
-          { className: 'pr-1' },
-          'By'
-        ),
-        React__default.createElement(
-          'a',
-          { href: '/authors/' + url.current, className: 'text-muted' },
-          displayName,
-          length !== index + 1 && React__default.createElement('br', null)
-        )
-      );
-    } else if (displayName) {
-      return React__default.createElement(
-        'div',
-        { key: _id },
-        index === 0 && React__default.createElement(
-          'span',
-          { className: 'pr-1' },
-          'By'
-        ),
-        React__default.createElement(
-          'span',
-          { className: 'text-muted' },
-          displayName,
-          length !== index + 1 && React__default.createElement('br', null)
-        )
-      );
-    }
-  } else return null;
-};
-
-var checkExternalUrl = function checkExternalUrl(url) {
-  return new RegExp(['http', 'https'].join('|')).test(url);
-};
-
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent) {
-  var numberOfItemsBeforeAd = 6;
-
-  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
-    return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
-  };
-  if (showBI && brandInsightAd) {
-    var pos = 0;
-    for (var i = 1; pos < data.length; i++) {
-      var inFeedAd = {
-        adUnit: brandInsightAd.adUnit,
-        className: brandInsightAd.className,
-        networkID: brandInsightAd.networkID,
-        sizes: brandInsightAd.sizes,
-        slotId: brandInsightAd.slotId + '_' + i,
-        targeting: {
-          pos: 'article' + i,
-          content_placement: brandInsightAd.targeting.content_placement,
-          document_url: brandInsightAd.targeting.document_url
-        },
-        _type: 'brandInsightAd'
-      };
-
-      data = insertBrandInsightAd(data, pos, inFeedAd);
-      pos += brandInsightAd.interval + 1;
-    }
-  }
-
-  var featureCount = 0;
-
-  return React__default.createElement(
-    'div',
-    null,
-    data && data.length > 0 ? data.map(function (article, index) {
-      var pageNumber = article.pageNumber || values.page;
-
-      var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
-
-      if (article._type === 'feature') {
-        featureCount++;
-        if (article.blank || checkExternalUrl(article.url.current)) {
-          return React__default.createElement(
-            React__default.Fragment,
-            { key: article._id ? article._id : index },
-            React__default.createElement(
-              visibilitySensor.VisibilitySensor,
-              {
-                key: article._id ? article._id : index,
-                partialVisibility: true,
-                onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
-                } },
-              React__default.createElement(
-                React__default.Fragment,
-                null,
-                React__default.createElement(
-                  reactBootstrap.Media,
-                  {
-                    key: article._id ? article._id : index,
-                    className: 'feature-media',
-                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
-                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
-                    'a',
-                    { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
-                    React__default.createElement(
-                      index$1.LazyLoad,
-                      { height: imageHeight },
-                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
-                    )
-                  ),
-                  React__default.createElement(
-                    reactBootstrap.Media.Body,
-                    null,
-                    React__default.createElement(
-                      'a',
-                      { href: article.url.current, target: '_blank' },
-                      article.title && React__default.createElement(
-                        'h4',
-                        { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
-                        article.title
-                      )
-                    ),
-                    showPublished && article.published && React__default.createElement(
-                      'p',
-                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      moment.moment(article.published).format('MMMM DD, YYYY')
-                    ),
-                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                      return renderAuthor(authorDetail, index, article.authorMapping.length);
-                    }),
-                    article.source && React__default.createElement(
-                      'p',
-                      { className: 'p-0 mb-1' },
-                      article.source
-                    ),
-                    showCategory && article.contentCategory && React__default.createElement(
-                      'p',
-                      {
-                        className: 'article-category',
-                        style: {
-                          background: '#3FB618',
-                          color: '#ffffff',
-                          marginBottom: '.25rem',
-                          display: 'inline-block',
-                          padding: '0 .25rem',
-                          fontSize: '.8rem'
-                        } },
-                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
-                    ),
-                    article.summary && React__default.createElement(
-                      'p',
-                      { className: 'pt-2 card-text' },
-                      entities.clean_html_1(article.summary)
-                    )
-                  )
-                )
-              )
-            ),
-            main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
-          );
-        } else {
-          return React__default.createElement(
-            React__default.Fragment,
-            { key: article._id ? article._id : index },
-            React__default.createElement(
-              visibilitySensor.VisibilitySensor,
-              {
-                key: article._id ? article._id : index,
-                partialVisibility: true,
-                onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
-                } },
-              React__default.createElement(
-                React__default.Fragment,
-                null,
-                React__default.createElement(
-                  reactBootstrap.Media,
-                  {
-                    key: article._id ? article._id : index,
-                    className: 'feature-media',
-                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
-                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
-                    'a',
-                    { href: article.url.current, className: 'feature-wrapper' },
-                    React__default.createElement(
-                      index$1.LazyLoad,
-                      { height: imageHeight },
-                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
-                    )
-                  ),
-                  React__default.createElement(
-                    reactBootstrap.Media.Body,
-                    null,
-                    React__default.createElement(
-                      'a',
-                      { href: article.url.current },
-                      article.title && React__default.createElement(
-                        'h4',
-                        { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
-                        article.title
-                      )
-                    ),
-                    showPublished && article.published && React__default.createElement(
-                      'p',
-                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      moment.moment(article.published).format('MMMM DD, YYYY')
-                    ),
-                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                      return renderAuthor(authorDetail, index, article.authorMapping.length);
-                    }),
-                    article.source && React__default.createElement(
-                      'p',
-                      { className: 'p-0 mb-1' },
-                      article.source
-                    ),
-                    showCategory && article.contentCategory && React__default.createElement(
-                      'p',
-                      {
-                        style: {
-                          background: '#3FB618',
-                          color: '#ffffff',
-                          marginBottom: '.25rem',
-                          display: 'inline-block',
-                          padding: '0 .25rem',
-                          fontSize: '.8rem'
-                        } },
-                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
-                    ),
-                    article.summary && React__default.createElement(
-                      'p',
-                      { className: 'pt-2 card-text' },
-                      entities.clean_html_1(article.summary)
-                    )
-                  )
-                )
-              )
-            ),
-            main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
-          );
-        }
-      } else if (article._type === 'brandInsightAd' && article.adUnit) {
-        return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
-      }
-
-      if (index + 1 > heroContent + featureCount) {
-        return React__default.createElement(
-          React__default.Fragment,
-          { key: article._id ? article._id : index },
-          React__default.createElement(
-            visibilitySensor.VisibilitySensor,
-            {
-              key: article._id ? article._id : index,
-              onChange: function onChange(isVisible) {
-                isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
-              } },
-            React__default.createElement(
-              React__default.Fragment,
-              null,
-              React__default.createElement(
-                reactBootstrap.Media,
-                {
-                  key: article._id ? article._id : index,
-                  style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
-                (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
-                  'a',
-                  { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
-                  React__default.createElement(
-                    index$1.LazyLoad,
-                    { height: imageHeight },
-                    article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
-                  )
-                ),
-                React__default.createElement(
-                  reactBootstrap.Media.Body,
-                  null,
-                  React__default.createElement(
-                    'a',
-                    { href: mapping[contentCategoryName] + '/' + article.url.current },
-                    article.title && React__default.createElement(
-                      'h4',
-                      { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
-                      article.title
-                    )
-                  ),
-                  showPublished && article.published && React__default.createElement(
-                    'p',
-                    { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                    moment.moment(article.published).format('MMMM DD, YYYY')
-                  ),
-                  showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                    return renderAuthor(authorDetail, index, article.authorMapping.length);
-                  }),
-                  article.source && React__default.createElement(
-                    'p',
-                    { className: 'p-0 mb-1' },
-                    article.source
-                  ),
-                  showCategory && article.contentCategory && React__default.createElement(
-                    'p',
-                    {
-                      style: {
-                        background: '#3FB618',
-                        color: '#ffffff',
-                        marginBottom: '.25rem',
-                        display: 'inline-block',
-                        padding: '0 .25rem',
-                        fontSize: '.8rem'
-                      } },
-                    article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
-                  ),
-                  article.summary && React__default.createElement(
-                    'p',
-                    { className: 'pt-2 card-text' },
-                    entities.clean_html_1(article.summary)
-                  )
-                )
-              )
-            )
-          ),
-          main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
-        );
-      } else return null;
-    }) : React__default.createElement(
-      'div',
-      null,
-      React__default.createElement(
-        'h5',
-        null,
-        React__default.createElement(
-          'em',
-          null,
-          'New content coming soon, please check back later.'
-        )
-      )
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
-    )
-  );
-};
-
-var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, rightItems) {
-  var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-  return React__default.createElement(
-    'div',
-    { style: { display: 'flex', flex: '1 0 auto' } },
-    rightItems[i].component
-  );
-};
-
-var renderManualPagination = function renderManualPagination(currentPage) {
-  return React__default.createElement(
-    'div',
-    { className: 'd-flex justify-content-between' },
-    currentPage && currentPage > 1 && React__default.createElement(
-      'a',
-      { href: '?page=' + (currentPage - 1) },
-      '<< Previous'
-    ),
-    React__default.createElement(
-      'a',
-      { href: '?page=' + (currentPage + 1) },
-      'Next >>'
-    )
-  );
-};
-
-var usePrevious = function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
-var InfiniteScrollDeck = function InfiniteScrollDeck(props) {
-  var router = Router.useRouter();
-  var initialData = props.dataRecord,
-      client = props.client,
-      params = props.params,
-      query = props.query,
-      autoScroll = props.autoScroll,
-      pointer = props.pointer,
-      pointerArray = props.pointerArray,
-      mapping = props.mapping,
-      seoPaginate = props.seoPaginate,
-      pageview = props.pageview,
-      defaultImage = props.defaultImage,
-      showAuthor = props.showAuthor,
-      showCategory = props.showCategory,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      rightItems = props.rightItems,
-      brandInsightAd = props.brandInsightAd,
-      _props$showBI = props.showBI,
-      showBI = _props$showBI === undefined ? false : _props$showBI,
-      _props$heroContent = props.heroContent,
-      heroContent = _props$heroContent === undefined ? 0 : _props$heroContent;
-  var initialCurrentPage = props.currentPage,
-      showPublished = props.showPublished;
-
-  var builder = index.imageUrlBuilder(client);
-
-  var _useState = React.useState(initialData),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      scrolling = _useState4[0],
-      setScrolling = _useState4[1];
-
-  var _useState5 = React.useState(params ? params.to : 0),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 1),
-      per = _useState6[0];
-
-  var _useState7 = React.useState(initialCurrentPage || 1),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      currentPage = _useState8[0],
-      setCurrentPage = _useState8[1];
-
-  var _useState9 = React.useState({
-    from: params ? params.from : 0,
-    to: params ? params.to : 0,
-    page: 1
-  }),
-      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
-      values = _useState10[0],
-      setValues = _useState10[1];
-
-  var itemsPerPage = params.itemsPerPage;
-
-  var prevValues = usePrevious(values);
-
-  React.useEffect(function () {
-    if (prevValues) {
-      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
-        loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
-      }
-    }
-  }, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
-
-  React.useEffect(function () {
-    document.addEventListener('scroll', trackScrolling);
-    return function () {
-      document.removeEventListener('scroll', trackScrolling);
-    };
-  }, [currentPage]);
-
-  var trackScrolling = function trackScrolling(current) {
-    if (window.pageYOffset === 0) {
-      if (currentPage > 1) {
-        changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, 1);
-      }
-    }
-  };
-
-  return React__default.createElement(
-    'div',
-    null,
-    autoScroll ? React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        index_es.InfiniteScroll,
-        { dataLength: data && data.length, next: function next() {
-            return loadMore(values, setValues, per);
-          }, hasMore: scrolling, scrollThreshold: 0.9 },
-        React__default.createElement(
-          reactBootstrap.Container,
-          null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
-        )
-      ),
-      React__default.createElement(
-        'noscript',
-        null,
-        renderManualPagination(currentPage)
-      )
-    ) : React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        reactBootstrap.Container,
-        null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
-      ),
-      React__default.createElement(
-        'div',
-        { style: { padding: '0px 10px' } },
-        scrolling ? React__default.createElement(
-          'button',
-          {
-            style: { margin: 'auto', width: '100%' },
-            onClick: function onClick(e) {
-              loadMore(values, setValues, per);
-            } },
-          'Load More'
-        ) : React__default.createElement(
-          'p',
-          { style: { textAlign: 'center' } },
-          React__default.createElement(
-            'b',
-            null,
-            'End of data'
-          )
-        )
-      ),
-      React__default.createElement(
-        'noscript',
-        null,
-        renderManualPagination(currentPage)
-      )
-    )
-  );
-};
-
 var momentTimezone = _commonjsHelpers.createCommonjsModule(function (module) {
 //! moment-timezone.js
 //! version : 0.5.31
@@ -2266,12 +1633,12 @@ var latest = {
 };
 
 var latest$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  version: version,
-  zones: zones,
-  links: links,
-  countries: countries,
-  'default': latest
+	__proto__: null,
+	version: version,
+	zones: zones,
+	links: links,
+	countries: countries,
+	'default': latest
 });
 
 var require$$1 = _commonjsHelpers.getCjsExportFromNamespace(latest$1);
@@ -3770,7 +3137,7 @@ var ADWelcome = function ADWelcome(_ref) {
   );
 };
 
-var urlFor$2 = function urlFor(source, builder) {
+var urlFor$1 = function urlFor(source, builder) {
   return builder.image(source).auto('format');
 };
 
@@ -3821,7 +3188,7 @@ var Slideshow = function Slideshow(_ref) {
         return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor$2(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default.createElement('img', { src: slide.asset && urlFor$1(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
@@ -14080,7 +13447,7 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$2 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -14137,7 +13504,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               React__default.createElement(
                 index$1.LazyLoad,
                 null,
-                React__default.createElement('img', { src: urlFor$3(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React__default.createElement(
@@ -14181,7 +13548,7 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor$3 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -14208,7 +13575,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default.createElement(
                 'div',
                 null,
-                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
+                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$3(image.asset, client).url(), alt: image.alt }),
                 image.caption && React__default.createElement(
                   'p',
                   { className: 'multi-figure-caption' },
@@ -14230,7 +13597,7 @@ var MultiFigure = function MultiFigure(props) {
 };
 
 var Figure = dynamic(function () {
-  return Promise.resolve().then(function () { return require('./Figure-04d4a60d.js'); });
+  return Promise.resolve().then(function () { return require('./Figure-9e886c5b.js'); });
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -14644,13 +14011,13 @@ var SetCookie = function SetCookie(key, value) {
   js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
 };
 
-var urlFor$5 = function urlFor(source, client) {
+var urlFor$4 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
-var renderCardImage$1 = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor$5(thumbnail, client);
+var renderCardImage = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
+  var url = urlFor$4(thumbnail, client);
   if (imageHeight) url = url.height(imageHeight);
   if (imageWidth) url = url.width(imageWidth);
   return url.url();
@@ -14677,7 +14044,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage$1(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
       summary && React__default.createElement(
         reactBootstrap.Card.Footer,
         { className: 'h6' },
@@ -17423,7 +16790,7 @@ var InscreenSensor = function (_React$Component) {
   return InscreenSensor;
 }(React__default.Component);
 
-var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length) {
+var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
 
   if (authorName && authorURL) {
@@ -17689,7 +17056,7 @@ var Article = function Article(props) {
           parent.style.display = 'none';
           setContextualADFlag(false);
         } else {
-          if (body[1]._type === 'figure') {
+          if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
             setContextualADFlag(true);
           }
         }
@@ -17699,16 +17066,17 @@ var Article = function Article(props) {
         React__default.Fragment,
         null,
         React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag),
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(0, _selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
-        React__default.createElement('span', { className: 'clearfix' }),
+        contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
         ),
+        contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(_selectedIndex))),
@@ -17844,7 +17212,7 @@ var Article = function Article(props) {
               return React__default.createElement(
                 'span',
                 { key: index },
-                renderAuthor$1(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
+                renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
               );
             }),
             React__default.createElement(
@@ -18459,8 +17827,8 @@ function useUser() {
 }
 
 var hooks = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  useUser: useUser
+	__proto__: null,
+	useUser: useUser
 });
 
 var LoginForm = function LoginForm(props) {
@@ -19682,11 +19050,11 @@ function getTokenCookie(req) {
 }
 
 var authCookies = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  setTokenCookie: setTokenCookie,
-  removeTokenCookie: removeTokenCookie,
-  parseCookies: parseCookies,
-  getTokenCookie: getTokenCookie
+	__proto__: null,
+	setTokenCookie: setTokenCookie,
+	removeTokenCookie: removeTokenCookie,
+	parseCookies: parseCookies,
+	getTokenCookie: getTokenCookie
 });
 
 function encryptSession(session) {
@@ -19730,9 +19098,9 @@ var getSession = function () {
 }();
 
 var iron = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  encryptSession: encryptSession,
-  getSession: getSession
+	__proto__: null,
+	encryptSession: encryptSession,
+	getSession: getSession
 });
 
 var toStr = Object.prototype.toString;
@@ -21987,10 +21355,10 @@ var findUser$1 = function () {
 }();
 
 var user = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createUser: createUser$1,
-  updateUser: updateUser$1,
-  findUser: findUser$1
+	__proto__: null,
+	createUser: createUser$1,
+	updateUser: updateUser$1,
+	findUser: findUser$1
 });
 
 var localStrategy = new Local.Strategy({
@@ -22006,8 +21374,8 @@ var localStrategy = new Local.Strategy({
 });
 
 var passportLocal = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  localStrategy: localStrategy
+	__proto__: null,
+	localStrategy: localStrategy
 });
 
 var _this$4 = undefined;
@@ -22199,7 +21567,7 @@ var auth = {
 	ProcessData: ProcessData_1
 };
 
-var renderAuthor$2 = function renderAuthor(authorName, authorURL, index, length) {
+var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length) {
   var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
 
   if (authorName && authorURL) {
@@ -22261,7 +21629,7 @@ var getArticleSummary$1 = function getArticleSummary(article) {
   }
 };
 
-function urlFor$6(client, source) {
+function urlFor$5(client, source) {
   return index.imageUrlBuilder(client).image(source);
 }
 
@@ -22322,7 +21690,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
   var thumbnailUrl = false;
 
   if (article.documentGroup.thumbnail) {
-    thumbnailUrl = urlFor$6(client, article.documentGroup.thumbnail).url();
+    thumbnailUrl = urlFor$5(client, article.documentGroup.thumbnail).url();
   }
 
   return React__default.createElement(
@@ -22686,7 +22054,7 @@ var Article$1 = function Article(props) {
     var shareUrl = shareBaseUrl + props.article.url.current;
     var shareTitle = article.title;
     var shareSummary = article.summary;
-    var shareImage = thumbnail && thumbnail.asset ? urlFor$6(props.client, thumbnail.asset).url() : shareImageDefault;
+    var shareImage = thumbnail && thumbnail.asset ? urlFor$5(props.client, thumbnail.asset).url() : shareImageDefault;
     var siteName = props.website && props.website.title ? props.website.title : '';
 
     var meta = {
@@ -22776,7 +22144,7 @@ var Article$1 = function Article(props) {
                     return React__default.createElement(
                       'span',
                       { key: index },
-                      renderAuthor$2(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
+                      renderAuthor$1(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
                     );
                   }),
                   React__default.createElement(
@@ -23413,7 +22781,6 @@ exports.GridHero = GridHero;
 exports.Hero = Hero;
 exports.HighlightenVideo = HighlightenVideo;
 exports.HorizontalHero = HorizontalHero;
-exports.InfiniteScrollDeck = InfiniteScrollDeck;
 exports.KMTracker = KMTracker;
 exports.OncliveHero = OncliveHero;
 exports.OncliveLargeHero = OncliveLargeHero;
@@ -23432,4 +22799,4 @@ exports.getQuery = getQuery;
 exports.getSerializers = getSerializers;
 exports.getSeriesDetail = getSeriesDetail;
 exports.getTargeting = getTargeting;
-exports.urlFor = urlFor$6;
+exports.urlFor = urlFor$5;