@mjhls/mjh-framework 1.0.463 → 1.0.464

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.463
+# mjh-framework v. 1.0.464
 
 > Foundation Framework 
 

package/dist/cjs/AD300x250.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 var main = require('./main-00905561.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/AD300x250x600.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 var main = require('./main-00905561.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/AD728x90.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 var main = require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/ADFloatingFooter.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/ADGutter.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/ADSponsoredResources.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/ADWebcast.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/ADWelcome.js

@@ -17,9 +17,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/AdSlot.js

@@ -17,9 +17,8 @@ var debounce = require('./debounce-32e57002.js');
 var main = require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 

package/dist/cjs/ArticleQueue.js

@@ -32,9 +32,8 @@ var main = require('./main-00905561.js');
 require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');

package/dist/cjs/Auth.js

@@ -18,9 +18,8 @@ var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 var reactBootstrap = require('react-bootstrap');
 var util = require('./util-f2c1b65b.js');
 var useSWR = _interopDefault(require('swr'));

package/dist/cjs/Beam.js

@@ -7,9 +7,8 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-4d0352f8.js');
 require('./web.dom.iterable-43c3e277.js');
 var stringify = require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 
 require("babel-polyfill");
 // server key for beam 

package/dist/cjs/CMEDeck.js

@@ -26,9 +26,8 @@ require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 var main = require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 var reactBootstrap = require('react-bootstrap');
 
 var corsProxy = 'https://cors-anywhere.herokuapp.com/';

package/dist/cjs/Column3.js

@@ -21,9 +21,8 @@ require('./debounce-32e57002.js');
 var main = require('./main-00905561.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');

package/dist/cjs/DeckContent.js

@@ -38,13 +38,12 @@ var main = require('./main-00905561.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-5adbfbba.js');
+var ADInfeed = require('./ADInfeed-4b904089.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);

package/dist/cjs/GridContent.js

@@ -38,15 +38,14 @@ var main = require('./main-00905561.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-5adbfbba.js');
+var ADInfeed = require('./ADInfeed-4b904089.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-028da9eb.js');
+var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
 require('./_arrayMap-3b4a0f75.js');
 var get = require('./get-5dfcdc33.js');
 require('./AD.js');
@@ -417,20 +416,30 @@ var GridContent = function (_React$Component) {
           }
         }
         posts = firstThree.concat(posts);
-        posts = posts.map(function (ele, i) {
-          if (ele._type === 'lg-infeed') {
-            //  Setting pos as top2 for the first occurence of large infeed ad
-            var _pos = posts.indexOf(posts.find(function (d) {
-              return d._type === 'lg-infeed';
-            })) === i ? 'top2' : 'lg-infeed_' + i;
-            return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
-          } else {
-            return ele;
-          }
-        });
       } else {
         posts = this.state.data;
       }
+
+      // 'articleCount' is New parameter to use instead of 'index' while passing to 'changePageNumber()'
+      // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+      // 'articleCount' will be the indexes of only the articles in the deck.
+      var articleCount = -1;
+      posts = posts.map(function (ele, i) {
+        if (ele._type === 'lg-infeed') {
+          //  Setting pos as top2 for the first occurence of large infeed ad
+          var _pos = posts.indexOf(posts.find(function (d) {
+            return d._type === 'lg-infeed';
+          })) === i ? 'top2' : 'lg-infeed_' + i;
+          return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
+        } else if (ele._type === 'article') {
+          // incrementing 'articleCount' for each article.
+          ++articleCount;
+          return _extends._extends({}, ele, { articleCount: articleCount });
+        } else {
+          return ele;
+        }
+      });
+
       var itemsPerPage = this.props.params && this.props.params.itemsPerPage ? this.props.params.itemsPerPage : 10;
       var heroContent = this.props.heroContent ? this.props.heroContent : 0;
       var featureCount = 0;
