@mjhls/mjh-framework 1.0.436 → 1.0.437

package/dist/esm/QueueDeckExpanded.js

@@ -23,6 +23,8 @@ import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import './AdSlot-78e48a2c.js';
 import './promise-2592a80a.js';
 import { A as ADInfeed } from './ADInfeed-e5cefea5.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import { A as ADlgInfeed } from './ADlgInfeed-51a2801a.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 
@@ -137,13 +139,40 @@ var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView) {
   var numberOfItemsBeforeAd = 6;
 
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
   };
+
+  if (dektopView && brandInsightAd) {
+    var lgInfeedAd = {
+      _type: 'lg-infeed',
+      adUnit: brandInsightAd.adUnit,
+      className: 'lg-infeed',
+      networkID: brandInsightAd.networkID,
+      sizes: [728, 90],
+      targeting: {
+        content_placement: brandInsightAd.targeting.content_placement,
+        document_url: brandInsightAd.targeting.document_url
+      }
+    };
+
+    var chunks = lodash.chunk(data, 6).map(function (chunk) {
+      var set = lodash.chunk(chunk, 2);
+      for (var i = 0; i < set.length; i++) {
+        if (i !== set.length - 1) {
+          set[i].push(lgInfeedAd);
+        }
+      }
+      return lodash.flattenDeep(set);
+    });
+    data = lodash.flatten(chunks);
+  }
+
   if (showBI && brandInsightAd) {
+    if (dektopView) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -164,6 +193,13 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       pos += brandInsightAd.interval + 1;
     }
   }
+  data = data.map(function (ele, i) {
+    if (ele._type === 'lg-infeed') {
+      return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+    } else {
+      return ele;
+    }
+  });
 
   var featureCount = 0;
 
@@ -369,6 +405,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             )
           );
         }
+      } else if (article._type === 'lg-infeed' && article.adUnit) {
+        return React__default.createElement(ADlgInfeed, _extends({ index: index }, article));
       } else if (article._type === 'brandInsightAd' && article.adUnit) {
         return React__default.createElement(ADInfeed, { index: index, infeedAd: article });
       }
@@ -376,7 +414,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
       }
 
-      if (brandInsightAd ? index > heroContent + featureCount : index + 1 > heroContent + featureCount) {
+      if ((brandInsightAd ? index > heroContent + featureCount : index + 1 > heroContent + featureCount) && article._type && !['lg-infeed', 'brandInsightAd'].includes(article._type)) {
         return React__default.createElement(
           VisibilitySensor,
           {
@@ -552,7 +590,9 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       _props$showBI = props.showBI,
       showBI = _props$showBI === undefined ? false : _props$showBI,
       _props$heroContent = props.heroContent,
-      heroContent = _props$heroContent === undefined ? 0 : _props$heroContent;
+      heroContent = _props$heroContent === undefined ? 0 : _props$heroContent,
+      _props$lgInfeedAd = props.lgInfeedAd,
+      lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
   var initialCurrentPage = props.currentPage,
       showPublished = props.showPublished;
 
@@ -586,11 +626,18 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       values = _useState10[0],
       setValues = _useState10[1];
 
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      dektopView = _useState12[0],
+      setDesktopView = _useState12[1];
+
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
-
   useEffect(function () {
+    if (lgInfeedAd && window && window.innerWidth >= 1200) {
+      setDesktopView(true);
+    }
     if (prevValues) {
       if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
         loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
@@ -627,7 +674,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default.createElement(
           Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
         )
       ),
       React__default.createElement(
@@ -641,7 +688,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.createElement(
         Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
       ),
       React__default.createElement(
         'div',

package/dist/esm/TemplateNormal.js

@@ -19,7 +19,7 @@ import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-0095df68.js';
+export { T as default } from './Normal-6eba8168.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -30,8 +30,10 @@ export { D as AdSlot, B as Beam } from './AdSlot-78e48a2c.js';
 import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './promise-2592a80a.js';
 import './ADInfeed-e5cefea5.js';
 export { default as DeckContent } from './DeckContent.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-51a2801a.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-53653403.js';
-export { A as AD, G as GridContent } from './GridContent-e3224519.js';
+export { A as AD, G as GridContent } from './GridContent-90c0f8b5.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -55,8 +57,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf } from './Normal-0095df68.js';
-export { A as AD728x90, g as ADSponsoredResources, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, h as SideFooter, T as TemplateNormal } from './Normal-0095df68.js';
+import { M as MdPictureAsPdf } from './Normal-6eba8168.js';
+export { A as AD728x90, g as ADSponsoredResources, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, h as SideFooter, T as TemplateNormal } from './Normal-6eba8168.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';