@mjhls/mjh-framework 1.0.99-0.next12 → 1.0.99

package/dist/cjs/ADWebcast.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var AdSlot = require('./AdSlot.js');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./extends-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./stringify-f7a37a8d.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-require('./main-f1c77adb.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-//  Webcast AD : New AD with size [200,100] that is to be renderedin the LeftNav between the spotlight and subnavigation.
-var ADWebcast = function ADWebcast(_ref) {
-  var webcastAd = _ref.webcastAd,
-      _ref$minScreenWidth = _ref.minScreenWidth,
-      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth,
-      _ref$refreshFlag = _ref.refreshFlag,
-      refreshFlag = _ref$refreshFlag === undefined ? false : _ref$refreshFlag;
-  var className = webcastAd.className,
-      _webcastAd$slotId = webcastAd.slotId,
-      slotId = _webcastAd$slotId === undefined ? 'webcast-ad' : _webcastAd$slotId,
-      adUnit = webcastAd.adUnit,
-      _webcastAd$targeting = webcastAd.targeting,
-      targeting = _webcastAd$targeting === undefined ? {} : _webcastAd$targeting,
-      networkID = webcastAd.networkID,
-      _webcastAd$sizes = webcastAd.sizes,
-      sizes = _webcastAd$sizes === undefined ? [[200, 100]] : _webcastAd$sizes;
-
-  // AD targeting
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    document_url: targeting.document_url,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    // setting pos for webcast ad.
-    pos: 'smrec1',
-    campaign_id: targeting.campaign_id,
-    issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
-  };
-
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      widthFlag = _useState2[0],
-      setWidthFlag = _useState2[1];
-
-  var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      var setPreviewAd = _useState4[1];
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  React.useEffect(function () {
-    if (window && window.innerWidth >= minScreenWidth) {
-      setWidthFlag(true);
-    }
-  }, [minScreenWidth]);
-
-  if (widthFlag) {
-    return React__default['default'].createElement(
-      React__default['default'].Fragment,
-      null,
-      React__default['default'].createElement(
-        'div',
-        { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
-        React__default['default'].createElement(
-          'div',
-          { className: 'webcast-ad', style: { paddingBottom: '15px' } },
-          React__default['default'].createElement(AdSlot, {
-            className: className,
-            slotId: slotId,
-            networkID: networkID,
-            sizes: sizes
-            // To show AD from screenwidth >= 1200
-            , sizeMapping: [{ viewport: [1200, 0], sizes: sizes }, { viewport: [0, 0], sizes: [0, 0] }],
-            adUnit: adUnit,
-            targeting: adTargeting
-            /* Passing refresh flag */
-            , refreshFlag: refreshFlag
-            /* Passing function to check for ad creative only if it is not in preview. */
-            // checkIsAdFound={previewAd ? null : checkIsAdFound}
-          })
-        ),
-        React__default['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          '
-        )
-      )
-    );
-  } else return null;
-};
-
-module.exports = ADWebcast;

package/dist/cjs/ADWelcome.js

@@ -1,166 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var AdSlot = require('./AdSlot.js');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./extends-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./stringify-f7a37a8d.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-require('./main-f1c77adb.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ADWelcome = function ADWelcome(_ref) {
-  var title = _ref.title,
-      welcomeAd = _ref.welcomeAd,
-      setFlag = _ref.setFlag,
-      Website = _ref.Website,
-      counter = _ref.counter;
-  var className = welcomeAd.className,
-      slotId = welcomeAd.slotId,
-      adUnit = welcomeAd.adUnit,
-      _welcomeAd$targeting = welcomeAd.targeting,
-      targeting = _welcomeAd$targeting === undefined ? {} : _welcomeAd$targeting,
-      _welcomeAd$position = welcomeAd.position,
-      position = _welcomeAd$position === undefined ? 'welcome' : _welcomeAd$position,
-      networkID = welcomeAd.networkID,
-      sizes = welcomeAd.sizes;
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    document_url: targeting.document_url,
-    pos: position,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    campaign_id: targeting.campaign_id,
-    issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
-  };
-
-  var calculateTimeLeft = function calculateTimeLeft(timeLeft) {
-    return --timeLeft;
-  };
-
-  var _useState = React.useState(null),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      timeLeft = _useState2[0],
-      setTimeLeft = _useState2[1];
-
-  React.useEffect(function () {
-    if (timeLeft !== null) {
-      if (timeLeft > 0) {
-        setTimeout(function () {
-          setTimeLeft(calculateTimeLeft(timeLeft));
-        }, 1000);
-      } else {
-        document.body.style.overflow = 'auto';
-        setFlag(true);
-      }
-    }
-  }, [timeLeft]);
-  React.useEffect(function () {
-    var adBlockDetected = function adBlockDetected() {
-      console.log('ADBLOCKER DETECTED');
-      document.body.style.overflow = 'auto';
-      setFlag(true);
-    };
-    fetch('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js').then('', function () {
-      adBlockDetected();
-    });
-  }, []);
-  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
-    if (isFound) {
-      var parent = document.getElementById('welcome-modal');
-      document.body.style.overflow = 'hidden';
-      parent.style.display = 'block';
-      parent.style.opacity = '1';
-      setTimeLeft(counter);
-    } else {
-      document.body.style.overflow = 'auto';
-      setFlag(true);
-    }
-  };
-
-  return (
-    // Setting welcome ad to display:none and Setting to display:block after checking for cookie in site level.
-    React__default['default'].createElement(
-      'div',
-      { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
-      React__default['default'].createElement(
-        'div',
-        { className: 'welcome-ad-head-wrapper' },
-        React__default['default'].createElement(
-          'div',
-          { className: 'left-top' },
-          React__default['default'].createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
-        ),
-        React__default['default'].createElement(
-          'div',
-          { className: 'right-top' },
-          React__default['default'].createElement(
-            'span',
-            {
-              className: 'continue-site',
-              style: {
-                fontSize: '1.2rem',
-                fontWeight: 'bold',
-                fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-              },
-              onClick: function onClick() {
-                document.body.style.overflow = 'auto';
-                setFlag(true);
-              } },
-            'CONTINUE TO SITE'
-          ),
-          React__default['default'].createElement(
-            'p',
-            {
-              style: {
-                fontSize: '0.8rem',
-                fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
-              },
-              className: 'timer-block' },
-            'OR WAIT ' + timeLeft + ' SECS'
-          )
-        )
-      ),
-      React__default['default'].createElement(
-        'div',
-        { className: title },
-        React__default['default'].createElement(AdSlot, {
-          className: className,
-          slotId: slotId,
-          networkID: networkID,
-          sizes: sizes,
-          adUnit: adUnit,
-          targeting: adTargeting,
-          refreshFlag: false,
-          checkIsAdFound: checkIsAdFound
-        })
-      ),
-      React__default['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        /* setting height to 0px when the ad slot is empty. */\n        .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
-      )
-    )
-  );
-};
-
-module.exports = ADWelcome;

