@mjhls/mjh-framework 1.0.225 → 1.0.227

package/dist/cjs/index.js

@@ -23,15 +23,15 @@ 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 AdSlot = require('./AdSlot-d87cef08.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
+var AdSlot = require('./AdSlot-1c1700a3.js');
 var DeckContent = require('./DeckContent.js');
 require('./get-126b1712.js');
-var GridContent = require('./GridContent-1575c8db.js');
+var GridContent = require('./GridContent-e45cb4c7.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
-var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
+var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
 var GroupDeck = require('./GroupDeck.js');
 var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
 var reactBootstrap = require('react-bootstrap');
@@ -44,7 +44,7 @@ var PublicationDeck = require('./PublicationDeck.js');
 var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
-var TemplateNormal = require('./Normal-11ae4373.js');
+var TemplateNormal = require('./Normal-c3488266.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -60,7 +60,7 @@ var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
 var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
 var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
-var Ustream = require('./Ustream-0d3dd953.js');
+var Ustream = require('./Ustream-5f595d09.js');
 
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
@@ -12366,8 +12366,9 @@ var ArticleQueue = function (_React$Component) {
       title: _this.props.article.title,
       summary: metaDescription,
       queueData: [article],
-      relatedArticles: [],
-      keywords: []
+      keywords: [],
+      maxListLength: 10,
+      loading: false
     }, _this.preVscroll = 0;
     _this.isScrollDown = true;
 
@@ -12379,25 +12380,6 @@ var ArticleQueue = function (_React$Component) {
     value: function componentDidMount() {
       window.addEventListener('scroll', this.scrollDirectionDetect);
     }
-  }, {
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (prevProps.relatedArticles != this.props.relatedArticles) {
-        var relatedArticles = this.props.relatedArticles.map(function (article) {
-          var targeting = _this2.getTargeting(_this2.props.article);
-          var Ads = _this2.props.Ads.getRightItems(targeting);
-          return _babelHelpers._extends({}, article, { Ads: Ads });
-        });
-        var queueData = [].concat(_babelHelpers.toConsumableArray(this.state.queueData));
-        if (prevProps.relatedArticles.length == 0) {
-          queueData.push(relatedArticles.shift());
-          this.setState({ queueData: queueData });
-        }
-        this.setState({ relatedArticles: relatedArticles });
-      }
-    }
   }, {
     key: 'componentWillUnmount',
     value: function componentWillUnmount() {
@@ -12408,7 +12390,7 @@ var ArticleQueue = function (_React$Component) {
   }, {
     key: 'render',
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
 
       var _state = this.state,
           config = _state.config,
@@ -12431,12 +12413,12 @@ var ArticleQueue = function (_React$Component) {
           queueData.map(function (article, index) {
             return React__default.createElement(Article, _babelHelpers._extends({
               key: index,
-              urlFor: _this3.urlFor,
-              isCutomPage: _this3.isCutomPage,
-              renderIsiContent: _this3.renderIsiContent
-            }, _this3.props, {
+              urlFor: _this2.urlFor,
+              isCutomPage: _this2.isCutomPage,
+              renderIsiContent: _this2.renderIsiContent
+            }, _this2.props, {
               shareOptions: shareOptions,
-              changeUrl: _this3.changeUrl,
+              changeUrl: _this2.changeUrl,
               article: article
             }));
           })
@@ -12448,37 +12430,68 @@ var ArticleQueue = function (_React$Component) {
 }(React__default.Component);
 
 var _initialiseProps = function _initialiseProps() {
-  var _this4 = this;
+  var _this3 = this;
 
   this.scrollDirectionDetect = function (e) {
     var window = e.currentTarget;
-    var isScrollDown = _this4.isScrollDown;
+    var isScrollDown = _this3.isScrollDown;
 
 
-    if (_this4.preVscroll > window.scrollY) {
+    if (_this3.preVscroll > window.scrollY) {
       if (!isScrollDown) {
-        _this4.isScrollDown = true;
+        _this3.isScrollDown = true;
       }
-    } else if (_this4.preVscroll < window.scrollY) {
+    } else if (_this3.preVscroll < window.scrollY) {
       if (isScrollDown) {
-        _this4.isScrollDown = false;
+        _this3.isScrollDown = false;
       }
     }
-    _this4.preVscroll = window.scrollY;
+    _this3.preVscroll = window.scrollY;
   };
 
-  this.loadmore = function () {
-    var queueData = [].concat(_babelHelpers.toConsumableArray(_this4.state.queueData));
-    var relatedArticles = [].concat(_babelHelpers.toConsumableArray(_this4.state.relatedArticles));
-    if (relatedArticles.length > 0) {
-      queueData.push(relatedArticles.shift());
-      _this4.setState({ queueData: queueData, relatedArticles: relatedArticles });
-    }
-  };
+  this.loadmore = _babelHelpers.asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var maxListLength, queueData, query, params, article, targeting;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            maxListLength = _this3.props.maxListLength ? _this3.props.maxListLength : _this3.state.maxListLength;
+            queueData = [].concat(_babelHelpers.toConsumableArray(_this3.state.queueData));
+            query = _this3.props.relatedArticleQuery;
+            params = _this3.props.params;
+
+            if (!(queueData.length < maxListLength)) {
+              _context.next = 10;
+              break;
+            }
+
+            params.index = queueData.length - 1;
+
+            _context.next = 8;
+            return _this3.props.client.fetch(query, params);
+
+          case 8:
+            article = _context.sent;
+
+            if (article) {
+              targeting = _this3.getTargeting(article);
+
+              article.Ads = _this3.props.Ads.getRightItems(targeting);
+              queueData.push(article);
+              _this3.setState({ queueData: queueData });
+            }
+
+          case 10:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this3);
+  }));
 
   this.isCutomPage = function (article) {
     var url = article.url.current;
-    var _props2 = _this4.props,
+    var _props2 = _this3.props,
         regionalPages = _props2.regionalPages,
         nationalPage = _props2.nationalPage;
 
@@ -12486,7 +12499,7 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.urlFor = function (source) {
-    return index$1.imageUrlBuilder(_this4.props.client).image(source);
+    return index$1.imageUrlBuilder(_this3.props.client).image(source);
   };
 
   this.getTargeting = function (article) {
@@ -12511,7 +12524,7 @@ var _initialiseProps = function _initialiseProps() {
         content_placement = article.content_placement;
 
     var context = url;
-    var localHistory = _this4.props.historyCookie ? JSON.parse(_this4.props.historyCookie) : [];
+    var localHistory = _this3.props.historyCookie ? JSON.parse(_this3.props.historyCookie) : [];
     if (!context && localHistory) {
       context = localHistory[localHistory.length - 1];
     }
@@ -12550,7 +12563,7 @@ var _initialiseProps = function _initialiseProps() {
     var _article$taxonomyMapp = article.taxonomyMapping,
         taxonomyMapping = _article$taxonomyMapp === undefined ? [] : _article$taxonomyMapp;
 
-    if (_this4.props.checkSponsered) {
+    if (_this3.props.checkSponsered) {
 
       return taxonomyMapping.some(function (item) {
         return item._ref === 'ict_taxonomy_735_sponsoredresources';
@@ -12562,7 +12575,7 @@ var _initialiseProps = function _initialiseProps() {
 
   this.renderIsiContent = function (article) {
     var url = article.url.current;
-    var _props3 = _this4.props,
+    var _props3 = _this3.props,
         ISIContent = _props3.iSIContent,
         regionalPages = _props3.regionalPages,
         nationalPage = _props3.nationalPage;
@@ -12596,7 +12609,7 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.refreshAdd = function (path) {
-    var article = _this4.state.queueData.find(function (item) {
+    var article = _this3.state.queueData.find(function (item) {
       return item.url.current == path;
     });
     var title = article.title,
@@ -12616,20 +12629,20 @@ var _initialiseProps = function _initialiseProps() {
     var description = _article$seo.meta_description;
 
     var keywords = [].concat(_babelHelpers.toConsumableArray(internalTag), _babelHelpers.toConsumableArray(userDefinedTag), _babelHelpers.toConsumableArray(SponsorshipTag), _babelHelpers.toConsumableArray(seoTag));
-    var config = _babelHelpers._extends({}, _this4.state.config);
-    var targeting = _this4.getTargeting(article);
+    var config = _babelHelpers._extends({}, _this3.state.config);
+    var targeting = _this3.getTargeting(article);
     var rightItems = [];
 
-    if (_this4.checkSponseredArticle(article)) {
+    if (_this3.checkSponseredArticle(article)) {
       rightItems = [];
     } else {
-      rightItems = _this4.props.Ads.getRightItems(targeting);
+      rightItems = _this3.props.Ads.getRightItems(targeting);
     }
-    var horizontalAD = _this4.props.Ads.getHorizontal(targeting);
+    var horizontalAD = _this3.props.Ads.getHorizontal(targeting);
     config.rightItems = rightItems;
     config.horizontalAD = horizontalAD;
-    var metaDescription = description ? description : summary ? summary : _this4.getFirstLine(article);
-    _this4.setState({ config: config, title: title, summary: metaDescription }, function () {
+    var metaDescription = description ? description : summary ? summary : _this3.getFirstLine(article);
+    _this3.setState({ config: config, title: title, summary: metaDescription }, function () {
       if (!main.main_36) {
         index.lib_3.refresh();
       }
@@ -12637,28 +12650,28 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.changeUrl = function (path, visibility) {
-    var isScrollDown = _this4.isScrollDown;
+    var isScrollDown = _this3.isScrollDown;
 
     var newPath = '/view/' + path;
     if (!isScrollDown) {
       if (visibility == 'top') {
         // Router.push('/view/[url]', newPath, {shallow:true})
         window.history.pushState({ page: path }, path, newPath);
-        if (_this4.props.pageview) {
-          _this4.props.pageview(newPath);
+        if (_this3.props.pageview) {
+          _this3.props.pageview(newPath);
         }
 
-        _this4.refreshAdd(path);
+        _this3.refreshAdd(path);
       }
     } else {
       if (visibility == 'bottom') {
         // Router.push('/view/[url]', newPath, {shallow:true})
         window.history.pushState({ page: path }, path, newPath);
-        if (_this4.props.pageview) {
-          _this4.props.pageview(newPath);
+        if (_this3.props.pageview) {
+          _this3.props.pageview(newPath);
         }
 
-        _this4.refreshAdd(path);
+        _this3.refreshAdd(path);
       }
     }
   };

package/dist/esm/{AdSlot-b67f8534.js → AdSlot-748bc6ff.js}

@@ -2,7 +2,7 @@ import React__default, { useState } from 'react';
 import { b as lib_2 } from './index-6a79dad6.js';
 import PropTypes from 'prop-types';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,

package/dist/esm/DeckContent.js

@@ -15,8 +15,8 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
 import { a as main_36 } from './main-dea495b7.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
-import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
+import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
 
 var DeckContent = function (_React$Component) {
   inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -15,7 +15,7 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
 import { a as main_36 } from './main-dea495b7.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
-import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
 import { g as get_1 } from './get-b074314b.js';
 
 var DeckQueue = function (_React$Component) {

package/dist/esm/{Dfp-6731ac01.js → Dfp-ad9b4fbe.js}

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/esm/{GridContent-e5cdc9da.js → GridContent-036fbe57.js}

@@ -12,12 +12,12 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
 import { a as main_36 } from './main-dea495b7.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
-import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
+import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
 import { g as get_1 } from './get-b074314b.js';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-6731ac01.js');
+  return import('./Dfp-ad9b4fbe.js');
 });
 
 var AD = function AD(props) {
@@ -268,7 +268,7 @@ var GridContent = function (_React$Component) {
         return React__default.createElement(
           Row,
           null,
-          this.state.data && this.state.data.map(function (row, index) {
+          this.state.data && this.state.data.length > 0 ? this.state.data.map(function (row, index) {
             // const thumbnailURL = get(row, 'thumbnail.asset.url', this.props.defaultImage)
             return React__default.createElement(
               Col,
@@ -325,7 +325,19 @@ var GridContent = function (_React$Component) {
                 )
               )
             );
-          })
+          }) : React__default.createElement(
+            'div',
+            null,
+            React__default.createElement(
+              'h5',
+              null,
+              React__default.createElement(
+                'em',
+                null,
+                'New content coming soon, please check back later.'
+              )
+            )
+          )
         );
       }
 
@@ -362,7 +374,7 @@ var GridContent = function (_React$Component) {
       return React__default.createElement(
         'div',
         { className: 'grid-container' },
-        posts && posts.map(function (row, index) {
+        posts && posts.length > 0 ? posts.map(function (row, index) {
           var pageNumber = row.pageNumber || _this2.state.page;
           var contentCategoryName = row.contentCategory && row.contentCategory.name && _this2.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
           var linkHref = row.url && row.url.current ? _this2.mapping[contentCategoryName] + '/' + row.url.current : '';
@@ -374,8 +386,9 @@ var GridContent = function (_React$Component) {
                 React__default.createElement(
                   VisibilitySensor,
                   {
+                    partialVisibility: true,
                     onChange: function onChange(isVisible) {
-                      isVisible && _this2.changePageNumber(pageNumber);
+                      isVisible && _this2.changePageNumber(1);
                     } },
                   React__default.createElement(
                     'div',
@@ -435,8 +448,9 @@ var GridContent = function (_React$Component) {
                 React__default.createElement(
                   VisibilitySensor,
                   {
+                    partialVisibility: true,
                     onChange: function onChange(isVisible) {
-                      isVisible && _this2.changePageNumber(pageNumber);
+                      isVisible && _this2.changePageNumber(1);
                     } },
                   React__default.createElement(
                     'div',
@@ -565,7 +579,19 @@ var GridContent = function (_React$Component) {
             showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
             main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
           );
-        })
+        }) : React__default.createElement(
+          'div',
+          null,
+          React__default.createElement(
+            'h5',
+            null,
+            React__default.createElement(
+              'em',
+              null,
+              'New content coming soon, please check back later.'
+            )
+          )
+        )
       );
     }
   }, {

package/dist/esm/GridContent.js

@@ -15,7 +15,7 @@ import './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
 import './main-dea495b7.js';
 import './entities-e85d3a4a.js';
-import './_babelHelpers-67c05996.js';
-import './AdSlot-b67f8534.js';
+import './_babelHelpers-c212c59c.js';
+import './AdSlot-748bc6ff.js';
 import './get-b074314b.js';
-export { G as default } from './GridContent-e5cdc9da.js';
+export { G as default } from './GridContent-036fbe57.js';

package/dist/esm/MasterDeck.js

@@ -13,7 +13,7 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import './index-ca4ff5cb.js';
 import { a as main_36 } from './main-dea495b7.js';
-import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
 
 var MasterDeck = function (_React$Component) {
   inherits(MasterDeck, _React$Component);

package/dist/esm/{Normal-8e0aa5e8.js → Normal-088cf5cf.js}

@@ -6,8 +6,8 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Link from 'next/link';
 import { a as main_36, b as main_37 } from './main-dea495b7.js';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
+import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
 import { g as get_1 } from './get-b074314b.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -1289,6 +1289,32 @@ var NavMagazine = function NavMagazine(props) {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);
 
+  useEffect(function () {
+    var navOffsetTop = navRef.current.getBoundingClientRect().top;
+    var navOffsetHeight = navRef.current.getBoundingClientRect().height;
+    var adSection = document.querySelector('.AD728x90');
+    var stickyNav = window.addEventListener('scroll', function () {
+      if (window.pageYOffset > navOffsetTop) {
+        if (navRef.current && navRef.current.style) {
+          navRef.current.style.position = 'fixed';
+          navRef.current.style.top = 0;
+          navRef.current.style.width = '100%';
+          navRef.current.style.zIndex = '9999';
+          adSection.style.marginTop = navOffsetHeight + 'px';
+        }
+      } else {
+        if (navRef.current && navRef.current.style) {
+          navRef.current.style.position = 'relative';
+          navRef.current.style.top = '';
+          adSection.style.marginTop = '';
+        }
+      }
+    });
+    return function () {
+      window.removeEventListener('scroll', stickyNav);
+    };
+  }, []);
+
   var trackScrolling = function trackScrolling() {
     var offsetTop = navRef.current.getBoundingClientRect().top;
 
@@ -1999,7 +2025,7 @@ var HamMagazine = function HamMagazine(props) {
     var navOffsetTop = navRef.current.getBoundingClientRect().top;
     var navOffsetHeight = navRef.current.getBoundingClientRect().height;
     var adSection = document.querySelector('.AD728x90');
-    window.addEventListener('scroll', function () {
+    var stickyNav = window.addEventListener('scroll', function () {
       if (window.pageYOffset > navOffsetTop) {
         if (navRef.current && navRef.current.style) {
           navRef.current.style.position = 'fixed';
@@ -2016,6 +2042,9 @@ var HamMagazine = function HamMagazine(props) {
         }
       }
     });
+    return function () {
+      window.removeEventListener('scroll', stickyNav);
+    };
   }, []);
 
   var trackScrolling = function trackScrolling() {

package/dist/esm/QueueDeckExpanded.js

@@ -10,7 +10,7 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
 import { a as main_36 } from './main-dea495b7.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
-import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
+import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {
@@ -166,7 +166,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   return React__default.createElement(
     'div',
     null,
-    data && data.map(function (article, index) {
+    data && data.length > 0 ? data.map(function (article, index) {
       var pageNumber = article.pageNumber || values.page;
       var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
 
@@ -179,8 +179,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               VisibilitySensor,
               {
                 key: article._id ? article._id : index,
+                partialVisibility: true,
                 onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
                 } },
               React__default.createElement(
                 React__default.Fragment,
@@ -253,8 +254,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               VisibilitySensor,
               {
                 key: article._id ? article._id : index,
+                partialVisibility: true,
                 onChange: function onChange(isVisible) {
-                  isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage);
                 } },
               React__default.createElement(
                 React__default.Fragment,
@@ -392,7 +394,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         ),
         main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
       );
-    }),
+    }) : 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' },

package/dist/esm/{TaxonomyCard-f9c93953.js → TaxonomyCard-92f9e327.js}

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import { n as node, i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
-import { _ as _extends } from './_babelHelpers-67c05996.js';
+import { _ as _extends } from './_babelHelpers-c212c59c.js';
 
 /*
 object-assign

package/dist/esm/TaxonomyCard.js

@@ -8,5 +8,5 @@ import 'react-bootstrap/Card';
 import 'react-dom';
 import './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
-import './_babelHelpers-67c05996.js';
-export { T as default } from './TaxonomyCard-f9c93953.js';
+import './_babelHelpers-c212c59c.js';
+export { T as default } from './TaxonomyCard-92f9e327.js';

package/dist/esm/TemplateNormal.js

@@ -8,13 +8,13 @@ import 'react-bootstrap/Col';
 import 'next/link';
 import './debounce-dc0c02e5.js';
 import './main-dea495b7.js';
-import './_babelHelpers-67c05996.js';
-import './AdSlot-b67f8534.js';
+import './_babelHelpers-c212c59c.js';
+import './AdSlot-748bc6ff.js';
 import './get-b074314b.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-8e0aa5e8.js';
+export { T as default } from './Normal-088cf5cf.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/{Ustream-6bb45fe7.js → Ustream-2bfb1813.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
 import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
 
 // THIS FILE IS AUTO GENERATED

package/dist/esm/Ustream.js

@@ -1,4 +1,4 @@
 import 'react';
-import './_babelHelpers-67c05996.js';
+import './_babelHelpers-c212c59c.js';
 import './index.esm-536609db.js';
-export { U as default } from './Ustream-6bb45fe7.js';
+export { U as default } from './Ustream-2bfb1813.js';

package/dist/esm/VideoSeriesListing.js

@@ -9,7 +9,7 @@ import { withRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import './index-3c1ee9ab.js';
-import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
 import { Y as YoutubeGroup } from './YoutubeGroup-1368335c.js';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';