@mjhls/mjh-framework 1.0.636-queueDeck-article-fix → 1.0.636

package/dist/esm/PublicationDeck.js

@@ -5,9 +5,9 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { l as lodash } from './lodash-ec8c6b48.js';
+import { l as lodash } from './lodash-17fdfebb.js';
 import Button from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {

package/dist/esm/QueueDeckExpanded.js

@@ -9,19 +9,19 @@ import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-229166d5.js';
 import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useEffect, useState, useRef } from 'react';
-import { l as lib_3 } from './index-3f4dd6f2.js';
+import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import { m as moment } from './moment-e2f9b20c.js';
+import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_36 } from './main-5d1e4bd3.js';
+import { m as main_39 } from './main-0465b2a0.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
@@ -29,9 +29,9 @@ import './asyncToGenerator-271a52f3.js';
 import './_set-species-41cbf140.js';
 import './beam-c4d8f8f6.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-34a87706.js';
-import { l as lodash } from './lodash-ec8c6b48.js';
-import { A as ADlgInfeed } from './ADlgInfeed-2a864f1d.js';
+import { A as ADInfeed } from './ADInfeed-fd7a62b1.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import { A as ADlgInfeed } from './ADlgInfeed-79c771d6.js';
 import { A as AuthorComponent } from './AuthorComponent-1ea27faa.js';
 import { Container, Media } from 'react-bootstrap';
 
@@ -505,6 +505,10 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       } else if (article._type === 'brandInsightAd' && article.adUnit) {
         return React__default.createElement(ADInfeed, { index: index, infeedAd: article });
       }
+      if (main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
+        return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
+      }
+
       if ((brandInsightAd ? index > heroContent + featureCount : index + 1 > heroContent + featureCount) && (!article._type || !['lg-infeed', 'brandInsightAd'].includes(article._type))) {
         return React__default.createElement(
           VisibilitySensor,
@@ -628,11 +632,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   clean_html_1(article.summary)
                 )
               )
-            ),
-            React__default.createElement(
-              'div',
-              null,
-              main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
             )
           )
         );
@@ -900,6 +899,10 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         } else if (article._type === 'brandInsightAd' && article.adUnit) {
           return React__default.createElement(ADInfeed, { index: index, infeedAd: article });
         }
+        if (main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
+          return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
+        }
+
         if ((brandInsightAd ? index > heroContent + featureCount : index + 1 > heroContent + featureCount) && (!article._type || !['lg-infeed', 'brandInsightAd'].includes(article._type))) {
           return React__default.createElement(
             VisibilitySensor,
@@ -1023,11 +1026,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     clean_html_1(article.summary)
                   )
                 )
-              ),
-              React__default.createElement(
-                'div',
-                null,
-                main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
               )
             )
           );

package/dist/esm/RecentNews.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import './moment-12415288.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import './iconBase-602d52fe.js';
 import { a as FaLongArrowAltRight } from './index.esm-9a4c8813.js';
 