package/dist/cjs/ADlgInfeed-d06624d8.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-require('react-bootstrap/Card');
-var AdSlot = require('./AdSlot.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ADlgInfeed = function ADlgInfeed(props) {
-  var className = props.className,
-      slotId = props.slotId,
-      adUnit = props.adUnit,
-      _props$targeting = props.targeting,
-      targeting = _props$targeting === undefined ? {} : _props$targeting,
-      networkID = props.networkID,
-      sizes = props.sizes,
-      index = props.index,
-      _props$refreshFlag = props.refreshFlag,
-      refreshFlag = _props$refreshFlag === undefined ? false : _props$refreshFlag;
-
-  var _useState = React.useState(true),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2);
-      _useState2[0];
-      var setPreviewAd = _useState2[1];
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  return React__default['default'].createElement(
-    'div',
-    { id: 'lg-infeed-wrapper-' + (index + 1), className: 'lg-infeed-wrapper', style: { display: 'flex', flex: '1 0 auto' } },
-    React__default['default'].createElement(AdSlot, {
-      className: className,
-      networkID: networkID,
-      adUnit: adUnit,
-      slotId: slotId,
-      targeting: targeting,
-      sizes: sizes
-      /* Passing function to check for ad creative only if it is not in preview. */
-      // checkIsAdFound={previewAd ? null : checkIsAdFound}
-      /* Passing refresh flag */
-      , refreshFlag: refreshFlag
-    }),
-    React__default['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        .lg-infeed-wrapper div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
-    )
-  );
-};
-
-exports.ADlgInfeed = ADlgInfeed;

