@mjhls/mjh-framework 1.0.225 → 1.0.226

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.225
+# mjh-framework v. 1.0.226
 
 
 

package/dist/cjs/{AdSlot-d87cef08.js → AdSlot-1c1700a3.js}

@@ -7,7 +7,7 @@ var React__default = _interopDefault(React);
 var index = require('./index-0322e486.js');
 var PropTypes = _interopDefault(require('prop-types'));
 var debounce = require('./debounce-a963b136.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,

package/dist/cjs/DeckContent.js

@@ -21,8 +21,8 @@ var index$1 = require('./index-a4c53ff4.js');
 var index$2 = 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 = function (_React$Component) {
   _babelHelpers.inherits(DeckContent, _React$Component);

package/dist/cjs/DeckQueue.js

@@ -21,7 +21,7 @@ var index$1 = require('./index-a4c53ff4.js');
 var index$2 = require('./index-0d0efcfa.js');
 var main = require('./main-58839f4e.js');
 var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var get$1 = require('./get-126b1712.js');
 
 var DeckQueue = function (_React$Component) {

package/dist/cjs/{Dfp-c4f1f12a.js → Dfp-b6d403f8.js}

@@ -10,7 +10,7 @@ var PropTypes = _interopDefault(require('prop-types'));
 var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 var debounce = require('./debounce-a963b136.js');
 require('react-dom');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/cjs/{GridContent-1575c8db.js → GridContent-992851b4.js}

@@ -18,12 +18,12 @@ var index$1 = require('./index-a4c53ff4.js');
 var index$2 = 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 get$1 = require('./get-126b1712.js');
 
 var Dfp = React__default.lazy(function () {
-  return new Promise(function (resolve) { resolve(require('./Dfp-c4f1f12a.js')); });
+  return new Promise(function (resolve) { resolve(require('./Dfp-b6d403f8.js')); });
 });
 
 var AD = function AD(props) {
@@ -274,7 +274,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,
@@ -331,7 +331,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.'
+              )
+            )
+          )
         );
       }
 
@@ -368,7 +380,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 : '';
@@ -571,7 +583,19 @@ var GridContent = function (_React$Component) {
             showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
             main.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/cjs/GridContent.js

@@ -17,10 +17,10 @@ require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
 require('./main-58839f4e.js');
 require('./entities-3e0b4a16.js');
-require('./_babelHelpers-f321c258.js');
-require('./AdSlot-d87cef08.js');
+require('./_babelHelpers-4a69caad.js');
+require('./AdSlot-1c1700a3.js');
 require('./get-126b1712.js');
-var GridContent = require('./GridContent-1575c8db.js');
+var GridContent = require('./GridContent-992851b4.js');
 
 
 

package/dist/cjs/MasterDeck.js

@@ -19,7 +19,7 @@ var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-a4c53ff4.js');
 var main = require('./main-58839f4e.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 
 var MasterDeck = function (_React$Component) {
   _babelHelpers.inherits(MasterDeck, _React$Component);

package/dist/cjs/{Normal-11ae4373.js → Normal-c3488266.js}

@@ -11,8 +11,8 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
 var main = require('./main-58839f4e.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 get$1 = require('./get-126b1712.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
@@ -1294,6 +1294,32 @@ var NavMagazine = function NavMagazine(props) {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);
 
+  React.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;
 
@@ -2004,7 +2030,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';
@@ -2021,6 +2047,9 @@ var HamMagazine = function HamMagazine(props) {
         }
       }
     });
+    return function () {
+      window.removeEventListener('scroll', stickyNav);
+    };
   }, []);
 
   var trackScrolling = function trackScrolling() {

package/dist/cjs/QueueDeckExpanded.js

@@ -16,7 +16,7 @@ var index$1 = require('./index-a4c53ff4.js');
 var index$2 = require('./index-0d0efcfa.js');
 var main = require('./main-58839f4e.js');
 var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {
@@ -172,7 +172,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';
 
@@ -398,7 +398,19 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         ),
         main.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/cjs/{TaxonomyCard-d97685e2.js → TaxonomyCard-0d4ec68b.js}

@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 var index$1 = require('./index-a4c53ff4.js');
 var index$2 = require('./index-0d0efcfa.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 
 /*
 object-assign

package/dist/cjs/TaxonomyCard.js

@@ -10,8 +10,8 @@ require('react-bootstrap/Card');
 require('react-dom');
 require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
-require('./_babelHelpers-f321c258.js');
-var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
+require('./_babelHelpers-4a69caad.js');
+var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
 
 
 

package/dist/cjs/TemplateNormal.js

@@ -10,13 +10,13 @@ require('react-bootstrap/Col');
 require('next/link');
 require('./debounce-a963b136.js');
 require('./main-58839f4e.js');
-require('./_babelHelpers-f321c258.js');
-require('./AdSlot-d87cef08.js');
+require('./_babelHelpers-4a69caad.js');
+require('./AdSlot-1c1700a3.js');
 require('./get-126b1712.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-11ae4373.js');
+var TemplateNormal = require('./Normal-c3488266.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/{Ustream-0d3dd953.js → Ustream-5f595d09.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 // THIS FILE IS AUTO GENERATED

package/dist/cjs/Ustream.js

@@ -1,9 +1,9 @@
 'use strict';
 
 require('react');
-require('./_babelHelpers-f321c258.js');
+require('./_babelHelpers-4a69caad.js');
 require('./index.esm-340d3792.js');
-var Ustream = require('./Ustream-0d3dd953.js');
+var Ustream = require('./Ustream-5f595d09.js');
 
 
 

package/dist/cjs/VideoSeriesListing.js

@@ -15,7 +15,7 @@ var Router__default = _interopDefault(Router);
 var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-0d0efcfa.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
 var index_esm = require('./index.esm-340d3792.js');
 

package/dist/cjs/{_babelHelpers-f321c258.js → _babelHelpers-4a69caad.js}

@@ -1,5 +1,34 @@
 'use strict';
 
+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");
@@ -111,6 +140,7 @@ var toConsumableArray = function (arr) {
 };
 
 exports._extends = _extends;
+exports.asyncToGenerator = asyncToGenerator;
 exports.classCallCheck = classCallCheck;
 exports.createClass = createClass;
 exports.inherits = inherits;

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-992851b4.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);
       }
     }
   };