@mjhls/mjh-framework 1.0.393 → 1.0.395

package/dist/cjs/index.js

@@ -12,7 +12,7 @@ var main = require('./main-2020ba94.js');
 var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends$2 = require('./extends-60837c34.js');
-var inherits$2 = require('./inherits-2a0fa98c.js');
+var inherits$2 = require('./inherits-e793003e.js');
 var _typeof$2 = require('./typeof-2747c582.js');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -36,7 +36,7 @@ var promise = require('./promise-d5136080.js');
 var ADInfeed = require('./ADInfeed-f544f2a5.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-5aa7468c.js');
-var GridContent = require('./GridContent-dd1844d5.js');
+var GridContent = require('./GridContent-19ce4f03.js');
 var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
@@ -57,7 +57,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-cc68fd44.js');
+var TemplateNormal = require('./Normal-adc8ed7f.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -66,8 +66,8 @@ var reactShare = require('react-share');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('react-bootstrap/Form');
-require('react-bootstrap/FormControl');
+var Form = _interopDefault(require('react-bootstrap/Form'));
+var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
 var dynamic = _interopDefault(require('next/dynamic'));
 var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
@@ -14234,6 +14234,54 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
+var urlFor$4 = function urlFor(source, client) {
+  var builder = index.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var MultiFigure = function MultiFigure(props) {
+  var images = props.node.images,
+      client = props.client;
+
+
+  if (images && images.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'multi-figure-container' },
+      React__default.createElement(
+        reactBootstrap.Row,
+        { noGutters: true },
+        images.map(function (image, index) {
+          return React__default.createElement(
+            reactBootstrap.Col,
+            { xs: 12, md: 12 / images.length, key: index },
+            React__default.createElement(
+              'a',
+              _extends$2._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
+              React__default.createElement(
+                'div',
+                null,
+                React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt }),
+                image.caption && React__default.createElement(
+                  'p',
+                  { className: 'multi-figure-caption' },
+                  image.caption
+                )
+              )
+            )
+          );
+        })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .multi-figure-container {\n            margin-bottom: 8px;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            max-height: 180px;\n            min-height: 150px;\n            object-fit: cover;\n          }\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n\n          @media only screen and (min-width: 768px) {\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 10px;\n            }\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
 var Figure = dynamic(function () {
   return Promise.resolve().then(function () { return require('./Figure-c49ee0f8.js'); });
 }, { ssr: false });
@@ -14300,70 +14348,75 @@ var getSerializers = function getSerializers() {
 
         return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag });
       },
