@mjhls/mjh-framework 1.0.460 → 1.0.462

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.460
+# mjh-framework v. 1.0.462
 
 > Foundation Framework 
 

package/dist/cjs/ADWebcast.js

@@ -35,8 +35,6 @@ var ADWebcast = function ADWebcast(_ref) {
       adUnit = webcastAd.adUnit,
       _webcastAd$targeting = webcastAd.targeting,
       targeting = _webcastAd$targeting === undefined ? {} : _webcastAd$targeting,
-      _webcastAd$position = webcastAd.position,
-      position = _webcastAd$position === undefined ? '' : _webcastAd$position,
       networkID = webcastAd.networkID,
       _webcastAd$sizes = webcastAd.sizes,
       sizes = _webcastAd$sizes === undefined ? [[200, 100]] : _webcastAd$sizes;
@@ -48,7 +46,8 @@ var ADWebcast = function ADWebcast(_ref) {
     tags: targeting.tags,
     document_group: targeting.document_group,
     document_url: targeting.document_url,
-    pos: position,
+    // setting pos for webcast ad.
+    pos: 'smrec1',
     campaign_id: targeting.campaign_id,
     issue_url: targeting.issue_url,
     publication_url: targeting.publication_url
@@ -91,7 +90,7 @@ var ADWebcast = function ADWebcast(_ref) {
         { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
         React__default.createElement(
           'div',
-          { className: 'webcast-ad' },
+          { className: 'webcast-ad', style: { paddingBottom: '15px' } },
           React__default.createElement(AdSlot, {
             className: className,
             slotId: slotId,

package/dist/cjs/ArticleQueue.js

@@ -160,6 +160,13 @@ var Article = function Article(props) {
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       contextualADFlag = _useState2[0],
       setContextualADFlag = _useState2[1];
+  //  Setting new Flag 'visibleFlag' to know when the article is visible so that new contextual ad can be appended into DOM.
+
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      visibleFlag = _useState4[0],
+      setVisibleFlag = _useState4[1];
 
   var summary = getArticleSummary(props.article);
 
@@ -222,7 +229,7 @@ var Article = function Article(props) {
 
     var findIndex = function findIndex(arr) {
       var indexes = [];
-      if ((typeof arr === 'undefined' ? 'undefined' : _typeof._typeof(arr)) == 'object') {
+      if ((typeof arr === 'undefined' ? 'undefined' : _typeof._typeof(arr)) === 'object') {
         var _iteratorNormalCompletion = true;
         var _didIteratorError = false;
         var _iteratorError = undefined;
@@ -233,7 +240,9 @@ var Article = function Article(props) {
 
             if (ele['_type'] === 'block' && ele.children.some(function (child) {
               return child.text.trim().length > 0;
-            }) && ele['listItem'] !== 'bullet' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
+            }) && ele['listItem'] !== 'bullet' &&
+            //  To skip li tags when setting contextual native ads
+            ele['listItem'] !== 'number' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
               indexes.push(arr.indexOf(ele));
             }
           }
@@ -321,6 +330,8 @@ var Article = function Article(props) {
         contextualAD: _extends._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
+          //  Fetching new contextual targeting based on the current active article.
+          targeting: props.getTargeting(props.article, 'native-ad'),
           // 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 ? [{
@@ -366,7 +377,7 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) && 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 }))
@@ -464,6 +475,8 @@ var Article = function Article(props) {
         onChange: function onChange(visible) {
           if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
             onChangeArticle(url, visible, meta);
+            //  Setting 'visibleFlag' to know that the article is visible.
+            setVisibleFlag(true);
           }
         } },
       React__default.createElement(
@@ -629,7 +642,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
     )
   );
 };
@@ -731,10 +744,10 @@ var ArticleQueue = function ArticleQueue(props) {
     return article;
   };
 
-  var _useState3 = React.useState([firstArticle()]),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      queueData = _useState4[0],
-      setQueueData = _useState4[1];
+  var _useState5 = React.useState([firstArticle()]),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      queueData = _useState6[0],
+      setQueueData = _useState6[1];
 
   var refreshAD = function refreshAD(path) {
     if (!main.main_36) {
@@ -875,6 +888,8 @@ var ArticleQueue = function ArticleQueue(props) {
         article: article,
         cpModificationRequired: cpModificationRequired,
         queueData: queueData
+        // Passing 'getTargeting' so that contextual AD can fetch target based on current active article.
+        , getTargeting: getTargeting
       }));
     })
   );

package/dist/cjs/View.js

@@ -186,7 +186,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
 
 var findIndex = function findIndex(arr) {
   var indexes = [];
-  if ((typeof arr === 'undefined' ? 'undefined' : _typeof$1._typeof(arr)) == 'object') {
+  if ((typeof arr === 'undefined' ? 'undefined' : _typeof$1._typeof(arr)) === 'object') {
     var _iteratorNormalCompletion = true;
     var _didIteratorError = false;
     var _iteratorError = undefined;
@@ -197,7 +197,9 @@ var findIndex = function findIndex(arr) {
 
         if (ele['_type'] === 'block' && ele.children.some(function (child) {
           return child.text.trim().length > 0;
-        }) && ele['listItem'] !== 'bullet' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
+        }) && ele['listItem'] !== 'bullet' &&
+        //  To skip li tags when setting contextual native ads
+        ele['listItem'] !== 'number' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
           indexes.push(arr.indexOf(ele));
         }
       }
@@ -299,30 +301,40 @@ var Article = function Article(props) {
       ISIContent = props.ISIContent,
       shareOptions = props.shareOptions,
       cpModificationRequired = props.cpModificationRequired,
-      authorPrefix = props.authorPrefix;
+      authorPrefix = props.authorPrefix,
+      _props$lgContextAd = props.lgContextAd,
+      lgContextAd = _props$lgContextAd === undefined ? false : _props$lgContextAd,
+      queueData = props.queueData;
   var onChangeArticle = props.onChangeArticle;
 
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       contextualADFlag = _useState2[0],
       setContextualADFlag = _useState2[1];
+  //  Setting new Flag 'visibleFlag' to know when the article is visible so that new contextual ad can be appended into DOM.
 
-  var summary = getArticleSummary(props.article);
 
-  var _useState3 = React.useState(1),
+  var _useState3 = React.useState(false),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      auth = _useState4[0],
-      setAuth = _useState4[1];
+      visibleFlag = _useState4[0],
+      setVisibleFlag = _useState4[1];
+
+  var summary = getArticleSummary(props.article);
 
-  var _useState5 = React.useState(''),
+  var _useState5 = React.useState(1),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      passwordKey = _useState6[0],
-      setPasswordKey = _useState6[1];
+      auth = _useState6[0],
+      setAuth = _useState6[1];
 
-  var _useState7 = React.useState(false),
+  var _useState7 = React.useState(''),
       _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      showVotes = _useState8[0],
-      setShowVotes = _useState8[1];
+      passwordKey = _useState8[0],
+      setPasswordKey = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      showVotes = _useState10[0],
+      setShowVotes = _useState10[1];
 
   var isCutomPage = function isCutomPage(article) {
     var url = article.url.current;
@@ -460,7 +472,6 @@ var Article = function Article(props) {
           setContextualADFlag(true);
         }
       };
-
       return React__default.createElement(
         React__default.Fragment,
         null,
@@ -490,7 +501,15 @@ var Article = function Article(props) {
     } else if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && !payload.contextualVideoAD) {
       payload = _extends._extends({}, payload, {
         contextualAD: _extends._extends({}, payload.contextualAD, {
-          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id
+          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id,
+          //  Fetching new contextual targeting based on the current active article.
+          targeting: props.getTargeting(props.article, 'native-ad'),
+          // 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: [1400, 0],
+            sizes: [[728, 90], 'fluid', [300, 100]]
+          }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })
       });
       var _selectedIndex = indexes[1] + 1;
@@ -518,7 +537,7 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) && 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 }))
@@ -623,6 +642,8 @@ var Article = function Article(props) {
           onChange: function onChange(visible) {
             if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
               onChangeArticle(url, visible, meta);
+              //  Setting 'visibleFlag' to know that the article is visible.
+              setVisibleFlag(true);
             }
           } },
         React__default.createElement(
@@ -1028,7 +1049,16 @@ var ArticleQueue = function ArticleQueue(props) {
       if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
         article.contextualAD = Ads.getNativeContextualAD(getTargeting.getTargeting(props));
       }
-      return React__default.createElement(Article, _extends._extends({ key: index }, props, { onChangeArticle: onChangeArticle, authorPrfix: authorPrefix, article: article, cpModificationRequired: cpModificationRequired }));
+      return React__default.createElement(Article, _extends._extends({
+        key: index
+      }, props, {
+        onChangeArticle: onChangeArticle,
+        authorPrfix: authorPrefix,
+        article: article,
+        cpModificationRequired: cpModificationRequired
+        // Passing queueData to check for single article
+        , queueData: queueData
+      }));
     })
   );
 };

