@mjhls/mjh-framework 1.0.109-8.rlTest → 1.0.110

package/dist/esm/AdSlot.js

@@ -1,276 +0,0 @@
-import { _ as _extends } from './extends-2f4448b8.js';
-import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
-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';
-import './Beam.js';
-import Segment from './Segment.js';
-import { d as main_22 } from './main-754d4992.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-95db387d.js';
-import './web.dom.iterable-3fffc027.js';
-import './isSymbol-a7e9aafe.js';
-import './toNumber-5aeba6e7.js';
-import './stringify-1e2a5946.js';
-import './asyncToGenerator-1ebeb135.js';
-import './_library-528f1934.js';
-import './_set-species-7d3317b7.js';
-import './_iter-detect-2f89237f.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,
-      sizeMapping = _ref.sizeMapping,
-      className = _ref.className,
-      slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$refreshFlag = _ref.refreshFlag,
-      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag,
-      checkIsAdFound = _ref.checkIsAdFound,
-      _ref$setStickyAd = _ref.setStickyAd,
-      setStickyAd = _ref$setStickyAd === undefined ? function () {} : _ref$setStickyAd;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      adRefreshable = _useState4[0],
-      setAdRefreshable = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
-
-  var _useState7 = useState(refreshFlag),
-      _useState8 = _slicedToArray(_useState7, 2),
-      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 handleVisibilityChange = debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setAdRefreshable(false);
-    } else {
-      setAdRefreshable(true);
-    }
-  }, 500);
-
-  useEffect(function () {
-    if (main_22.toLowerCase().indexOf('adwallet') >= 0) {
-      setAdRefreshFlag(false);
-    }
-  }, []);
-
-  useEffect(function () {
-    // Setting hostname into AD targetting
-    if (window && window.location && window.location.hostname) {
-      adTargeting.hostname = window.location.hostname;
-    }
-  }, [adTargeting]);
-
-  var _useState9 = useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      eventData = _useState10[0],
-      setEventData = _useState10[1];
-
-  return React__default.createElement(
-    'div',
-    { className: className, style: { textAlign: 'center' } },
-    React__default.createElement('div', null),
-    React__default.createElement(
-      'div',
-      { ref: labelRef, style: { color: '#868e96', fontSize: '10px', visibility: 'hidden' } },
-      'Advertisement'
-    ),
-    React__default.createElement('div', null),
-    React__default.createElement(lib_2, {
-      style: { marginBottom: '1rem' },
-      slotId: slotId,
-      sizes: sizes,
-      adUnit: adUnit,
-      sizeMapping: sizeMapping,
-      targetingArguments: adTargeting,
-      onSlotIsViewable: function onSlotIsViewable(e) {
-        setStickyAd(true);
-        //Beam.report_beam_ad('Impression', deviceType, 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) {
-        // Updating the condition to remove the dependency on static slotId.
-        if (eventData && eventData.event && checkIsAdFound && checkIsAdFound !== null) {
-          if (eventData.event.size !== null && eventData.event.size.length) {
-            checkIsAdFound(true, eventData);
-          } else {
-            checkIsAdFound(false, eventData);
-          }
-        }
-
-        setAdRendered(true);
-        if (eventData && eventData.event) {
-          var cID = eventData.event.creativeId;
-          var lID = eventData.event.lineItemId;
-          var campID = eventData.event.campaignId;
-          var adSize = eventData.event.size && eventData.event.size.length > 1 ? eventData.event.size[0] + 'x' + eventData.event.size[1] : '';
-          var slot_id = eventData.slotId ? eventData.slotId : '';
-          var isEmpty = eventData.event.isEmpty;
-          var sourceAgnosticCreativeId = eventData.event.sourceAgnosticCreativeId;
-          var sourceAgnosticLineItemId = eventData.event.sourceAgnosticLineItemId;
-          var advertiserId = eventData.event.advertiserId;
-          var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
-
-          if (adSize && adSize !== '1x1') {
-            labelRef.current.style.visibility = 'visible';
-          }
-
-          if (adSize && adSize === '1x1' && eventData.slotId === 'floating-ad') {
-            try {
-              var footerAd = document.querySelector('.ADFooter');
-              if (footerAd) {
-                footerAd.style.visibility = 'hidden';
-              }
-            } catch (e) {}
-          }
-          setEventData({
-            cID: cID,
-            lID: lID,
-            campID: campID,
-            adSize: adSize,
-            slot_id: slot_id,
-            isEmpty: isEmpty,
-            sourceAgnosticCreativeId: sourceAgnosticCreativeId,
-            sourceAgnosticLineItemId: sourceAgnosticLineItemId,
-            advertiserId: advertiserId,
-            domain: domain
-          });
-
-          var slot_div = document.getElementById(eventData.slotId);
-          if (slot_div) {
-            slot_div.addEventListener('mouseenter', function () {
-              var timeoutId = slot_div.getAttribute('timeoutId');
-              clearTimeout(timeoutId);
-              slot_div.setAttribute('hasFocus', 'yes');
-            });
-
-            slot_div.addEventListener('mouseleave', function () {
-              var timeoutId = setTimeout(function () {
-                slot_div.setAttribute('hasFocus', 'no');
-              }, 60);
-              slot_div.setAttribute('timeoutId', timeoutId);
-            });
-
-            document.addEventListener('visibilitychange', function () {
-              if (!document.hidden) {
-                return;
-              }
-
-              var hasFocus = slot_div.getAttribute('hasFocus');
-              if (hasFocus == 'yes' && document.hidden) {
-                slot_div.setAttribute('hasFocus', 'no');
-                //Beam.report_beam_ad('Click', deviceType, cID, lID, campID, adSize, slotId)
-                Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
-              }
-            });
-          } else {
-            console.error('slot div not found:', slotId);
-          }
-        }
-      },
-      onSlotVisibilityChanged: handleVisibilityChange,
-      shouldRefresh: function shouldRefresh(event) {
-        if (adRendered && adRefreshable && adRefreshFlag) return true;else return false;
-      },
-      onSlotRegister: function onSlotRegister(e) {
-        window.PQ && setTimeout(function () {
-          getSignalsAndRefreshAds(e && e.slotId);
-        }, 0);
-      }
-    })
-  );
-};
-
-DFPAdSlot.propTypes = {
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
-};
-
-export { DFPAdSlot as default };

