@mjhls/mjh-framework 1.0.841 → 1.0.842

package/dist/cjs/AdSlot.js

@@ -1,32 +1,94 @@
 'use strict';
 
-var _extends = require('./extends-29bdbc6d.js');
-var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-7a3ce269.js');
+require('./es6.string.iterator-ab94a594.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-ef35661e.js');
+require('./core.get-iterator-method-6cd7682d.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-acc1318d.js');
+require('./web.dom.iterable-68e3aaf2.js');
 var React = require('react');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+var index = require('./index-98e01cb9.js');
 var PropTypes = require('prop-types');
-var index = require('./index-fc2f1ca2.js');
-var debounce = require('./debounce-d4a2369b.js');
-var Beam = require('./Beam.js');
+var PropTypes__default = _interopDefault(PropTypes);
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-6191c8ee.js');
+require('./toNumber-f2f8744b.js');
+var main = require('./main-bc7d4bf8.js');
+var slicedToArray = require('./slicedToArray-41819145.js');
+require('./stringify-7ccc8524.js');
+require('./asyncToGenerator-8ae2191c.js');
 var Segment = require('./Segment.js');
-var main = require('./main-025fdc78.js');
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-6de10e57.js');
-require('./_object-pie-083f2dd6.js');
-require('./web.dom.iterable-46657b5c.js');
-require('./es6.string.iterator-c2573ffd.js');
-require('./core.get-iterator-method-f474eacc.js');
-require('./events-1b438fe7.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./stringify-c9ac1214.js');
-require('./asyncToGenerator-58c289d9.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-55a5657a.js');
+var Beam = require('./Beam.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var initialLoadIsDone = false;
+var initialLoadInProgress = false;
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+function runOnce(fn) {
+  var called = false;
+  return function () {
+    if (called) {
+      return;
+    }
+    called = true;
+    fn.apply(this, arguments);
+  };
+}
+
+var getSignalsAndRefreshAds = function getSignalsAndRefreshAds(slotId) {
+  index.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,
@@ -53,9 +115,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       setAdRefreshable = _useState4[1];
 
   var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
+      _useState6 = slicedToArray._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;
@@ -84,10 +146,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       eventData = _useState8[0],
       setEventData = _useState8[1];
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React__default['default'].createElement(index.lib_2, {
+    React__default.createElement(index.lib_2, {
       style: { marginBottom: '1rem' },
       slotId: slotId,
       sizes: sizes,
@@ -170,17 +232,22 @@ 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);
       }
     })
   );
 };
 
 DFPAdSlot.propTypes = {
-  adUnit: PropTypes__default['default'].string.isRequired,
-  slotId: PropTypes__default['default'].string,
-  className: PropTypes__default['default'].string,
-  sizeMapping: PropTypes__default['default'].array,
-  sizes: PropTypes__default['default'].array
+  adUnit: PropTypes__default.string.isRequired,
+  slotId: PropTypes__default.string,
+  className: PropTypes__default.string,
+  sizeMapping: PropTypes__default.array,
+  sizes: PropTypes__default.array
 };
 
 module.exports = DFPAdSlot;

package/dist/cjs/AdSlotsProvider.js

@@ -1,25 +1,23 @@
 'use strict';
 
-var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
-var toConsumableArray = require('./toConsumableArray-ddb70795.js');
-var React = require('react');
-var ReactGA = require('react-ga');
-var index = require('./index-fc2f1ca2.js');
-var main = require('./main-025fdc78.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./es6.string.iterator-c2573ffd.js');
-require('./_to-object-6de10e57.js');
-require('./web.dom.iterable-46657b5c.js');
+require('./_to-object-7a3ce269.js');
+require('./es6.string.iterator-ab94a594.js');
 require('./_library-dd23b178.js');
-require('./core.get-iterator-method-f474eacc.js');
-require('./_iter-detect-55a5657a.js');
+require('./_iter-detect-ef35661e.js');
+var toConsumableArray = require('./toConsumableArray-4fdb72e2.js');
+require('./core.get-iterator-method-6cd7682d.js');
+require('./web.dom.iterable-68e3aaf2.js');
+var React = require('react');
+var React__default = _interopDefault(React);
 require('./events-1b438fe7.js');
+var index = require('./index-98e01cb9.js');
 require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactGA__default = /*#__PURE__*/_interopDefaultLegacy(ReactGA);
+var main = require('./main-bc7d4bf8.js');
+var asyncToGenerator = require('./asyncToGenerator-8ae2191c.js');
+var ReactGA = _interopDefault(require('react-ga'));
 
 var _this = undefined;
 
@@ -35,14 +33,15 @@ 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');
 
     if (GA_TRACKING_ID && GA_TRACKING_ID.includes(',')) {
-      ReactGA__default['default'].event({
+      ReactGA.event({
         category: category,
         action: action,
         nonInteraction: true
@@ -50,7 +49,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
         return 'ga_id_' + ++index;
       }));
     } else {
-      ReactGA__default['default'].event({
+      ReactGA.event({
         category: category,
         action: action,
         nonInteraction: true
@@ -170,9 +169,14 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
     };
   }, []);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     index.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
   );
 };