@mjhls/mjh-framework 1.0.550 → 1.0.551

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.550
+# mjh-framework v. 1.0.551
 
 > Foundation Framework 
 

package/dist/cjs/AD300x250.js

@@ -22,11 +22,12 @@ require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 var AdSlot = require('./AdSlot.js');
 
+// removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250 = function AD300x250(_ref) {
   var networkID = _ref.networkID,
       adUnit = _ref.adUnit,
       _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'AD300x250' : _ref$slotId,
+      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$pos = _ref.pos,
@@ -53,11 +54,12 @@ var AD300x250 = function AD300x250(_ref) {
   var mobileSizes = [[300, 250], [300, 100]];
 
   // Function to collapse ad
-  var collapseAd = function collapseAd() {
-    var parent = document.getElementById('AD300x250');
-    var parentMedia = parent && parent.closest('.media');
-    // removing the style of the parent div for collpased ad
-    if (parentMedia) parentMedia.style = null;
+  var collapseAd = function collapseAd(slotID) {
+    var parent = document.getElementById(slotID);
+    // finding the parent wrapper div
+    var parentWrapper = parent && parent.closest('.AD300x250');
+    // collapsing the parent wrapper div
+    if (parentWrapper) parentWrapper.style.display = 'none';
     parent.style.height = '0%';
     parent.style.width = '0%';
     parent.style.display = 'none';
@@ -66,7 +68,8 @@ var AD300x250 = function AD300x250(_ref) {
   // CallBack function to check if ad has got creative or not.
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
-      var parent = document.getElementById('AD300x250');
+      // Dynamically fetching parent from slotID to display or collapse.
+      var parent = document.getElementById(adData.slotId);
       parent.style.display = 'block';
       var adSizes = [[1, 1]];
       // Collapsing ad if the as size is [1,1]
@@ -76,13 +79,14 @@ var AD300x250 = function AD300x250(_ref) {
         };
 
         if (adSizes.some(checkAdSize)) {
-          collapseAd();
+          // passing slotID to collape
+          collapseAd(adData.slotId);
           parent.style.display = 'none';
         }
       }
     } else {
       // collapsing ad if no creative is found
-      collapseAd();
+      collapseAd(adData.slotId);
     }
   };
 

package/dist/cjs/AD300x250x600.js

@@ -22,11 +22,12 @@ require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 var AdSlot = require('./AdSlot.js');
 
+// removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250x600 = function AD300x250x600(_ref) {
   var networkID = _ref.networkID,
       adUnit = _ref.adUnit,
       _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'AD300x250x600' : _ref$slotId,
+      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$pos = _ref.pos,
@@ -67,11 +68,12 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   }];
 
   // Function to collapse ad
