@mjhls/mjh-framework 1.0.225 → 1.0.226

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-e1c38e7f.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 : '';
@@ -565,7 +577,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-e1c38e7f.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';
 
@@ -392,7 +392,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';
 

package/dist/esm/{_babelHelpers-67c05996.js → _babelHelpers-c212c59c.js}

@@ -1,3 +1,32 @@
+var asyncToGenerator = function (fn) {
+  return function () {
+    var gen = fn.apply(this, arguments);
+    return new Promise(function (resolve, reject) {
+      function step(key, arg) {
+        try {
+          var info = gen[key](arg);
+          var value = info.value;
+        } catch (error) {
+          reject(error);
+          return;
+        }
+
+        if (info.done) {
+          resolve(value);
+        } else {
+          return Promise.resolve(value).then(function (value) {
+            step("next", value);
+          }, function (err) {
+            step("throw", err);
+          });
+        }
+      }
+
+      return step("next");
+    });
+  };
+};
+
 var classCallCheck = function (instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -108,4 +137,4 @@ var toConsumableArray = function (arr) {
   }
 };
 
-export { _extends as _, classCallCheck as a, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };
+export { _extends as _, classCallCheck as a, asyncToGenerator as b, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };

package/dist/esm/index.js

@@ -15,17 +15,17 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
 import { m as main_35, a as main_36 } from './main-dea495b7.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-e85d3a4a.js';
-import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
-export { D as AdSlot } from './AdSlot-b67f8534.js';
+import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn, b as asyncToGenerator } from './_babelHelpers-c212c59c.js';
+import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
+export { D as AdSlot } from './AdSlot-748bc6ff.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b074314b.js';
-export { A as AD, G as GridContent } from './GridContent-e5cdc9da.js';
+export { A as AD, G as GridContent } from './GridContent-e1c38e7f.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-f9c93953.js';
-export { T as TaxonomyCard } from './TaxonomyCard-f9c93953.js';
+import { B as BlockContent } from './TaxonomyCard-92f9e327.js';
+export { T as TaxonomyCard } from './TaxonomyCard-92f9e327.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
 import { g as getYoutubeId } from './YoutubeGroup-1368335c.js';
@@ -40,8 +40,8 @@ export { default as PublicationDeck } from './PublicationDeck.js';
 export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-8e0aa5e8.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-8e0aa5e8.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-088cf5cf.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-088cf5cf.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -57,8 +57,8 @@ import Carousel$1 from 'react-bootstrap/Carousel';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
 import DropdownButton from 'react-bootstrap/DropdownButton';
 import Dropdown from 'react-bootstrap/Dropdown';
-import { F as FaLongArrowAltRight } from './Ustream-6bb45fe7.js';
-export { U as Ustream } from './Ustream-6bb45fe7.js';
+import { F as FaLongArrowAltRight } from './Ustream-2bfb1813.js';
+export { U as Ustream } from './Ustream-2bfb1813.js';
 
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
@@ -12364,8 +12364,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;
 
@@ -12377,25 +12378,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 _extends$2({}, article, { Ads: Ads });
-        });
-        var queueData = [].concat(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() {
@@ -12406,7 +12388,7 @@ var ArticleQueue = function (_React$Component) {
   }, {
     key: 'render',
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
 
       var _state = this.state,
           config = _state.config,
@@ -12429,12 +12411,12 @@ var ArticleQueue = function (_React$Component) {
           queueData.map(function (article, index) {
             return React__default.createElement(Article, _extends$2({
               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
             }));
           })
@@ -12446,37 +12428,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(toConsumableArray(_this4.state.queueData));
-    var relatedArticles = [].concat(toConsumableArray(_this4.state.relatedArticles));
-    if (relatedArticles.length > 0) {
-      queueData.push(relatedArticles.shift());
-      _this4.setState({ queueData: queueData, relatedArticles: relatedArticles });
-    }
-  };
+  this.loadmore = 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(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;
 
@@ -12484,7 +12497,7 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.urlFor = function (source) {
-    return imageUrlBuilder(_this4.props.client).image(source);
+    return imageUrlBuilder(_this3.props.client).image(source);
   };
 
   this.getTargeting = function (article) {
@@ -12509,7 +12522,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];
     }
@@ -12548,7 +12561,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';
@@ -12560,7 +12573,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;
@@ -12594,7 +12607,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,
@@ -12614,20 +12627,20 @@ var _initialiseProps = function _initialiseProps() {
     var description = _article$seo.meta_description;
 
     var keywords = [].concat(toConsumableArray(internalTag), toConsumableArray(userDefinedTag), toConsumableArray(SponsorshipTag), toConsumableArray(seoTag));
-    var config = _extends$2({}, _this4.state.config);
-    var targeting = _this4.getTargeting(article);
+    var config = _extends$2({}, _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_36) {
         lib_3.refresh();
       }
@@ -12635,28 +12648,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.225",
+  "version": "1.0.226",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",