@mjhls/mjh-framework 1.0.594 → 1.0.596

package/dist/esm/View.js

@@ -19,8 +19,8 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import './index-51a80699.js';
@@ -34,12 +34,13 @@ import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import DFPAdSlot from './AdSlot.js';
 import './lodash-17fdfebb.js';
+import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
-import { r as renderAuthor, g as getSerializers } from './index-80cb5ee6.js';
+import { r as renderAuthor, g as getSerializers } from './index-91506c27.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -49,8 +50,8 @@ import SocialShare from './SocialShare.js';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import { _ as _Object$keys } from './keys-04cdec91.js';
-import Dropdown from 'react-bootstrap/Dropdown';
-import { I as InscreenSensor } from './InscreenSensor-280b2b10.js';
+import 'react-bootstrap/Dropdown';
+import { I as InscreenSensor } from './InscreenSensor-beb2ec79.js';
 import getKeywords from './getKeywords.js';
 import getSeriesDetail from './getSeriesDetail.js';
 import 'nookies';
@@ -180,6 +181,89 @@ var findIndex = function findIndex(arr) {
   return indexes;
 };
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css = ".RelatedArticles-module_mediaCard__3wQbn {\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-bottom: .75rem;\r\n  padding-bottom: .75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 19px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff!important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn a img {\r\n  width: 175px;\r\n  min-width: 175px;\r\n  height: auto;\r\n  object-fit: contain;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    flex-direction: column;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn a img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 175px;\r\n    object-fit: contain;\r\n    margin-bottom: 1rem;\r\n  }\r\n}";
+var styles = { "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5" };
+styleInject(css);
+
+var RelatedArticle = function RelatedArticle(_ref) {
+  var articles = _ref.articles,
+      client = _ref.client;
+
+  if (!articles || articles.length == 0 || !articles[0]) {
+    return null;
+  }
+  return React__default.createElement(
+    'div',
+    null,
+    articles.map(function (article, index) {
+      return React__default.createElement(
+        'div',
+        { id: 'related-card', key: index, className: styles.mediaCard },
+        React__default.createElement(
+          'a',
+          { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
+          article.thumbnail && React__default.createElement('img', {
+            style: { maxHeight: '135px', objectFit: 'cover', objectPosition: 'center' },
+            className: 'mr-3 img-fluid',
+            src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
+            alt: article.title
+          })
+        ),
+        React__default.createElement(
+          'div',
+          { className: styles.mediaBody },
+          React__default.createElement(
+            'a',
+            { href: '/view/' + (article.url ? article.url.current : '') },
+            React__default.createElement(
+              'h4',
+              { className: styles.cardTitle },
+              article.title
+            )
+          ),
+          React__default.createElement(
+            'span',
+            { className: styles.cardDate },
+            moment(article.published).format('MMMM Do YYYY, h:mma')
+          ),
+          article.authorDetails && article.authorDetails.length > 0 && React__default.createElement(
+            'div',
+            { className: 'author-listing' },
+            React__default.createElement(AuthorComponent, { index: index, authors: article.authorDetails })
+          )
+        )
+      );
+    })
+  );
+};
+
 var Article = function Article(props) {
   var onVote = function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -232,7 +316,8 @@ var Article = function Article(props) {
   }();
 
   var article = props.article,
-      Ads = props.Ads;
+      Ads = props.Ads,
+      showRelatedArticles = props.showRelatedArticles;
   var client = props.client,
       pageview = props.pageview,
       videoAccountIDs = props.videoAccountIDs,
@@ -276,6 +361,7 @@ var Article = function Article(props) {
   if (sponsoredFlag) {
     article.contextualVideoAD = false;
     article.contextualAD = false;
+    showRelatedArticles = false;
   }
   //This was being done in ArticleQueue2 which wasnt effecting articles excluded from infinite scroll, moved inside article component
   if (!sponsoredFlag && Ads.getVideoContextualAD) {
@@ -342,34 +428,55 @@ var Article = function Article(props) {
     return null;
   };
 
-  var renderRelevantTopicsDropdown = function renderRelevantTopicsDropdown() {
+  var RelevantTopics = function RelevantTopics() {
     if (content_placement && content_placement.length > 0 || documentGroup) {
       return React__default.createElement(
-        Dropdown,
-        null,
+        'div',
+        { style: { color: '#262626' } },
         React__default.createElement(
-          Dropdown.Toggle,
-          { variant: 'primary', id: 'partner-dropdown' },
-          'Relevant Topics'
+          'p',
+          { className: 'mb-0' },
+          React__default.createElement(
+            'b',
+            null,
+            'Related Content:'
+          )
         ),
-        React__default.createElement(
-          Dropdown.Menu,
+        documentGroup && documentGroup.parent && React__default.createElement(
+          React__default.Fragment,
           null,
-          documentGroup && documentGroup.parent && React__default.createElement(
-            Dropdown.Item,
-            { href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
-            documentGroup.name
+          React__default.createElement(
+            'span',
+            { className: '' },
+            React__default.createElement(
+              'a',
+              {
+                className: 'related-links',
+                style: { color: 'blue' },
+                href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
+              documentGroup.name
+            )
           ),
-          content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
-            var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
-            var href = '/' + cp_url;
-            return React__default.createElement(
-              Dropdown.Item,
-              { key: index, href: href },
-              cp.name
-            );
-          }) : null
-        )
+          content_placement && content_placement.length ? ' | ' : null
+        ),
+        content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
+          var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
+          var href = '/' + cp_url;
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: index },
+            React__default.createElement(
+              'span',
+              null,
+              React__default.createElement(
+                'a',
+                { className: 'related-links', key: index, href: href, style: { color: 'blue' } },
+                cp.name
+              )
+            ),
+            content_placement.length > index + 1 ? ' | ' : null
+          );
+        }) : null
       );
     }
     return null;
@@ -661,7 +768,7 @@ var Article = function Article(props) {
             ),
             React__default.createElement(
               'div',
-              { className: 'mb-4 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
+              { className: 'mb-3 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
               React__default.createElement(
                 'style',
                 { jsx: 'true' },
@@ -708,6 +815,23 @@ var Article = function Article(props) {
                   issue && React__default.createElement(
                     'div',
                     { className: 'volume-issue' },
+                    issue.publication && issue.publication.name && React__default.createElement(
+                      'span',
+                      { className: 'mb-0' },
+                      React__default.createElement(
+                        'b',
+                        null,
+                        issue.publication.name
+                      ),
+                      ',',
+                      ' '
+                    ),
+                    issue.name && React__default.createElement(
+                      'span',
+                      { className: 'mb-0' },
+                      issue.name,
+                      ', '
+                    ),
                     issue.volume && React__default.createElement(
                       'span',
                       null,
@@ -741,8 +865,7 @@ var Article = function Article(props) {
                     twitterSiteName: twitterSiteName,
                     disableMeta: true
                   })
-                ),
-                renderRelevantTopicsDropdown()
+                )
               ),
               React__default.createElement(
                 'div',
@@ -785,6 +908,7 @@ var Article = function Article(props) {
               'div',
               { className: 'block-content mt-3' },
               renderBlockContent(article),
+              React__default.createElement('div', { className: 'clearfix' }),
               React__default.createElement(
                 'noscript',
                 null,
@@ -812,6 +936,17 @@ var Article = function Article(props) {
                 'Download Issue : ',
                 issue.name
               )
+            ),
+            React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
+            React__default.createElement(
+              'div',
+              null,
+              React__default.createElement(RelevantTopics, null)
+            ),
+            showRelatedArticles && React__default.createElement(
+              'div',
+              { className: 'pt-2', style: { borderTop: '1px solid #eee' } },
+              React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
             )
           ),
           renderIsiContent(props.article)
@@ -826,21 +961,21 @@ var Article = function Article(props) {
           );
         }
       }),
-      React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
-      React__default.createElement('hr', { className: 'article-seperater my-5' }),
       React__default.createElement(
         'noscript',
         null,
-        props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle.url && props.article.relatedArticle.url.current && React__default.createElement(
+        props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle[0] && props.article.relatedArticle[0].url && props.article.relatedArticle[0].url.current && React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           React__default.createElement(
             'a',
-            { href: '/view/' + props.article.relatedArticle.url.current },
-            'Related Article >>>'
+            { href: '/view/' + props.article.relatedArticle[0].url.current },
+            'Related Article ',
+            '>>>'
           )
         )
-      )
+      ),
+      React__default.createElement('hr', { className: 'article-seperater my-5' })
     );
   };
 
@@ -883,6 +1018,8 @@ exports.default = function (obj, key, value) {
 
 var _defineProperty = unwrapExports(defineProperty);
 
+var _this = undefined;
+
 var ArticleQueue = function ArticleQueue(props) {
   var _props$prevUrl = props.prevUrl,
       prevUrl = _props$prevUrl === undefined ? '/' : _props$prevUrl,
@@ -893,7 +1030,8 @@ var ArticleQueue = function ArticleQueue(props) {
       _props$cpModification = props.cpModificationRequired,
       cpModificationRequired = _props$cpModification === undefined ? false : _props$cpModification,
       _props$authorPrefix = props.authorPrefix,
-      authorPrefix = _props$authorPrefix === undefined ? 'authors' : _props$authorPrefix;
+      authorPrefix = _props$authorPrefix === undefined ? 'authors' : _props$authorPrefix,
+      showRelatedArticles = props.showRelatedArticles;
 
 
   var firstArticle = function firstArticle() {
@@ -998,13 +1136,43 @@ var ArticleQueue = function ArticleQueue(props) {
     var params = props.params;
     if (queueData && queueData.length < maxListLength) {
       params.index = queueData.length - 1;
-      props.client.fetch(query, params).then(function (article) {
-        if (article && article._id) {
-          var targeting = getTargeting({ article: article, cpModificationRequired: cpModificationRequired, prevUrl: prevUrl });
-          article.Ads = Ads.getRightItems(targeting);
-          setQueueData([].concat(_toConsumableArray(queueData), [article]));
-        }
-      });
+      props.client.fetch(query, params).then(function () {
+        var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(article) {
+          var startingIndex, endingIndex, targeting;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!(article && article._id)) {
+                    _context.next = 9;
+                    break;
+                  }
+
+                  //query next 4 related article without repeating previous 4 related articles
+                  startingIndex = queueData.length;
+                  endingIndex = startingIndex + 3;
+                  _context.next = 5;
+                  return getRelatedArticle(null, props.client, article, prevUrl, startingIndex + '..' + endingIndex);
+
+                case 5:
+                  article.relatedArticle = _context.sent;
+                  targeting = getTargeting({ article: article, cpModificationRequired: cpModificationRequired, prevUrl: prevUrl });
+
+                  article.Ads = Ads.getRightItems(targeting);
+                  setQueueData([].concat(_toConsumableArray(queueData), [article]));
+
+                case 9:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, _this);
+        }));
+
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }());
     }
   };
 
@@ -1069,7 +1237,8 @@ var ArticleQueue = function ArticleQueue(props) {
         article: article,
         cpModificationRequired: cpModificationRequired
         // Passing queueData to check for single article
-        , queueData: queueData
+        , queueData: queueData,
+        showRelatedArticles: showRelatedArticles
       }));
     })
   );