package/dist/esm/ADWebcast.js

@@ -30,8 +30,6 @@ var ADWebcast = function ADWebcast(_ref) {
       adUnit = webcastAd.adUnit,
       _webcastAd$targeting = webcastAd.targeting,
       targeting = _webcastAd$targeting === undefined ? {} : _webcastAd$targeting,
-      _webcastAd$position = webcastAd.position,
-      position = _webcastAd$position === undefined ? '' : _webcastAd$position,
       networkID = webcastAd.networkID,
       _webcastAd$sizes = webcastAd.sizes,
       sizes = _webcastAd$sizes === undefined ? [[200, 100]] : _webcastAd$sizes;
@@ -43,7 +41,8 @@ var ADWebcast = function ADWebcast(_ref) {
     tags: targeting.tags,
     document_group: targeting.document_group,
     document_url: targeting.document_url,
-    pos: position,
+    // setting pos for webcast ad.
+    pos: 'smrec1',
     campaign_id: targeting.campaign_id,
     issue_url: targeting.issue_url,
     publication_url: targeting.publication_url
@@ -86,7 +85,7 @@ var ADWebcast = function ADWebcast(_ref) {
         { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
         React__default.createElement(
           'div',
-          { className: 'webcast-ad' },
+          { className: 'webcast-ad', style: { paddingBottom: '15px' } },
           React__default.createElement(DFPAdSlot, {
             className: className,
             slotId: slotId,

package/dist/esm/ArticleQueue.js

@@ -155,6 +155,13 @@ var Article = function Article(props) {
       _useState2 = _slicedToArray(_useState, 2),
       contextualADFlag = _useState2[0],
       setContextualADFlag = _useState2[1];
+  //  Setting new Flag 'visibleFlag' to know when the article is visible so that new contextual ad can be appended into DOM.
+
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      visibleFlag = _useState4[0],
+      setVisibleFlag = _useState4[1];
 
   var summary = getArticleSummary(props.article);
 
@@ -217,7 +224,7 @@ var Article = function Article(props) {
 
     var findIndex = function findIndex(arr) {
       var indexes = [];
-      if ((typeof arr === 'undefined' ? 'undefined' : _typeof(arr)) == 'object') {
+      if ((typeof arr === 'undefined' ? 'undefined' : _typeof(arr)) === 'object') {
         var _iteratorNormalCompletion = true;
         var _didIteratorError = false;
         var _iteratorError = undefined;
@@ -228,7 +235,9 @@ var Article = function Article(props) {
 
             if (ele['_type'] === 'block' && ele.children.some(function (child) {
               return child.text.trim().length > 0;
-            }) && ele['listItem'] !== 'bullet' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
+            }) && ele['listItem'] !== 'bullet' &&
+            //  To skip li tags when setting contextual native ads
+            ele['listItem'] !== 'number' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
               indexes.push(arr.indexOf(ele));
             }
           }
@@ -316,6 +325,8 @@ var Article = function Article(props) {
         contextualAD: _extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
+          //  Fetching new contextual targeting based on the current active article.
+          targeting: props.getTargeting(props.article, 'native-ad'),
           // 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 ? [{
@@ -361,7 +372,7 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) && React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
@@ -459,6 +470,8 @@ var Article = function Article(props) {
         onChange: function onChange(visible) {
           if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
             onChangeArticle(url, visible, meta);
+            //  Setting 'visibleFlag' to know that the article is visible.
+            setVisibleFlag(true);
           }
         } },
       React__default.createElement(
@@ -624,7 +637,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
     )
   );
 };
@@ -726,10 +739,10 @@ var ArticleQueue = function ArticleQueue(props) {
     return article;
   };
 
-  var _useState3 = useState([firstArticle()]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      queueData = _useState4[0],
-      setQueueData = _useState4[1];
+  var _useState5 = useState([firstArticle()]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      queueData = _useState6[0],
+      setQueueData = _useState6[1];
 
   var refreshAD = function refreshAD(path) {
     if (!main_36) {
@@ -870,6 +883,8 @@ var ArticleQueue = function ArticleQueue(props) {
         article: article,
         cpModificationRequired: cpModificationRequired,
         queueData: queueData
+        // Passing 'getTargeting' so that contextual AD can fetch target based on current active article.
+        , getTargeting: getTargeting
       }));
     })
   );

package/dist/esm/View.js

@@ -181,7 +181,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
 
 var findIndex = function findIndex(arr) {
   var indexes = [];
-  if ((typeof arr === 'undefined' ? 'undefined' : _typeof(arr)) == 'object') {
+  if ((typeof arr === 'undefined' ? 'undefined' : _typeof(arr)) === 'object') {
     var _iteratorNormalCompletion = true;
     var _didIteratorError = false;
     var _iteratorError = undefined;
@@ -192,7 +192,9 @@ var findIndex = function findIndex(arr) {
 
         if (ele['_type'] === 'block' && ele.children.some(function (child) {
           return child.text.trim().length > 0;
-        }) && ele['listItem'] !== 'bullet' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
+        }) && ele['listItem'] !== 'bullet' &&
+        //  To skip li tags when setting contextual native ads
+        ele['listItem'] !== 'number' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
           indexes.push(arr.indexOf(ele));
         }
       }
@@ -294,30 +296,40 @@ var Article = function Article(props) {
       ISIContent = props.ISIContent,
       shareOptions = props.shareOptions,
       cpModificationRequired = props.cpModificationRequired,
-      authorPrefix = props.authorPrefix;
+      authorPrefix = props.authorPrefix,
+      _props$lgContextAd = props.lgContextAd,
+      lgContextAd = _props$lgContextAd === undefined ? false : _props$lgContextAd,
+      queueData = props.queueData;
   var onChangeArticle = props.onChangeArticle;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       contextualADFlag = _useState2[0],
       setContextualADFlag = _useState2[1];
+  //  Setting new Flag 'visibleFlag' to know when the article is visible so that new contextual ad can be appended into DOM.
 
-  var summary = getArticleSummary(props.article);
 
-  var _useState3 = useState(1),
+  var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      auth = _useState4[0],
-      setAuth = _useState4[1];
+      visibleFlag = _useState4[0],
+      setVisibleFlag = _useState4[1];
+
+  var summary = getArticleSummary(props.article);
 
-  var _useState5 = useState(''),
+  var _useState5 = useState(1),
       _useState6 = _slicedToArray(_useState5, 2),
-      passwordKey = _useState6[0],
-      setPasswordKey = _useState6[1];
+      auth = _useState6[0],
+      setAuth = _useState6[1];
 
-  var _useState7 = useState(false),
+  var _useState7 = useState(''),
       _useState8 = _slicedToArray(_useState7, 2),
-      showVotes = _useState8[0],
-      setShowVotes = _useState8[1];
+      passwordKey = _useState8[0],
+      setPasswordKey = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showVotes = _useState10[0],
+      setShowVotes = _useState10[1];
 
   var isCutomPage = function isCutomPage(article) {
     var url = article.url.current;
@@ -455,7 +467,6 @@ var Article = function Article(props) {
           setContextualADFlag(true);
         }
       };
-
       return React__default.createElement(
         React__default.Fragment,
         null,
@@ -485,7 +496,15 @@ var Article = function Article(props) {
     } else if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && !payload.contextualVideoAD) {
       payload = _extends({}, payload, {
         contextualAD: _extends({}, payload.contextualAD, {
-          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id
+          slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id,
+          //  Fetching new contextual targeting based on the current active article.
+          targeting: props.getTargeting(props.article, 'native-ad'),
+          // 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: [1400, 0],
+            sizes: [[728, 90], 'fluid', [300, 100]]
+          }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })
       });
       var _selectedIndex = indexes[1] + 1;
@@ -513,7 +532,7 @@ var Article = function Article(props) {
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
+        (visibleFlag || queueData && queueData.length === 1) && React__default.createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
@@ -618,6 +637,8 @@ var Article = function Article(props) {
           onChange: function onChange(visible) {
             if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
               onChangeArticle(url, visible, meta);
+              //  Setting 'visibleFlag' to know that the article is visible.
+              setVisibleFlag(true);
             }
           } },
         React__default.createElement(
@@ -1023,7 +1044,16 @@ var ArticleQueue = function ArticleQueue(props) {
       if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
         article.contextualAD = Ads.getNativeContextualAD(getTargeting(props));
       }
-      return React__default.createElement(Article, _extends({ key: index }, props, { onChangeArticle: onChangeArticle, authorPrfix: authorPrefix, article: article, cpModificationRequired: cpModificationRequired }));
+      return React__default.createElement(Article, _extends({
+        key: index
+      }, props, {
+        onChangeArticle: onChangeArticle,
+        authorPrfix: authorPrefix,
+        article: article,
+        cpModificationRequired: cpModificationRequired
+        // Passing queueData to check for single article
+        , queueData: queueData
+      }));
     })
   );
 };

package/package.json

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