@mjhls/mjh-framework 1.0.443 → 1.0.444

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.443
+# mjh-framework v. 1.0.444
 
 > Foundation Framework 
 

package/dist/cjs/{GridContent-25762807.js → GridContent-0df16724.js}

@@ -94,6 +94,7 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
+      //  Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
       if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
         _this.setState(function (state) {
           return _extends._extends({}, state, {
@@ -365,6 +366,7 @@ var GridContent = function (_React$Component) {
         var firstThree = this.state.data.slice(0, 3);
         var data = this.state.data.slice(3);
 
+        //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
         if (desktopView) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
@@ -421,7 +423,11 @@ var GridContent = function (_React$Component) {
         posts = firstThree.concat(posts);
         posts = posts.map(function (ele, i) {
           if (ele._type === 'lg-infeed') {
-            return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+            //  Setting pos as top2 for the first occurence of large infeed ad
+            var _pos = posts.indexOf(posts.find(function (d) {
+              return d._type === 'lg-infeed';
+            })) === i ? 'top2' : 'lg-infeed_' + i;
+            return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
           } else {
             return ele;
           }

package/dist/cjs/GridContent.js

@@ -33,7 +33,7 @@ require('./ADInfeed-ae1f348d.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-f4c4a1bf.js');
 require('./get-7a75c563.js');
-var GridContent = require('./GridContent-25762807.js');
+var GridContent = require('./GridContent-0df16724.js');
 require('./AuthorComponent-b44bb44e.js');
 
 

package/dist/cjs/QueueDeckExpanded.js

@@ -145,14 +145,15 @@ 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, dektopView) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
   var numberOfItemsBeforeAd = 6;
 
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
   };
 
-  if (dektopView && brandInsightAd) {
+  //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+  if (desktopView && brandInsightAd) {
     var lgInfeedAd = {
       _type: 'lg-infeed',
       adUnit: brandInsightAd.adUnit,
@@ -178,7 +179,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (dektopView) brandInsightAd.interval = 8;
+    if (desktopView) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -201,14 +202,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
   data = data.map(function (ele, i) {
     if (ele._type === 'lg-infeed') {
-      return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+      //  Setting pos as top2 for the first occurence of large infeed ad
+      var _pos = data.indexOf(data.find(function (d) {
+        return d._type === 'lg-infeed';
+      })) === i ? 'top2' : 'lg-infeed_' + i;
+      return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
     } else {
       return ele;
     }
   });
 
   var featureCount = 0;
-
   return React__default['default'].createElement(
     'div',
     null,
@@ -646,14 +650,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
 
   var _useState11 = React.useState(false),
       _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      dektopView = _useState12[0],
+      desktopView = _useState12[0],
       setDesktopView = _useState12[1];
 
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
 
-  //check for change in filter parameters from client side and refresh the page
+  //  check for change in filter parameters from client side and refresh the page
   React.useEffect(function () {
     if (initialData && data !== initialData && initialData.length >= 0) {
       setData(initialData);
@@ -670,6 +674,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   React.useEffect(function () {
+    //  Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
     if (lgInfeedAd && window && window.innerWidth >= 1200) {
       setDesktopView(true);
     }
@@ -709,7 +714,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default['default'].createElement(
           reactBootstrap.Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
         )
       ),
       React__default['default'].createElement(
@@ -723,7 +728,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default['default'].createElement(
         reactBootstrap.Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
       ),
       React__default['default'].createElement(
         'div',

package/dist/cjs/index.js

@@ -36,7 +36,7 @@ var DeckContent = require('./DeckContent.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-f4c4a1bf.js');
 var get$1 = require('./get-7a75c563.js');
-var GridContent = require('./GridContent-25762807.js');
+var GridContent = require('./GridContent-0df16724.js');
 var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
@@ -17315,10 +17315,10 @@ var Article = function Article(props) {
         contextualAD: _extends$2._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          // Adding new ad size for large contextual ad for desktop screen width >= 1400
           sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
           sizeMapping: lgContextAd ? [{
-            viewport: [1200, 768],
+            viewport: [1400, 0],
             sizes: [[728, 90], 'fluid', [300, 100]]
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })

package/dist/esm/{GridContent-93e5f16a.js → GridContent-2173a84c.js}

@@ -84,6 +84,7 @@ var GridContent = function (_React$Component) {
         };
       }, _this.loadData);
     }, 0), _this.componentDidMount = function () {
+      //  Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
       if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
         _this.setState(function (state) {
           return _extends({}, state, {
@@ -355,6 +356,7 @@ var GridContent = function (_React$Component) {
         var firstThree = this.state.data.slice(0, 3);
         var data = this.state.data.slice(3);
 
+        //  Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
         if (desktopView) {
           var lgInFeedAd = {
             _type: 'lg-infeed',
@@ -411,7 +413,11 @@ var GridContent = function (_React$Component) {
         posts = firstThree.concat(posts);
         posts = posts.map(function (ele, i) {
           if (ele._type === 'lg-infeed') {
-            return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: 'lg-infeed_' + i }) });
+            //  Setting pos as top2 for the first occurence of large infeed ad
+            var _pos = posts.indexOf(posts.find(function (d) {
+              return d._type === 'lg-infeed';
+            })) === i ? 'top2' : 'lg-infeed_' + i;
+            return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
           } else {
             return ele;
           }

package/dist/esm/GridContent.js

@@ -31,5 +31,5 @@ import './ADInfeed-dff74bbe.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-7b29db85.js';
 import './get-bc6cf9fb.js';
-export { G as default } from './GridContent-93e5f16a.js';
+export { G as default } from './GridContent-2173a84c.js';
 import './AuthorComponent-4f5f15ed.js';

package/dist/esm/QueueDeckExpanded.js

@@ -139,14 +139,15 @@ 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, dektopView) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
   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) {
+  //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+  if (desktopView && brandInsightAd) {
     var lgInfeedAd = {
       _type: 'lg-infeed',
       adUnit: brandInsightAd.adUnit,
@@ -172,7 +173,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
 
   if (showBI && brandInsightAd) {
-    if (dektopView) brandInsightAd.interval = 8;
+    if (desktopView) brandInsightAd.interval = 8;
     var pos = 0;
     for (var i = 1; pos < data.length; i++) {
       var inFeedAd = {
@@ -195,14 +196,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   }
   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 }) });
+      //  Setting pos as top2 for the first occurence of large infeed ad
+      var _pos = data.indexOf(data.find(function (d) {
+        return d._type === 'lg-infeed';
+      })) === i ? 'top2' : 'lg-infeed_' + i;
+      return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
     } else {
       return ele;
     }
   });
 
   var featureCount = 0;
-
   return React.createElement(
     'div',
     null,
@@ -640,14 +644,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
 
   var _useState11 = useState(false),
       _useState12 = _slicedToArray(_useState11, 2),
-      dektopView = _useState12[0],
+      desktopView = _useState12[0],
       setDesktopView = _useState12[1];
 
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
 
-  //check for change in filter parameters from client side and refresh the page
+  //  check for change in filter parameters from client side and refresh the page
   useEffect(function () {
     if (initialData && data !== initialData && initialData.length >= 0) {
       setData(initialData);
@@ -664,6 +668,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   }, [initialData]);
 
   useEffect(function () {
+    //  Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
     if (lgInfeedAd && window && window.innerWidth >= 1200) {
       setDesktopView(true);
     }
@@ -703,7 +708,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React.createElement(
           Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
         )
       ),
       React.createElement(
@@ -717,7 +722,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React.createElement(
         Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, dektopView)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
       ),
       React.createElement(
         'div',

package/dist/esm/index.js

@@ -33,7 +33,7 @@ export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-7b29db85.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-bc6cf9fb.js';
-export { A as AD, G as GridContent } from './GridContent-93e5f16a.js';
+export { A as AD, G as GridContent } from './GridContent-2173a84c.js';
 import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -17291,10 +17291,10 @@ var Article = function Article(props) {
         contextualAD: _extends$2({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          // Adding new ad size for large contextual ad for desktop screen width >= 1400
           sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
           sizeMapping: lgContextAd ? [{
-            viewport: [1200, 768],
+            viewport: [1400, 0],
             sizes: [[728, 90], 'fluid', [300, 100]]
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.443",
+  "version": "1.0.444",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",