@@ -1142,7 +1311,7 @@ var Articles = function Articles(props) {
   }, _defineProperty(_extends2, 'pageview', pageview), _defineProperty(_extends2, 'onVote', function onVote() {}), _defineProperty(_extends2, 'ISIContent', ISIContent), _defineProperty(_extends2, 'videoAccountIDs', videoAccountIDs), _defineProperty(_extends2, 'sponsoredTaxonomies', []), _defineProperty(_extends2, 'cpModificationRequired', cpModificationRequired), _defineProperty(_extends2, 'Settings', Settings), _extends2), props));
 };
 
-var _this = undefined;
+var _this$1 = undefined;
 
 var View = function View(props) {
   var router = useRouter();
@@ -1155,7 +1324,9 @@ var View = function View(props) {
       setCustomDimensions = props.setCustomDimensions,
       statusCode = props.statusCode,
       prevUrl = props.prevUrl,
-      pageview = props.pageview;
+      pageview = props.pageview,
+      _props$showRelatedArt = props.showRelatedArticles,
+      showRelatedArticles = _props$showRelatedArt === undefined ? false : _props$showRelatedArt;
   var _props$article = props.article,
       _props$article$passwo = _props$article.passwordLock,
       passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
@@ -1249,7 +1420,7 @@ var View = function View(props) {
         props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
       )
     ),
-    !needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false }, props)) : React__default.createElement(Articles, _extends({ infiniteScroll: true }, props))
+    !needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(Articles, _extends({ infiniteScroll: true, showRelatedArticles: showRelatedArticles }, props))
   );
 };
 
