@mjhls/mjh-framework 1.0.841 → 1.0.842-beta.0

package/dist/cjs/ADWelcome.js

@@ -1,32 +1,31 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
-var React = require('react');
-var AdSlot = require('./AdSlot.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-46657b5c.js');
-require('./es6.string.iterator-c2573ffd.js');
-require('./_to-object-6de10e57.js');
-require('./core.get-iterator-method-f474eacc.js');
-require('./extends-29bdbc6d.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./stringify-c9ac1214.js');
-require('./asyncToGenerator-58c289d9.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-55a5657a.js');
+require('./_iter-detect-60b2f026.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./_object-pie-68c5bcbc.js');
+require('./extends-0a918631.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+require('./index-98e01cb9.js');
+require('prop-types');
+require('./isSymbol-04666465.js');
+require('./debounce-529c8d06.js');
+require('./toNumber-36d1e7e5.js');
+require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
-require('./main-025fdc78.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('./Beam.js');
+var AdSlot = require('./AdSlot.js');
 
 var ADWelcome = function ADWelcome(_ref) {
   var title = _ref.title,
@@ -93,21 +92,21 @@ var ADWelcome = function ADWelcome(_ref) {
 
   return (
     // Setting welcome ad to display:none and Setting to display:block after checking for cookie in site level.
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: 'welcome-ad-head-wrapper' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'left-top' },
-          React__default['default'].createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
+          React__default.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'right-top' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             {
               className: 'continue-site',
@@ -122,7 +121,7 @@ var ADWelcome = function ADWelcome(_ref) {
               } },
             'CONTINUE TO SITE'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'p',
             {
               style: {
@@ -134,10 +133,10 @@ var ADWelcome = function ADWelcome(_ref) {
           )
         )
       ),
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: title },
-        React__default['default'].createElement(AdSlot, {
+        React__default.createElement(AdSlot, {
           className: className,
           slotId: slotId,
           networkID: networkID,
@@ -148,7 +147,7 @@ var ADWelcome = function ADWelcome(_ref) {
           checkIsAdFound: checkIsAdFound
         })
       ),
-      React__default['default'].createElement(
+      React__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      '

package/dist/cjs/{ADlgInfeed-aedd5e18.js → ADlgInfeed-5c3d8260.js}

@@ -1,14 +1,13 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
+var React__default = _interopDefault(React);
 require('react-bootstrap/Card');
+var slicedToArray = require('./slicedToArray-8f385299.js');
 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,
@@ -22,9 +21,9 @@ var ADlgInfeed = function ADlgInfeed(props) {
       refreshFlag = _props$refreshFlag === undefined ? false : _props$refreshFlag;
 
   var _useState = React.useState(true),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2);
-      _useState2[0];
-      var setPreviewAd = _useState2[1];
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      previewAd = _useState2[0],
+      setPreviewAd = _useState2[1];
 
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -34,10 +33,10 @@ var ADlgInfeed = function ADlgInfeed(props) {
     }));
   }, []);
 
-  return React__default['default'].createElement(
+  return React__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, {
+    React__default.createElement(AdSlot, {
       className: className,
       networkID: networkID,
       adUnit: adUnit,
@@ -49,7 +48,7 @@ var ADlgInfeed = function ADlgInfeed(props) {
       /* Passing refresh flag */
       , refreshFlag: refreshFlag
     }),
-    React__default['default'].createElement(
+    React__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      '

package/dist/cjs/AccordionPanel.js

@@ -1,21 +1,19 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
-var React = require('react');
-var Accordion = require('react-bootstrap/Accordion');
-var AccordionToggle = require('react-bootstrap/AccordionToggle');
-var index_esm = require('./index.esm-974f47d9.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-46657b5c.js');
-require('./es6.string.iterator-c2573ffd.js');
-require('./_to-object-6de10e57.js');
-require('./core.get-iterator-method-f474eacc.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./iconBase-68959171.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 index_esm = require('./index.esm-90433435.js');
+var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
+var AccordionToggle = require('react-bootstrap/AccordionToggle');
 
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
@@ -37,48 +35,48 @@ var AccordionPanel = function AccordionPanel(props) {
     var decoratedOnClick = AccordionToggle.useAccordionToggle(eventKey, function () {
       return handleAccordion(eventKey);
     });
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { onMouseEnter: decoratedOnClick, className: 'accordion-head' },
       children
     );
   };
 
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    data && data.length && React__default['default'].createElement(
-      Accordion__default['default'],
+    data && data.length && React__default.createElement(
+      Accordion,
       { defaultActiveKey: '0', activeKey: activeAccordionKey, className: accordionClassName },
       data.map(function (item) {
-        return React__default['default'].createElement(
-          React__default['default'].Fragment,
+        return React__default.createElement(
+          React__default.Fragment,
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             CustomToggle,
             { key: item.id, eventKey: item.id },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { href: item.url },
-              React__default['default'].createElement(
-                React__default['default'].Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 null,
                 item.title,
-                item.subItems && React__default['default'].createElement(index_esm.IoMdArrowDropdown, null)
+                item.subItems && React__default.createElement(index_esm.IoMdArrowDropdown, null)
               )
             )
           ),
-          React__default['default'].createElement(
-            Accordion__default['default'].Collapse,
+          React__default.createElement(
+            Accordion.Collapse,
             { eventKey: item.id },
-            React__default['default'].createElement(
+            React__default.createElement(
               'div',
               null,
               item.subItems && item.subItems.map(function (subItem) {
-                return React__default['default'].createElement(
+                return React__default.createElement(
                   'a',
                   { href: subItem.url },
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'div',
                     { key: subItem.id, className: 'accordion-sub-item' },
                     subItem.title

package/dist/cjs/AdSlot.js

@@ -1,32 +1,94 @@
 'use strict';
 
-var _extends = require('./extends-29bdbc6d.js');
-var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-0a918631.js');
+require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+var index = require('./index-98e01cb9.js');
 var PropTypes = require('prop-types');
-var index = require('./index-fc2f1ca2.js');
-var debounce = require('./debounce-d4a2369b.js');
-var Beam = require('./Beam.js');
+var PropTypes__default = _interopDefault(PropTypes);
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-529c8d06.js');
+require('./toNumber-36d1e7e5.js');
+var main = require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-140e5f89.js');
 var Segment = require('./Segment.js');
-var main = require('./main-025fdc78.js');
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-6de10e57.js');
-require('./_object-pie-083f2dd6.js');
-require('./web.dom.iterable-46657b5c.js');
-require('./es6.string.iterator-c2573ffd.js');
-require('./core.get-iterator-method-f474eacc.js');
-require('./events-1b438fe7.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./stringify-c9ac1214.js');
-require('./asyncToGenerator-58c289d9.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-55a5657a.js');
+var Beam = require('./Beam.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var initialLoadIsDone = false;
+var initialLoadInProgress = false;
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+function runOnce(fn) {
+  var called = false;
+  return function () {
+    if (called) {
+      return;
+    }
+    called = true;
+    fn.apply(this, arguments);
+  };
+}
+
+var getSignalsAndRefreshAds = function getSignalsAndRefreshAds(slotId) {
+  index.lib_3.getGoogletag().then(function (googletag) {
+    googletag.cmd.push(function () {
+      if (!initialLoadIsDone && !initialLoadInProgress && googletag.pubads().getSlots().length > 0) {
+        // trigger ads refresh within googletag
+        var refreshAds = function refreshAds() {
+          googletag.cmd.push(function () {
+            googletag.pubads().refresh();
+            initialLoadIsDone = true;
+          });
+        };
+        // wrap to make sure it's called once
+
+
+        initialLoadInProgress = true;var refreshAdsOnce = runOnce(refreshAds);
+        // trigger signals request and refresh ads when it's ready
+        window.PQ.cmd.push(function () {
+          PQ.loadSignals(['ids', 'bsc', 'vlp'], refreshAdsOnce);
+        });
+        // just in case something go wrong ads will be refreshed anyway after specified timeout
+        var timeout = 1000;
+        setTimeout(refreshAdsOnce, timeout);
+      }
+      if (initialLoadIsDone) {
+        googletag.cmd.push(function () {
+          var slots = googletag.pubads().getSlots();
+          // find new slot within googletag
+          var newSlot = slots.find(function (slot) {
+            return slot.getSlotElementId() === slotId;
+          });
+          // refresh single slot which was added
+          function refreshAd() {
+            googletag.cmd.push(function () {
+              googletag.pubads().refresh([newSlot]);
+            });
+          }
+          var refreshAdOnce = runOnce(refreshAd);
+          // get VLP signal value only for the added slot; IDS and BSC signals are global for the whole page so no need to refetch
+          window.PQ.cmd.push(function () {
+            PQ.loadSignalsForSlots([newSlot], refreshAdOnce);
+          });
+          var timeout = 1000;
+          setTimeout(refreshAdOnce, timeout);
+        });
+      }
+    });
+  });
+};
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
@@ -53,9 +115,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       setAdRefreshable = _useState4[1];
 
   var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adHasFocus = _useState6[0],
+      setAdHasFocus = _useState6[1];
 
   targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
   targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
@@ -84,10 +146,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       eventData = _useState8[0],
       setEventData = _useState8[1];
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React__default['default'].createElement(index.lib_2, {
+    React__default.createElement(index.lib_2, {
       style: { marginBottom: '1rem' },
       slotId: slotId,
       sizes: sizes,
@@ -96,7 +158,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       targetingArguments: adTargeting,
       onSlotIsViewable: function onSlotIsViewable(e) {
         setStickyAd(true);
-        Beam.report_beam_ad('Impression', main.main_18, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
+        Beam.report_beam_ad('Impression', main.main_16, 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) {
@@ -158,7 +220,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
               var hasFocus = slot_div.getAttribute('hasFocus');
               if (hasFocus == 'yes' && document.hidden) {
                 slot_div.setAttribute('hasFocus', 'no');
-                Beam.report_beam_ad('Click', main.main_18, cID, lID, campID, adSize, slotId);
+                Beam.report_beam_ad('Click', main.main_16, cID, lID, campID, adSize, slotId);
                 Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
               }
             });
@@ -170,17 +232,22 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       onSlotVisibilityChanged: handleVisibilityChange,
       shouldRefresh: function shouldRefresh(event) {
         if (adRendered && adRefreshable && refreshFlag) return true;else return false;
+      },
+      onSlotRegister: function onSlotRegister(e) {
+        setTimeout(function () {
+          getSignalsAndRefreshAds(e && e.slotId);
+        }, 0);
       }
     })
   );
 };
 
 DFPAdSlot.propTypes = {
-  adUnit: PropTypes__default['default'].string.isRequired,
-  slotId: PropTypes__default['default'].string,
-  className: PropTypes__default['default'].string,
-  sizeMapping: PropTypes__default['default'].array,
-  sizes: PropTypes__default['default'].array
+  adUnit: PropTypes__default.string.isRequired,
+  slotId: PropTypes__default.string,
+  className: PropTypes__default.string,
+  sizeMapping: PropTypes__default.array,
+  sizes: PropTypes__default.array
 };
 
 module.exports = DFPAdSlot;