@@ -585,7 +594,8 @@ var GridContent = function (_React$Component) {
                 visibilitySensor.VisibilitySensor,
                 {
                   onChange: function onChange(isVisible) {
-                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, index);
+                    // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of article only.
+                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, row.articleCount);
                   } },
                 React__default.createElement(
                   'div',

package/dist/cjs/IssueLanding.js

@@ -30,15 +30,14 @@ require('./main-00905561.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-require('./ADInfeed-5adbfbba.js');
+require('./ADInfeed-4b904089.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-028da9eb.js');
+require('./ADlgInfeed-f540f438.js');
 require('./AuthorComponent-cb8b8128.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');

package/dist/cjs/LeftNav.js

@@ -19,9 +19,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');

package/dist/cjs/MasterDeck.js

@@ -34,8 +34,16 @@ require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 require('./index-b5eb3ff8.js');
 var main = require('./main-00905561.js');
+require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-var promise = require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./AdSlot.js');
+var ADInfeed = require('./ADInfeed-4b904089.js');
+var lodash = require('./lodash-fc2922d0.js');
+var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
@@ -91,7 +99,7 @@ var MasterDeck = function (_React$Component) {
       var params = _extends._extends({}, _this.params, { from: from, to: to });
 
       if (dataHandler) {
-        var dataHandlerPromise = new promise._Promise(function (resolve, reject) {
+        var dataHandlerPromise = new asyncToGenerator._Promise(function (resolve, reject) {
           try {
             var result = dataHandler(params);
             resolve(result);
@@ -206,35 +214,118 @@ var MasterDeck = function (_React$Component) {
           });
         }
       }
-    }, _this.cardLoader = function (page, columns, variant) {
+    }, _this.cardLoader = function (page, columns, variant, brandInsightAd, showBI, lgInfeedAd) {
       var numberOfItemsBeforeAd = 6;
+      var data = _this.state.data;
+      var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
+        return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
+      };
+
+      //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+      //  Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
+      //  Integrating large infeed AD
+      if (lgInfeedAd && brandInsightAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
+        var lgInfeed = {
+          _type: 'lg-infeed',
+          adUnit: brandInsightAd.adUnit,
+          className: 'lg-infeed',
+          networkID: brandInsightAd.networkID,
+          sizes: [728, 90],
+          sizeMapping: [{
+            viewport: [1400, 0],
+            sizes: [[728, 90]]
+          }, { viewport: [0, 0], sizes: [] }],
+          targeting: {
+            content_placement: brandInsightAd.targeting.content_placement,
+            document_url: brandInsightAd.targeting.document_url
+          }
+        };
+
+        var chunks = lodash.lodash.chunk(data, 6).map(function (chunk) {
+          var set = lodash.lodash.chunk(chunk, 2);
+          for (var i = 0; i < set.length; i++) {
+            if (i !== set.length - 1) {
+              set[i].push(lgInfeed);
+            }
+          }
+          return lodash.lodash.flattenDeep(set);
+        });
+        data = lodash.lodash.flatten(chunks);
+      }
+
+      //  Integrating infeed AD
+      if (showBI && brandInsightAd) {
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
+        if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
+        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;
+        }
+      }
+
+      // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+      data = data.map(function (ele, i) {
+        if (ele._type === 'lg-infeed') {
+          //  Setting pos as top2 for the first occurence of large infeed ad
+          var _pos = data.indexOf(data.find(function (d) {
+            return d._type === 'lg-infeed';
+          })) === i ? 'top2' : 'lg-infeed_' + i;
+          return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
+        } else {
+          return ele;
+        }
+      });
+
       return React__default.createElement(
         'div',
         null,
-        _this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
+        data && data.length > 0 ? data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
-
-          return React__default.createElement(
-            React__default.Fragment,
-            { key: index },
-            React__default.createElement(
-              visibilitySensor.VisibilitySensor,
-              {
-                onChange: function onChange(isVisible) {
-                  isVisible && _this.changePageNumber(pageNumber);
-                } },
+          //  Returning view for articles
+          if (row._type === 'article') {
+            return React__default.createElement(
+              React__default.Fragment,
+              { key: index },
               React__default.createElement(
-                'div',
-                null,
-                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                visibilitySensor.VisibilitySensor,
+                {
+                  onChange: function onChange(isVisible) {
+                    isVisible && _this.changePageNumber(pageNumber);
+                  } },
+                React__default.createElement(
                   'div',
-                  { className: 'ad-container', style: { margin: '0 auto' } },
-                  _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+                  null,
+                  React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
+                  main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                    'div',
+                    { className: 'ad-container', style: { margin: '0 auto' } },
+                    _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+                  )
                 )
               )
-            )
-          );
+            );
+            //  Returning view for large infeed Ad
+          } else if (row._type === 'lg-infeed' && row.adUnit) {
+            return React__default.createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
+            //  Returning view for infeed Ad
+          } else if (row._type === 'brandInsightAd' && row.adUnit) {
+            return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
+          }
         }) : React__default.createElement(
           'div',
           null,
@@ -299,17 +390,24 @@ var MasterDeck = function (_React$Component) {
     value: function componentDidMount() {
       // this.loadData();
     }
+    //  Passing 'brandInsightAd','showBI' and 'lgInfeedAd'
+
   }, {
     key: 'render',
     value: function render() {
       var _this3 = this;
 
+      //  Setting default value for 'showBI' and 'lgInfeedAd'
       var _props = this.props,
           columns = _props.columns,
           variant = _props.variant,
           autoScroll = _props.autoScroll,
-          page = _props.page;
-
+          page = _props.page,
+          brandInsightAd = _props.brandInsightAd,
+          _props$showBI = _props.showBI,
+          showBI = _props$showBI === undefined ? false : _props$showBI,
+          _props$lgInfeedAd = _props.lgInfeedAd,
+          lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
       return React__default.createElement(
         'div',
@@ -323,7 +421,7 @@ var MasterDeck = function (_React$Component) {
             React__default.createElement(
               Container,
               null,
-              this.cardLoader(page, columns, variant)
+              this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
             )
           ),
           React__default.createElement(
@@ -337,7 +435,7 @@ var MasterDeck = function (_React$Component) {
           React__default.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant)
+            this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
           ),
           React__default.createElement(
             'div',

package/dist/cjs/QueueDeckExpanded.js

@@ -31,15 +31,14 @@ var main = require('./main-00905561.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-5adbfbba.js');
+var ADInfeed = require('./ADInfeed-4b904089.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-028da9eb.js');
+var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
 var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
 var reactBootstrap = require('react-bootstrap');
 
@@ -215,6 +214,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       pos += brandInsightAd.interval + 1;
     }
   }
+
+  // 'articleCount' is New parameter to use instead of 'index' while passing to 'changePageNumber()'
+  // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+  // 'articleCount' will be the indexes of only the articles in the deck.
+  var articleCount = -1;
   data = data.map(function (ele, i) {
     if (ele._type === 'lg-infeed') {
       //  Setting pos as top2 for the first occurence of large infeed ad
@@ -222,6 +226,10 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         return d._type === 'lg-infeed';
       })) === i ? 'top2' : 'lg-infeed_' + i;
       return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
+    } else if (ele._type === 'article') {
+      // incrementing 'articleCount' for each article.
+      ++articleCount;
+      return _extends._extends({}, ele, { articleCount: articleCount });
     } else {
       return ele;
     }
@@ -455,7 +463,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
           {
             key: article._id ? article._id : index,
             onChange: function onChange(isVisible) {
-              isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index);
+              // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of artilce only.
+              isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, article.articleCount);
             } },
           React__default.createElement(
             React__default.Fragment,

package/dist/cjs/Segment.js

@@ -6,9 +6,8 @@ require('./core.get-iterator-method-41e87ec1.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-4d0352f8.js');
 require('./web.dom.iterable-43c3e277.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 
 require("babel-polyfill");
 

package/dist/cjs/TemplateNormal.js

@@ -22,9 +22,8 @@ require('./debounce-32e57002.js');
 require('./main-00905561.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-db08763c.js');
+require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');

package/dist/cjs/VideoSeriesFilter.js

@@ -14,9 +14,8 @@ var moment = require('./moment-3cf060f6.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var slicedToArray = require('./slicedToArray-8063ee51.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 var reactBootstrap = require('react-bootstrap');
 
 var _this = undefined;

package/dist/cjs/View.js

@@ -32,9 +32,8 @@ var main = require('./main-00905561.js');
 require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
-require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 var AdSlot = require('./AdSlot.js');