@mjhls/mjh-framework 1.0.673 → 1.0.674

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.673
+# mjh-framework v. 1.0.674
 
 > Foundation Framework 
 

package/dist/cjs/AD300x250x600.js

@@ -17,7 +17,7 @@ require('./isSymbol-04666465.js');
 require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
-require('./slicedToArray-8f385299.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
@@ -40,6 +40,19 @@ var AD300x250x600 = function AD300x250x600(_ref) {
     pos = 'rec2-mobile';
   }
 
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var adTargeting = {
     content_placement: targeting.content_placement,
     tags: targeting.tags,
@@ -126,8 +139,8 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       , sizes: ([300, 600])
       //  setting responsive sizemapping to make the ads responsive.
       , sizeMapping: sizeMapping
-      /* Passing function to check for ad creative */
-      , checkIsAdFound: checkIsAdFound,
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound,
       style: { display: 'none' }
     }),
     React__default.createElement(

package/dist/cjs/AD728x90.js

@@ -17,7 +17,7 @@ require('./isSymbol-04666465.js');
 require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
-require('./slicedToArray-8f385299.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
@@ -40,6 +40,19 @@ var AD728x90 = function AD728x90(_ref) {
     mobileView = true;
   }
 
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var adTargeting = {
     content_placement: targeting.content_placement,
     tags: targeting.tags,
@@ -105,8 +118,8 @@ var AD728x90 = function AD728x90(_ref) {
         viewport: [1, 1],
         sizes: [[320, 50], [300, 50]]
       }]
-      /* Passing function to check for ad creative */
-      , checkIsAdFound: checkIsAdFound
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound
     }),
     React__default.createElement(
       'style',

package/dist/cjs/ADFloatingFooter.js

@@ -54,6 +54,19 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     if (window && window.innerWidth > minScreenWidth) {
       setWidthFlag(true);
@@ -119,8 +132,9 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
         sizes: [[1025, 100]],
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: refreshFlag,
-        checkIsAdFound: checkIsAdFound
+        refreshFlag: refreshFlag
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound
       }),
       React__default.createElement(
         'div',

package/dist/cjs/ADGutter.js

@@ -55,6 +55,19 @@ var ADGutter = function ADGutter(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -110,8 +123,9 @@ var ADGutter = function ADGutter(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         )
       ),

package/dist/cjs/{ADInfeed-9735aff2.js → ADInfeed-c676389b.js}

@@ -6,6 +6,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var Card = _interopDefault(require('react-bootstrap/Card'));
 var stringify = require('./stringify-7c5aff47.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
 var AdSlot = require('./AdSlot.js');
 
 var ADInfeed = function ADInfeed(_ref) {
@@ -19,6 +20,18 @@ var ADInfeed = function ADInfeed(_ref) {
       networkID = infeedAd.networkID,
       sizes = infeedAd.sizes;
 
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
 
   var collapseAd = function collapseAd() {
     var parent = document.getElementById('brand-insight-wrapper-' + (index + 1));
@@ -63,8 +76,9 @@ var ADInfeed = function ADInfeed(_ref) {
         adUnit: adUnit,
         slotId: slotId,
         targeting: targeting,
-        sizes: sizes,
-        checkIsAdFound: checkIsAdFound,
+        sizes: sizes
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound,
         refreshFlag: false
       })
     ),

package/dist/cjs/ADSkyscraper.js

@@ -57,6 +57,19 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     // Setting flag to hide ad in screens < 1200px.
     if (window && window.innerWidth >= minScreenWidth) {
@@ -113,8 +126,9 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/cjs/ADSponsoredResources.js

@@ -54,6 +54,19 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -108,8 +121,9 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/cjs/ADWebcast.js

@@ -57,6 +57,19 @@ var ADWebcast = function ADWebcast(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -114,8 +127,9 @@ var ADWebcast = function ADWebcast(_ref) {
             , sizeMapping: [{ viewport: [1200, 0], sizes: sizes }, { viewport: [0, 0], sizes: [0, 0] }],
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/cjs/ADWelcome.js

@@ -59,6 +59,19 @@ var ADWelcome = function ADWelcome(_ref) {
       timeLeft = _useState2[0],
       setTimeLeft = _useState2[1];
 
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   React.useEffect(function () {
     if (timeLeft > 0) {
       setTimeout(function () {
@@ -151,8 +164,9 @@ var ADWelcome = function ADWelcome(_ref) {
         sizes: sizes,
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: false,
-        checkIsAdFound: checkIsAdFound
+        refreshFlag: false
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound
       })
     ),
     React__default.createElement(

package/dist/cjs/{ADlgInfeed-6bd11848.js → ADlgInfeed-57d63c87.js}

@@ -6,6 +6,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('react-bootstrap/Card');
 var stringify = require('./stringify-7c5aff47.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
 var AdSlot = require('./AdSlot.js');
 
 var ADlgInfeed = function ADlgInfeed(props) {
@@ -25,6 +26,19 @@ var ADlgInfeed = function ADlgInfeed(props) {
     parent.style.display = 'none';
   };
 
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('lg-infeed-wrapper-' + (index + 1));
@@ -52,7 +66,17 @@ var ADlgInfeed = function ADlgInfeed(props) {
   return React__default.createElement(
     'div',
     { id: 'lg-infeed-wrapper-' + (index + 1), className: 'lg-infeed-wrapper', style: { display: 'none', flex: '1 0 auto' } },
-    React__default.createElement(AdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
+    React__default.createElement(AdSlot, {
+      className: className,
+      networkID: networkID,
+      adUnit: adUnit,
+      slotId: slotId,
+      targeting: targeting,
+      sizes: sizes
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound,
+      refreshFlag: false
+    }),
     React__default.createElement(
       'style',
       { jsx: 'true' },

package/dist/cjs/DeckContent.js

@@ -43,7 +43,7 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-9735aff2.js');
+var ADInfeed = require('./ADInfeed-c676389b.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);

package/dist/cjs/GridContent.js

@@ -43,9 +43,9 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-9735aff2.js');
+var ADInfeed = require('./ADInfeed-c676389b.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-6bd11848.js');
+var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var get = require('./get-68c52cb1.js');
 require('./AD.js');

package/dist/cjs/IssueLanding.js

@@ -34,9 +34,9 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./ADInfeed-9735aff2.js');
+require('./ADInfeed-c676389b.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-6bd11848.js');
+require('./ADlgInfeed-57d63c87.js');
 require('./getContentCategory-f38a4c00.js');
 require('./AuthorComponent-bb831b74.js');
 require('react-bootstrap');

package/dist/cjs/MasterDeck.js

@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-9735aff2.js');
+var ADInfeed = require('./ADInfeed-c676389b.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-6bd11848.js');
+var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);

package/dist/cjs/PartnerDetailListing.js

@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./ADInfeed-9735aff2.js');
+require('./ADInfeed-c676389b.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-6bd11848.js');
+require('./ADlgInfeed-57d63c87.js');
 require('./getContentCategory-f38a4c00.js');
 require('./AuthorComponent-bb831b74.js');
 var BlockContent = require('./BlockContent-88f69acd.js');

package/dist/cjs/QueueDeckExpanded.js

@@ -35,9 +35,9 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-9735aff2.js');
+var ADInfeed = require('./ADInfeed-c676389b.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-6bd11848.js');
+var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var AuthorComponent = require('./AuthorComponent-bb831b74.js');
 var reactBootstrap = require('react-bootstrap');

package/dist/cjs/View.js

@@ -446,6 +446,19 @@ var Article = function Article(props) {
       articleBody = _useState10[0],
       setArticleBody = _useState10[1];
 
+  var _useState11 = React.useState(true),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      previewAd = _useState12[0],
+      setPreviewAd = _useState12[1];
+
+  React.useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var isCutomPage = function isCutomPage(article) {
     var url = article.url.current;
 
@@ -629,7 +642,7 @@ var Article = function Article(props) {
         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 }))
+          React__default.createElement(AdSlot, _extends._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: previewAd ? null : checkIsAdFound }))
         ),
         React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(
@@ -701,7 +714,7 @@ var Article = function Article(props) {
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && 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 }))
+          React__default.createElement(AdSlot, _extends._extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: previewAd ? null : _checkIsAdFound }))
         ),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(BlockContent.BlockContent, _extends._extends({

package/dist/cjs/index.js

@@ -41,10 +41,10 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 var Segment = require('./beam-7217b7e7.js');
 var AdSlot = require('./AdSlot.js');
-require('./ADInfeed-9735aff2.js');
+require('./ADInfeed-c676389b.js');
 var DeckContent = require('./DeckContent.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-6bd11848.js');
+require('./ADlgInfeed-57d63c87.js');
 require('./getContentCategory-f38a4c00.js');
 require('./get-68c52cb1.js');
 var AD = require('./AD.js');

package/dist/esm/AD300x250x600.js

@@ -5,14 +5,14 @@ import './_library-528f1934.js';
 import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
-import React__default from 'react';
+import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
-import './slicedToArray-7021e5df.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
@@ -35,6 +35,19 @@ var AD300x250x600 = function AD300x250x600(_ref) {
     pos = 'rec2-mobile';
   }
 
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var adTargeting = {
     content_placement: targeting.content_placement,
     tags: targeting.tags,
@@ -121,8 +134,8 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       , sizes: ([300, 600])
       //  setting responsive sizemapping to make the ads responsive.
       , sizeMapping: sizeMapping
-      /* Passing function to check for ad creative */
-      , checkIsAdFound: checkIsAdFound,
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound,
       style: { display: 'none' }
     }),
     React__default.createElement(

package/dist/esm/AD728x90.js

@@ -5,14 +5,14 @@ import './_library-528f1934.js';
 import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
-import React__default from 'react';
+import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
-import './slicedToArray-7021e5df.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
@@ -35,6 +35,19 @@ var AD728x90 = function AD728x90(_ref) {
     mobileView = true;
   }
 
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var adTargeting = {
     content_placement: targeting.content_placement,
     tags: targeting.tags,
@@ -100,8 +113,8 @@ var AD728x90 = function AD728x90(_ref) {
         viewport: [1, 1],
         sizes: [[320, 50], [300, 50]]
       }]
-      /* Passing function to check for ad creative */
-      , checkIsAdFound: checkIsAdFound
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound
     }),
     React__default.createElement(
       'style',

package/dist/esm/ADFloatingFooter.js

@@ -49,6 +49,19 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     if (window && window.innerWidth > minScreenWidth) {
       setWidthFlag(true);
@@ -114,8 +127,9 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
         sizes: [[1025, 100]],
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: refreshFlag,
-        checkIsAdFound: checkIsAdFound
+        refreshFlag: refreshFlag
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound
       }),
       React__default.createElement(
         'div',

package/dist/esm/ADGutter.js

@@ -50,6 +50,19 @@ var ADGutter = function ADGutter(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -105,8 +118,9 @@ var ADGutter = function ADGutter(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         )
       ),

package/dist/esm/{ADInfeed-9140aa7d.js → ADInfeed-97b8cea7.js}

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import React__default, { useState, useEffect } from 'react';
 import Card from 'react-bootstrap/Card';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import DFPAdSlot from './AdSlot.js';
 
 var ADInfeed = function ADInfeed(_ref) {
@@ -14,6 +15,18 @@ var ADInfeed = function ADInfeed(_ref) {
       networkID = infeedAd.networkID,
       sizes = infeedAd.sizes;
 
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
 
   var collapseAd = function collapseAd() {
     var parent = document.getElementById('brand-insight-wrapper-' + (index + 1));
@@ -58,8 +71,9 @@ var ADInfeed = function ADInfeed(_ref) {
         adUnit: adUnit,
         slotId: slotId,
         targeting: targeting,
-        sizes: sizes,
-        checkIsAdFound: checkIsAdFound,
+        sizes: sizes
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound,
         refreshFlag: false
       })
     ),

package/dist/esm/ADSkyscraper.js

@@ -52,6 +52,19 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     // Setting flag to hide ad in screens < 1200px.
     if (window && window.innerWidth >= minScreenWidth) {
@@ -108,8 +121,9 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/esm/ADSponsoredResources.js

@@ -49,6 +49,19 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -103,8 +116,9 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
             sizes: sizes,
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/esm/ADWebcast.js

@@ -52,6 +52,19 @@ var ADWebcast = function ADWebcast(_ref) {
       widthFlag = _useState2[0],
       setWidthFlag = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
       setWidthFlag(true);
@@ -109,8 +122,9 @@ var ADWebcast = function ADWebcast(_ref) {
             , sizeMapping: [{ viewport: [1200, 0], sizes: sizes }, { viewport: [0, 0], sizes: [0, 0] }],
             adUnit: adUnit,
             targeting: adTargeting,
-            refreshFlag: false,
-            checkIsAdFound: checkIsAdFound
+            refreshFlag: false
+            /* Passing function to check for ad creative only if it is not in preview. */
+            , checkIsAdFound: previewAd ? null : checkIsAdFound
           })
         ),
         React__default.createElement(

package/dist/esm/ADWelcome.js

@@ -54,6 +54,19 @@ var ADWelcome = function ADWelcome(_ref) {
       timeLeft = _useState2[0],
       setTimeLeft = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   useEffect(function () {
     if (timeLeft > 0) {
       setTimeout(function () {
@@ -146,8 +159,9 @@ var ADWelcome = function ADWelcome(_ref) {
         sizes: sizes,
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: false,
-        checkIsAdFound: checkIsAdFound
+        refreshFlag: false
+        /* Passing function to check for ad creative only if it is not in preview. */
+        , checkIsAdFound: previewAd ? null : checkIsAdFound
       })
     ),
     React__default.createElement(

package/dist/esm/{ADlgInfeed-7656ecd1.js → ADlgInfeed-3ab91c75.js}

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import React__default, { useState, useEffect } from 'react';
 import 'react-bootstrap/Card';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import DFPAdSlot from './AdSlot.js';
 
 var ADlgInfeed = function ADlgInfeed(props) {
@@ -20,6 +21,19 @@ var ADlgInfeed = function ADlgInfeed(props) {
     parent.style.display = 'none';
   };
 
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('lg-infeed-wrapper-' + (index + 1));
@@ -47,7 +61,17 @@ var ADlgInfeed = function ADlgInfeed(props) {
   return React__default.createElement(
     'div',
     { id: 'lg-infeed-wrapper-' + (index + 1), className: 'lg-infeed-wrapper', style: { display: 'none', flex: '1 0 auto' } },
-    React__default.createElement(DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
+    React__default.createElement(DFPAdSlot, {
+      className: className,
+      networkID: networkID,
+      adUnit: adUnit,
+      slotId: slotId,
+      targeting: targeting,
+      sizes: sizes
+      /* Passing function to check for ad creative only if it is not in preview. */
+      , checkIsAdFound: previewAd ? null : checkIsAdFound,
+      refreshFlag: false
+    }),
     React__default.createElement(
       'style',
       { jsx: 'true' },

package/dist/esm/DeckContent.js

@@ -37,7 +37,7 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
+import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/GridContent.js

@@ -37,9 +37,9 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
+import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7656ecd1.js';
+import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-5ee14cda.js';
 import './AD.js';

package/dist/esm/IssueLanding.js

@@ -29,9 +29,9 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import './ADInfeed-9140aa7d.js';
+import './ADInfeed-97b8cea7.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-7656ecd1.js';
+import './ADlgInfeed-3ab91c75.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-00f13201.js';
 import 'react-bootstrap';

package/dist/esm/MasterDeck.js

@@ -35,9 +35,9 @@ import { _ as _Promise } from './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
+import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7656ecd1.js';
+import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/PartnerDetailListing.js

@@ -36,9 +36,9 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import './ADInfeed-9140aa7d.js';
+import './ADInfeed-97b8cea7.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-7656ecd1.js';
+import './ADlgInfeed-3ab91c75.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-00f13201.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';

package/dist/esm/QueueDeckExpanded.js

@@ -29,9 +29,9 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
+import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7656ecd1.js';
+import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { A as AuthorComponent } from './AuthorComponent-00f13201.js';
 import { Container, Media } from 'react-bootstrap';

package/dist/esm/View.js

@@ -440,6 +440,19 @@ var Article = function Article(props) {
       articleBody = _useState10[0],
       setArticleBody = _useState10[1];
 
+  var _useState11 = useState(true),
+      _useState12 = _slicedToArray(_useState11, 2),
+      previewAd = _useState12[0],
+      setPreviewAd = _useState12[1];
+
+  useEffect(function () {
+    var path = window && window.location && window.location.search;
+    // Setting flag for Ad-preview URLs
+    setPreviewAd(path.split('&').some(function (param) {
+      return param.includes('creativeId');
+    }));
+  }, []);
+
   var isCutomPage = function isCutomPage(article) {
     var url = article.url.current;
 
@@ -623,7 +636,7 @@ var Article = function Article(props) {
         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 }))
+          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: previewAd ? null : checkIsAdFound }))
         ),
         React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(
@@ -695,7 +708,7 @@ var Article = function Article(props) {
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && 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 }))
+          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: previewAd ? null : _checkIsAdFound }))
         ),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(BlockContent, _extends({

package/dist/esm/index.js

@@ -37,10 +37,10 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 export { B as Beam, S as Segment } from './beam-681a9749.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-9140aa7d.js';
+import './ADInfeed-97b8cea7.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-7656ecd1.js';
+import './ADlgInfeed-3ab91c75.js';
 import './getContentCategory-15dcc413.js';
 import './get-5ee14cda.js';
 export { default as AD } from './AD.js';

package/package.json

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