@mjhls/mjh-framework 1.0.909-export-pub-featured-v1 → 1.0.910-exclude-test

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-bce0ba07.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

@@ -182,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) {

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

@@ -25,7 +25,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 require('./AD.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
-var PublicationFeature = require('./PublicationFeature.js');
+var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_iter-detect-b1df62f0.js');
@@ -625,7 +625,7 @@ var GridContent = function (_React$Component) {
             return React__default['default'].createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
             return React__default['default'].createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
-          } else if (row._type === 'publication') return React__default['default'].createElement(PublicationFeature, { data: row, defaultImage: _this2.defaultImage, issueMapping: _this2.props.issueMapping, client: _this2.client });
+          } else if (row._type === 'publication') return React__default['default'].createElement(PublicationFeature.PublicationFeature, { data: row, defaultImage: _this2.defaultImage, issueMapping: _this2.props.issueMapping, client: _this2.client });
           if (index + 1 > heroContent + featureCount && (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type))) {
             return React__default['default'].createElement(
               React__default['default'].Fragment,

package/dist/cjs/GridContentPaginated.js

@@ -23,8 +23,8 @@ var get = require('./get-5839e5b5.js');
 var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
-var PublicationFeature = require('./PublicationFeature.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var PublicationFeature = require('./PublicationFeature-5ccf9b13.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');
 
@@ -542,7 +543,7 @@ var GridContent = function (_React$Component) {
             return React__default['default'].createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
             return React__default['default'].createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
-          } else if (row._type === 'publication') return React__default['default'].createElement(PublicationFeature, { data: row, defaultImage: _this3.defaultImage, issueMapping: _this3.props.issueMapping, client: _this3.client });
+          } else if (row._type === 'publication') return React__default['default'].createElement(PublicationFeature.PublicationFeature, { data: row, defaultImage: _this3.defaultImage, issueMapping: _this3.props.issueMapping, client: _this3.client });
           if (index + 1 > heroContent + featureCount && (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type))) {
             return React__default['default'].createElement(
               React__default['default'].Fragment,

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

@@ -73,35 +73,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) {

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-950b414b.js');
 var ADInfeed = require('./ADInfeed-bce0ba07.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) {

package/dist/cjs/{MediaSeriesCard-68ae756e.js → MediaSeriesCard-d46317f0.js}

@@ -9435,7 +9435,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-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 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 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_es.styleInject(css);
 

package/dist/cjs/MediaSeriesLanding.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var defineProperty = require('./defineProperty-9673846a.js');
 var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-68ae756e.js');
+var MediaSeriesCard = require('./MediaSeriesCard-d46317f0.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
@@ -14,7 +13,6 @@ var MasterDeck = require('./MasterDeck.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var getSerializers = require('./index-5ce5e821.js');
 require('./_commonjsHelpers-06173234.js');
-require('./define-property-e8404b64.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./_library-dd23b178.js');
@@ -30,6 +28,7 @@ require('./style-inject.es-dcee06b6.js');
 require('./toConsumableArray-d7797c2b.js');
 require('./inherits-de66ea16.js');
 require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
 require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
 require('react-bootstrap/Container');
@@ -97,11 +96,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._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
+    }
     */
 
 
@@ -296,7 +295,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
                 filterQuery = filterTopicID !== 'all' ? ' && references(\'' + filterTopicID + '\')' : '';
               }
 
-              seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID + '\') ' + filterQuery + ' && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now())] | order(published desc) [$from...$to] {\n      _id,\n      name,\n      identifier,\n      published,\n      thumbnail,\n      description,\n      topicMapping[]->,\n      \'pageNumber\': ' + currentPage + ',\n      \'parentUrl\': \'' + parentUrl + '\'\n  }';
+              seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID + '\') ' + filterQuery + ' && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now())] | order(published desc) [$from...$to] {\n      _id,\n      name,\n      identifier,\n      published,\n      thumbnail{..., asset-> },\n      description,\n      topicMapping[]->,\n      \'pageNumber\': ' + currentPage + ',\n      \'parentUrl\': \'' + parentUrl + '\'\n  }';
               _context.next = 6;
               return client.fetch(seriesQuery, newParams);
 
@@ -379,8 +378,6 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
 
 MediaSeriesLanding.getInitialData = function () {
   var _ref3 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2(ctx, client, cache) {
-    var _ref4;
-
     var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
     return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
       while (1) {
@@ -465,7 +462,18 @@ MediaSeriesLanding.getInitialData = function () {
               statusCode = 404;
             }
 
-            return _context2.abrupt('return', (_ref4 = { seriesData: seriesData, query: seriesQuery, params: params, currentPage: currentPage, taxonomyFilter: taxonomyFilter, identifier: identifier, docGroupID: docGroupID._id, parentUrl: identifier, statusCode: statusCode }, defineProperty._defineProperty(_ref4, 'taxonomyFilter', taxonomyFilter), defineProperty._defineProperty(_ref4, 'docGroup', docGroupID), _ref4));
+            return _context2.abrupt('return', {
+              seriesData: seriesData,
+              query: seriesQuery,
+              params: params,
+              currentPage: currentPage,
+              taxonomyFilter: taxonomyFilter,
+              identifier: identifier,
+              docGroupID: docGroupID._id,
+              parentUrl: identifier,
+              statusCode: statusCode,
+              docGroup: docGroupID
+            });
 
           case 25:
           case 'end':

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-68ae756e.js');
+var MediaSeriesCard = require('./MediaSeriesCard-d46317f0.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
@@ -46,7 +46,8 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./ADInfeed-bce0ba07.js');
-require('./Pagination-42f92f7c.js');
+require('./Pagination-885dcfbd.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
@@ -97,11 +98,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._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
+    }
     */
 
 

package/dist/cjs/NavMagazine.js

@@ -38,16 +38,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 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/cjs/NavNative.js

@@ -315,15 +315,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,