@mjhls/mjh-framework 1.0.665-beta.4 → 1.0.666-ad-update-v2

package/dist/esm/View.js

@@ -14,7 +14,7 @@ import './web.dom.iterable-8956f9a5.js';
 import { _ as _typeof } from './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default, { useState, useEffect } from 'react';
-import { l as lib_3 } from './index-0e45a0b2.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
@@ -24,7 +24,7 @@ import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import { m as main_36 } from './main-5d1e4bd3.js';
 import './entities-7cc3bf45.js';
@@ -34,14 +34,15 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7c6
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import DFPAdSlot from './AdSlot.js';
-import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
+import './iconBase-602d52fe.js';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Form from 'react-bootstrap/Form';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-6d49c905.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-26c19b64.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -51,6 +52,7 @@ import SocialShare from './SocialShare.js';
 import FormControl from 'react-bootstrap/FormControl';
 import { _ as _Object$keys } from './keys-fc2d4c34.js';
 import 'react-bootstrap/Dropdown';
+import { b as FaMinus, c as FaPlus } from './index.esm-cf08bf18.js';
 import getSeriesDetail from './getSeriesDetail.js';
 import './index-db3bb315.js';
 import getRelatedArticle from './getRelatedArticle.js';
@@ -182,7 +184,54 @@ var findIndex = function findIndex(arr) {
   return indexes;
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.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: 15px;\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_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    background-color: #cccccc;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0.5rem;\r\n    border-radius: 0.25rem;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n}\r\n";
+var ISI = function ISI(props) {
+  var children = props.children;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { id: 'isi', className: active ? 'active' : '' },
+      React__default.createElement(
+        'div',
+        { id: 'isiContent' },
+        React__default.createElement(
+          'div',
+          { onClick: function onClick() {
+              return setActive(function (prev) {
+                return !prev;
+              });
+            }, id: 'isiToggle' },
+          active ? React__default.createElement(
+            'p',
+            null,
+            'Close ',
+            React__default.createElement(FaMinus, null)
+          ) : React__default.createElement(
+            'p',
+            null,
+            'Click For More ',
+            React__default.createElement(FaPlus, null)
+          )
+        ),
+        children
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        #isi {\n          position: fixed;\n          z-index: 9999999;\n          bottom: 0;\n          left: 0;\n          max-height: 10rem;\n          background-color: #ffffff;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          transition: max-height 0.2s;\n          width: 100%;\n          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n        }\n        #isi.active {\n          max-height: calc(100% - 5rem) !important;\n          overflow-y: scroll !important;\n        }\n        #isiContent {\n          width: 100%;\n          max-width: 1000px;\n          margin-left: auto;\n          margin-right: auto;\n          position: relative;\n          padding: 1rem;\n          font-size: 1rem;\n        }\n        #isi::-webkit-scrollbar {\n          display: none;\n        }\n        #isiToggle {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 1rem;\n          font-weight: bold;\n          cursor: pointer;\n          font-size: 1rem;\n        }\n        #isiToggle p {\n          margin: 0;\n        }\n      '
+    )
+  );
+};
+
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.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: 15px;\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_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    max-height: 175px;\r\n    object-fit: contain;\r\n    margin-bottom: 1rem;\r\n  }\r\n}\r\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "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", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject(css);
 
@@ -310,6 +359,8 @@ var Article = function Article(props) {
       issue = _props$article.issue,
       source = _props$article.source,
       documentGroupMapping = _props$article.documentGroupMapping,
+      showIsi = _props$article.showIsi,
+      isi = _props$article.isi,
       regionalPages = props.regionalPages,
       nationalPage = props.nationalPage,
       ISIContent = props.ISIContent,
@@ -403,56 +454,10 @@ var Article = function Article(props) {
   };
 
   var RelevantTopics = function RelevantTopics() {
-    if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
-      var relatedLinks = [];
-      if (documentGroupMapping && documentGroupMapping.length > 0) {
-        documentGroupMapping.forEach(function (documentGroup) {
-          if (documentGroup.parent) {
-            relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: documentGroup.name, href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path }]);
-          }
-        });
-      }
-      if (content_placement && content_placement.length > 0) {
-        content_placement.filter(function (item) {
-          return item.path !== 'news';
-        }).forEach(function (cp) {
-          var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
-          var href = '/' + cp_url;
-          relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: cp.name, href: href }]);
-        });
-      }
-      if (relatedLinks && relatedLinks.length > 0) {
-        return React__default.createElement(
-          'div',
-          null,
-          relatedLinks.map(function (relatedLink, index) {
-            return React__default.createElement(
-              'span',
-              { key: index, className: 'related-link' },
-              React__default.createElement(
-                'a',
-                { className: 'related-links', style: { color: 'blue' }, href: relatedLink.href },
-                relatedLink.label
-              ),
-              React__default.createElement(
-                'style',
-                { jsx: 'true' },
-                '\n                      .related-link:not(:first-child):before {\n                        content: \' | \';\n                      }\n                    '
-              )
-            );
-          })
-        );
-      }
-      return null;
-    }
-    return null;
-  };
-
-  var renderRelatedSection = function renderRelatedSection() {
-    if (showRelatedArticles) {
+    if (content_placement && content_placement.length > 0 || documentGroupMapping) {
       return React__default.createElement(
-        'section',
-        { className: 'related-contents-section' },
+        'div',
+        { style: { color: '#262626' } },
         React__default.createElement(
           'p',
           { className: 'mb-0' },
@@ -462,21 +467,47 @@ var Article = function Article(props) {
             'Related Content:'
           )
         ),
-        React__default.createElement(
-          'div',
-          null,
-          React__default.createElement(RelevantTopics, null)
-        ),
-        React__default.createElement(
-          'div',
-          { className: 'pt-2' },
-          React__default.createElement(RelatedArticle, { articles: article.relatedContents, client: client })
-        ),
-        React__default.createElement(
-          'style',
-          { jsx: 'true' },
-          '\n              .related-contents-section {\n                padding: 0.5rem;\n                background-color: #e6e6e6;\n                border-radius: 0.25rem;\n              }\n            '
-        )
+        documentGroupMapping && documentGroupMapping.map(function (documentGroup) {
+          if (!documentGroup.parent) {
+            return null;
+          }
+
+          return React__default.createElement(
+            React__default.Fragment,
+            null,
+            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 ? ' | ' : 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;
@@ -585,7 +616,6 @@ var Article = function Article(props) {
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: checkIsVideoAdFound }))
         ),
-        renderRelatedSection(),
         React__default.createElement(BlockContent, _extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, null, null, null, targeting),
           blocks: [].concat(_toConsumableArray(articleBody.slice(selectedIndex))),
@@ -653,7 +683,6 @@ var Article = function Article(props) {
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
         ),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        renderRelatedSection(),
         React__default.createElement(BlockContent, _extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, null, null, null, targeting),
           blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex))),
@@ -696,31 +725,12 @@ var Article = function Article(props) {
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound2 }))
         ),
-        renderRelatedSection(),
         React__default.createElement(BlockContent, _extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, null, null, null, targeting),
           blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex2))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config()))
       );
-    } else if (indexes.length >= 2 && body.length > 3 && showRelatedArticles) {
-      var _selectedIndex3 = indexes[1] + 1;
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag, null, null, targeting),
-          blocks: [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex3))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
-        React__default.createElement('span', { className: 'clearfix' }),
-        renderRelatedSection(),
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, null, null, null, targeting),
-          blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex3))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
-      );
     } else {
       return React__default.createElement(BlockContent, _extends({
         serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
@@ -781,7 +791,7 @@ var Article = function Article(props) {
           null,
           React__default.createElement(
             'div',
-            { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) ? '150px' : 0 } },
+            { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
             React__default.createElement(
               'h1',
               { className: 'page-title', style: { fontSize: '1.9rem' } },
@@ -960,9 +970,31 @@ var Article = function Article(props) {
                 issue.name
               )
             ),
-            React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } })
+            React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
+            showRelatedArticles && !showIsi && React__default.createElement(
+              React__default.Fragment,
+              null,
+              React__default.createElement(
+                'div',
+                null,
+                React__default.createElement(RelevantTopics, null)
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'pt-2' },
+                React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
+              )
+            )
           ),
           renderIsiContent(props.article)
+        ),
+        showIsi && Array.isArray(isi) && isi.length > 0 && React__default.createElement(
+          ISI,
+          null,
+          React__default.createElement(BlockContent, {
+            serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
+            blocks: isi
+          })
         )
       ),
       main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
