@mjhls/mjh-framework 1.0.840 → 1.0.841-dv

package/dist/esm/AdSlot.js

@@ -1,25 +1,88 @@
-import { _ as _extends } from './extends-60e0e1c6.js';
-import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
+import './_library-528f1934.js';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-6f2fcc99.js';
+import './web.dom.iterable-4439f05a.js';
 import React, { useState, useEffect } from 'react';
+import './events-6c3a7a63.js';
+import { l as lib_3, a as lib_2 } from './index-f7fb1e25.js';
 import PropTypes from 'prop-types';
-import { a as lib_2 } from './index-2446af28.js';
-import { d as debounce_1 } from './debounce-533d9748.js';
-import Beam from './Beam.js';
+import './isSymbol-1981418f.js';
+import { d as debounce_1 } from './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import { d as main_16 } from './main-aef58dbc.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import './stringify-4330ccdc.js';
+import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
-import { d as main_18 } from './main-b5c5aac1.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b50e61c3.js';
-import './_object-pie-133f504a.js';
-import './web.dom.iterable-4109ff68.js';
-import './es6.string.iterator-bc33758b.js';
-import './core.get-iterator-method-133dfacd.js';
-import './events-6c3a7a63.js';
-import './isSymbol-a7e9aafe.js';
-import './toNumber-5aeba6e7.js';
-import './stringify-59c8f690.js';
-import './asyncToGenerator-7f8f9219.js';
-import './_library-528f1934.js';
-import './_iter-detect-7e5e5ce2.js';
+import Beam from './Beam.js';
+
+var initialLoadIsDone = false;
+var initialLoadInProgress = false;
+
+function runOnce(fn) {
+  var called = false;
+  return function () {
+    if (called) {
+      return;
+    }
+    called = true;
+    fn.apply(this, arguments);
+  };
+}
+
+var getSignalsAndRefreshAds = function getSignalsAndRefreshAds(slotId) {
+  lib_3.getGoogletag().then(function (googletag) {
+    googletag.cmd.push(function () {
+      if (!initialLoadIsDone && !initialLoadInProgress && googletag.pubads().getSlots().length > 0) {
+        // trigger ads refresh within googletag
+        var refreshAds = function refreshAds() {
+          googletag.cmd.push(function () {
+            googletag.pubads().refresh();
+            initialLoadIsDone = true;
+          });
+        };
+        // wrap to make sure it's called once
+
+
+        initialLoadInProgress = true;var refreshAdsOnce = runOnce(refreshAds);
+        // trigger signals request and refresh ads when it's ready
+        window.PQ.cmd.push(function () {
+          PQ.loadSignals(['ids', 'bsc', 'vlp'], refreshAdsOnce);
+        });
+        // just in case something go wrong ads will be refreshed anyway after specified timeout
+        var timeout = 1000;
+        setTimeout(refreshAdsOnce, timeout);
+      }
+      if (initialLoadIsDone) {
+        googletag.cmd.push(function () {
+          var slots = googletag.pubads().getSlots();
+          // find new slot within googletag
+          var newSlot = slots.find(function (slot) {
+            return slot.getSlotElementId() === slotId;
+          });
+          // refresh single slot which was added
+          function refreshAd() {
+            googletag.cmd.push(function () {
+              googletag.pubads().refresh([newSlot]);
+            });
+          }
+          var refreshAdOnce = runOnce(refreshAd);
+          // get VLP signal value only for the added slot; IDS and BSC signals are global for the whole page so no need to refetch
+          window.PQ.cmd.push(function () {
+            PQ.loadSignalsForSlots([newSlot], refreshAdOnce);
+          });
+          var timeout = 1000;
+          setTimeout(refreshAdOnce, timeout);
+        });
+      }
+    });
+  });
+};
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
@@ -46,9 +109,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       setAdRefreshable = _useState4[1];
 
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      adHasFocus = _useState6[0],
+      setAdHasFocus = _useState6[1];
 
   targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
   targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
@@ -89,7 +152,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       targetingArguments: adTargeting,
       onSlotIsViewable: function onSlotIsViewable(e) {
         setStickyAd(true);
-        Beam.report_beam_ad('Impression', main_18, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
+        Beam.report_beam_ad('Impression', main_16, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
         Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
@@ -151,7 +214,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
               var hasFocus = slot_div.getAttribute('hasFocus');
               if (hasFocus == 'yes' && document.hidden) {
                 slot_div.setAttribute('hasFocus', 'no');
-                Beam.report_beam_ad('Click', main_18, cID, lID, campID, adSize, slotId);
+                Beam.report_beam_ad('Click', main_16, cID, lID, campID, adSize, slotId);
                 Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
               }
             });
@@ -163,6 +226,11 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       onSlotVisibilityChanged: handleVisibilityChange,
       shouldRefresh: function shouldRefresh(event) {
         if (adRendered && adRefreshable && refreshFlag) return true;else return false;
+      },
+      onSlotRegister: function onSlotRegister(e) {
+        setTimeout(function () {
+          getSignalsAndRefreshAds(e && e.slotId);
+        }, 0);
       }
     })
   );

package/dist/esm/AdSlotsProvider.js

@@ -1,18 +1,18 @@
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
-import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
-import React, { useEffect } from 'react';
-import ReactGA from 'react-ga';
-import { l as lib_3, b as lib_1 } from './index-2446af28.js';
-import { e as main_24, m as main_43 } from './main-b5c5aac1.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './es6.string.iterator-bc33758b.js';
-import './_to-object-b50e61c3.js';
-import './web.dom.iterable-4109ff68.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
 import './_library-528f1934.js';
-import './core.get-iterator-method-133dfacd.js';
-import './_iter-detect-7e5e5ce2.js';
+import './_iter-detect-5d49a330.js';
+import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
+import './core.get-iterator-method-e1de7503.js';
+import './web.dom.iterable-4439f05a.js';
+import React, { useEffect } from 'react';
 import './events-6c3a7a63.js';
+import { l as lib_3, b as lib_1 } from './index-f7fb1e25.js';
 import 'prop-types';
+import { e as main_22, m as main_39 } from './main-aef58dbc.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
+import ReactGA from 'react-ga';
 
 var _this = undefined;
 
@@ -28,8 +28,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
       _ref$refreshADs = _ref.refreshADs,
       refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
       _ref$refreshInterval = _ref.refreshInterval,
-      refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval;
-
+      refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval,
+      _ref$disableInitialLo = _ref.disableInitialLoad,
+      disableInitialLoad = _ref$disableInitialLo === undefined ? false : _ref$disableInitialLo;
 
   var logEvent = function logEvent(action, category, GA_TRACKING_ID) {
     if (!GA_TRACKING_ID && typeof window !== 'undefined') GA_TRACKING_ID = sessionStorage.getItem('GA_TRACKING_ID');
@@ -113,7 +114,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
                 _refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
                 ads = [];
 
-                if (!main_43) {
+                if (!main_39) {
                   _context2.next = 8;
                   break;
                 }
@@ -127,7 +128,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
                 break;
 
               case 8:
-                if (!main_24) {
+                if (!main_22) {
                   _context2.next = 12;
                   break;
                 }
@@ -165,7 +166,12 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
 
   return React.createElement(
     lib_1,
-    { dfpNetworkId: networkID, targeting: targeting, singleRequest: singleRequest, lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 } },
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 },
+      disableInitialLoad: disableInitialLoad },
     children
   );
 };