@mjhls/mjh-framework 1.0.943 → 1.0.945-nojs-pagination-v1

package/dist/esm/DeckQueuePaginated.js

@@ -16,7 +16,7 @@ import { g as get_1 } from './get-3c308da4.js';
 import { m as main_43 } from './main-1894c974.js';
 import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { P as Pagination } from './Pagination-59436882.js';
+import { P as Pagination } from './Pagination-484b86c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -34,7 +34,6 @@ import './isSymbol-a7e9aafe.js';
 import './eq-bdcbf886.js';
 import './slicedToArray-6ebcbfea.js';
 import './index-3f5c03b2.js';
-import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';

package/dist/esm/EventsDeck.js

@@ -243,23 +243,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/esm/GridContent.js

@@ -75,7 +75,8 @@ 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 : []
+      contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : [],
+      lastDataSize: _this.data ? _this.data.length : 0
     }, _this.loadMore = debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -130,11 +131,13 @@ var GridContent = function (_React$Component) {
           if (dataArr.length > 0) {
             return {
               data: [].concat(_toConsumableArray(data), _toConsumableArray(dataArr)),
-              scrolling: true
+              scrolling: true,
+              lastDataSize: dataArr.length
             };
           } else {
             return {
-              scrolling: false
+              scrolling: false,
+              lastDataSize: 0
             };
           }
         });
@@ -226,7 +229,8 @@ var GridContent = function (_React$Component) {
         { style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
       );
-    }, _this.renderManualPagination = function () {
+    }, _this.renderManualPagination = function (_ref2) {
+      var nextPagePostsCount = _ref2.nextPagePostsCount;
       var currentPage = _this.state.currentPage;
 
       return React__default.createElement(
@@ -237,7 +241,7 @@ var GridContent = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        !(_this.state.lastDataSize < _this.state.itemsPerPage) && nextPagePostsCount > 0 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -729,19 +733,30 @@ var GridContent = function (_React$Component) {
           showVideo = _props.showVideo,
           VideoPlayer = _props.VideoPlayer,
           showBI = _props.showBI,
-          brandInsight = _props.brandInsight;
+          brandInsight = _props.brandInsight,
+          _props$nextPagePostsC = _props.nextPagePostsCount,
+          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
 
 
       return React__default.createElement(
         'div',
         { className: 'contentDeck' },
         autoScroll ? React__default.createElement(
-          InfiniteScroll,
-          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            Container,
+            InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+            React__default.createElement(
+              Container,
+              null,
+              this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
+            )
+          ),
+          React__default.createElement(
+            'noscript',
             null,
-            this.cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, this.state.lgInfeedAd, this.state.contentCategoryMapping)
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         ) : React__default.createElement(
           React__default.Fragment,
@@ -775,7 +790,7 @@ var GridContent = function (_React$Component) {
           React__default.createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         )
       );

package/dist/esm/GridContentPaginated.js

@@ -22,7 +22,7 @@ import urlFor from './urlFor.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
 import { P as PublicationFeature } from './PublicationFeature-d88e76b9.js';
-import { P as Pagination } from './Pagination-59436882.js';
+import { P as Pagination } from './Pagination-484b86c5.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -47,7 +47,6 @@ import './Segment.js';
 import './eq-bdcbf886.js';
 import './index-3f5c03b2.js';
 import 'react-bootstrap/Button';
-import 'react-paginate';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
 

package/dist/esm/HamMagazine.js

@@ -26,15 +26,15 @@ import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 
 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/esm/IssueLanding.js

@@ -70,35 +70,35 @@ import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
 
-/* 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/esm/KMTracker.js

@@ -1,25 +1,25 @@
 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);
+            })();
+      }
 };
 
 export default KMTracker;

package/dist/esm/MasterDeck.js

@@ -223,14 +223,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) {
@@ -304,7 +304,6 @@ 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 */
@@ -397,7 +396,8 @@ 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 () {
+    }, _this.renderManualPagination = function (_ref2) {
+      var nextPagePostsCount = _ref2.nextPagePostsCount;
       var _this$state3 = _this.state,
           currentPage = _this$state3.currentPage,
           itemsPerPage = _this$state3.itemsPerPage,
@@ -405,10 +405,7 @@ var MasterDeck = function (_React$Component) {
 
       console.log('lastDataSize:', lastDataSize);
       console.log('itemsPerPage:', itemsPerPage);
-      if (lastDataSize < itemsPerPage) {
-        return null;
-      }
-
+      console.log('nextPagePostsCount:', nextPagePostsCount);
       return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
@@ -417,7 +414,7 @@ var MasterDeck = function (_React$Component) {
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        !(lastDataSize < itemsPerPage) && nextPagePostsCount > 0 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -479,7 +476,9 @@ 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;
+          lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd,
+          _props$nextPagePostsC = _props.nextPagePostsCount,
+          nextPagePostsCount = _props$nextPagePostsC === undefined ? 2 : _props$nextPagePostsC;
 
       return React__default.createElement(
         'div',
@@ -499,7 +498,7 @@ var MasterDeck = function (_React$Component) {
           React__default.createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         ) : React__default.createElement(
           React__default.Fragment,
@@ -535,7 +534,7 @@ var MasterDeck = function (_React$Component) {
           React__default.createElement(
             'noscript',
             null,
-            this.renderManualPagination()
+            this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
           )
         )
       );

package/dist/esm/MasterDeckPaginated.js

@@ -12,7 +12,7 @@ import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
 import { A as ADInfeed } from './ADInfeed-7af1f934.js';
-import { P as Pagination } from './Pagination-59436882.js';
+import { P as Pagination } from './Pagination-484b86c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -33,7 +33,6 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
-import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -108,14 +107,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) {

package/dist/esm/{MediaSeriesCard-227aea3c.js → MediaSeriesCard-a525d485.js}

@@ -9427,7 +9427,7 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
+var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
 styleInject(css);
 

package/dist/esm/MediaSeriesLanding.js

@@ -3,7 +3,7 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-227aea3c.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-a525d485.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -92,11 +92,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -389,7 +389,8 @@ MediaSeriesLanding.getInitialData = function () {
               count: itemsPerPage,
               from: start,
               to: start + itemsPerPage,
-              url: pathname
+              url: pathname,
+              itemsPerPage: itemsPerPage
             };
             _context2.next = 9;
             return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -3,7 +3,7 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-227aea3c.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-a525d485.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
@@ -44,8 +44,7 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import './ADInfeed-7af1f934.js';
-import './Pagination-59436882.js';
-import 'react-paginate';
+import './Pagination-484b86c5.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -94,11 +93,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -412,7 +411,8 @@ MediaSeriesLanding.getInitialData = function () {
               count: itemsPerPage,
               from: start,
               to: start + itemsPerPage,
-              url: pathname
+              url: pathname,
+              itemsPerPage: itemsPerPage
             };
             _context2.next = 9;
             return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');

package/dist/esm/NavMagazine.js

@@ -26,16 +26,16 @@ import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     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/esm/NavNative.js

@@ -300,15 +300,15 @@ function chunk(array, size, guard) {
 var chunk_1 = chunk;
 
 var NavNative = function NavNative(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 'dark' as default to make the social icons and search icon black
   var logo = props.logo,