@mjhls/mjh-framework 1.0.596 → 1.0.598

package/dist/cjs/View.js

@@ -10,28 +10,28 @@ require('./_iter-detect-4d0352f8.js');
 require('./from-ea347372.js');
 var toConsumableArray = require('./toConsumableArray-ca04303b.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-60837c34.js');
+var _extends$1 = require('./extends-60837c34.js');
 require('./_object-sap-5e74ba08.js');
-var inherits = require('./inherits-93684212.js');
+var inherits = require('./inherits-14962339.js');
 require('./web.dom.iterable-43c3e277.js');
 var _typeof = require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-f7ee1612.js');
+var index = require('./index-fa3cec70.js');
 require('prop-types');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-575fe24c.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
-require('./index-b5eb3ff8.js');
+require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
-var main = require('./main-bc4db521.js');
+var main = require('./main-88348b15.js');
 require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
@@ -41,12 +41,12 @@ require('./beam-d22818d3.js');
 var AdSlot = require('./AdSlot.js');
 require('./lodash-fc2922d0.js');
 var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
-var BlockContent = require('./BlockContent-f942392e.js');
+var BlockContent = require('./BlockContent-77f81ffc.js');
 require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var getSerializers = require('./index-e7f86168.js');
+var getSerializers = require('./index-c4972b44.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
@@ -57,13 +57,13 @@ var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 var keys$1 = require('./keys-a586b7a0.js');
 require('react-bootstrap/Dropdown');
-var InscreenSensor = require('./InscreenSensor-e45e95e3.js');
+var InscreenSensor = require('./InscreenSensor-22a96661.js');
 var getKeywords = require('./getKeywords.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
-require('nookies');
-var getQuery = require('./getQuery.js');
+require('./index-bd6c9f56.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
-var getTargeting = require('./getTargeting-b15993cb.js');
+var getQuery = require('./getQuery.js');
+var getTargeting = require('./getTargeting-3d208b98.js');
 var urlFor = require('./urlFor.js');
 
 var getArticleSummary = function getArticleSummary(article) {
@@ -140,9 +140,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
       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 }),
     !thumbnailUrl && React__default.createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_39 ? 'left' : 'right', marginTop: '.25rem' },
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_36 ? 'left' : 'right', marginTop: '.25rem' },
       dangerouslySetInnerHTML: { __html: name } }),
