@mjhls/mjh-framework 1.0.1088 → 1.0.1089

package/dist/cjs/AdSlot.js

@@ -122,11 +122,11 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       adRefreshFlag = _useState8[0],
       setAdRefreshFlag = _useState8[1];
 
+  var labelRef = React.useRef(null);
   targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
   targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
 
   var adTargeting = _extends._extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
-  var randomClass = Math.floor(Math.random() * 2000);
 
   var handleVisibilityChange = debounce.debounce_1(function (_ref2) {
     var event = _ref2.event;
@@ -162,7 +162,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
     React__default["default"].createElement('div', null),
     React__default["default"].createElement(
       'div',
-      { id: randomClass + '-label', style: { color: '#868e96', fontSize: '10px', visibility: 'hidden' } },
+      { ref: labelRef, style: { color: '#868e96', fontSize: '10px', visibility: 'hidden' } },
       'Advertisement'
     ),
     React__default["default"].createElement('div', null),
@@ -177,7 +177,6 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
         setStickyAd(true);
         //Beam.report_beam_ad('Impression', deviceType, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id)
 
-        document.getElementById(randomClass + '-label').style.visibility = 'visible';
         Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
@@ -203,6 +202,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
           var advertiserId = eventData.event.advertiserId;
           var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
 
+          if (adSize && adSize !== '1x1') {
+            labelRef.current.style.visibility = 'visible';
+          }
+
           setEventData({
             cID: cID,
             lID: lID,

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-be0d85bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ArticleSeriesLandingPage.js

@@ -33,13 +33,13 @@ require('./visibility-sensor-56020df6.js');
 require('react-dom');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-812888f1.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/ContentCardPaginated.js

@@ -16,7 +16,7 @@ var urlFor = require('./urlFor.js');
 var index$1 = require('./index-65621b6c.js');
 var main = require('./main-812888f1.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var Pagination = require('./Pagination-6359861a.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/DeckContent.js

@@ -18,7 +18,7 @@ var urlFor = require('./urlFor.js');
 var index$1 = require('./index-65621b6c.js');
 var main = require('./main-812888f1.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_iter-detect-b1df62f0.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-be0d85bc.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var index = require('./index-4d21663c.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/GridContent.js

@@ -14,9 +14,9 @@ var moment = require('./moment-f730814d.js');
 var Router = require('next/router');
 var index$1 = require('./index-65621b6c.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var lodash = require('./lodash-f0783643.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var get = require('./get-5839e5b5.js');
 var debounce = require('./debounce-d4a2369b.js');

package/dist/cjs/GridContentPaginated.js

@@ -15,9 +15,9 @@ var moment = require('./moment-f730814d.js');
 var Router = require('next/router');
 var index$1 = require('./index-65621b6c.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var lodash = require('./lodash-f0783643.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var get = require('./get-5839e5b5.js');
 var urlFor = require('./urlFor.js');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./YoutubeGroup.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var PixelTracking = require('./PixelTracking.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -26,7 +26,7 @@ require('next/router');
 require('./index-65621b6c.js');
 require('./main-812888f1.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -40,7 +40,7 @@ require('./_set-species-0c7864a2.js');
 require('./Segment.js');
 require('./AuthorComponent-7d00f6d5.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('react-bootstrap/Breadcrumb');

package/dist/cjs/MasterDeck.js

@@ -18,8 +18,8 @@ var index_es = require('./index.es-1ab8dda7.js');
 var visibilitySensor = require('./visibility-sensor-56020df6.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 require('./main-812888f1.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/MasterDeckPaginated.js

@@ -12,8 +12,8 @@ var Spinner = require('react-bootstrap/Spinner');
 var Router = require('next/router');
 var lodash = require('./lodash-f0783643.js');
 var main = require('./main-812888f1.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var Pagination = require('./Pagination-6359861a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/MediaSeriesCard.js

@@ -7,7 +7,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-f730814d.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLanding.js

@@ -12,7 +12,7 @@ var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -39,13 +39,13 @@ require('./toNumber-5e1fac58.js');
 require('./index.es-1ab8dda7.js');
 require('./visibility-sensor-56020df6.js');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-812888f1.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('./index-65621b6c.js');
 require('./urlFor.js');
 require('./style-inject.es-dcee06b6.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -12,7 +12,7 @@ var Link = require('next/link');
 var BlockContent = require('./BlockContent-96b44364.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -33,7 +33,7 @@ require('react-bootstrap/Spinner');
 require('next/router');
 require('./lodash-f0783643.js');
 require('./main-812888f1.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -41,7 +41,7 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('./Pagination-6359861a.js');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
 require('./_commonjsHelpers-06173234.js');
@@ -33,7 +33,7 @@ require('next/router');
 require('./index-65621b6c.js');
 require('./main-812888f1.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -44,7 +44,7 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-7d00f6d5.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('./index-d48b231c.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -12,7 +12,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
 require('./_commonjsHelpers-06173234.js');
@@ -32,7 +32,7 @@ require('react-dom');
 require('./lodash-f0783643.js');
 require('./main-812888f1.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -42,7 +42,7 @@ require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-7d00f6d5.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('./Pagination-6359861a.js');

package/dist/cjs/PodcastsLanding.js

@@ -8,7 +8,7 @@ var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -37,13 +37,13 @@ require('./index.es-1ab8dda7.js');
 require('./visibility-sensor-56020df6.js');
 require('react-dom');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-812888f1.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('./index-65621b6c.js');
 require('./urlFor.js');
 require('./style-inject.es-dcee06b6.js');

package/dist/cjs/PubSection.js

@@ -25,7 +25,7 @@ require('next/router');
 require('./index-65621b6c.js');
 require('./main-812888f1.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -36,7 +36,7 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./AuthorComponent-7d00f6d5.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 

package/dist/cjs/QueueDeckExpanded.js

@@ -14,10 +14,10 @@ var Router = require('next/router');
 var index = require('./index-65621b6c.js');
 var main = require('./main-812888f1.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var AuthorComponent = require('./AuthorComponent-7d00f6d5.js');
 var lodash = require('./lodash-f0783643.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/QueueDeckExpandedPaginated.js

@@ -13,9 +13,9 @@ var index$1 = require('./index-65621b6c.js');
 var lodash = require('./lodash-f0783643.js');
 var main = require('./main-812888f1.js');
 var entities = require('./entities-df1aed86.js');
-var ADInfeed = require('./ADInfeed-af4736ab.js');
+var ADInfeed = require('./ADInfeed-3eabeab4.js');
 var AuthorComponent = require('./AuthorComponent-7d00f6d5.js');
-var ADlgInfeed = require('./ADlgInfeed-54288733.js');
+var ADlgInfeed = require('./ADlgInfeed-fc42f8c4.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 var urlFor = require('./urlFor.js');

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-96b44364.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/VideoSeriesLandingPage.js

@@ -37,13 +37,13 @@ require('./index.es-1ab8dda7.js');
 require('./visibility-sensor-56020df6.js');
 require('react-dom');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-812888f1.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('./index-65621b6c.js');
 require('./urlFor.js');
 require('./style-inject.es-dcee06b6.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-56020df6.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-a8b51591.js');
 var getTargeting = require('./getTargeting-5b954783.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 require('./BlockContent-96b44364.js');
 require('./entities-df1aed86.js');
 require('./slicedToArray-067dd3bc.js');

package/dist/cjs/index.js

@@ -91,7 +91,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-e412e727.js');
+var getSerializers = require('./index-4aba677d.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -135,9 +135,9 @@ require('./visibility-sensor-56020df6.js');
 require('react-dom');
 require('./main-812888f1.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-af4736ab.js');
+require('./ADInfeed-3eabeab4.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-54288733.js');
+require('./ADlgInfeed-fc42f8c4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./get-5839e5b5.js');
 require('./eq-5fc26c07.js');

package/dist/esm/AdSlot.js

@@ -1,6 +1,6 @@
 import { _ as _extends } from './extends-2f4448b8.js';
 import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { l as lib_3, a as lib_2 } from './index-5cc7b406.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
@@ -115,11 +115,11 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       adRefreshFlag = _useState8[0],
       setAdRefreshFlag = _useState8[1];
 
+  var labelRef = useRef(null);
   targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
   targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
 
   var adTargeting = _extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
-  var randomClass = Math.floor(Math.random() * 2000);
 
   var handleVisibilityChange = debounce_1(function (_ref2) {
     var event = _ref2.event;
@@ -155,7 +155,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
     React__default.createElement('div', null),
     React__default.createElement(
       'div',
-      { id: randomClass + '-label', style: { color: '#868e96', fontSize: '10px', visibility: 'hidden' } },
+      { ref: labelRef, style: { color: '#868e96', fontSize: '10px', visibility: 'hidden' } },
       'Advertisement'
     ),
     React__default.createElement('div', null),
@@ -170,7 +170,6 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
         setStickyAd(true);
         //Beam.report_beam_ad('Impression', deviceType, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id)
 
-        document.getElementById(randomClass + '-label').style.visibility = 'visible';
         Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
@@ -196,6 +195,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
           var advertiserId = eventData.event.advertiserId;
           var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
 
+          if (adSize && adSize !== '1x1') {
+            labelRef.current.style.visibility = 'visible';
+          }
+
           setEventData({
             cID: cID,
             lID: lID,

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
 import { _ as _extends } from './extends-2f4448b8.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/ArticleSeriesLandingPage.js

@@ -31,13 +31,13 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './slicedToArray-72ed566b.js';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-1e2a5946.js';
 import './Segment.js';
 import './main-dde1592e.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 
 var _this = undefined;
 

package/dist/esm/ContentCardPaginated.js

@@ -14,7 +14,7 @@ import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-dde1592e.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { P as Pagination } from './Pagination-9fe9f61d.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/DeckContent.js

@@ -16,7 +16,7 @@ import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-dde1592e.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './_iter-detect-2f89237f.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-2f4448b8.js';
 import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import { m as momentTimezone } from './index-887c1f5e.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/GridContent.js

@@ -12,9 +12,9 @@ import { m as moment } from './moment-48faeb9c.js';
 import { withRouter } from 'next/router';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { l as lodash } from './lodash-f97fd99a.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-3c308da4.js';
 import { d as debounce_1 } from './debounce-533d9748.js';

package/dist/esm/GridContentPaginated.js

@@ -13,9 +13,9 @@ import { m as moment } from './moment-48faeb9c.js';
 import { withRouter } from 'next/router';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { l as lodash } from './lodash-f97fd99a.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-3c308da4.js';
 import urlFor from './urlFor.js';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './YoutubeGroup.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import { PixelTrackingLandingPages } from './PixelTracking.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
@@ -24,7 +24,7 @@ import 'next/router';
 import './index-755f2cc2.js';
 import './main-dde1592e.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -38,7 +38,7 @@ import './_set-species-7d3317b7.js';
 import './Segment.js';
 import './AuthorComponent-d9653ae5.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import 'react-bootstrap/Breadcrumb';

package/dist/esm/MasterDeck.js

@@ -16,8 +16,8 @@ import { I as InfiniteScroll } from './index.es-a6137319.js';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import './slicedToArray-72ed566b.js';
 import './index-3f5c03b2.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import './main-dde1592e.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/MasterDeckPaginated.js

@@ -10,8 +10,8 @@ import Spinner from 'react-bootstrap/Spinner';
 import { withRouter } from 'next/router';
 import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-dde1592e.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { P as Pagination } from './Pagination-9fe9f61d.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/MediaSeriesCard.js

@@ -5,7 +5,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-48faeb9c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/MediaSeriesLanding.js

@@ -10,7 +10,7 @@ import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';
@@ -37,13 +37,13 @@ import './toNumber-5aeba6e7.js';
 import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-1e2a5946.js';
 import './Segment.js';
 import './main-dde1592e.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import './index-755f2cc2.js';
 import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -10,7 +10,7 @@ import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';
@@ -31,7 +31,7 @@ import 'react-bootstrap/Spinner';
 import 'next/router';
 import './lodash-f97fd99a.js';
 import './main-dde1592e.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -39,7 +39,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import './Pagination-9fe9f61d.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';

package/dist/esm/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
 import './_commonjsHelpers-0c4b6f40.js';
@@ -31,7 +31,7 @@ import 'next/router';
 import './index-755f2cc2.js';
 import './main-dde1592e.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -42,7 +42,7 @@ import './stringify-1e2a5946.js';
 import './Segment.js';
 import './AuthorComponent-d9653ae5.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import './index-3f5c03b2.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
 import './_commonjsHelpers-0c4b6f40.js';
@@ -30,7 +30,7 @@ import 'react-dom';
 import './lodash-f97fd99a.js';
 import './main-dde1592e.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -40,7 +40,7 @@ import './Beam.js';
 import './stringify-1e2a5946.js';
 import './Segment.js';
 import './AuthorComponent-d9653ae5.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import './Pagination-9fe9f61d.js';

package/dist/esm/PodcastsLanding.js

@@ -6,7 +6,7 @@ import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';
@@ -35,13 +35,13 @@ import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-1e2a5946.js';
 import './Segment.js';
 import './main-dde1592e.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import './index-755f2cc2.js';
 import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';

package/dist/esm/PubSection.js

@@ -23,7 +23,7 @@ import 'next/router';
 import './index-755f2cc2.js';
 import './main-dde1592e.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -34,7 +34,7 @@ import './stringify-1e2a5946.js';
 import './Segment.js';
 import './AuthorComponent-d9653ae5.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 

package/dist/esm/QueueDeckExpanded.js

@@ -12,10 +12,10 @@ import { useRouter } from 'next/router';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-dde1592e.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { A as AuthorComponent } from './AuthorComponent-d9653ae5.js';
 import { l as lodash } from './lodash-f97fd99a.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/QueueDeckExpandedPaginated.js

@@ -11,9 +11,9 @@ import { L as LazyLoad } from './index-755f2cc2.js';
 import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-dde1592e.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-c7606b73.js';
+import { A as ADInfeed } from './ADInfeed-8fd14c74.js';
 import { A as AuthorComponent } from './AuthorComponent-d9653ae5.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1dabd239.js';
+import { A as ADlgInfeed } from './ADlgInfeed-9c3fc2ec.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import urlFor from './urlFor.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-6ea82220.js';
+import { g as getSerializers } from './index-fcb8d351.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/VideoSeriesLandingPage.js

@@ -35,13 +35,13 @@ import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-1e2a5946.js';
 import './Segment.js';
 import './main-dde1592e.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import './index-755f2cc2.js';
 import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-6ea82220.js';
+import { r as renderAuthor, g as getSerializers } from './index-fcb8d351.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-5757414b.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-b62a177c.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-6ea82220.js';
+export { g as default } from './index-fcb8d351.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-72ed566b.js';

package/dist/esm/index.js

@@ -88,7 +88,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-6ea82220.js';
+export { g as getSerializers } from './index-fcb8d351.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -132,9 +132,9 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './main-dde1592e.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-c7606b73.js';
+import './ADInfeed-8fd14c74.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-1dabd239.js';
+import './ADlgInfeed-9c3fc2ec.js';
 import './getContentCategory-15dcc413.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';

package/package.json

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