@mjhls/mjh-framework 1.0.1005-next12 → 1.0.1005-next12-0002

package/dist/esm/ADWebcast.js

@@ -1,113 +1 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-8c71f470.js';
-import './_library-528f1934.js';
-import './_iter-detect-72edfd60.js';
-import './_object-pie-33c40e79.js';
-import './extends-7fbbe94e.js';
-import './web.dom.iterable-406140e0.js';
-import React, { useState, useEffect } from 'react';
-import './index-1819118a.js';
-import 'prop-types';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { _ as _slicedToArray } from './slicedToArray-99bcfd93.js';
-import './main-43ca42fe.js';
-import './stringify-0c65d837.js';
-import './asyncToGenerator-9c835201.js';
-import './Segment.js';
-import './Beam.js';
-import DFPAdSlot from './AdSlot.js';
-
-//  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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      widthFlag = _useState2[0],
-      setWidthFlag = _useState2[1];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      previewAd = _useState4[0],
-      setPreviewAd = _useState4[1];
-
-  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');
-    }));
-  }, []);
-
-  useEffect(function () {
-    if (window && window.innerWidth >= minScreenWidth) {
-      setWidthFlag(true);
-    }
-  }, [minScreenWidth]);
-
-  if (widthFlag) {
-    return React.createElement(
-      React.Fragment,
-      null,
-      React.createElement(
-        'div',
-        { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
-        React.createElement(
-          'div',
-          { className: 'webcast-ad', style: { paddingBottom: '15px' } },
-          React.createElement(DFPAdSlot, {
-            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.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;
-};
-
-export default ADWebcast;
+import"./slicedToArray-f57adb2c.js";import"react";import"./AdSlot-16696371.js";export{a as default}from"./ADWebcast-6f27e384.js";import"./unsupportedIterableToArray-b359dd50.js";import"./defineProperty-18999f8e.js";import"prop-types";import"react-dfp";import"lodash/debounce";import"./segment-lib-3a19dbdd.js";import"./index-00bbf2b1.js";import"react-device-detect";

package/dist/esm/ADWelcome-421d5621.js

@@ -0,0 +1 @@
+import{_ as e}from"./slicedToArray-f57adb2c.js";import t,{useState as o,useEffect as n}from"react";import{D as a}from"./AdSlot-16696371.js";var l=function(l){var i=l.title,s=l.welcomeAd,c=l.setFlag,m=l.Website,r=l.counter,d=s.className,p=s.slotId,u=s.adUnit,g=s.targeting,y=void 0===g?{}:g,f=s.position,h=void 0===f?"welcome":f,w=s.networkID,E=s.sizes,b={content_placement:y.content_placement,tags:y.tags,document_group:y.document_group,document_url:y.document_url,pos:h,rootDocumentGroup:y.rootDocumentGroup,campaign_id:y.campaign_id,issue_url:y.issue_url,publication_url:y.publication_url},v=o(null),_=e(v,2),S=_[0],x=_[1];n((function(){null!==S&&(S>0?setTimeout((function(){x(function(e){return--e}(S))}),1e3):(document.body.style.overflow="auto",c(!0)))}),[S]),n((function(){fetch("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js").then("",(function(){console.log("ADBLOCKER DETECTED"),document.body.style.overflow="auto",c(!0)}))}),[]);return t.createElement("div",{style:{outline:"none",display:"none"},className:"welcome-modal",id:"welcome-modal"},t.createElement("div",{className:"welcome-ad-head-wrapper"},t.createElement("div",{className:"left-top"},t.createElement("img",{style:{width:"100%"},src:m.logo,alt:m.title})),t.createElement("div",{className:"right-top"},t.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(){document.body.style.overflow="auto",c(!0)}},"CONTINUE TO SITE"),t.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 ".concat(S," SECS")))),t.createElement("div",{className:i},t.createElement(a,{className:d,slotId:p,networkID:w,sizes:E,adUnit:u,targeting:b,refreshFlag:!1,checkIsAdFound:function(e,t){if(e){var o=document.getElementById("welcome-modal");document.body.style.overflow="hidden",o.style.display="block",o.style.opacity="1",x(r)}else document.body.style.overflow="auto",c(!0)}})),t.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        .".concat(i," {\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        .").concat(i," div[id*='google_ads_iframe']:empty {\n          height: 0px !important;\n        }\n      ")))},i=Object.freeze({__proto__:null,default:l});export{i as A,l as a};

package/dist/esm/ADWelcome.js

@@ -1,160 +1 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-8c71f470.js';
-import './_library-528f1934.js';
-import './_iter-detect-72edfd60.js';
-import './_object-pie-33c40e79.js';
-import './extends-7fbbe94e.js';
-import './web.dom.iterable-406140e0.js';
-import React, { useState, useEffect } from 'react';
-import './index-1819118a.js';
-import 'prop-types';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { _ as _slicedToArray } from './slicedToArray-99bcfd93.js';
-import './main-43ca42fe.js';
-import './stringify-0c65d837.js';
-import './asyncToGenerator-9c835201.js';
-import './Segment.js';
-import './Beam.js';
-import DFPAdSlot from './AdSlot.js';
-
-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 = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      timeLeft = _useState2[0],
-      setTimeLeft = _useState2[1];
-
-  useEffect(function () {
-    if (timeLeft !== null) {
-      if (timeLeft > 0) {
-        setTimeout(function () {
-          setTimeLeft(calculateTimeLeft(timeLeft));
-        }, 1000);
-      } else {
-        document.body.style.overflow = 'auto';
-        setFlag(true);
-      }
-    }
-  }, [timeLeft]);
-  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.createElement(
-      'div',
-      { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
-      React.createElement(
-        'div',
-        { className: 'welcome-ad-head-wrapper' },
-        React.createElement(
-          'div',
-          { className: 'left-top' },
-          React.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
-        ),
-        React.createElement(
-          'div',
-          { className: 'right-top' },
-          React.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.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.createElement(
-        'div',
-        { className: title },
-        React.createElement(DFPAdSlot, {
-          className: className,
-          slotId: slotId,
-          networkID: networkID,
-          sizes: sizes,
-          adUnit: adUnit,
-          targeting: adTargeting,
-          refreshFlag: false,
-          checkIsAdFound: checkIsAdFound
-        })
-      ),
-      React.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      '
-      )
-    )
-  );
-};
-
-export default ADWelcome;
+import"./slicedToArray-f57adb2c.js";import"react";import"./AdSlot-16696371.js";export{a as default}from"./ADWelcome-421d5621.js";import"./unsupportedIterableToArray-b359dd50.js";import"./defineProperty-18999f8e.js";import"prop-types";import"react-dfp";import"lodash/debounce";import"./segment-lib-3a19dbdd.js";import"./index-00bbf2b1.js";import"react-device-detect";

package/dist/esm/ADlgInfeed-19d0f057.js

@@ -0,0 +1 @@
+import{_ as e}from"./slicedToArray-f57adb2c.js";import r,{useState as t,useEffect as a}from"react";import"react-bootstrap/Card";import{D as o}from"./AdSlot-16696371.js";var n=function(n){var i=n.className,d=n.slotId,s=n.adUnit,l=n.targeting,m=void 0===l?{}:l,c=n.networkID,p=n.sizes,f=n.index,g=n.refreshFlag,w=void 0!==g&&g,v=t(!0),u=e(v,2);u[0];var x=u[1];return a((function(){var e=window&&window.location&&window.location.search;x(e.split("&").some((function(e){return e.includes("creativeId")})))}),[]),r.createElement("div",{id:"lg-infeed-wrapper-".concat(f+1),className:"lg-infeed-wrapper",style:{display:"flex",flex:"1 0 auto"}},r.createElement(o,{className:i,networkID:c,adUnit:s,slotId:d,targeting:m,sizes:p,refreshFlag:w}),r.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      "))};export{n as A};

package/dist/esm/AccordionPanel-123022f0.js

@@ -0,0 +1 @@
+import{_ as e}from"./slicedToArray-f57adb2c.js";import t,{useState as r}from"react";import a from"react-bootstrap/Accordion";import{useAccordionToggle as n}from"react-bootstrap/AccordionToggle";import{IoMdArrowDropdown as c}from"react-icons/io";var o=function(o){var l=o.accordionClassName,m=o.data,i=r("0"),s=e(i,2),u=s[0],d=s[1],f=function(e){var r=e.children,a=e.eventKey,c=n(a,(function(){d(a)}));return t.createElement("div",{onMouseEnter:c,className:"accordion-head"},r)};return t.createElement(t.Fragment,null,m&&m.length&&t.createElement(a,{defaultActiveKey:"0",activeKey:u,className:l},m.map((function(e,r){return t.createElement(t.Fragment,{key:r},t.createElement(f,{key:e.id,eventKey:e.id},t.createElement("a",{href:e.url},t.createElement(t.Fragment,null,e.title,e.subItems&&t.createElement(c,null)))),t.createElement(a.Collapse,{eventKey:e.id},t.createElement("div",null,e.subItems&&e.subItems.map((function(e,r){return t.createElement("a",{href:e.url,key:r},t.createElement("div",{key:e.id,className:"accordion-sub-item"},e.title))})))))}))))},l=Object.freeze({__proto__:null,default:o});export{l as A,o as a};

package/dist/esm/AccordionPanel.js

@@ -1,87 +1 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-8c71f470.js';
-import './web.dom.iterable-406140e0.js';
-import React, { useState } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-99bcfd93.js';
-import './iconBase-602d52fe.js';
-import { a as IoMdArrowDropdown } from './index.esm-55f22b35.js';
-import Accordion from 'react-bootstrap/Accordion';
-import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
-
-var AccordionPanel = function AccordionPanel(props) {
-  var accordionClassName = props.accordionClassName,
-      data = props.data;
-
-  var _useState = useState('0'),
-      _useState2 = _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 = useAccordionToggle(eventKey, function () {
-      return handleAccordion(eventKey);
-    });
-    return React.createElement(
-      'div',
-      { onMouseEnter: decoratedOnClick, className: 'accordion-head' },
-      children
-    );
-  };
-
-  return React.createElement(
-    React.Fragment,
-    null,
-    data && data.length && React.createElement(
-      Accordion,
-      { defaultActiveKey: '0', activeKey: activeAccordionKey, className: accordionClassName },
-      data.map(function (item) {
-        return React.createElement(
-          React.Fragment,
-          null,
-          React.createElement(
-            CustomToggle,
-            { key: item.id, eventKey: item.id },
-            React.createElement(
-              'a',
-              { href: item.url },
-              React.createElement(
-                React.Fragment,
-                null,
-                item.title,
-                item.subItems && React.createElement(IoMdArrowDropdown, null)
-              )
-            )
-          ),
-          React.createElement(
-            Accordion.Collapse,
-            { eventKey: item.id },
-            React.createElement(
-              'div',
-              null,
-              item.subItems && item.subItems.map(function (subItem) {
-                return React.createElement(
-                  'a',
-                  { href: subItem.url },
-                  React.createElement(
-                    'div',
-                    { key: subItem.id, className: 'accordion-sub-item' },
-                    subItem.title
-                  )
-                );
-              })
-            )
-          )
-        );
-      })
-    )
-  );
-};
-
-export default AccordionPanel;
+import"./slicedToArray-f57adb2c.js";import"react";import"react-bootstrap/Accordion";import"react-bootstrap/AccordionToggle";import"react-icons/io";export{a as default}from"./AccordionPanel-123022f0.js";import"./unsupportedIterableToArray-b359dd50.js";

package/dist/esm/AdSlot-16696371.js

@@ -0,0 +1 @@
+import{_ as e}from"./defineProperty-18999f8e.js";import{_ as t}from"./slicedToArray-f57adb2c.js";import n,{useState as o,useEffect as i}from"react";import r from"prop-types";import{DFPManager as s,AdSlot as d}from"react-dfp";import a from"lodash/debounce";import{S as c}from"./segment-lib-3a19dbdd.js";import"react-device-detect";var u=!1,l=!1;function m(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}var f=function(e){s.getGoogletag().then((function(t){t.cmd.push((function(){if(!u&&!l&&t.pubads().getSlots().length>0){l=!0;var n=m((function(){t.cmd.push((function(){t.pubads().refresh(),u=!0}))}));window.PQ.cmd.push((function(){PQ.loadSignals(["ids","bsc","vlp"],n)}));setTimeout(n,1e3)}u&&t.cmd.push((function(){var n=t.pubads().getSlots().find((function(t){return t.getSlotElementId()===e}));var o=m((function(){t.cmd.push((function(){t.pubads().refresh([n])}))}));window.PQ.cmd.push((function(){PQ.loadSignalsForSlots([n],o)}));setTimeout(o,1e3)}))}))}))};function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function v(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?p(Object(o),!0).forEach((function(n){e(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var g=function(e){var r=e.adUnit,s=e.sizeMapping,u=e.className,l=e.slotId,m=e.sizes,p=e.targeting,g=void 0===p?{}:p,w=e.refreshFlag,h=void 0===w||w,I=e.checkIsAdFound,b=e.setStickyAd,y=void 0===b?function(){}:b,A=o(!1),O=t(A,2),S=O[0],j=O[1],z=o(!1),P=t(z,2),E=P[0],D=P[1],x=o(!1),F=t(x,2);F[0],F[1],g.ksg="undefined"!=typeof window&&window.Krux?window.Krux.segments:null,g.kuid="undefined"!=typeof window&&window.Krux?window.Krux.user:null;var T=v(v({},g),{},{hostname:"undefined"!=typeof window?window.location.hostname:null}),_=a((function(e){e.event.inViewPercentage<=0?D(!1):D(!0)}),500);i((function(){window&&window.location&&window.location.hostname&&(T.hostname=window.location.hostname)}),[T]);var k=o(null),L=t(k,2),C=L[0],Q=L[1];return n.createElement("div",{className:u,style:{textAlign:"center"}},n.createElement(d,{style:{marginBottom:"1rem"},slotId:l,sizes:m,adUnit:r,sizeMapping:s,targetingArguments:T,onSlotIsViewable:function(e){y(!0),c.adViewed(C.domain,C.advertiserId,C.campID,C.cID,C.lID,C.adSize,C.isEmpty,C.sourceAgnosticCreativeId,C.sourceAgnosticLineItemId)},onSlotRender:function(e){if(e&&e.event&&I&&null!==I&&(null!==e.event.size&&e.event.size.length?I(!0,e):I(!1,e)),j(!0),e&&e.event){var t=e.event.creativeId,n=e.event.lineItemId,o=e.event.campaignId,i=e.event.size&&e.event.size.length>1?e.event.size[0]+"x"+e.event.size[1]:"",r=e.slotId?e.slotId:"",s=e.event.isEmpty,d=e.event.sourceAgnosticCreativeId,a=e.event.sourceAgnosticLineItemId,u=e.event.advertiserId,m="undefined"!=typeof window&&window.location?window.location.hostname:"";Q({cID:t,lID:n,campID:o,adSize:i,slot_id:r,isEmpty:s,sourceAgnosticCreativeId:d,sourceAgnosticLineItemId:a,advertiserId:u,domain:m});var f=document.getElementById(e.slotId);f?(f.addEventListener("mouseenter",(function(){var e=f.getAttribute("timeoutId");clearTimeout(e),f.setAttribute("hasFocus","yes")})),f.addEventListener("mouseleave",(function(){var e=setTimeout((function(){f.setAttribute("hasFocus","no")}),60);f.setAttribute("timeoutId",e)})),document.addEventListener("visibilitychange",(function(){document.hidden&&("yes"==f.getAttribute("hasFocus")&&document.hidden&&(f.setAttribute("hasFocus","no"),c.adClicked(m,u,o,t,n,i,s,d,a)))}))):console.error("slot div not found:",l)}},onSlotVisibilityChanged:_,shouldRefresh:function(e){return!!(S&&E&&h)},onSlotRegister:function(e){window.PQ&&setTimeout((function(){f(e&&e.slotId)}),0)}}))};g.propTypes={adUnit:r.string.isRequired,slotId:r.string,className:r.string,sizeMapping:r.array,sizes:r.array};var w=Object.freeze({__proto__:null,default:g});export{w as A,g as D};

package/dist/esm/AdSlot.js

@@ -1,244 +1 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-8c71f470.js';
-import './_library-528f1934.js';
-import './_iter-detect-72edfd60.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-7fbbe94e.js';
-import './web.dom.iterable-406140e0.js';
-import React, { useState, useEffect } from 'react';
-import { l as lib_3, a as lib_2 } from './index-1819118a.js';
-import PropTypes from 'prop-types';
-import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { _ as _slicedToArray } from './slicedToArray-99bcfd93.js';
-import './main-43ca42fe.js';
-import './stringify-0c65d837.js';
-import './asyncToGenerator-9c835201.js';
-import Segment from './Segment.js';
-import './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,
-      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),
-      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;
-
-  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 () {
-    // Setting hostname into AD targetting
-    if (window && window.location && window.location.hostname) {
-      adTargeting.hostname = window.location.hostname;
-    }
-  }, [adTargeting]);
-
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      eventData = _useState8[0],
-      setEventData = _useState8[1];
-
-  return React.createElement(
-    'div',
-    { className: className, style: { textAlign: 'center' } },
-    React.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 : '';
-
-          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.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
-};
-
-export default DFPAdSlot;
+import"./defineProperty-18999f8e.js";import"./slicedToArray-f57adb2c.js";import"react";import"prop-types";import"react-dfp";import"lodash/debounce";import"./segment-lib-3a19dbdd.js";import"react-device-detect";export{D as default}from"./AdSlot-16696371.js";import"./unsupportedIterableToArray-b359dd50.js";import"./index-00bbf2b1.js";

package/dist/esm/AdSlotsProvider-5ead284e.js

@@ -0,0 +1 @@
+import{_ as e}from"./toConsumableArray-2f86a0c1.js";import{_ as r,r as t}from"./index-00bbf2b1.js";import n,{useEffect as a}from"react";import o from"react-ga";import{DFPSlotsProvider as i,DFPManager as c}from"react-dfp";import{isBrowser as s,isMobileOnly as d}from"react-device-detect";var u=function(u){var f=u.children,l=u.networkID,p=u.targeting,v=void 0===p?{}:p,m=u.singleRequest,g=void 0===m||m,b=u.autoRefresh,I=void 0!==b&&b,h=u.refreshADs,x=void 0===h?{}:h,w=u.refreshInterval,A=void 0===w?60:w,_=u.disableInitialLoad,k=void 0!==_&&_;return a((function(){var n,a=function(){var n=r(t.mark((function r(n){var a,o,i,s;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,c.getGoogletag();case 2:if(!(a=r.sent)||!a.pubadsReady){r.next=8;break}return o=a.pubads().getSlots(),i=o.map((function(e){return e.getSlotId().getDomId()})),s=i.reduce((function(r,t){return n.forEach((function(n){t.includes(n)&&(r=[].concat(e(r),[t]))})),r}),[]),r.abrupt("return",s);case 8:return r.abrupt("return",n);case 9:case"end":return r.stop()}}),r)})));return function(e){return n.apply(this,arguments)}}(),i=0,u=function(){n=setInterval(r(t.mark((function r(){var u,f,l,p,v;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(u=x.mobileAds,f=void 0===u?["leaderboard-ad"]:u,l=x.desktopAds,p=void 0===l?[]:l,v=[],!d){r.next=8;break}return r.next=5,a(f);case 5:v=r.sent,r.next=12;break;case 8:if(!s){r.next=12;break}return r.next=11,a(p);case 11:v=r.sent;case 12:c.refresh.apply(c,e(v)),t="AD Refresh",m="AD",(g=void 0)||"undefined"==typeof window||(g=sessionStorage.getItem("GA_TRACKING_ID")),g&&g.includes(",")?o.event({category:m,action:t,nonInteraction:!0},g.split(",").map((function(e,r){return"ga_id_".concat(++r)}))):o.event({category:m,action:t,nonInteraction:!0}),i++,console.log("NumOfTimesAd refreshed",i),5==i&&clearInterval(n);case 17:case"end":return r.stop()}var t,m,g}),r)}))),1e3*parseInt(A))};return I&&u(),I&&window.addEventListener("scroll",(function(){clearInterval(n),u()}),!1),function(){clearInterval(n)}}),[]),n.createElement(i,{dfpNetworkId:l,targeting:v,singleRequest:g,lazyLoad:{fetchMarginPercent:0,renderMarginPercent:0,mobileScaling:1},disableInitialLoad:k},f)},f=Object.freeze({__proto__:null,default:u});export{f as A,u as a};