@mjhls/mjh-framework 1.0.755 → 1.0.756-beta.0

package/dist/cjs/{ADInfeed-5fe7fd9d.js → ADInfeed-673f0acd.js}

@@ -1,15 +1,13 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
-var Card = require('react-bootstrap/Card');
+var React__default = _interopDefault(React);
+var Card = _interopDefault(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 Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
-
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,
       infeedAd = _ref.infeedAd,
@@ -24,9 +22,9 @@ var ADInfeed = function ADInfeed(_ref) {
       sizes = infeedAd.sizes;
 
   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;
@@ -36,13 +34,13 @@ var ADInfeed = function ADInfeed(_ref) {
     }));
   }, []);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'brand-insight-wrapper-' + (index + 1), className: 'brand-insight-wrapper', style: { display: 'flex', flex: '1 0 auto' } },
-    React__default['default'].createElement(
-      Card__default['default'],
+    React__default.createElement(
+      Card,
       { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-      React__default['default'].createElement(AdSlot, {
+      React__default.createElement(AdSlot, {
         className: className,
         networkID: networkID,
         adUnit: adUnit,
@@ -55,7 +53,7 @@ var ADInfeed = function ADInfeed(_ref) {
         , refreshFlag: refreshFlag
       })
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .brand-insight-wrapper div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '

package/dist/cjs/ADSkyscraper.js

@@ -1,31 +1,30 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.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-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./extends-1e24fc8d.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');
+require('./extends-60837c34.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
 require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-eb287781.js');
 require('./isSymbol-04666465.js');
-require('./Beam.js');
-require('./stringify-01cf47f7.js');
-require('./asyncToGenerator-2edcb6ad.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./debounce-eb287781.js');
+require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
-require('./main-dc082238.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');
 
 // Skyscraper is below sponsored resource ad in the left column.
 var ADSkyscraper = function ADSkyscraper(_ref) {
@@ -65,9 +64,9 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
       setWidthFlag = _useState2[1];
 
   var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      var setPreviewAd = _useState4[1];
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
 
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -84,16 +83,16 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
     }
   }, [minScreenWidth]);
   if (widthFlag) {
-    return React__default['default'].createElement(
-      React__default['default'].Fragment,
+    return React__default.createElement(
+      React__default.Fragment,
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { id: 'skyscraper-ad-wrapper', className: 'skyscraper-ad-wrapper' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'skyscraper-ad' },
-          React__default['default'].createElement(AdSlot, {
+          React__default.createElement(AdSlot, {
             className: className,
             slotId: slotId,
             networkID: networkID,
@@ -106,7 +105,7 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n            .skyscraper-ad-wrapper {\n              margin-top: 20px;\n              margin-bottom: 20px;\n            }\n            .skyscraper-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n              height: 0px !important;\n            }\n          '

package/dist/cjs/ADSponsoredResources.js

@@ -1,31 +1,30 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.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-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./extends-1e24fc8d.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');
+require('./extends-60837c34.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
 require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-eb287781.js');
 require('./isSymbol-04666465.js');
-require('./Beam.js');
-require('./stringify-01cf47f7.js');
-require('./asyncToGenerator-2edcb6ad.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./debounce-eb287781.js');
+require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
-require('./main-dc082238.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 ADSponsoredResources = function ADSponsoredResources(_ref) {
   var sponsoredAd = _ref.sponsoredAd,
@@ -62,9 +61,9 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       setWidthFlag = _useState2[1];
 
   var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      var setPreviewAd = _useState4[1];
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
 
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -81,16 +80,16 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
   }, [minScreenWidth]);
 
   if (widthFlag) {
-    return React__default['default'].createElement(
-      React__default['default'].Fragment,
+    return React__default.createElement(
+      React__default.Fragment,
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'sponsored-ad' },
-          React__default['default'].createElement(AdSlot, {
+          React__default.createElement(AdSlot, {
             className: className,
             slotId: slotId,
             networkID: networkID,
@@ -103,7 +102,7 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n            /* setting height to 0px when the ad slot is empty. */\n            .sponsored-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n              height: 0px !important;\n            }\n          '

package/dist/cjs/ADWebcast.js

@@ -1,31 +1,30 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.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-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./extends-1e24fc8d.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');
+require('./extends-60837c34.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
 require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-eb287781.js');
 require('./isSymbol-04666465.js');
-require('./Beam.js');
-require('./stringify-01cf47f7.js');
-require('./asyncToGenerator-2edcb6ad.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./debounce-eb287781.js');
+require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
-require('./main-dc082238.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');
 
 //  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) {
@@ -65,9 +64,9 @@ var ADWebcast = function ADWebcast(_ref) {
       setWidthFlag = _useState2[1];
 
   var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      var setPreviewAd = _useState4[1];
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      previewAd = _useState4[0],
+      setPreviewAd = _useState4[1];
 
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -84,16 +83,16 @@ var ADWebcast = function ADWebcast(_ref) {
   }, [minScreenWidth]);
 
   if (widthFlag) {
-    return React__default['default'].createElement(
-      React__default['default'].Fragment,
+    return React__default.createElement(
+      React__default.Fragment,
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'webcast-ad', style: { paddingBottom: '15px' } },
-          React__default['default'].createElement(AdSlot, {
+          React__default.createElement(AdSlot, {
             className: className,
             slotId: slotId,
             networkID: networkID,
@@ -108,7 +107,7 @@ var ADWebcast = function ADWebcast(_ref) {
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })
         ),
-        React__default['default'].createElement(
+        React__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          '

package/dist/cjs/ADWelcome.js

@@ -1,31 +1,30 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.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-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./extends-1e24fc8d.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');
+require('./extends-60837c34.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
 require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-eb287781.js');
 require('./isSymbol-04666465.js');
-require('./Beam.js');
-require('./stringify-01cf47f7.js');
-require('./asyncToGenerator-2edcb6ad.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./debounce-eb287781.js');
+require('./main-02daeefe.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
-require('./main-dc082238.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,
@@ -59,53 +58,54 @@ var ADWelcome = function ADWelcome(_ref) {
     return --timeLeft;
   };
 
-  var _useState = React.useState(counter),
+  var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       timeLeft = _useState2[0],
       setTimeLeft = _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');
-    }));
-  }, []);
+    if (timeLeft !== null) {
+      if (timeLeft > 0) {
+        setTimeout(function () {
+          setTimeLeft(calculateTimeLeft(timeLeft));
+        }, 1000);
+      } else {
+        document.body.style.overflow = 'auto';
+        setFlag(true);
+      }
+    }
+  }, [timeLeft]);
 
-  React.useEffect(function () {
-    if (timeLeft > 0) {
-      document.body.style.overflow = 'hidden'; //To hide scrollbar while displaying Welcome Ad
-      setTimeout(function () {
-        setTimeLeft(calculateTimeLeft(timeLeft));
-      }, 1000);
+  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(
+    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',
@@ -120,7 +120,7 @@ var ADWelcome = function ADWelcome(_ref) {
               } },
             'CONTINUE TO SITE'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'p',
             {
               style: {
@@ -132,22 +132,21 @@ 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,
           sizes: sizes,
           adUnit: adUnit,
           targeting: adTargeting,
-          refreshFlag: false
-          /* Passing function to check for ad creative only if it is not in preview. */
-          // checkIsAdFound={previewAd ? null : checkIsAdFound}
+          refreshFlag: false,
+          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-a62d2f9b.js → ADlgInfeed-f60a46a9.js}

@@ -1,14 +1,13 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.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      '