package/dist/esm/RelatedContent.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import { m as moment } from './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { m as moment } from './moment-12415288.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import 'react-bootstrap/Media';
 
 /*

package/dist/esm/{SocialSearchComponent-d444a478.js → SocialSearchComponent-6d144699.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { d as main_30, a as main_37 } from './main-5d1e4bd3.js';
+import { d as main_31, a as main_40 } from './main-0465b2a0.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
 import { I as IconContext } from './iconBase-602d52fe.js';
 import Button from 'react-bootstrap/Button';
@@ -67,14 +67,14 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
       var searchBtn = document.getElementsByClassName(selector)[0];
       if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
         // Set overflow fix for iPhones safari browsers
-        if (main_37 || window.innerWidth < 1200 && main_30) {
+        if (main_40 || window.innerWidth < 1200 && main_31) {
           var mainNav = document.querySelector('#navbar-ham');
           if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
         }
         searchBtn.classList.remove(addOn);
       } else if (searchBtn && searchBtn.classList) {
         // Set overflow fix for iPhones safari browsers
-        if (main_37 || window.innerWidth < 1200 && main_30) {
+        if (main_40 || window.innerWidth < 1200 && main_31) {
           var _mainNav = document.querySelector('#navbar-ham');
           if (_mainNav && _mainNav.style) _mainNav.style.overflow = 'visible';
         }
@@ -176,7 +176,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          #search-content-mobile {\n            display: flex;\n            z-index: 999;\n          }\n          @media screen and (min-width: 1200px) {\n            #search-content-mobile {\n              display: none;\n            }\n          }\n          #search-content-mobile .search-btn-mobile {\n            padding: 5px;\n            right: 4%;\n            height: 35px;\n            width: 35px;\n            margin-top: 4px;\n            cursor: pointer;\n          }\n          #search-content-mobile #search-bar-mobile {\n            position: ' + (main_30 ? 'absolute' : 'fixed') + ';\n            display: none;\n            left: 0px;\n            width: 100%;\n            border-radius: 5px;\n            padding: 10px;\n            background-color: var(--primary);\n          }\n          #search-content-mobile #search-bar-mobile .form-inline {\n            margin-top: 0px;\n            width: 100% !important;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .form-control {\n            width: 78%;\n            border-radius: 5px;\n            height: 45px;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .btn {\n            width: 20%;\n            border-radius: 5px;\n            background-color: #040c5a;\n            height: 45px;\n            margin-left: 5px;\n            padding: 1px;\n          }\n          #search-content-mobile .search-btn-mobile.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary);\n          }\n          #search-content-mobile #search-bar-mobile.show {\n            display: block !important;\n          }\n        '
+        '\n          #search-content-mobile {\n            display: flex;\n            z-index: 999;\n          }\n          @media screen and (min-width: 1200px) {\n            #search-content-mobile {\n              display: none;\n            }\n          }\n          #search-content-mobile .search-btn-mobile {\n            padding: 5px;\n            right: 4%;\n            height: 35px;\n            width: 35px;\n            margin-top: 4px;\n            cursor: pointer;\n          }\n          #search-content-mobile #search-bar-mobile {\n            position: ' + (main_31 ? 'absolute' : 'fixed') + ';\n            display: none;\n            left: 0px;\n            width: 100%;\n            border-radius: 5px;\n            padding: 10px;\n            background-color: var(--primary);\n          }\n          #search-content-mobile #search-bar-mobile .form-inline {\n            margin-top: 0px;\n            width: 100% !important;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .form-control {\n            width: 78%;\n            border-radius: 5px;\n            height: 45px;\n          }\n          #search-content-mobile #search-bar-mobile .form-inline .btn {\n            width: 20%;\n            border-radius: 5px;\n            background-color: #040c5a;\n            height: 45px;\n            margin-left: 5px;\n            padding: 1px;\n          }\n          #search-content-mobile .search-btn-mobile.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary);\n          }\n          #search-content-mobile #search-bar-mobile.show {\n            display: block !important;\n          }\n        '
       )
     );
   };

package/dist/esm/TaxonomyCard.js

@@ -9,9 +9,9 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { B as BlockContent } from './BlockContent-c409aca5.js';
+import { B as BlockContent } from './BlockContent-a614acdf.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 
 var TaxonomyCard = function TaxonomyCard(props) {

package/dist/esm/TemplateNormal.js

@@ -7,7 +7,7 @@ import './core.get-iterator-method-e41daf74.js';
 import './define-property-99e9c0ad.js';
 import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-3f4dd6f2.js';
+import './index-93ec3c59.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -15,7 +15,7 @@ import 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import './main-5d1e4bd3.js';
+import './main-0465b2a0.js';
 import './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
 import './asyncToGenerator-271a52f3.js';
@@ -51,7 +51,7 @@ import './index.esm-73e847d2.js';
 import './SocialIcons.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
-import './SocialSearchComponent-d444a478.js';
+import './SocialSearchComponent-6d144699.js';
 import MagazineNav from './NavMagazine.js';
 import { NavNative } from './NavNative.js';
 import './Search.js';

package/dist/esm/ThumbnailCard.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media from 'react-bootstrap/Media';

package/dist/esm/Ustream.js

@@ -4,7 +4,7 @@ import './es6.string.iterator-c199c9ba.js';
 import './core.get-iterator-method-e41daf74.js';
 import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { m as main_36 } from './main-5d1e4bd3.js';
+import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
 import './iconBase-602d52fe.js';
 import { c as IoIosOpen } from './index.esm-85cb09e6.js';
@@ -65,7 +65,7 @@ var Ustream = function Ustream(_ref) {
     } catch (err) {}
   }, []);
   //return nothing if mobile
-  if (main_36) {
+  if (main_39) {
     return null;
   }
   return React__default.createElement(

package/dist/esm/VerticalHero.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import './moment-12415288.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;

package/dist/esm/VideoSeriesCard.js

@@ -8,9 +8,9 @@ import { _ as _typeof } from './typeof-fea75829.js';
 import './_is-array-ced12663.js';
 import React__default from 'react';
 import 'prop-types';
-import { m as moment } from './moment-e2f9b20c.js';
+import { m as moment } from './moment-12415288.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/dist/esm/VideoSeriesListing.js

@@ -12,16 +12,16 @@ import './web.dom.iterable-03c5ba1c.js';
 import './typeof-fea75829.js';
 import './_is-array-ced12663.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-3f4dd6f2.js';
+import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import { withRouter } from 'next/router';
 import './isSymbol-47f5ff3b.js';
 import { d as debounce_1 } from './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import './index-3849e3fe.js';
+import './index-51a80699.js';
 import './index-5f9f807a.js';
 import './slicedToArray-5fb01661.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/View.js

@@ -14,19 +14,19 @@ import './web.dom.iterable-03c5ba1c.js';
 import { _ as _typeof } from './typeof-fea75829.js';
 import './_is-array-ced12663.js';
 import React__default, { useState, useEffect } from 'react';
-import { l as lib_3 } from './index-3f4dd6f2.js';
+import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import { m as moment } from './moment-e2f9b20c.js';
+import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
-import './index-3849e3fe.js';
+import './index-51a80699.js';
 import './index-5f9f807a.js';
-import { m as main_36 } from './main-5d1e4bd3.js';
+import { m as main_39 } from './main-0465b2a0.js';
 import './entities-7cc3bf45.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-5fb01661.js';
@@ -34,12 +34,12 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-271
 import './_set-species-41cbf140.js';
 import './beam-c4d8f8f6.js';
 import DFPAdSlot from './AdSlot.js';
-import { B as BlockContent } from './BlockContent-c409aca5.js';
+import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d1ae806f.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -53,9 +53,9 @@ import { _ as _Object$keys } from './keys-941eccc4.js';
 import 'react-bootstrap/Dropdown';
 import getKeywords from './getKeywords.js';
 import getSeriesDetail from './getSeriesDetail.js';
-import './index-db3bb315.js';
-import getRelatedArticle from './getRelatedArticle.js';
+import 'nookies';
 import getQuery from './getQuery.js';
+import getRelatedArticle from './getRelatedArticle.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-3cc3f97d.js';
 import urlFor from './urlFor.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -134,9 +134,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_36 ? 'left' : 'right', marginTop: '.25rem' },
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_39 ? 'left' : 'right', marginTop: '.25rem' },
       dangerouslySetInnerHTML: { __html: name } }),
-    main_36 && !thumbnailUrl && React__default.createElement(
+    main_39 && !thumbnailUrl && React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n          a.doc-group {\n            display: block !important;\n            padding: 0!important;\n          }\n        '
@@ -855,7 +855,7 @@ var Article = function Article(props) {
             React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+              main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
                 if (index === 0) {
                   return React__default.createElement(
                     'div',
@@ -922,7 +922,7 @@ var Article = function Article(props) {
           renderIsiContent(props.article)
         )
       ),
-      main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+      main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React__default.createElement(
             'div',
@@ -995,7 +995,7 @@ var ArticleQueue = function ArticleQueue(props) {
     });
     var targeting = getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
 
-    if (!main_36) {
+    if (!main_39) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1013,7 +1013,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_36) {
+    if (main_39) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {

package/dist/esm/YahooHero.js

@@ -5,9 +5,9 @@ import './core.get-iterator-method-e41daf74.js';
 import './web.dom.iterable-03c5ba1c.js';
 import React__default from 'react';
 import 'prop-types';
-import { m as moment } from './moment-e2f9b20c.js';
+import { m as moment } from './moment-12415288.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-5fb01661.js';

package/dist/esm/YoutubeGroup.js

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