@mjhls/mjh-framework 1.0.621 → 1.0.623-subNav-viewMore-magazine

package/dist/esm/ADSkyscraper.js

@@ -5,13 +5,13 @@ import './_library-528f1934.js';
 import './_iter-detect-70af34ea.js';
 import './web.dom.iterable-5c830d3d.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import './main-7255814e.js';
+import './main-d7ee6151.js';
+import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
-import './stringify-feadff37.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
@@ -67,10 +67,25 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
   };
 
   // Function to check if the skyscrapper ad is available or not.
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('skyscraper-ad-wrapper');
-      parent.style.display = 'block';
+
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing skyscrapper AD.
+          collapseAd();
+          parent.style.display = 'none';
+        } else {
+          parent.style.display = 'block';
+        }
+      }
     } else {
       collapseAd();
     }
@@ -99,7 +114,7 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
         React__default.createElement(
           'style',
           { jsx: 'true' },
-          '\n            .skyscraper-ad-wrapper {\n              margin-top: 20px;\n              margin-bottom: 20px;\n            }\n          '
+          '\n            .skyscraper-ad-wrapper {\n              margin-top: 20px;\n              margin-bottom: 20px;\n            }\n            .skyscraper-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n              height: 0px !important;\n            }\n          '
         )
       )
     );

package/dist/esm/ADSponsoredResources.js

@@ -5,13 +5,13 @@ import './_library-528f1934.js';
 import './_iter-detect-70af34ea.js';
 import './web.dom.iterable-5c830d3d.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import './main-7255814e.js';
+import './main-d7ee6151.js';
+import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
-import './stringify-feadff37.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
@@ -61,14 +61,30 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
     parent.style.display = 'none';
   };
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('sponsored-ad-wrapper');
-      parent.style.display = 'block';
+
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing sponsoredResources AD.
+          collapseAd();
+          parent.style.display = 'none';
+        } else {
+          parent.style.display = 'block';
+        }
+      }
     } else {
       collapseAd();
     }
   };
+
   if (widthFlag) {
     return React__default.createElement(
       React__default.Fragment,
@@ -89,6 +105,11 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
             refreshFlag: false,
             checkIsAdFound: checkIsAdFound
           })
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n            /* setting height to 0px when the ad slot is empty. */\n            .sponsored-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n              height: 0px !important;\n            }\n          '
         )
       )
     );

package/dist/esm/ADWebcast.js

@@ -5,13 +5,13 @@ import './_library-528f1934.js';
 import './_iter-detect-70af34ea.js';
 import './web.dom.iterable-5c830d3d.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import './main-7255814e.js';
+import './main-d7ee6151.js';
+import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
-import './stringify-feadff37.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
@@ -65,15 +65,30 @@ var ADWebcast = function ADWebcast(_ref) {
     parent.style.display = 'none';
   };
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     //  Check for creative ID.
     if (isFound) {
       var parent = document.getElementById('webcast-ad-wrapper');
-      parent.style.display = 'block';
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing webcast AD.
+          collapseAd();
+          parent.style.display = 'none';
+        } else {
+          parent.style.display = 'block';
+        }
+      }
     } else {
       collapseAd();
     }
   };
+
   if (widthFlag) {
     return React__default.createElement(
       React__default.Fragment,
@@ -96,6 +111,11 @@ var ADWebcast = function ADWebcast(_ref) {
             refreshFlag: false,
             checkIsAdFound: checkIsAdFound
           })
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n            /* setting height to 0px when the ad slot is empty. */\n            .webcast-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n              height: 0px !important;\n            }\n          '
         )
       )
     );

package/dist/esm/ADWelcome.js

@@ -5,13 +5,13 @@ import './_library-528f1934.js';
 import './_iter-detect-70af34ea.js';
 import './web.dom.iterable-5c830d3d.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
-import './main-7255814e.js';
+import './main-d7ee6151.js';
+import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
-import './stringify-feadff37.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
@@ -64,12 +64,26 @@ var ADWelcome = function ADWelcome(_ref) {
     }
   });
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('welcome-modal');
-      document.body.style.overflow = 'hidden';
-      parent.style.display = 'block';
-      calculateTimeLeft(counter + 1);
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing webcast AD.
+          setFlag(true);
+          document.body.style.overflow = 'auto';
+        }
+      } else {
+        document.body.style.overflow = 'hidden';
+        parent.style.display = 'block';
+        calculateTimeLeft(counter + 1);
+      }
     } else {
       setFlag(true);
       document.body.style.overflow = 'auto';
@@ -134,7 +148,7 @@ var ADWelcome = function ADWelcome(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n          height: 100vh;\n        }\n        .welcome-ad-head-wrapper {\n          display: flex;\n          justify-content: space-between;\n        }\n        .right-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .left-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .' + title + ' {\n          width: auto !important;\n          padding-top: 25px;\n          justify-content: center;\n          align-items: center;\n          display: flex;\n        }\n      '
+      '\n        .continue-site:hover {\n          cursor: pointer;\n        }\n\n        .welcome-modal {\n          max-width: 100% !important;\n          margin: 0px !important;\n          height: 100vh;\n        }\n        .welcome-ad-head-wrapper {\n          display: flex;\n          justify-content: space-between;\n        }\n        .right-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .left-top {\n          max-width: 250px;\n          padding: 10px;\n        }\n        .' + title + ' {\n          width: auto !important;\n          padding-top: 25px;\n          justify-content: center;\n          align-items: center;\n          display: flex;\n        }\n        /* setting height to 0px when the ad slot is empty. */\n        .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
     )
   );
 };