-      slideshow: function slideshow(_ref4) {
+      multifigure: function multifigure(_ref4) {
         var node = _ref4.node;
+
+        return React__default.createElement(MultiFigure, { node: node, client: client });
+      },
+      slideshow: function slideshow(_ref5) {
+        var node = _ref5.node;
         var slides = node.slides;
 
         return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
-      sidebar: function sidebar(_ref5) {
-        var node = _ref5.node;
+      sidebar: function sidebar(_ref6) {
+        var node = _ref6.node;
         var caption = node.caption,
             content = node.content;
 
         return React__default.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
       },
-      datatable: function datatable(_ref6) {
-        var node = _ref6.node;
+      datatable: function datatable(_ref7) {
+        var node = _ref7.node;
         var table = node.table;
 
         return React__default.createElement(TableShow, { rows: table.rows });
       },
-      media: function media(_ref7) {
-        var node = _ref7.node;
+      media: function media(_ref8) {
+        var node = _ref8.node;
 
         return React__default.createElement(Media, { node: node, client: client });
       },
-      iframe: function iframe(_ref8) {
-        var node = _ref8.node;
+      iframe: function iframe(_ref9) {
+        var node = _ref9.node;
 
         return React__default.createElement(IFrame, { url: node.url });
       },
-      video: function video(_ref9) {
-        var node = _ref9.node;
+      video: function video(_ref10) {
+        var node = _ref10.node;
 
         return React__default.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {} });
       },
-      audio: function audio(_ref10) {
-        var node = _ref10.node;
+      audio: function audio(_ref11) {
+        var node = _ref11.node;
 
         return React__default.createElement(Audio, { node: node });
       },
-      poll: function poll(_ref11) {
-        var node = _ref11.node;
+      poll: function poll(_ref12) {
+        var node = _ref12.node;
 
         return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, onVote: onVote, showVotes: showVotes, getSerializers: getSerializers(props) });
       },
-      quiz: function quiz(_ref12) {
-        var node = _ref12.node;
+      quiz: function quiz(_ref13) {
+        var node = _ref13.node;
         var quizzes = node.quizzes;
 
         return React__default.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
-      leads: function leads(_ref13) {
-        var node = _ref13.node;
+      leads: function leads(_ref14) {
+        var node = _ref14.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
         return React__default.createElement(Leads, { url: url });
       },
-      slideshows: function slideshows(_ref14) {
-        var node = _ref14.node;
+      slideshows: function slideshows(_ref15) {
+        var node = _ref15.node;
 
         return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
-      nativeAd: function nativeAd(_ref15) {
-        var node = _ref15.node;
+      nativeAd: function nativeAd(_ref16) {
+        var node = _ref16.node;
 
         return React__default.createElement(NativeAd, { node: node });
       }
@@ -14396,32 +14449,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref16) {
-        var children = _ref16.children;
+      alignleft: function alignleft(_ref17) {
+        var children = _ref17.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref17) {
-        var children = _ref17.children;
+      alignright: function alignright(_ref18) {
+        var children = _ref18.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref18) {
-        var children = _ref18.children;
+      aligncenter: function aligncenter(_ref19) {
+        var children = _ref19.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref19) {
-        var children = _ref19.children;
+      alignjustify: function alignjustify(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
@@ -14628,13 +14681,13 @@ var SetCookie = function SetCookie(key, value) {
   js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
 };
 
-var urlFor$4 = function urlFor(source, client) {
+var urlFor$5 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
 var renderCardImage$1 = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor$4(thumbnail, client);
+  var url = urlFor$5(thumbnail, client);
   if (imageHeight) url = url.height(imageHeight);
   if (imageWidth) url = url.width(imageWidth);
   return url.url();
@@ -22163,6 +22216,1163 @@ var auth = {
 	ProcessData: ProcessData_1
 };
 
+var renderAuthor$2 = function renderAuthor(authorName, authorURL, index, length) {
+  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
+
+  if (authorName && authorURL) {
+    return React__default.createElement(
+      'span',
+      null,
+      React__default.createElement(
+        'a',
+        { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
+        authorName
+      ),
+      length !== index + 1 && ' , '
+    );
+  } else if (authorName) {
+    return React__default.createElement(
+      'span',
+      { key: index },
+      authorName,
+      length !== index + 1 && ' , '
+    );
+  }
+};
+
+var getContentPlacementUrl = function getContentPlacementUrl(cp) {
+    var cp_url = '';
+    if (cp.ancestor && typeof cp.ancestor == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+    }
+
+    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+    }
+
+    cp_url += (cp_url === '' ? '' : '/') + cp.path;
+
+    return cp_url;
+};
+
+var getArticleSummary$1 = function getArticleSummary(article) {
+  if (article.summary && article.summary.length > 0) {
+    return article.summary;
+  } else {
+    var _article$body = article.body,
+        body = _article$body === undefined ? [] : _article$body;
+
+    var desc = '';
+    body.some(function (children) {
+      children.children && children.children.some(function (item) {
+        if (item.text && String(item.text).trim().length > 0 && desc === '') {
+          desc = String(item.text);
+          return true;
+        }
+      });
+      if (desc !== '') {
+        return true;
+      }
+    });
+    return desc;
+  }
+};
+
+function urlFor$6(client, source) {
+  return index.imageUrlBuilder(client).image(source);
+}
+
+var getDocumentGroupUrl = function getDocumentGroupUrl(docGroup) {
+  if (!docGroup) {
+    return null;
+  }
+  var url = void 0;
+  if (docGroup.path.includes('/')) {
+    return docGroup.path;
+  }
+
+  if (docGroup.parent) {
+    url = '/' + docGroup.parent.identifier.current;
+    if (docGroup.parent.parent && docGroup.parent.parent.name) {
+      url = '/' + docGroup.parent.parent.identifier.current + url;
+    }
+  }
+
+  if (!docGroup.thumbnail) ;
+  url = url + '/' + docGroup.path;
+
+  return url;
+};
+
+var getDocumentGroupName = function getDocumentGroupName(docGroup) {
+  var name = void 0;
+  if (!docGroup) {
+    return null;
+  }
+
+  if (docGroup.parent) {
+    name = docGroup.parent.name;
+
+    if (docGroup.parent.parent && docGroup.parent.parent.name) {
+      name = docGroup.parent.parent.name + ' | ' + name;
+    }
+  }
+
+  if (!docGroup.thumbnail) {
+    name = name + ' | <b>' + docGroup.name + '</b>';
+  }
+
+  return name;
+};
+
+var DocumentGroup = function DocumentGroup(_ref) {
+  var article = _ref.article,
+      client = _ref.client;
+
+  if (!article.documentGroup) {
+    return null;
+  }
+  var name = getDocumentGroupName(article.documentGroup);
+  var url = getDocumentGroupUrl(article.documentGroup);
+  var thumbnailUrl = false;
+
+  if (article.documentGroup.thumbnail) {
+    thumbnailUrl = urlFor$6(client, article.documentGroup.thumbnail).url();
+  }
+
+  return React__default.createElement(
+    'a',
+    {
+      href: url,
+      className: 'doc-group',
+      style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
+    thumbnailUrl && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
+    React__default.createElement('p', {
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : isMobileOnly ? 'left' : 'right', marginTop: '.25rem' },
+      dangerouslySetInnerHTML: { __html: name } }),
+    isMobileOnly && !thumbnailUrl && React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          a.doc-group {\n            display: block !important;\n            padding: 0!important;\n          }\n        '
+    )
+  );
+};
+
+var Article$1 = function Article(props) {
+  var article = props.article;
+  var client = props.client,
+      pageview = props.pageview,
+      videoAccountIDs = props.videoAccountIDs,
+      drupalLeadSettings = props.drupalLeadSettings,
+      currentPage = props.currentPage,
+      _props$article = props.article,
+      title = _props$article.title,
+      _props$article$passwo = _props$article.passwordLock,
+      passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
+      authorDetails = _props$article.authorDetails,
+      pageNumber = _props$article.pageNumber,
+      published = _props$article.published,
+      articleBody = _props$article.body,
+      thumbnail = _props$article.thumbnail,
+      content_placement = _props$article.content_placement,
+      _props$article$url = _props$article.url;
+  _props$article$url = _props$article$url === undefined ? {
+    current: ''
+  } : _props$article$url;
+  var url = _props$article$url.current,
+      issue = _props$article.issue,
+      source = _props$article.source,
+      regionalPages = props.regionalPages,
+      nationalPage = props.nationalPage,
+      ISIContent = props.ISIContent,
+      shareOptions = props.shareOptions,
+      cpModificationRequired = props.cpModificationRequired,
+      authorPrefix = props.authorPrefix;
+  var changeUrl = props.changeUrl;
+
+  var _useState = React.useState(null),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      contextualADFlag = _useState2[0],
+      setContextualADFlag = _useState2[1];
+
+  var summary = getArticleSummary$1(props.article);
+
+  var _useState3 = React.useState(1),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      auth = _useState4[0],
+      setAuth = _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      passwordKey = _useState6[0],
+      setPasswordKey = _useState6[1];
+
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      showVotes = _useState8[0],
+      setShowVotes = _useState8[1];
+
+  var isCutomPage = function isCutomPage(article) {
+    var url = article.url.current;
+
+    if (regionalPages || nationalPage) {
+      return regionalPages.includes(url) || nationalPage === url;
+    } else {
+      return false;
+    }
+  };
+
+  var renderIsiContent = function renderIsiContent(article) {
+    var url = article.url.current;
+
+    if (regionalPages && regionalPages.includes(url)) {
+      return React__default.createElement(ISIContent, null);
+    } else if (nationalPage === url) {
+      return React__default.createElement(ISIContent, { national: true });
+    }
+    return null;
+  };
+
+  var renderRelevantTopicsDropdown = function renderRelevantTopicsDropdown() {
+    if (content_placement && content_placement.length > 0) {
+      return React__default.createElement(
+        Dropdown,
+        null,
+        React__default.createElement(
+          Dropdown.Toggle,
+          { variant: 'primary', id: 'partner-dropdown' },
+          'Relevant Topics'
+        ),
+        React__default.createElement(
+          Dropdown.Menu,
+          null,
+          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
+        )
+      );
+    }
+    return null;
+  };
+  var form = function form() {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        Head,
+        null,
+        React__default.createElement('meta', { name: 'googlebot', content: 'noindex' })
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'mt-5', style: { display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        React__default.createElement(
+          Form,
+          {
+            inline: true,
+            onSubmit: function onSubmit(e) {
+              e.preventDefault();
+            } },
+          React__default.createElement(FormControl, { type: 'text', className: 'mr-sm-2', value: passwordKey, onChange: function onChange(e) {
+              return setPasswordKey(e.target.value);
+            }, placeholder: 'Password' }),
+          React__default.createElement(
+            Button,
+            {
+              variant: 'primary',
+              onClick: function onClick() {
+                if (passwordKey === props.article.password) {
+                  setAuth(2);
+                } else {
+                  alert('Incorrect Password');
+                }
+              } },
+            'Submit'
+          )
+        )
+      )
+    );
+  };
+
+  var renderBlockContent = function renderBlockContent(payload) {
+    var _payload = payload,
+        body = _payload.body;
+
+    var findIndex = function findIndex(arr) {
+      var indexes = [];
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = slicedToArray._getIterator(arr), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var ele = _step.value;
+
+          if (ele['_type'] === 'block' && ele.children.some(function (child) {
+            return child.text.trim().length > 0;
+          }) && ele['listItem'] !== 'bullet' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
+            indexes.push(arr.indexOf(ele));
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      return indexes;
+    };
+    var indexes = findIndex(body);
+    if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && payload.contextualVideoAD) {
+      payload = _extends$2._extends({}, payload, {
+        contextualAD: _extends$2._extends({}, payload.contextualAD, {
+          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id
+        }),
+        contextualVideoAD: _extends$2._extends({}, payload.contextualVideoAD, {
+          slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
+        })
+      });
+      var selectedIndex = indexes[1] + 1;
+
+      var checkIsAdFound = function checkIsAdFound(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-native-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+          setContextualADFlag(false);
+        } else {
+          setContextualADFlag(true);
+        }
+      };
+
+      var checkIsVideoAdFound = function checkIsVideoAdFound(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-video-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+          setContextualADFlag(false);
+        } else {
+          setContextualADFlag(true);
+        }
+      };
+
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(0, selectedIndex))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config())),
+        React__default.createElement('span', { className: 'clearfix' }),
+        React__default.createElement(
+          'div',
+          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
+        ),
+        React__default.createElement('span', { className: 'clearfix' }),
+        React__default.createElement(
+          'div',
+          { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: checkIsVideoAdFound }))
+        ),
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(selectedIndex))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config()))
+      );
+    } else if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && !payload.contextualVideoAD) {
+      payload = _extends$2._extends({}, payload, {
+        contextualAD: _extends$2._extends({}, payload.contextualAD, {
+          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id
+        })
+      });
+      var _selectedIndex = indexes[1] + 1;
+
+      var _checkIsAdFound = function _checkIsAdFound(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-native-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+          setContextualADFlag(false);
+        } else {
+          setContextualADFlag(true);
+        }
+      };
+
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(0, _selectedIndex))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config())),
+        React__default.createElement('span', { className: 'clearfix' }),
+        React__default.createElement(
+          'div',
+          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
+        ),
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(_selectedIndex))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config()))
+      );
+    } else if (indexes.length >= 2 && body.length > 3 && payload.contextualVideoAD && !payload.contextualAD) {
+      payload = _extends$2._extends({}, payload, {
+        contextualVideoAD: _extends$2._extends({}, payload.contextualVideoAD, {
+          slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
+        })
+      });
+      var _selectedIndex2 = indexes[1] + 1;
+
+      var _checkIsAdFound2 = function _checkIsAdFound2(isFound) {
+        if (!isFound) {
+          var parent = document.getElementById('contextual-video-ad-' + payload._id);
+          parent.style.height = '0%';
+          parent.style.width = '0%';
+          parent.style.display = 'none';
+          setContextualADFlag(false);
+        } else {
+          if (body && body[1] && body[1]._type === 'figure') {
+            setContextualADFlag(true);
+          }
+        }
+      };
+
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(0, _selectedIndex2))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config())),
+        React__default.createElement('span', { className: 'clearfix' }),
+        React__default.createElement(
+          'div',
+          { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
+          React__default.createElement(AdSlot.DFPAdSlot, _extends$2._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound2 }))
+        ),
+        React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
+          blocks: [].concat(toConsumableArray._toConsumableArray(body.slice(_selectedIndex2))),
+          imageOptions: { w: 320, h: 240, fit: 'max' }
+        }, client.config()))
+      );
+    } else {
+      return React__default.createElement(TaxonomyCard.BlockContent, _extends$2._extends({
+        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false),
+        blocks: articleBody,
+        imageOptions: { w: 320, h: 240, fit: 'max' }
+      }, client.config()));
+    }
+  };
+
+  var detail = function detail() {
+    var shareVia = shareOptions.shareVia,
+        shareSubject = shareOptions.shareSubject,
+        twitterSiteName = shareOptions.twitterSiteName,
+        shareImageDefault = shareOptions.shareImageDefault,
+        shareBaseUrl = shareOptions.shareBaseUrl,
+        shareSiteTitle = shareOptions.shareSiteTitle;
+
+    var shareUrl = shareBaseUrl + props.article.url.current;
+    var shareTitle = article.title;
+    var shareSummary = article.summary;
+    var shareImage = thumbnail && thumbnail.asset ? urlFor$6(props.client, thumbnail.asset).url() : shareImageDefault;
+    var siteName = props.website && props.website.title ? props.website.title : '';
+
+    var meta = {
+      shareTitle: shareTitle,
+      shareSiteName: props.cache.siteSettingCache.name,
+      shareSummary: shareSummary,
+      shareUrl: shareUrl,
+      shareImage: shareImage,
+      shareVia: props.Settings.title
+    };
+    if (!props.infiniteScroll) {
+      changeUrl = function changeUrl() {
+        return null;
+      };
+    }
+
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        InscreenSensor,
+        {
+          offSetTop: 45,
+          onChange: function onChange(visible) {
+            if (visible !== false) {
+              changeUrl(url, visible, meta);
+            }
+          } },
+        React__default.createElement(
+          'div',
+          null,
+          React__default.createElement(
+            Head,
+            null,
+            React__default.createElement(
+              'title',
+              { key: 'title' },
+              shareTitle + ' | ' + props.cache.siteSettingCache.name
+            ),
+            React__default.createElement('meta', { name: 'description', key: 'description', content: shareSummary }),
+            passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
+            React__default.createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
+            React__default.createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
+            React__default.createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
+            React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
+            React__default.createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
+            React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
+            React__default.createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'twitter:title' }),
+            React__default.createElement('meta', { name: 'twitter:image', content: shareImage, key: 'twitter:image' }),
+            React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
+            React__default.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'twitter:description' }),
+            React__default.createElement(
+              'noscript',
+              null,
+              props.article.seriesDetail && props.article.seriesDetail.prevUrl && React__default.createElement('link', { rel: 'prev', href: props.article.seriesDetail.prevUrl }),
+              props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
+            )
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) ? '150px' : 0 } },
+            React__default.createElement(
+              'h1',
+              { className: 'page-title' },
+              title
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'mb-4 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
+              React__default.createElement(
+                'style',
+                { jsx: 'true' },
+                '\n                  @media screen and (max-width: 468px) {\n                    .video-detail .doc-group-container {\n                      flex-direction: column;\n                      align-items: flex-start !important;\n                    }\n                    .video-detail .doc-group {\n                      margin-top: 2rem;\n                      width: calc(100vw - 45px);\n                      align-items: center;\n                    }\n                    .video-detail .doc-group img,\n                    .doc-group p {\n                      max-width: calc(100vw - 45px) !important;\n                    }\n                  }\n                '
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'left-wrap' },
+                React__default.createElement(
+                  'div',
+                  null,
+                  moment.moment(published).format('LL')
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'mb-3' },
+                  authorDetails && authorDetails.map(function (authorDetail, index) {
+                    return React__default.createElement(
+                      'span',
+                      { key: index },
+                      renderAuthor$2(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
+                    );
+                  }),
+                  React__default.createElement(
+                    'div',
+                    null,
+                    source && React__default.createElement(
+                      'p',
+                      null,
+                      source
+                    )
+                  ),
+                  issue && React__default.createElement(
+                    'div',
+                    null,
+                    React__default.createElement(
+                      'div',
+                      { className: 'volume-issue' },
+                      React__default.createElement(
+                        'p',
+                        null,
+                        issue.volume && React__default.createElement(
+                          'span',
+                          null,
+                          'Volume ' + issue.volume,
+                          ','
+                        ),
+                        issue.issueNumber && React__default.createElement(
+                          'span',
+                          null,
+                          ' Issue ' + issue.issueNumber
+                        )
+                      )
+                    )
+                  ),
+                  pageNumber && React__default.createElement(
+                    'div',
+                    { className: 'article-pageNumber' },
+                    'Page Number: ' + pageNumber
+                  )
+                ),
+                React__default.createElement(
+                  'p',
+                  null,
+                  React__default.createElement(SocialShare$1, {
+                    shareUrl: shareUrl,
+                    shareTitle: shareTitle,
+                    shareVia: shareVia,
+                    shareSummary: shareSummary,
+                    shareSubject: shareSubject,
+                    shareImage: shareImage,
+                    size: 32,
+                    siteName: siteName,
+                    twitterSiteName: twitterSiteName,
+                    disableMeta: true
+                  })
+                ),
+                renderRelevantTopicsDropdown()
+              ),
+              React__default.createElement(
+                'div',
+                null,
+                React__default.createElement(DocumentGroup, { article: props.article, client: props.client })
+              )
+            ),
+            React__default.createElement(
+              'p',
+              null,
+              React__default.createElement('div', null),
+              React__default.createElement(
+                'em',
+                null,
+                summary
+              ),
+              React__default.createElement('br', null),
+              React__default.createElement('br', null)
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'ad-box', style: { textAlign: 'center' } },
+              main.main_39 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+                if (index === 0) {
+                  return React__default.createElement(
+                    'div',
+                    {
+                      key: index,
+                      id: 'addid-' + index,
+                      style: {
+                        display: 'flex',
+                        flex: '1 0 auto',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        textAlign: 'center'
+                      } },
+                    ad.component
+                  );
+                }
+              })
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'block-content' },
+              renderBlockContent(props.article),
+              React__default.createElement(
+                'noscript',
+                null,
+                React__default.createElement(
+                  'div',
+                  { style: { display: 'flex', justifyContent: 'center' }, className: 'series-links' },
+                  props.article.seriesDetail && props.article.seriesDetail.prevUrl && React__default.createElement(
+                    'a',
+                    { className: 'mx-3', href: props.article.seriesDetail.prevUrl },
+                    'Previous ',
+                    props.article.seriesDetail.type
+                  ),
+                  props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement(
+                    'a',
+                    { className: 'mx-3', href: props.article.seriesDetail.nextUrl },
+                    'Next ',
+                    props.article.seriesDetail.type
+                  )
+                )
+              ),
+              issue && issue.url && React__default.createElement(
+                'a',
+                { href: issue.url, target: '_blank', title: 'Download issue' },
+                React__default.createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
+                'Download Issue : ',
+                issue.name
+              )
+            )
+          ),
+          renderIsiContent(props.article)
+        )
+      ),
+      main.main_39 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+        if (index > 0) {
+          return React__default.createElement(
+            'div',
+            { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
+            ad.component
+          );
+        }
+      }),
+      React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
+      React__default.createElement('hr', { className: 'article-seperater my-5' })
+    );
+  };
+
+  if (passwordLock) {
+    if (auth === 2) {
+      return detail();
+    } else {
+      return form();
+    }
+  } else {
+    return detail();
+  }
+};
+
+var defineProperty$1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _defineProperty2 = _interopRequireDefault(inherits$2.defineProperty);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = function (obj, key, value) {
+  if (key in obj) {
+    (0, _defineProperty2.default)(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+};
+});
+
+var _defineProperty$1 = _commonjsHelpers.unwrapExports(defineProperty$1);
+
+var getTargeting = function getTargeting(props) {
+  var article = props.article,
+      position = props.position,
+      prevUrl = props.prevUrl,
+      _props$cpModification = props.cpModificationRequired,
+      cpModificationRequired = _props$cpModification === undefined ? true : _props$cpModification;
+  var _article$internalTag = article.internalTag,
+      internalTag = _article$internalTag === undefined ? [] : _article$internalTag,
+      _article$userDefinedT = article.userDefinedTag,
+      userDefinedTag = _article$userDefinedT === undefined ? [] : _article$userDefinedT,
+      _article$SponsorshipT = article.SponsorshipTag,
+      SponsorshipTag = _article$SponsorshipT === undefined ? [] : _article$SponsorshipT,
+      _article$seoTag = article.seoTag,
+      seoTag = _article$seoTag === undefined ? [] : _article$seoTag,
+      _article$url = article.url;
+  _article$url = _article$url === undefined ? {
+    current: ''
+  } : _article$url;
+  var url = _article$url.current,
+      _article$documentGrou = article.documentGroup;
+  _article$documentGrou = _article$documentGrou === undefined ? {
+    path: ''
+  } : _article$documentGrou;
+  var document_group = _article$documentGrou.path,
+      content_placement = article.content_placement;
+
+  var context = url;
+  var localHistory = props.historyCookie ? JSON.parse(props.historyCookie) : [];
+  if (!context && localHistory) {
+    context = localHistory[localHistory.length - 1];
+  }
+  context = context && context.split('?')[0];
+  context = context && context.split('&')[0];
+  var content_placement_urls = [];
+  if (content_placement && prevUrl && prevUrl.length) {
+    content_placement.forEach(function (item) {
+      var path = item.path;
+      if (cpModificationRequired) {
+        path = getContentPlacementUrl(item);
+      }
+
+      if (includes_1(prevUrl, path)) {
+        content_placement_urls.push(path);
+      }
+    });
+  }
+
+  if (content_placement) {
+    if (content_placement_urls.length === 0) {
+      content_placement_urls = content_placement.map(function (item) {
+        return cpModificationRequired ? getContentPlacementUrl(item) : item.path;
+      });
+    }
+  } else {
+    content_placement_urls = ['/'];
+  }
+  var articleKeywords = [].concat(toConsumableArray._toConsumableArray(internalTag), toConsumableArray._toConsumableArray(userDefinedTag), toConsumableArray._toConsumableArray(SponsorshipTag), toConsumableArray._toConsumableArray(seoTag));
+  var targeting = {
+    tags: articleKeywords,
+    document_group: [document_group],
+    document_url: [url],
+    content_placement: content_placement_urls
+  };
+
+  if (article.issue && article.issue.path) {
+    targeting.issue_url = [article.issue.path];
+    if (article.issue.publication && article.issue.publication.path) {
+      targeting.publication_url = [article.issue.publication.path];
+    }
+  }
+
+  if (props.cache && props.cache.hyperTargeting) {
+    targeting = _extends$2._extends({}, targeting, { campaign_id: props.cache.hyperTargeting });
+  }
+
+  if (position && position.length) {
+    targeting['pos'] = position;
+  }
+  return targeting;
+};
+
+var ArticleQueue$1 = function ArticleQueue(props) {
+  var _props$prevUrl = props.prevUrl,
+      Ads = props.Ads,
+      _props$maxListLength = props.maxListLength,
+      maxListLength = _props$maxListLength === undefined ? 10 : _props$maxListLength,
+      _props$sponsoredTaxon = props.sponsoredTaxonomies,
+      sponsoredTaxonomies = _props$sponsoredTaxon === undefined ? [] : _props$sponsoredTaxon,
+      _props$cpModification = props.cpModificationRequired,
+      cpModificationRequired = _props$cpModification === undefined ? false : _props$cpModification,
+      _props$authorPrefix = props.authorPrefix,
+      authorPrefix = _props$authorPrefix === undefined ? 'authors' : _props$authorPrefix;
+
+
+  var firstArticle = function firstArticle() {
+    var article = _extends$2._Object$assign({}, props.article);
+    var targeting = getTargeting(props);
+    article.Ads = Ads.getRightItems(targeting);
+    return article;
+  };
+
+  var _useState = React.useState([firstArticle()]),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      queueData = _useState2[0],
+      setQueueData = _useState2[1];
+
+  var refreshAD = function refreshAD(path) {
+    if (!main.main_39) {
+      var activeArticle = queueData.find(function (item) {
+        return item.url.current === path;
+      });
+      var targeting = getTargeting(props);
+      debounce.lib_3.getGoogletag().then(function (googletag) {
+        if (window.googletag && googletag.pubadsReady) {
+          var slots = googletag.pubads().getSlots();
+          slots.forEach(function (slot) {
+            var pos = slot.getTargeting('pos');
+            slot.clearTargeting();
+            _Object$keys(targeting).forEach(function (key) {
+              slot.setTargeting(key, targeting[key]);
+            });
+            slot.setTargeting('pos', pos);
+          });
+          debounce.lib_3.refresh();
+        }
+      });
+    }
+  };
+
+  var checkSponseredArticle = function checkSponseredArticle(article) {
+    var _article$taxonomyMapp = article.taxonomyMapping,
+        taxonomyMapping = _article$taxonomyMapp === undefined ? [] : _article$taxonomyMapp;
+
+    if (props.checkSponsered) {
+      return taxonomyMapping.some(function (item) {
+        return includes_1(sponsoredTaxonomies, item._ref);
+      });
+    } else {
+      return false;
+    }
+  };
+
+  var preVscroll = 0;
+  var isScrollDown = true;
+
+  var scrollDirectionDetect = function scrollDirectionDetect(e) {
+    var window = e.currentTarget;
+    if (preVscroll > window.scrollY) {
+      if (!isScrollDown) {
+        isScrollDown = true;
+      }
+    } else if (preVscroll < window.scrollY) {
+      if (isScrollDown) {
+        isScrollDown = false;
+      }
+    }
+    preVscroll = window.scrollY;
+  };
+
+  React.useEffect(function () {
+    window.addEventListener('scroll', scrollDirectionDetect);
+    return function () {
+      return window.removeEventListener('scroll', scrollDirectionDetect);
+    };
+  });
+
+  var loadmore = function loadmore() {
+    var query = props.relatedArticleQuery;
+    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 });
+          article.Ads = Ads.getRightItems(targeting);
+          setQueueData([].concat(toConsumableArray._toConsumableArray(queueData), [article]));
+        }
+      });
+    }
+  };
+
+  var changeMeta = function changeMeta(meta) {
+    document.title = meta.shareTitle;
+    document.querySelector('meta[name="description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[property="og:url"]').setAttribute('content', meta.shareUrl);
+    document.querySelector('meta[property="og:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[property="og:site_name"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[property="og:description"]').setAttribute('content', meta.shareSummary);
+    document.querySelector('meta[name="twitter:title"]').setAttribute('content', meta.shareTitle);
+    document.querySelector('meta[name="twitter:image"]').setAttribute('content', meta.shareImage);
+    document.querySelector('meta[name="twitter:site"]').setAttribute('content', meta.shareVia);
+    document.querySelector('meta[name="twitter:description"]').setAttribute('content', meta.shareSummary);
+  };
+
+  var changeUrl = function changeUrl(path, visibility, meta) {
+    var newPath = '/view/' + path;
+    if (!isScrollDown) {
+      if (visibility === 'top') {
+        // router.push('/view/[url]', newPath, { shallow: true })
+        window.history.pushState({ page: path }, path, newPath);
+        if (props.pageview) {
+          props.pageview(newPath);
+        }
+        refreshAD(path);
+        changeMeta(meta);
+      }
+    } else {
+      if (visibility === 'bottom') {
+        // router.push('/view/[url]', newPath, { shallow: true })
+        window.history.pushState({ page: path }, path, newPath);
+        if (props.pageview) {
+          props.pageview(newPath);
+        }
+        refreshAD(path);
+        changeMeta(meta);
+      }
+    }
+  };
+
+  return React__default.createElement(
+    visibilitySensor.InfiniteScroll,
+    { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
+    queueData.map(function (article, index) {
+      if (!checkSponseredArticle(article) && Ads.getVideoContextualAD) {
+        article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting(props));
+      }
+      if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
+        article.contextualAD = Ads.getNativeContextualAD(getTargeting(props));
+      }
+      return React__default.createElement(Article$1, _extends$2._extends({ key: index }, props, { changeUrl: changeUrl, authorPrfix: authorPrefix, article: article, cpModificationRequired: cpModificationRequired }));
+    })
+  );
+};
+
+var Articles = function Articles(props) {
+  var _extends2;
+
+  var videoAccountIDs = props.videoAccountIDs,
+      Ads = props.Ads,
+      Settings = props.Settings,
+      ISIContent = props.ISIContent,
+      prevUrl = props.prevUrl,
+      setActiveArticle = props.setActiveArticle,
+      article = props.article,
+      client = props.client,
+      relatedArticleQuery = props.relatedArticleQuery,
+      Website = props.Website,
+      pageview = props.pageview,
+      shareOptions = props.shareOptions,
+      WAds = props.WAds,
+      regionalPages = props.regionalPages,
+      nationalPage = props.nationalPage;
+  var taxonomyMapping = article.taxonomyMapping,
+      _article$url = article.url;
+  _article$url = _article$url === undefined ? {
+    current: null
+  } : _article$url;
+  var url = _article$url.current,
+      content_placement = article.content_placement;
+
+
+  var taxonomy = [];
+  content_placement.forEach(function (_ref2) {
+    var path = _ref2.path,
+        _id = _ref2._id;
+
+    if (includes_1(prevUrl, path)) taxonomy.push(_id);
+  });
+
+  if (taxonomy.length === 0) {
+    taxonomy = taxonomyMapping.map(function (_ref3) {
+      var _ref = _ref3._ref;
+      return _ref;
+    });
+  }
+
+  var params = {
+    url: url,
+    taxonomy: taxonomy,
+    index: 0
+  };
+
+  return React__default.createElement(ArticleQueue$1, _extends$2._extends((_extends2 = {
+    client: client,
+    params: params,
+    relatedArticleQuery: relatedArticleQuery,
+    website: Website,
+    checkSponsered: true,
+    pageview: pageview,
+    shareOptions: shareOptions,
+    Ads: WAds,
+    regionalPages: regionalPages,
+    nationalPage: nationalPage
+  }, _defineProperty$1(_extends2, 'pageview', pageview), _defineProperty$1(_extends2, 'onVote', function onVote() {}), _defineProperty$1(_extends2, 'ISIContent', ISIContent), _defineProperty$1(_extends2, 'videoAccountIDs', videoAccountIDs), _defineProperty$1(_extends2, 'sponsoredTaxonomies', []), _defineProperty$1(_extends2, 'cpModificationRequired', true), _defineProperty$1(_extends2, 'Settings', Settings), _extends2), props));
+};
+
+var View = function View(props) {
+  var shareOptions = props.shareOptions,
+      article = props.article;
+  var _props$article = props.article,
+      _props$article$passwo = _props$article.passwordLock,
+      passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
+      description = _props$article.description,
+      title = _props$article.title;
+
+  //disable infinite scroll
+
+  var checkVideoSeries = function checkVideoSeries(article) {
+    for (var i = 0; i < article.body.length; i++) {
+      var row = article.body[i];
+      if (typeof row.videos !== 'undefined') {
+        return true;
+      }
+    }
+    return false;
+  };
+  var isVideoSeries = checkVideoSeries(props.article);
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !article.ExcludeFromInfiniteScroll;
+
+  if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
+    description = null;
+    title = null;
+  }
+
+  if (!needInfiniteScroll && !title) {
+    title = props.article ? props.article.title : '';
+  }
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      Head,
+      null,
+      React__default.createElement(
+        'title',
+        { key: 'title' },
+        article.title + ' | ' + props.cache.siteSettingCache.name
+      ),
+      React__default.createElement('meta', { name: 'description', key: 'description', content: shareOptions.shareSummary }),
+      passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
+      React__default.createElement('meta', { property: 'og:url', content: shareOptions.shareUrl, key: 'og:url' }),
+      React__default.createElement('meta', { property: 'og:title', content: shareOptions.shareTitle, key: 'og:title' }),
+      React__default.createElement('meta', { property: 'og:image', content: shareOptions.shareImage, key: 'og:image' }),
+      React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
+      React__default.createElement('meta', { property: 'og:description', content: shareOptions.shareSummary, key: 'og:description' }),
+      React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
+      React__default.createElement('meta', { name: 'twitter:title', content: shareOptions.shareTitle, key: 'twitter:title' }),
+      React__default.createElement('meta', { name: 'twitter:image', content: shareOptions.shareImage, key: 'twitter:image' }),
+      React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
+      React__default.createElement('meta', { name: 'twitter:description', content: shareOptions.shareSummary, key: 'twitter:description' })
+    ),
+    !needInfiniteScroll ? React__default.createElement(Article$1, _extends$2._extends({ infiniteScroll: false }, props)) : React__default.createElement(Articles, _extends$2._extends({ infiniteScroll: true }, props))
+  );
+};
+
+var getKeywords = function getKeywords(article) {
+  var keywords = [];
+  var internalTag = article.internalTag,
+      userDefinedTag = article.userDefinedTag,
+      SponsorshipTag = article.SponsorshipTag;
+
+
+  if (internalTag) {
+    internalTag.map(function (item) {
+      keywords.push(item);
+    });
+  }
+
+  if (userDefinedTag) {
+    userDefinedTag.map(function (item) {
+      keywords.push(item);
+    });
+  }
+
+  if (SponsorshipTag) {
+    SponsorshipTag.map(function (item) {
+      keywords.push(item);
+    });
+  }
+
+  return keywords;
+};
+
+var getQuery = function getQuery(type) {
+  var today = moment.moment().utc().format();
+  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 <= \'' + today + '\' \n                && passwordLock!=true \n                && taxonomyMapping[]._ref in $taxonomy \n                && contentCategory->.name != \'Poll\' \n                && contentCategory->.name != \'Slideshows\' \n                && url.current != $url  \n                && !defined(body[].videos)\n              ]| order(published desc)[$index]{\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url },\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                  },\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                      ][0]{\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url },\n                          body[] {\n                            ...,\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\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                          },\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                          \n                        }';
+  }
+};
+
 exports.AdSlot = AdSlot.DFPAdSlot;
 exports.Beam = AdSlot.Beam;
 exports.DeckContent = DeckContent;
@@ -22230,6 +23440,11 @@ exports.RelatedTopicsDropdown = RelatedTopicsDropdown;
 exports.SetCookie = SetCookie;
 exports.SocialShare = SocialShare$1;
 exports.VerticalHero = VerticalHero;
+exports.View = View;
 exports.YahooHero = YahooHero;
+exports.getKeywords = getKeywords;
+exports.getQuery = getQuery;
 exports.getSerializers = getSerializers;
 exports.getSeriesDetail = getSeriesDetail;
+exports.getTargeting = getTargeting;
+exports.urlFor = urlFor$6;