@@ -1005,127 +1037,6 @@ var Article = function Article(props) {
 
 var _this = undefined;
 
-var getRelatedContents = function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-    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 _article$url, url, content_placement, documentGroupMapping, issueGroup, params, conditions, taxonomy, documentGroup, relatedContents, relatedContentQuery;
-
-    return regenerator.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _article$url = article.url;
-            _article$url = _article$url === undefined ? {
-              current: null
-            } : _article$url;
-            url = _article$url.current, content_placement = article.content_placement, documentGroupMapping = article.documentGroupMapping, issueGroup = article.issueGroup;
-            params = { url: url };
-            conditions = '';
-
-
-            if (content_placement && content_placement.length > 0) {
-              taxonomy = [];
-
-              content_placement.forEach(function (_ref2) {
-                var path = _ref2.path,
-                    _id = _ref2._id;
-
-                if (!_id || typeof _id == 'undefined') {
-                  return null;
-                }
-                var prev_url_to_check = prevUrl;
-                if (prev_url_to_check.includes('?')) {
-                  prev_url_to_check = prev_url_to_check.split('?')[0];
-                }
-                if (prev_url_to_check.endsWith(path) && _id) taxonomy.push(_id);
-              });
-              if (taxonomy.length === 0) {
-                content_placement.filter(function (_ref3) {
-                  var identifier = _ref3.identifier;
-                  return identifier !== 'news';
-                }).forEach(function (_ref4) {
-                  var _id = _ref4._id;
-
-                  if (_id) taxonomy.push(_id);
-                });
-              }
-              if (taxonomy.length > 0) {
-                params = _extends({}, params, { taxonomy: taxonomy });
-                conditions = '&& taxonomyMapping[]._ref in $taxonomy';
-              }
-            }
-
-            if (documentGroupMapping && documentGroupMapping.length > 0) {
-              documentGroup = [];
-
-              documentGroupMapping.forEach(function (_ref5) {
-                var _id = _ref5._id;
-
-                if (_id) documentGroup.push(_id);
-              });
-              if (params.taxonomy && documentGroup.length > 0) {
-                params = _extends({}, params, { documentGroup: documentGroup });
-                conditions = '&& (taxonomyMapping[]._ref in $taxonomy || documentGroupMapping[]._ref in $documentGroup)';
-              }
-            }
-
-            if (issueGroup && issueGroup._ref) {
-              if (params.taxonomy && params.documentGroup) {
-                params = _extends({}, params, { issueAssociation: issueGroup._ref });
-                conditions = '&& (taxonomyMapping[]._ref in $taxonomy || documentGroupMapping[]._ref in $documentGroup || issueGroup._ref == $issueAssociation )';
-              } else if (params.taxonomy) {
-                params = _extends({}, params, { issueAssociation: issueGroup._ref });
-                conditions = '&& (taxonomyMapping[]._ref in $taxonomy || issueGroup._ref == $issueAssociation )';
-              }
-            }
-
-            relatedContents = [];
-
-            if (!(params.taxonomy && params.taxonomy.length > 0)) {
-              _context.next = 21;
-              break;
-            }
-
-            relatedContentQuery = '*[\n      _type == "article"\n      && defined(title)\n      && defined(url)\n      && !(_id in path("drafts.**"))\n      && is_visible == true\n      && passwordLock != true\n      && taxonomyMapping[].disableAds != \'true\'\n      && contentCategory.name != \'Poll\'\n      && contentCategory.name != \'Slideshows\'\n    \t&& contentCategory.disableAds != \'true\'\n      && ExcludeFromInfiniteScroll != true\n      && url.current != $url\n      && !defined(body[].videos)\n      && published <= \'' + new Date().toISOString() + '\'\n      ' + conditions + '\n    ]| order(published desc)[' + articleCount + ']\n    {\n      title,\n      url,\n      thumbnail\n    }';
-            _context.prev = 11;
-            _context.next = 14;
-            return client.fetch(relatedContentQuery, params);
-
-          case 14:
-            relatedContents = _context.sent;
-
-            debugger;
-            _context.next = 21;
-            break;
-
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context['catch'](11);
-
-            console.error(_context.t0);
-
-          case 21:
-            return _context.abrupt('return', relatedContents);
-
-          case 22:
-          case 'end':
-            return _context.stop();
-        }
-      }
-    }, _callee, _this, [[11, 18]]);
-  }));
-
-  return function getRelatedContents() {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var _this$1 = undefined;
-
 var ArticleQueue = function ArticleQueue(props) {
   var _props$prevUrl = props.prevUrl,
       prevUrl = _props$prevUrl === undefined ? '/' : _props$prevUrl,
@@ -1251,7 +1162,7 @@ var ArticleQueue = function ArticleQueue(props) {
               switch (_context.prev = _context.next) {
                 case 0:
                   if (!(article && article._id)) {
-                    _context.next = 12;
+                    _context.next = 9;
                     break;
                   }
 
@@ -1263,22 +1174,17 @@ var ArticleQueue = function ArticleQueue(props) {
 
                 case 5:
                   article.relatedArticle = _context.sent;
-                  _context.next = 8;
-                  return getRelatedContents(null, props.client, article, prevUrl, startingIndex + '..' + endingIndex);
-
-                case 8:
-                  article.relatedContents = _context.sent;
                   targeting = getTargeting({ article: article, cpModificationRequired: cpModificationRequired, prevUrl: prevUrl });
 
                   article.Ads = Ads.getRightItems(targeting);
                   setQueueData([].concat(_toConsumableArray(queueData), [article]));
 
-                case 12:
+                case 9:
                 case 'end':
                   return _context.stop();
               }
             }
-          }, _callee, _this$1);
+          }, _callee, _this);
         }));
 
         return function (_x) {
@@ -1426,7 +1332,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), _defineProperty(_extends2, 'canonicalTag', canonicalTag), _extends2), props));
 };
 
