@mjhls/mjh-framework 1.0.939-nojs-pagination-v5 → 1.0.939-segment-test

package/dist/cjs/ArticleProgramLandingPage.js

@@ -141,8 +141,7 @@ ArticleProgramLandingPage.getInitialData = function () {
             start = (currentPage - 1) * itemsPerPage;
             params = {
               from: start,
-              to: start + itemsPerPage,
-              itemsPerPage: itemsPerPage
+              to: start + itemsPerPage
             };
             query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n      \'pageNumber\': ' + currentPage + '\n    }';
             postsPromise = client.fetch(query, params);

package/dist/cjs/ArticleSeriesLandingPage.js

@@ -118,8 +118,7 @@ ArticleSeriesLandingPage.getInitialData = function () {
             start = (currentPage - 1) * itemsPerPage;
             params = {
               from: start,
-              to: start + itemsPerPage,
-              itemsPerPage: itemsPerPage
+              to: start + itemsPerPage
             };
             query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && url.current == \'' + seriesName + '\'\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      summary,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n    }';
             _context.next = 9;

package/dist/cjs/AuthWrapper.js

@@ -1767,7 +1767,7 @@ client$1.Provider;
 
 var client = client$1.default;
 
-var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n  margin-bottom: 2rem;\r\n  width: 350px;\r\n  max-width: 90vw;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n  background: #fff;\r\n  z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n  margin-bottom: 2rem;\r\n  text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n  background: #eee;\r\n  margin-left: unset;\r\n  margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n  float: left;\r\n  border-right: 1rem solid #fff;\r\n  background: rgb(245, 245, 245);\r\n  height: 10rem;\r\n  width: 25%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n  width: 97%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n  width: 96%;\r\n  height: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n  width: 72%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n  width: 88%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n  margin-top: -3rem;\r\n  border: none;\r\n  width: 100%;\r\n  height: 1900px;\r\n}";
+var css = ".AuthWrapper-module_loginBox__3l-BE {\n  margin-bottom: 2rem;\n  width: 350px;\n  max-width: 90vw;\n  margin-left: auto;\n  margin-right: auto;\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n  background: #fff;\n  z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n  background: #eee;\n  margin-left: unset;\n  margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n  float: left;\n  border-right: 1rem solid #fff;\n  background: rgb(245, 245, 245);\n  height: 10rem;\n  width: 25%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n  width: 97%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n  width: 96%;\n  height: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n  width: 72%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n  width: 88%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n  margin-top: -3rem;\n  border: none;\n  width: 100%;\n  height: 1900px;\n}";
 var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
 styleInject_es.styleInject(css);
 

package/dist/cjs/ConferenceArticleCard.js

@@ -13,21 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-Example usage - targetedonc.com/latest-conference
-const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    documentGroup->,
-                    contentCategory->,
-                    'pageNumber': ${currentPage}
-                  }`
-
-  const posts = await client.fetch(query, params)
+/*
+Example usage - targetedonc.com/latest-conference
+const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    documentGroup->,
+                    contentCategory->,
+                    'pageNumber': ${currentPage}
+                  }`
+
+  const posts = await client.fetch(query, params)
 */
 
 var ConferenceArticleCard = function ConferenceArticleCard(props) {

package/dist/cjs/ContentCardPaginated.js

@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
 var ADInfeed = require('./ADInfeed-44d43b8a.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-885dcfbd.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -41,6 +41,7 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/DeckContent.js

@@ -74,9 +74,7 @@ var DeckContent = function (_React$Component) {
       total_pages: null,
       scrolling: true,
       query: _this.query,
-      currentPage: _this.props.currentPage || 1,
-      lastDataSize: _this.data ? _this.data.length : 0,
-      itemsPerPage: _this.params.itemsPerPage || 3
+      currentPage: _this.props.currentPage || 1
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -118,26 +116,18 @@ var DeckContent = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
-              scrolling: true,
-              lastDataSize: dataArr.length
+              scrolling: true
             };
           } else {
             return {
-              scrolling: false,
-              lastDataSize: 0
+              scrolling: false
             };
           }
         });
       });
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
-        var url = urlFor({
-          client: _this.client,
-          source: row.thumbnail,
-          imageHeight: _this.props.imageHeight || null,
-          imageWidth: _this.props.imageWidth || null,
-          imageFit: _this.props.imageFit || null
-        });
+        var url = urlFor({ client: _this.client, source: row.thumbnail, imageHeight: _this.props.imageHeight || null, imageWidth: _this.props.imageWidth || null, imageFit: _this.props.imageFit || null });
         return url;
       } else {
         return _this.defaultImage;
@@ -192,14 +182,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -380,8 +370,7 @@ var DeckContent = function (_React$Component) {
         { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function (_ref2) {
-      var nextPagePostsCount = _ref2.nextPagePostsCount;
+    }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
       return React__default['default'].createElement(
@@ -392,7 +381,7 @@ var DeckContent = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        !(_this.state.lastDataSize < _this.state.itemsPerPage) && nextPagePostsCount > 0 && React__default['default'].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -436,9 +425,7 @@ var DeckContent = function (_React$Component) {
           page = _props.page,
           showBI = _props.showBI,
           brandInsight = _props.brandInsight,
-          biStart = _props.biStart,
-          _props$nextPagePostsC = _props.nextPagePostsCount,
-          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
+          biStart = _props.biStart;
 
 
       return React__default['default'].createElement(
@@ -459,7 +446,7 @@ var DeckContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.renderManualPagination()
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -493,7 +480,7 @@ var DeckContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.renderManualPagination()
           )
         )
       );

package/dist/cjs/DeckQueuePaginated.js

@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
 var main = require('./main-f1c77adb.js');
 var urlFor = require('./urlFor.js');
 var entities = require('./entities-df1aed86.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-885dcfbd.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -36,6 +36,7 @@ require('./isSymbol-03abbdf0.js');
 require('./eq-5fc26c07.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/EventsDeck.js

@@ -256,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';

package/dist/cjs/GridContent.js

@@ -85,8 +85,7 @@ var GridContent = function (_React$Component) {
       currentPage: _this.props.currentPage || 1,
       lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
       showCategory: _this.props.showCategory ? _this.props.showCategory : false,
-      contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : [],
-      lastDataSize: _this.data ? _this.data.length : 0
+      contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : []
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -141,13 +140,11 @@ var GridContent = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
-              scrolling: true,
-              lastDataSize: dataArr.length
+              scrolling: true
             };
           } else {
             return {
-              scrolling: false,
-              lastDataSize: 0
+              scrolling: false
             };
           }
         });
@@ -239,8 +236,7 @@ var GridContent = function (_React$Component) {
         { style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function (_ref2) {
-      var nextPagePostsCount = _ref2.nextPagePostsCount;
+    }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
       return React__default['default'].createElement(
@@ -251,7 +247,7 @@ var GridContent = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        !(_this.state.lastDataSize < _this.state.itemsPerPage) && nextPagePostsCount > 0 && React__default['default'].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -743,30 +739,19 @@ var GridContent = function (_React$Component) {
           showVideo = _props.showVideo,
           VideoPlayer = _props.VideoPlayer,
           showBI = _props.showBI,
-          brandInsight = _props.brandInsight,
-          _props$nextPagePostsC = _props.nextPagePostsCount,
-          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
+          brandInsight = _props.brandInsight;
 
 
       return React__default['default'].createElement(
         'div',
         { className: 'contentDeck' },
         autoScroll ? React__default['default'].createElement(
-          React__default['default'].Fragment,
-          null,
-          React__default['default'].createElement(
-            index_es.InfiniteScroll,
-            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default['default'].createElement(
-              Container__default['default'],
-              null,
-              this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
-            )
-          ),
+          index_es.InfiniteScroll,
+          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
           React__default['default'].createElement(
-            'noscript',
+            Container__default['default'],
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -800,7 +785,7 @@ var GridContent = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.renderManualPagination()
           )
         )
       );

package/dist/cjs/GridContentPaginated.js

@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-885dcfbd.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -49,6 +49,7 @@ require('./Segment.js');
 require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Button');
+require('react-paginate');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
 

package/dist/cjs/HamMagazine.js

@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black

package/dist/cjs/IssueLanding.js

@@ -76,35 +76,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {

package/dist/cjs/KMTracker.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var KMTracker = function KMTracker(props) {
-      var id = props.id;
+  var id = props.id;
 
-      if (document && id) {
+  if (document && id) {
 (function () {
-                  var ecnJquery = document.createElement('script');
+      var ecnJquery = document.createElement('script');
 
-                  ecnJquery.type = 'text/javascript';
-                  ecnJquery.async = true;
-                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+      ecnJquery.type = 'text/javascript';
+      ecnJquery.async = true;
+      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-                  var ecnScript = document.createElement('script');
+      var ecnScript = document.createElement('script');
 
-                  ecnScript.type = 'text/javascript';
-                  ecnScript.async = true;
-                  ecnScript.id = 'km-tracker';
-                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+      ecnScript.type = 'text/javascript';
+      ecnScript.async = true;
+      ecnScript.id = 'km-tracker';
+      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-                  document.head.appendChild(ecnJquery);
-                  document.head.appendChild(ecnScript);
-            })();
-      }
+      document.head.appendChild(ecnJquery);
+      document.head.appendChild(ecnScript);
+    })();
+  }
 };
 
 module.exports = KMTracker;

package/dist/cjs/MasterDeck.js

@@ -230,14 +230,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -311,6 +311,7 @@ var MasterDeck = function (_React$Component) {
               document_url: brandInsightAd.targeting.document_url,
               document_group: brandInsightAd.targeting.document_group,
               rootDocumentGroup: brandInsightAd.targeting.rootDocumentGroup
+
             },
             _type: 'brandInsightAd',
             /* Passing refresh flag */
@@ -403,8 +404,7 @@ var MasterDeck = function (_React$Component) {
         { className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function (_ref2) {
-      var nextPagePostsCount = _ref2.nextPagePostsCount;
+    }, _this.renderManualPagination = function () {
       var _this$state3 = _this.state,
           currentPage = _this$state3.currentPage,
           itemsPerPage = _this$state3.itemsPerPage,
@@ -412,7 +412,10 @@ var MasterDeck = function (_React$Component) {
 
       console.log('lastDataSize:', lastDataSize);
       console.log('itemsPerPage:', itemsPerPage);
-      console.log('nextPagePostsCount:', nextPagePostsCount);
+      if (lastDataSize < itemsPerPage) {
+        return null;
+      }
+
       return React__default['default'].createElement(
         'div',
         { className: 'd-flex justify-content-between' },
@@ -421,7 +424,7 @@ var MasterDeck = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        !(lastDataSize < itemsPerPage) && nextPagePostsCount > 0 && React__default['default'].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -483,9 +486,7 @@ var MasterDeck = function (_React$Component) {
           _props$showBI = _props.showBI,
           showBI = _props$showBI === undefined ? false : _props$showBI,
           _props$lgInfeedAd = _props.lgInfeedAd,
-          lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd,
-          _props$nextPagePostsC = _props.nextPagePostsCount,
-          nextPagePostsCount = _props$nextPagePostsC === undefined ? 2 : _props$nextPagePostsC;
+          lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
       return React__default['default'].createElement(
         'div',
@@ -505,7 +506,7 @@ var MasterDeck = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.renderManualPagination()
           )
         ) : React__default['default'].createElement(
           React__default['default'].Fragment,
@@ -541,7 +542,7 @@ var MasterDeck = function (_React$Component) {
           React__default['default'].createElement(
             'noscript',
             null,
-            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
+            this.renderManualPagination()
           )
         )
       );

package/dist/cjs/MasterDeckPaginated.js

@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
 var main = require('./main-f1c77adb.js');
 var ADlgInfeed = require('./ADlgInfeed-24d739f6.js');
 var ADInfeed = require('./ADInfeed-44d43b8a.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-885dcfbd.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -35,6 +35,7 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
@@ -115,14 +116,14 @@ var MasterDeck = function (_React$Component) {
       }
 
       // please leave this for later debug purpose : Yong Jun.
-      /* console.log('page change reported', {
-            currentPage: currentPage,
-            pageNumber: pageNumber,
-            pathname: pathname,
-            path: path,
-            newPath: newPath,
-            firstPage: pageNumber === 1,
-            queryString: queryString
+      /* console.log('page change reported', {
+            currentPage: currentPage,
+            pageNumber: pageNumber,
+            pathname: pathname,
+            path: path,
+            newPath: newPath,
+            firstPage: pageNumber === 1,
+            queryString: queryString
           }) */
 
       if (pageview) {