@mjhls/mjh-framework 1.0.735 → 1.0.738-beta-0.1

package/dist/cjs/{ADInfeed-5fe7fd9d.js → ADInfeed-d1d7e784.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) {
@@ -64,9 +63,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;
@@ -83,16 +82,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,
@@ -105,7 +104,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,
@@ -61,9 +60,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;
@@ -80,16 +79,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,
@@ -102,7 +101,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) {
@@ -64,9 +63,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;
@@ -83,16 +82,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,
@@ -107,7 +106,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');
+var stringify = 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,
@@ -64,9 +63,9 @@ var ADWelcome = function ADWelcome(_ref) {
       setTimeLeft = _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;
@@ -88,21 +87,51 @@ var ADWelcome = function ADWelcome(_ref) {
     }
   });
 
-  return React__default['default'].createElement(
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
+    if (isFound) {
+      var parent = document.getElementById('welcome-modal');
+      var adSizes = [[1, 1]];
+      // Collapsing ad if the as size is [1,1]
+      if (adData && adData.event && adData.event.size) {
+        var checkAdSize = function checkAdSize(size) {
+          return stringify._JSON$stringify(size) === stringify._JSON$stringify(adData.event.size);
+        };
+
+        if (adSizes.some(checkAdSize)) {
+          // collapsing webcast AD.
+          setFlag(true);
+          document.body.style.overflow = 'auto';
+        } else {
+          document.body.style.overflow = 'hidden';
+          parent.style.display = 'block';
+          calculateTimeLeft(counter + 1);
+        }
+      } else {
+        document.body.style.overflow = 'hidden';
+        parent.style.display = 'block';
+        calculateTimeLeft(counter + 1);
+      }
+    } else {
+      setFlag(true);
+      document.body.style.overflow = 'auto';
+    }
+  };
+
+  return React__default.createElement(
     'div',
-    { style: { outline: 'none', display: 'block' }, className: 'welcome-modal', id: 'welcome-modal' },
-    React__default['default'].createElement(
+    { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
+    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',
@@ -117,7 +146,7 @@ var ADWelcome = function ADWelcome(_ref) {
             } },
           'CONTINUE TO SITE >'
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'p',
           {
             style: {
@@ -129,10 +158,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,
@@ -141,10 +170,10 @@ var ADWelcome = function ADWelcome(_ref) {
         targeting: adTargeting,
         refreshFlag: false
         /* Passing function to check for ad creative only if it is not in preview. */
-        // checkIsAdFound={previewAd ? null : checkIsAdFound}
+        , 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-b6116a72.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      '