-var _this$2 = undefined;
+var _this$1 = undefined;
 
 var View = function View(props) {
   var router = useRouter();
@@ -1503,7 +1409,7 @@ var View = function View(props) {
 
   var isVideoSeries = checkVideoSeries(props.article);
   var isArticleSeries = checkArticleSeries(props.article);
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi;
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
     description = null;
@@ -1634,12 +1540,12 @@ View.returnGetInitialProps = function () {
             }
 
             article.relatedArticle = null;
-            _context.next = 21;
+            _context.next = 18;
             break;
 
           case 14:
             if (!article) {
-              _context.next = 21;
+              _context.next = 18;
               break;
             }
 
@@ -1648,13 +1554,8 @@ View.returnGetInitialProps = function () {
 
           case 17:
             article.relatedArticle = _context.sent;
-            _context.next = 20;
-            return getRelatedContents(context, client, article, prevUrl, '0..2');
 
-          case 20:
-            article.relatedContents = _context.sent;
-
-          case 21:
+          case 18:
             return _context.abrupt('return', {
               url: url,
               sao: sao,
@@ -1665,12 +1566,12 @@ View.returnGetInitialProps = function () {
               sponsoredFlag: sponsoredFlag
             });
 
-          case 22:
+          case 19:
           case 'end':
             return _context.stop();
         }
       }
-    }, _callee, _this$2);
+    }, _callee, _this$1);
   }));
 
   return function (_x, _x2, _x3, _x4, _x5) {

package/dist/esm/YahooHero.js

@@ -7,7 +7,7 @@ import React__default from 'react';
 import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-7021e5df.js';

package/dist/esm/YoutubeGroup.js

@@ -10,7 +10,7 @@ import './_is-array-49698029.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';

package/dist/esm/getQuery.js

@@ -8,9 +8,9 @@ var getQuery = function getQuery(type) {
 
   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)[' + (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                    _id,\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                  documentGroupMapping[]-> {\n                    _id,\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                  documentGroupMapping[]-> {\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                          documentGroupMapping[]-> {\n                            _id,\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                        }';
+      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                          documentGroupMapping[]-> {\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':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                pdf{asset->}\n              } | order(year desc, month desc)\n      }';
     case 'issue':

package/dist/esm/getRelatedArticle.js

@@ -304,7 +304,7 @@ function setCookie$1(ctx, name, value, options) {
         var cookiesToSet_1 = [];
         parsedCookies.forEach(function (parsedCookie) {
             if (!areCookiesEqual(parsedCookie, createCookie(name, value, options))) {
-                cookiesToSet_1.push(cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({}, parsedCookie)));
+                cookiesToSet_1.push(cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ encode: function (val) { return val; } }, parsedCookie)));
             }
         });
         cookiesToSet_1.push(cookie.serialize(name, value, options));

package/dist/esm/getSerializers.js

@@ -14,7 +14,7 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import 'react';
-import './index-0e45a0b2.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
@@ -23,7 +23,7 @@ import 'next/router';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import 'react-dom';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import './main-5d1e4bd3.js';
 import './entities-7cc3bf45.js';
@@ -33,12 +33,12 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import './BlockContent-e9b4ddcf.js';
+import './BlockContent-c409aca5.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-6d49c905.js';
+export { g as default } from './index-26c19b64.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';