@@ -1296,7 +1467,7 @@ View.returnGetInitialProps = function () {
             }
 
             _context.next = 13;
-            return getRelatedArticle(context, client, article, prevUrl);
+            return getRelatedArticle(context, client, article, prevUrl, '0..3');
 
           case 13:
             article.relatedArticle = _context.sent;
@@ -1317,7 +1488,7 @@ View.returnGetInitialProps = function () {
             return _context.stop();
         }
       }
-    }, _callee, _this);
+    }, _callee, _this$1);
   }));
 
   return function (_x, _x2, _x3, _x4, _x5) {

package/dist/esm/YahooHero.js

@@ -10,7 +10,7 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-f1e40361.js';
-import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
+import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
 
 var YahooHero = function YahooHero(props) {
   var removeTimeStamp = props.removeTimeStamp;

package/dist/esm/{_arrayMap-64cbe0e4.js → _arrayMap-818441dd.js}

@@ -1,4 +1,4 @@
-import { c as isObject_1, _ as _baseGetTag } from './isSymbol-b7b7434f.js';
+import { d as isObject_1, _ as _baseGetTag } from './isSymbol-47f5ff3b.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/esm/{debounce-048d9cb6.js → debounce-a0d9abca.js}

@@ -1,4 +1,4 @@
-import { a as _root, b as isSymbol_1, c as isObject_1 } from './isSymbol-b7b7434f.js';
+import { a as _root, c as isSymbol_1, d as isObject_1 } from './isSymbol-47f5ff3b.js';
 
 /**
  * Gets the timestamp of the number of milliseconds that have elapsed since

package/dist/esm/{get-0eb56363.js → get-58d2f7cc.js}

@@ -1,5 +1,5 @@
-import { b as isSymbol_1, a as _root, c as isObject_1, d as _Symbol } from './isSymbol-b7b7434f.js';
-import { a as isArray_1, i as isFunction_1, _ as _arrayMap } from './_arrayMap-64cbe0e4.js';
+import { c as isSymbol_1, a as _root, d as isObject_1, e as _Symbol } from './isSymbol-47f5ff3b.js';
+import { a as isArray_1, i as isFunction_1, _ as _arrayMap } from './_arrayMap-818441dd.js';
 
 /** Used to match property names within property paths. */
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,

package/dist/esm/getQuery.js

@@ -1,16 +1,14 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './moment-12415288.js';
-
 var getQuery = function getQuery(type) {
   var conditions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var articleCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
 
   //Added feature to include additional conditions and parameters for site level operations
   //Site level conditions should start with && (logical AND), and site level params should end with , (comma) in order to execute query
 
   switch (type) {
     case 'related':
-      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                ' + conditions + '\n              ]| order(published desc)[$index]{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                    documentGroup-> {\n                      name,\n                      thumbnail,\n                      parent->{...,parent->},\n                    \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
+      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                    documentGroup-> {\n                      name,\n                      thumbnail,\n                      parent->{...,parent->},\n                    \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{ \n                              ...,\n                              upload_doc { \n                                _type,\n                                asset-> \n                              } \n                            },\n                            articles[]{\n                              ...,\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':

package/dist/esm/getRelatedArticle.js

@@ -4,7 +4,6 @@ import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
 import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
-import './moment-12415288.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import { parseCookies, setCookie } from 'nookies';
@@ -18,6 +17,7 @@ var getRelatedArticle = function () {
     var client = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var article = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var prevUrl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '/';
+    var articleCount = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
 
     var taxonomyMapping, _article$url, url, content_placement, taxonomy, params, conditions, cookies, prevSlugs, relatedArticleQuery, relatedArticle;
 
@@ -42,7 +42,7 @@ var getRelatedArticle = function () {
                 if (prev_url_to_check.includes('?')) {
                   prev_url_to_check = prev_url_to_check.split('?')[0];
                 }
-                if (prev_url_to_check.endsWith(path)) taxonomy.push(_id);
+                if (prev_url_to_check.endsWith(path) && _id) taxonomy.push(_id);
               });
             }
 
@@ -53,11 +53,10 @@ var getRelatedArticle = function () {
                 return _ref;
               });
             }
-
             params = {
               url: url,
               taxonomy: taxonomy,
-              index: 0
+              index: articleCount
             };
             conditions = '';
 
@@ -70,8 +69,7 @@ var getRelatedArticle = function () {
                 conditions = '&& !(url.current in [' + prevSlugs + '])';
               } else setCookie(ctx, 'prevSlugs', '"' + url + '"', {});
             }
-
-            relatedArticleQuery = getQuery('related', conditions);
+            relatedArticleQuery = getQuery('related', conditions, '', articleCount);
             _context.next = 12;
             return client.fetch(relatedArticleQuery, params);
 

package/dist/esm/getSerializers.js

@@ -16,8 +16,8 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './moment-12415288.js';
 import 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
@@ -35,7 +35,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-80cb5ee6.js';
+export { g as default } from './index-91506c27.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/index.js

@@ -21,8 +21,8 @@ import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import './moment-12415288.js';
 import 'next/router';
-import './isSymbol-b7b7434f.js';
-import './debounce-048d9cb6.js';
+import './isSymbol-47f5ff3b.js';
+import './debounce-a0d9abca.js';
 import './index.es-938a3a58.js';
 import 'react-dom';
 import './visibility-sensor-0baa4eea.js';
@@ -36,14 +36,14 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 export { B as Beam, S as Segment } from './beam-a25bd8fd.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-c7dba95f.js';
+import './ADInfeed-cecd42e8.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-8bfd6d58.js';
-import './_arrayMap-64cbe0e4.js';
-import './get-0eb56363.js';
+import './ADlgInfeed-234ba767.js';
+import './_arrayMap-818441dd.js';
+import './get-58d2f7cc.js';
 export { default as AD } from './AD.js';
-import './AuthorComponent-158226c9.js';
+import './AuthorComponent-357dbee9.js';
 export { default as GridContent } from './GridContent.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -71,7 +71,7 @@ import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as EventsDeck } from './EventsDeck.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-80cb5ee6.js';
+export { g as getSerializers } from './index-91506c27.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -139,7 +139,7 @@ export { default as IssueLanding } from './IssueLanding.js';
 import 'react-bootstrap/Modal';
 export { default as PopUpModal } from './PopUpModal.js';
 export { default as ArticleQueue } from './ArticleQueue.js';
-import './InscreenSensor-280b2b10.js';
+import './InscreenSensor-beb2ec79.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as RelatedContent } from './RelatedContent.js';
 export { default as ForbesHero } from './ForbesHero.js';

package/dist/esm/{isSymbol-b7b7434f.js → isSymbol-47f5ff3b.js}

@@ -200,4 +200,4 @@ function isSymbol(value) {
 
 var isSymbol_1 = isSymbol;
 
-export { _baseGetTag as _, _root as a, isSymbol_1 as b, isObject_1 as c, _Symbol as d, _freeGlobal as e, isObjectLike_1 as i };
+export { _baseGetTag as _, _root as a, _freeGlobal as b, isSymbol_1 as c, isObject_1 as d, _Symbol as e, isObjectLike_1 as i };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.594",
+  "version": "1.0.596",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",