package/dist/esm/{ADlgInfeed-a2518bca.js → ADlgInfeed-1529b85b.js}

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import 'react-bootstrap/Card';
+import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import DFPAdSlot from './AdSlot.js';
 
 var ADlgInfeed = function ADlgInfeed(props) {
@@ -19,10 +20,25 @@ var ADlgInfeed = function ADlgInfeed(props) {
     parent.style.display = 'none';
   };
 
-  var checkIsAdFound = function checkIsAdFound(isFound) {
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
     if (isFound) {
       var parent = document.getElementById('lg-infeed-wrapper-' + (index + 1));
-      parent.style.display = 'flex';
+
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing lg-infeed AD.
+          collapseAd();
+          parent.style.display = 'none';
+        } else {
+          parent.style.display = 'flex';
+        }
+      }
     } else {
       collapseAd();
     }
@@ -35,7 +51,7 @@ var ADlgInfeed = function ADlgInfeed(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .lg-infeed-wrapper {\n          flex-direction: row;\n          margin-bottom: 1.25rem;\n          padding-bottom: 1.25rem;\n          border-bottom: 1px solid rgb(221, 221, 221);\n        }\n      '
+      '\n        .lg-infeed-wrapper {\n          flex-direction: row;\n          margin-bottom: 1.25rem;\n          padding-bottom: 1.25rem;\n          border-bottom: 1px solid rgb(221, 221, 221);\n        }\n        .lg-infeed-wrapper div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
     )
   );
 };

package/dist/esm/AdSlot.js

@@ -5,13 +5,13 @@ import './_library-528f1934.js';
 import './_iter-detect-70af34ea.js';
 import './web.dom.iterable-5c830d3d.js';
 import React__default, { useState } from 'react';
-import { a as lib_2 } from './index-93ec3c59.js';
+import { a as lib_2 } from './index-3f4dd6f2.js';
 import PropTypes from 'prop-types';
 import './isSymbol-47f5ff3b.js';
 import { d as debounce_1 } from './debounce-a0d9abca.js';
-import { b as main_16 } from './main-7255814e.js';
-import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
+import { b as main_16 } from './main-d7ee6151.js';
 import './stringify-feadff37.js';
+import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import { B as Beam, S as Segment } from './beam-c40d77ae.js';

package/dist/esm/AdSlotsProvider.js

@@ -1,6 +1,6 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import { b as lib_1 } from './index-93ec3c59.js';
+import { b as lib_1 } from './index-3f4dd6f2.js';
 import 'prop-types';
 
 var AdSlotsProvider = function AdSlotsProvider(_ref) {

package/dist/esm/ArticleQueue.js

@@ -13,33 +13,33 @@ import './web.dom.iterable-5c830d3d.js';
 import { _ as _typeof } from './typeof-f11fd438.js';
 import './_is-array-ced12663.js';
 import React__default, { useState, useEffect } from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'next/router';
 import { i as isObjectLike_1, _ as _baseGetTag, a as _root, b as _freeGlobal } from './isSymbol-47f5ff3b.js';
 import { t as toNumber_1 } from './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import './index-5f9f807a.js';
-import { m as main_39 } from './main-7255814e.js';
+import { m as main_36 } from './main-d7ee6151.js';
 import './entities-7cc3bf45.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-a58d7edf.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-a58d7edf.js';
 import './asyncToGenerator-d25aac66.js';
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
 import DFPAdSlot from './AdSlot.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './_arrayMap-818441dd.js';
-import { B as BlockContent } from './BlockContent-a614acdf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-import { I as InscreenSensor, g as getSerializers } from './index-8a3465af.js';
+import { I as InscreenSensor, g as getSerializers } from './index-efc023e1.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -1337,7 +1337,7 @@ var Article = function Article(props) {
               summary
             )
           ),
-          main_39 && props.article.Ads.map(function (ad, index) {
+          main_36 && props.article.Ads.map(function (ad, index) {
             if (index === 0) {
               return React__default.createElement(
                 'div',
@@ -1362,7 +1362,7 @@ var Article = function Article(props) {
         renderIsiContent(props.article)
       )
     ),
-    main_39 && props.article.Ads.map(function (ad, index) {
+    main_36 && props.article.Ads.map(function (ad, index) {
       if (index > 0) {
         return React__default.createElement(
           'div',
@@ -1502,7 +1502,7 @@ var ArticleQueue = function ArticleQueue(props) {
     });
     var targeting = getTargeting(activeArticle);
 
-    if (!main_39) {
+    if (!main_36) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1519,7 +1519,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_39) {
+    if (main_36) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {

package/dist/esm/ArticleSeriesListing.js

@@ -11,17 +11,17 @@ import './web.dom.iterable-5c830d3d.js';
 import './typeof-f11fd438.js';
 import './_is-array-ced12663.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-47f5ff3b.js';
 import { d as debounce_1 } from './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import './index-51a80699.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import './slicedToArray-a58d7edf.js';
 import './smoothscroll-4b699764.js';