package/dist/esm/AdSlotsProvider.js

@@ -1,177 +0,0 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-1ebeb135.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e6f28e5c.js';
-import React__default, { useEffect } from 'react';
-import ReactGA from 'react-ga';
-import { l as lib_3, b as lib_1 } from './index-5cc7b406.js';
-import { e as main_24, m as main_43 } from './main-754d4992.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-95db387d.js';
-import './web.dom.iterable-3fffc027.js';
-import './_library-528f1934.js';
-import './_set-species-7d3317b7.js';
-import './_iter-detect-2f89237f.js';
-import 'prop-types';
-
-var _this = undefined;
-
-var AdSlotsProvider = function AdSlotsProvider(_ref) {
-  var children = _ref.children,
-      networkID = _ref.networkID,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$singleRequest = _ref.singleRequest,
-      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
-      _ref$autoRefresh = _ref.autoRefresh,
-      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh,
-      _ref$refreshADs = _ref.refreshADs,
-      refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
-      _ref$refreshInterval = _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.event({
-        category: category,
-        action: action,
-        nonInteraction: true
-      }, GA_TRACKING_ID.split(',').map(function (id, index) {
-        return 'ga_id_' + ++index;
-      }));
-    } else {
-      ReactGA.event({
-        category: category,
-        action: action,
-        nonInteraction: true
-      });
-    }
-  };
-  useEffect(function () {
-    // Refresh ADs after every one minute if user didn't scroll.
-    // refreshInterval accepts time in seconds and default is 60 seconds
-    var generateAdsToRefresh = function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ads) {
-        var googletag, slots, domAds, adsToRefresh;
-        return regenerator.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return lib_3.getGoogletag();
-
-              case 2:
-                googletag = _context.sent;
-
-                if (!(googletag && googletag.pubadsReady)) {
-                  _context.next = 8;
-                  break;
-                }
-
-                slots = googletag.pubads().getSlots();
-                domAds = slots.map(function (slot) {
-                  return slot.getSlotId().getDomId();
-                });
-                adsToRefresh = domAds.reduce(function (acc, item) {
-                  ads.forEach(function (ad) {
-                    if (item.includes(ad)) {
-                      acc = [].concat(_toConsumableArray(acc), [item]);
-                    }
-                  });
-                  return acc;
-                }, []);
-                return _context.abrupt('return', adsToRefresh);
-
-              case 8:
-                return _context.abrupt('return', ads);
-
-              case 9:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, _this);
-      }));
-
-      return function generateAdsToRefresh(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var isScrolling = void 0;
-    var adRefreshCount = 0;
-    var refreshADsAfterInterval = function refreshADsAfterInterval() {
-      isScrolling = setInterval(_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-        var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
-
-        return regenerator.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _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) {
-                  _context2.next = 8;
-                  break;
-                }
-
-                _context2.next = 5;
-                return generateAdsToRefresh(mobileAds);
-
-              case 5:
-                ads = _context2.sent;
-                _context2.next = 12;
-                break;
-
-              case 8:
-                if (!main_24) {
-                  _context2.next = 12;
-                  break;
-                }
-
-                _context2.next = 11;
-                return generateAdsToRefresh(desktopAds);
-
-              case 11:
-                ads = _context2.sent;
-
-              case 12:
-                lib_3.refresh.apply(lib_3, _toConsumableArray(ads));
-                logEvent('AD Refresh', 'AD');
-                adRefreshCount++;
-                console.log('NumOfTimesAd refreshed', adRefreshCount);
-                if (adRefreshCount == 5) clearInterval(isScrolling);
-
-              case 17:
-              case 'end':
-                return _context2.stop();
-            }
-          }
-        }, _callee2, _this);
-      })), parseInt(refreshInterval) * 1000);
-    };
-    autoRefresh && refreshADsAfterInterval();
-    autoRefresh && window.addEventListener('scroll', function () {
-      clearInterval(isScrolling);
-      refreshADsAfterInterval();
-    }, false);
-    return function () {
-      clearInterval(isScrolling);
-    };
-  }, []);
-
-  return React__default.createElement(
-    lib_1,
-    {
-      dfpNetworkId: networkID,
-      targeting: targeting,
-      singleRequest: singleRequest,
-      lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 },
-      disableInitialLoad: disableInitialLoad },
-    children
-  );
-};
-
-export { AdSlotsProvider as default };