-    main.main_39 && !thumbnailUrl && React__default.createElement(
+    main.main_36 && !thumbnailUrl && React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n          a.doc-group {\n            display: block !important;\n            padding: 0!important;\n          }\n        '
@@ -214,7 +214,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css = ".RelatedArticles-module_mediaCard__3wQbn {\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-bottom: .75rem;\r\n  padding-bottom: .75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 19px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff!important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn a img {\r\n  width: 175px;\r\n  min-width: 175px;\r\n  height: auto;\r\n  object-fit: contain;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    flex-direction: column;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn a img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 175px;\r\n    object-fit: contain;\r\n    margin-bottom: 1rem;\r\n  }\r\n}";
+var css = ".RelatedArticles-module_mediaCard__3wQbn {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: .75rem;\n  padding-bottom: .75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 19px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff!important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_mediaCard__3wQbn a img {\n  width: 175px;\n  min-width: 175px;\n  height: auto;\n  object-fit: contain;\n}\n@media screen and (max-width: 1064px) {\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 1.1rem;\n  }\n}\n@media screen and (max-width: 768px) {\n  .RelatedArticles-module_mediaCard__3wQbn {\n    flex-direction: column;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn a img {\n    width: 100%;\n    height: auto;\n    max-height: 175px;\n    object-fit: contain;\n    margin-bottom: 1rem;\n  }\n}";
 var styles = { "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5" };
 styleInject(css);
 
@@ -417,7 +417,7 @@ var Article = function Article(props) {
   };
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
-      return React__default.createElement(BlockContent.BlockContent, _extends._extends({
+      return React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
         serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
         blocks: [biography]
       }, client.config()));
@@ -536,11 +536,11 @@ var Article = function Article(props) {
     var indexes = findIndex(body);
 
     if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && payload.contextualVideoAD) {
-      payload = _extends._extends({}, payload, {
-        contextualAD: _extends._extends({}, payload.contextualAD, {
+      payload = _extends$1._extends({}, payload, {
+        contextualAD: _extends$1._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id
         }),
-        contextualVideoAD: _extends._extends({}, payload.contextualVideoAD, {
+        contextualVideoAD: _extends$1._extends({}, payload.contextualVideoAD, {
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
@@ -574,7 +574,7 @@ var Article = function Article(props) {
       return React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
@@ -583,23 +583,23 @@ var Article = function Article(props) {
         React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default.createElement(AdSlot, _extends._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
+          React__default.createElement(AdSlot, _extends$1._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, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: checkIsVideoAdFound }))
+          React__default.createElement(AdSlot, _extends$1._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: checkIsVideoAdFound }))
         ),
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.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._extends({}, payload, {
-        contextualAD: _extends._extends({}, payload.contextualAD, {
+      payload = _extends$1._extends({}, payload, {
+        contextualAD: _extends$1._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
           //  Fetching new contextual targeting based on the current active article.
@@ -646,7 +646,7 @@ var Article = function Article(props) {
       return React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
@@ -655,18 +655,18 @@ var Article = function Article(props) {
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default.createElement(AdSlot, _extends._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
+          React__default.createElement(AdSlot, _extends$1._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
         ),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.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._extends({}, payload, {
-        contextualVideoAD: _extends._extends({}, payload.contextualVideoAD, {
+      payload = _extends$1._extends({}, payload, {
+        contextualVideoAD: _extends$1._extends({}, payload.contextualVideoAD, {
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
@@ -689,7 +689,7 @@ var Article = function Article(props) {
       return React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex2))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
@@ -698,16 +698,16 @@ var Article = function Article(props) {
         React__default.createElement(
           'div',
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
-          React__default.createElement(AdSlot, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound2 }))
+          React__default.createElement(AdSlot, _extends$1._extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound2 }))
         ),
-        React__default.createElement(BlockContent.BlockContent, _extends._extends({
+        React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(_selectedIndex2))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config()))
       );
     } else {
-      return React__default.createElement(BlockContent.BlockContent, _extends._extends({
+      return React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
         serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
@@ -891,7 +891,7 @@ var Article = function Article(props) {
             React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+              main.main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
                 if (index === 0) {
                   return React__default.createElement(
                     'div',
@@ -958,7 +958,7 @@ var Article = function Article(props) {
           renderIsiContent(props.article)
         )
       ),
-      main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+      main.main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React__default.createElement(
             'div',
@@ -1041,7 +1041,7 @@ var ArticleQueue = function ArticleQueue(props) {
 
 
   var firstArticle = function firstArticle() {
-    var article = _extends._Object$assign({}, props.article);
+    var article = _extends$1._Object$assign({}, props.article);
     var targeting = getTargeting.getTargeting(props);
     article.Ads = Ads.getRightItems(targeting);
     return article;
@@ -1058,7 +1058,7 @@ var ArticleQueue = function ArticleQueue(props) {
     });
     var targeting = getTargeting.getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
 
-    if (!main.main_39) {
+    if (!main.main_36) {
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1076,7 +1076,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_39) {
+    if (main.main_36) {
       var leaderboardSlotId = '';
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -1235,7 +1235,7 @@ var ArticleQueue = function ArticleQueue(props) {
     index_es.InfiniteScroll,
     { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
     queueData.map(function (article, index) {
-      return React__default.createElement(Article, _extends._extends({
+      return React__default.createElement(Article, _extends$1._extends({
         key: index
       }, props, {
         onChangeArticle: onChangeArticle,
@@ -1303,7 +1303,7 @@ var Articles = function Articles(props) {
     index: 0
   };
 
-  return React__default.createElement(ArticleQueue, _extends._extends((_extends2 = {
+  return React__default.createElement(ArticleQueue, _extends$1._extends((_extends2 = {
     client: client,
     params: params,
     relatedArticleQuery: relatedArticleQuery,
@@ -1403,18 +1403,18 @@ var View = function View(props) {
       React__default.createElement(
         'title',
         { key: 'title' },
-        article.title + ' | ' + props.cache.siteSettingCache.name
+        article.seo.seo_title ? article.seo.seo_title : article.title + ' | ' + props.cache.siteSettingCache.name
       ),
-      shareOptions.shareSummary && React__default.createElement('meta', { name: 'description', key: 'description', content: shareOptions.shareSummary ? shareOptions.shareSummary : '' }),
+      shareOptions.shareSummary && React__default.createElement('meta', { name: 'description', key: 'description', content: article.seo.meta_description ? article.seo.meta_description : shareOptions.shareSummary ? shareOptions.shareSummary : '' }),
       React__default.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       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:title', content: article.seo.seo_title ? article.seo.seo_title : 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 ? 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:title', content: article.seo.seo_title ? article.seo.seo_title : 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 ? shareOptions.shareSummary : '', key: 'twitter:description' }),
@@ -1426,7 +1426,7 @@ var View = function View(props) {
         props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
       )
     ),
-    !needInfiniteScroll ? React__default.createElement(Article, _extends._extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(Articles, _extends._extends({ infiniteScroll: true, showRelatedArticles: showRelatedArticles }, props))
+    !needInfiniteScroll ? React__default.createElement(Article, _extends$1._extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(Articles, _extends$1._extends({ infiniteScroll: true, showRelatedArticles: showRelatedArticles }, props))
   );
 };
 

package/dist/cjs/YahooHero.js

@@ -9,9 +9,9 @@ require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-575fe24c.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');

package/dist/cjs/YoutubeGroup.js

@@ -14,15 +14,15 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {