@mjhls/mjh-framework 1.0.97 → 1.0.99-0.next-12

package/dist/cjs/ADWebcast.js

@@ -0,0 +1,119 @@
+'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

@@ -0,0 +1,166 @@
+'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

@@ -0,0 +1,60 @@
+'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

@@ -0,0 +1,94 @@
+'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

@@ -0,0 +1,251 @@
+'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;