package/dist/cjs/AccordionPanel.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var Accordion = require('react-bootstrap/Accordion');
-var AccordionToggle = require('react-bootstrap/AccordionToggle');
-var index_esm = require('./index.esm-d81454e7.js');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./iconBase-be4097c0.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
-
-var AccordionPanel = function AccordionPanel(props) {
-  var accordionClassName = props.accordionClassName,
-      data = props.data;
-
-  var _useState = React.useState('0'),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      activeAccordionKey = _useState2[0],
-      setaAtiveAccordionKey = _useState2[1];
-
-  var handleAccordion = function handleAccordion(id) {
-    setaAtiveAccordionKey(id);
-  };
-
-  var CustomToggle = function CustomToggle(_ref) {
-    var children = _ref.children,
-        eventKey = _ref.eventKey;
-
-    var decoratedOnClick = AccordionToggle.useAccordionToggle(eventKey, function () {
-      return handleAccordion(eventKey);
-    });
-    return React__default['default'].createElement(
-      'div',
-      { onMouseEnter: decoratedOnClick, className: 'accordion-head' },
-      children
-    );
-  };
-
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    data && data.length && React__default['default'].createElement(
-      Accordion__default['default'],
-      { defaultActiveKey: '0', activeKey: activeAccordionKey, className: accordionClassName },
-      data.map(function (item) {
-        return React__default['default'].createElement(
-          React__default['default'].Fragment,
-          null,
-          React__default['default'].createElement(
-            CustomToggle,
-            { key: item.id, eventKey: item.id },
-            React__default['default'].createElement(
-              'a',
-              { href: item.url },
-              React__default['default'].createElement(
-                React__default['default'].Fragment,
-                null,
-                item.title,
-                item.subItems && React__default['default'].createElement(index_esm.IoMdArrowDropdown, null)
-              )
-            )
-          ),
-          React__default['default'].createElement(
-            Accordion__default['default'].Collapse,
-            { eventKey: item.id },
-            React__default['default'].createElement(
-              'div',
-              null,
-              item.subItems && item.subItems.map(function (subItem) {
-                return React__default['default'].createElement(
-                  'a',
-                  { href: subItem.url },
-                  React__default['default'].createElement(
-                    'div',
-                    { key: subItem.id, className: 'accordion-sub-item' },
-                    subItem.title
-                  )
-                );
-              })
-            )
-          )
-        );
-      })
-    )
-  );
-};
-
-module.exports = AccordionPanel;

package/dist/cjs/AdSlot.js

@@ -1,251 +0,0 @@
-'use strict';
-
-var _extends = require('./extends-7c86182f.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var index = require('./index-0e4427c8.js');
-var debounce = require('./debounce-d4a2369b.js');
-require('./Beam.js');
-var Segment = require('./Segment.js');
-require('./main-f1c77adb.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./_object-pie-083f2dd6.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./stringify-f7a37a8d.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-b1df62f0.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-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) {
-  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,
-      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 = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      adRefreshable = _useState4[0],
-      setAdRefreshable = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
-
-  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 handleVisibilityChange = debounce.debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setAdRefreshable(false);
-    } else {
-      setAdRefreshable(true);
-    }
-  }, 500);
-
-  React.useEffect(function () {
-    // Setting hostname into AD targetting
-    if (window && window.location && window.location.hostname) {
-      adTargeting.hostname = window.location.hostname;
-    }
-  }, [adTargeting]);
-
-  var _useState7 = React.useState(null),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      eventData = _useState8[0],
-      setEventData = _useState8[1];
-
-  return React__default['default'].createElement(
-    'div',
-    { className: className, style: { textAlign: 'center' } },
-    React__default['default'].createElement(index.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 : '';
-
-          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 && refreshFlag) return true;else return false;
-      },
-      onSlotRegister: function onSlotRegister(e) {
-        window.PQ && 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
-};
-
-module.exports = DFPAdSlot;