-  var collapseAd = function collapseAd() {
-    var parent = document.getElementById('AD300x250x600');
-    var parentMedia = parent && parent.closest('.media');
-    // removing the style of the parent div for collpased ad
-    if (parentMedia) parentMedia.style = null;
+  var collapseAd = function collapseAd(slotID) {
+    var parent = document.getElementById(slotID);
+    // finding the parent wrapper div
+    var parentWrapper = parent && parent.closest('.AD300x250');
+    // collapsing the parent wrapper div
+    if (parentWrapper) parentWrapper.style.display = 'none';
     parent.style.height = '0%';
     parent.style.width = '0%';
     parent.style.display = 'none';
@@ -80,7 +82,8 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   // CallBack function to check if ad has got creative or not.
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
-      var parent = document.getElementById('AD300x250x600');
+      // Dynamically fetching parent from slotID to display or collapse.
+      var parent = document.getElementById(adData.slotId);
       parent.style.display = 'block';
       var adSizes = [[1, 1]];
       // Collapsing ad if the as size is [1,1]
@@ -90,20 +93,21 @@ var AD300x250x600 = function AD300x250x600(_ref) {
         };
 
         if (adSizes.some(checkAdSize)) {
-          collapseAd();
+          // passing slotID to collape
+          collapseAd(adData.slotId);
           parent.style.display = 'none';
         }
       }
     } else {
       // collapsing ad if no creative is found
-      collapseAd();
+      collapseAd(adData.slotId);
     }
   };
 
   return React__default.createElement(AdSlot, {
     networkID: networkID,
     adUnit: adUnit,
-    className: '',
+    className: 'AD300x250',
     slotId: slotId,
     targeting: adTargeting
     //  passing all possible sizes.

package/dist/cjs/AdSlot.js

@@ -82,8 +82,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
         Segment.Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
-        if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
-          if (eventData.event && eventData.event.creativeId == null) {
+        // Updating the condition to remove the dependency on static slotId.
+        if (eventData && eventData.event && checkIsAdFound) {
+          if (eventData.event.creativeId == null) {
             checkIsAdFound(false, eventData);
           } else {
             checkIsAdFound(true, eventData);

package/dist/cjs/DeckContent.js

@@ -42,7 +42,7 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-3404200f.js');
+var ADInfeed = require('./ADInfeed-17a378db.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);

package/dist/cjs/GridContent.js

@@ -42,9 +42,9 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-3404200f.js');
+var ADInfeed = require('./ADInfeed-17a378db.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-2611e1a9.js');
+var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
 require('./_arrayMap-3b4a0f75.js');
 var get = require('./get-5dfcdc33.js');
 require('./AD.js');

package/dist/cjs/IssueLanding.js

@@ -34,9 +34,9 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-require('./ADInfeed-3404200f.js');
+require('./ADInfeed-17a378db.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-2611e1a9.js');
+require('./ADlgInfeed-070d911c.js');
 require('./AuthorComponent-cb8b8128.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');

package/dist/cjs/MasterDeck.js

@@ -40,9 +40,9 @@ var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-3404200f.js');
+var ADInfeed = require('./ADInfeed-17a378db.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-2611e1a9.js');
+var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);

package/dist/cjs/PartnerDetailListing.js

@@ -36,9 +36,9 @@ var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-require('./ADInfeed-3404200f.js');
+require('./ADInfeed-17a378db.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-2611e1a9.js');
+require('./ADlgInfeed-070d911c.js');
 require('./AuthorComponent-cb8b8128.js');
 var BlockContent = require('./BlockContent-f942392e.js');
 require('./smoothscroll-95231a70.js');

package/dist/cjs/QueueDeckExpanded.js

@@ -35,9 +35,9 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-3404200f.js');
+var ADInfeed = require('./ADInfeed-17a378db.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-2611e1a9.js');
+var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
 var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
 var reactBootstrap = require('react-bootstrap');
 

package/dist/cjs/index.js

@@ -40,10 +40,10 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 var Segment = require('./beam-d22818d3.js');
 var AdSlot = require('./AdSlot.js');
-require('./ADInfeed-3404200f.js');
+require('./ADInfeed-17a378db.js');
 var DeckContent = require('./DeckContent.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-2611e1a9.js');
+require('./ADlgInfeed-070d911c.js');
 require('./_arrayMap-3b4a0f75.js');
 require('./get-5dfcdc33.js');
 var AD = require('./AD.js');

package/dist/esm/AD300x250.js

@@ -17,11 +17,12 @@ import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import DFPAdSlot from './AdSlot.js';
 
+// removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250 = function AD300x250(_ref) {
   var networkID = _ref.networkID,
       adUnit = _ref.adUnit,
       _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'AD300x250' : _ref$slotId,
+      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$pos = _ref.pos,
@@ -48,11 +49,12 @@ var AD300x250 = function AD300x250(_ref) {
   var mobileSizes = [[300, 250], [300, 100]];
 
   // Function to collapse ad
-  var collapseAd = function collapseAd() {
-    var parent = document.getElementById('AD300x250');
-    var parentMedia = parent && parent.closest('.media');
-    // removing the style of the parent div for collpased ad
-    if (parentMedia) parentMedia.style = null;
+  var collapseAd = function collapseAd(slotID) {
+    var parent = document.getElementById(slotID);
+    // finding the parent wrapper div
+    var parentWrapper = parent && parent.closest('.AD300x250');
+    // collapsing the parent wrapper div
+    if (parentWrapper) parentWrapper.style.display = 'none';
     parent.style.height = '0%';
     parent.style.width = '0%';
     parent.style.display = 'none';
@@ -61,7 +63,8 @@ var AD300x250 = function AD300x250(_ref) {
   // CallBack function to check if ad has got creative or not.
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
-      var parent = document.getElementById('AD300x250');
+      // Dynamically fetching parent from slotID to display or collapse.
+      var parent = document.getElementById(adData.slotId);
       parent.style.display = 'block';
       var adSizes = [[1, 1]];
       // Collapsing ad if the as size is [1,1]
@@ -71,13 +74,14 @@ var AD300x250 = function AD300x250(_ref) {
         };
 
         if (adSizes.some(checkAdSize)) {
-          collapseAd();
+          // passing slotID to collape
+          collapseAd(adData.slotId);
           parent.style.display = 'none';
         }
       }
     } else {
       // collapsing ad if no creative is found
-      collapseAd();
+      collapseAd(adData.slotId);
     }
   };
 

package/dist/esm/AD300x250x600.js

@@ -17,11 +17,12 @@ import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import DFPAdSlot from './AdSlot.js';
 
+// removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250x600 = function AD300x250x600(_ref) {
   var networkID = _ref.networkID,
       adUnit = _ref.adUnit,
       _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'AD300x250x600' : _ref$slotId,
+      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$pos = _ref.pos,
@@ -62,11 +63,12 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   }];
 
   // Function to collapse ad
-  var collapseAd = function collapseAd() {
-    var parent = document.getElementById('AD300x250x600');
-    var parentMedia = parent && parent.closest('.media');
-    // removing the style of the parent div for collpased ad
-    if (parentMedia) parentMedia.style = null;
+  var collapseAd = function collapseAd(slotID) {
+    var parent = document.getElementById(slotID);
+    // finding the parent wrapper div
+    var parentWrapper = parent && parent.closest('.AD300x250');
+    // collapsing the parent wrapper div
+    if (parentWrapper) parentWrapper.style.display = 'none';
     parent.style.height = '0%';
     parent.style.width = '0%';
     parent.style.display = 'none';
@@ -75,7 +77,8 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   // CallBack function to check if ad has got creative or not.
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
-      var parent = document.getElementById('AD300x250x600');
+      // Dynamically fetching parent from slotID to display or collapse.
+      var parent = document.getElementById(adData.slotId);
       parent.style.display = 'block';
       var adSizes = [[1, 1]];
       // Collapsing ad if the as size is [1,1]
@@ -85,20 +88,21 @@ var AD300x250x600 = function AD300x250x600(_ref) {
         };
 
         if (adSizes.some(checkAdSize)) {
-          collapseAd();
+          // passing slotID to collape
+          collapseAd(adData.slotId);
           parent.style.display = 'none';
         }
       }
     } else {
       // collapsing ad if no creative is found
-      collapseAd();
+      collapseAd(adData.slotId);
     }
   };
 
   return React__default.createElement(DFPAdSlot, {
     networkID: networkID,
     adUnit: adUnit,
-    className: '',
+    className: 'AD300x250',
     slotId: slotId,
     targeting: adTargeting
     //  passing all possible sizes.

package/dist/esm/AdSlot.js

@@ -77,8 +77,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
         Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
-        if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
-          if (eventData.event && eventData.event.creativeId == null) {
+        // Updating the condition to remove the dependency on static slotId.
+        if (eventData && eventData.event && checkIsAdFound) {
+          if (eventData.event.creativeId == null) {
             checkIsAdFound(false, eventData);
           } else {
             checkIsAdFound(true, eventData);

package/dist/esm/DeckContent.js

@@ -36,7 +36,7 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-27674dc6.js';
+import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/GridContent.js

@@ -36,9 +36,9 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-27674dc6.js';
+import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-43060a77.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8bfd6d58.js';
 import './_arrayMap-64cbe0e4.js';
 import { g as get_1 } from './get-0eb56363.js';
 import './AD.js';

package/dist/esm/IssueLanding.js

@@ -29,9 +29,9 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './ADInfeed-27674dc6.js';
+import './ADInfeed-c7dba95f.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-43060a77.js';
+import './ADlgInfeed-8bfd6d58.js';
 import './AuthorComponent-158226c9.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';

package/dist/esm/MasterDeck.js

@@ -34,9 +34,9 @@ import { _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-27674dc6.js';
+import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-43060a77.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8bfd6d58.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/PartnerDetailListing.js

@@ -31,9 +31,9 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './ADInfeed-27674dc6.js';
+import './ADInfeed-c7dba95f.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-43060a77.js';
+import './ADlgInfeed-8bfd6d58.js';
 import './AuthorComponent-158226c9.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/QueueDeckExpanded.js

@@ -29,9 +29,9 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-27674dc6.js';
+import { A as ADInfeed } from './ADInfeed-c7dba95f.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-43060a77.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8bfd6d58.js';
 import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
 import { Container, Media } from 'react-bootstrap';
 

package/dist/esm/index.js

@@ -36,10 +36,10 @@ import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
 export { B as Beam, S as Segment } from './beam-a25bd8fd.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-27674dc6.js';
+import './ADInfeed-c7dba95f.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-43060a77.js';
+import './ADlgInfeed-8bfd6d58.js';
 import './_arrayMap-64cbe0e4.js';
 import './get-0eb56363.js';
 export { default as AD } from './AD.js';

package/package.json

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