@mjhls/mjh-framework 1.0.444 → 1.0.446

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.444
+# mjh-framework v. 1.0.446
 
 > Foundation Framework 
 

package/dist/cjs/AD.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Dfp = React__default['default'].lazy(function () {
+  return Promise.resolve().then(function () { return require('./Dfp-19f10ad4.js'); });
+});
+
+var AD = function AD(props) {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  return React__default['default'].createElement(
+    'div',
+    null,
+    React__default['default'].createElement(
+      React.Suspense,
+      { fallback: React__default['default'].createElement(
+          'div',
+          null,
+          'Loading...'
+        ) },
+      React__default['default'].createElement(Dfp, props)
+    )
+  );
+};
+
+module.exports = AD;

package/dist/cjs/AD300x250.js

@@ -0,0 +1,60 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('./index-b2448ff6.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+var main = require('./main-d76cde9c.js');
+require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.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 AD300x250 = function AD300x250(_ref) {
+  var networkID = _ref.networkID,
+      adUnit = _ref.adUnit,
+      slotId = _ref.slotId,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
+
+  var mobileView = false;
+  if (main.main_36) {
+    pos = 'rec1-mobile';
+    mobileView = true;
+  }
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: pos,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var browserSizes = [[300, 250], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: adTargeting, className: 'AD300x250', sizes: mobileView ? mobileSizes : browserSizes });
+};
+
+module.exports = AD300x250;

package/dist/cjs/AD300x250x600.js

@@ -0,0 +1,60 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('./index-b2448ff6.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+var main = require('./main-d76cde9c.js');
+require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.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 AD300x250x600 = function AD300x250x600(_ref) {
+  var networkID = _ref.networkID,
+      adUnit = _ref.adUnit,
+      slotId = _ref.slotId,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
+
+  var mobileView = false;
+  if (main.main_36) {
+    pos = 'rec2-mobile';
+    mobileView = true;
+  }
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: pos,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var browserSizes = [[300, 250], [300, 600], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, className: 'AD300x250', slotId: slotId, targeting: adTargeting, sizes: mobileView ? mobileSizes : browserSizes });
+};
+
+module.exports = AD300x250x600;

package/dist/cjs/AD728x90.js

@@ -0,0 +1,134 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('./index-b2448ff6.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+var main = require('./main-d76cde9c.js');
+require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.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 AD728x90 = function AD728x90(_ref) {
+  var networkID = _ref.networkID,
+      adUnit = _ref.adUnit,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$pos = _ref.pos,
+      pos = _ref$pos === undefined ? 'top' : _ref$pos,
+      _ref$fixedPos = _ref.fixedPos,
+      fixedPos = _ref$fixedPos === undefined ? '60px' : _ref$fixedPos;
+
+  var mobileView = false;
+  if (main.main_36) {
+    pos = 'top-mobile';
+    mobileView = true;
+  }
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: pos,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var adRef = React.useRef(null);
+
+  // Collapsing the parent wrapper when the ad is not present
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('leaderboard-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.classList.remove('display-leaderboard');
+    parent.classList.add('hide-leaderboard');
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
+    //  Check for creativeId related to leaderboard ad
+    if (isFound) {
+      var parent = document.getElementById('leaderboard-ad-wrapper');
+      parent.classList.remove('hide-leaderboard');
+      parent.classList.add('display-leaderboard');
+    } else {
+      collapseAd();
+    }
+  };
+
+  React.useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      var navbar = document.querySelector('.navbar');
+      var AdOffsetTop = adRef.current.getBoundingClientRect().top;
+      window.addEventListener('scroll', function () {
+        if (window.pageYOffset + (AdOffsetTop - navbar.offsetHeight) > AdOffsetTop) {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'fixed';
+            adRef.current.style.top = fixedPos;
+            adRef.current.style.left = '0px';
+            adRef.current.style.zIndex = '9999';
+            adRef.current.style.width = '100%';
+            adRef.current.style.marginTop = '2px';
+          }
+        } else {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'relative';
+            adRef.current.style.top = '';
+          }
+        }
+      });
+    }
+  }, []);
+
+  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
+  var mobileSizes = [[320, 50], [300, 50]];
+
+  return (
+    //  Setting classname for wrapper to set height and width is no creative found.
+    React__default['default'].createElement(
+      'div',
+      { id: 'leaderboard-ad-wrapper', className: 'leaderboard-ad-wrapper hide-leaderboard', ref: adRef, style: { backgroundColor: '#fff' } },
+      React__default['default'].createElement(AdSlot, {
+        slotId: 'leaderboard-ad',
+        networkID: networkID,
+        adUnit: adUnit,
+        targeting: adTargeting,
+        className: 'AD728x90',
+        sizes: mobileView ? mobileSizes : browserSizes,
+        sizeMapping: [{
+          viewport: [768, 1],
+          sizes: [[728, 90], [970, 90]]
+        }, {
+          viewport: [1, 1],
+          sizes: [[320, 50], [300, 50]]
+        }],
+        checkIsAdFound: checkIsAdFound
+      }),
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n        .display-leaderboard {\n          display: block;\n        }\n        .hide-leaderboard {\n          display: none;\n        }\n      '
+      )
+    )
+  );
+};
+
+module.exports = AD728x90;

package/dist/cjs/ADFloatingFooter.js

@@ -0,0 +1,139 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('./index-b2448ff6.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+require('./main-d76cde9c.js');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+var stringify = require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.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 ADFloatingFooter = function ADFloatingFooter(_ref) {
+  var title = _ref.title,
+      floatingAd = _ref.floatingAd,
+      minScreenWidth = _ref.minScreenWidth,
+      _ref$refreshFlag = _ref.refreshFlag,
+      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag;
+  var className = floatingAd.className,
+      slotId = floatingAd.slotId,
+      adUnit = floatingAd.adUnit,
+      _floatingAd$targeting = floatingAd.targeting,
+      targeting = _floatingAd$targeting === undefined ? {} : _floatingAd$targeting,
+      _floatingAd$position = floatingAd.position,
+      position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
+      networkID = floatingAd.networkID;
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: position,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth > minScreenWidth) {
+      setWidthFlag(true);
+    }
+
+    try {
+      var _floatingAd = document.getElementById('floating-ad');
+      var parent = document.getElementById('floating-ad-wrapper');
+      if (_floatingAd.children[0].children.length === 0) {
+        parent.classList.remove('display-floating');
+        parent.classList.add('hide-floating');
+      }
+    } catch (e) {}
+  }, [minScreenWidth]);
+
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('floating-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.classList.remove('display-floating');
+    parent.classList.add('hide-floating');
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound, adData) {
+    if (isFound) {
+      var parent = document.getElementById('floating-ad-wrapper');
+      parent.classList.remove('hide-floating');
+      parent.classList.add('display-floating');
+      var adSizes = [[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)) {
+          collapseAd();
+          parent.classList.add('hide-floating');
+          parent.classList.remove('display-floating');
+        } else {
+          parent.style.width = adData.event.size[0] + 'px';
+          parent.style.height = adData.event.size[1] + 'px';
+        }
+      }
+    } else {
+      collapseAd();
+    }
+  };
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    widthFlag && adTargeting.document_url && React__default['default'].createElement(
+      'div',
+      { id: 'floating-ad-wrapper', className: 'floating-ad-wrapper hide-floating ' + title },
+      React__default['default'].createElement(AdSlot, {
+        className: className,
+        slotId: slotId,
+        networkID: networkID,
+        sizes: [[1025, 100]],
+        adUnit: adUnit,
+        targeting: adTargeting,
+        refreshFlag: refreshFlag,
+        checkIsAdFound: checkIsAdFound
+      }),
+      React__default['default'].createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return collapseAd();
+          } },
+        'x'
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .display-floating {\n            display: block;\n          }\n          .hide-floating {\n            display: none;\n          }\n          .floating-ad-wrapper {\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
+module.exports = ADFloatingFooter;

package/dist/cjs/ADFooter.js

@@ -0,0 +1,45 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ADFooter = function ADFooter(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    showAd && React__default['default'].createElement(
+      'div',
+      { className: 'ADFooter' },
+      children,
+      React__default['default'].createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return setShowAd(false);
+          } },
+        'x'
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: true },
+      '\n          .ADFooter {\n            width: auto;\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n          }\n          .adBox > div:empty {\n            display: none !important;\n          }\n          .adBox > div:not(:empty){\n            display: block !important;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
+module.exports = ADFooter;

package/dist/cjs/ADGutter.js

@@ -0,0 +1,88 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+require('./index-b2448ff6.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+require('./main-d76cde9c.js');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.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 ADGutter = function ADGutter(_ref) {
+  var title = _ref.title,
+      gutterAd = _ref.gutterAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1700 : _ref$minScreenWidth;
+  var className = gutterAd.className,
+      slotId = gutterAd.slotId,
+      adUnit = gutterAd.adUnit,
+      _gutterAd$targeting = gutterAd.targeting,
+      targeting = _gutterAd$targeting === undefined ? {} : _gutterAd$targeting,
+      _gutterAd$position = gutterAd.position,
+      position = _gutterAd$position === undefined ? 'wallpaper' : _gutterAd$position,
+      networkID = gutterAd.networkID,
+      sizes = gutterAd.sizes;
+
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: position,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  if (widthFlag) {
+    return React__default['default'].createElement(
+      React__default['default'].Fragment,
+      null,
+      widthFlag && React__default['default'].createElement(
+        'div',
+        { className: 'gutter-ad-wrapper ' + title },
+        React__default['default'].createElement(
+          'div',
+          { className: 'gutter-ad' },
+          React__default['default'].createElement(AdSlot, { className: className, slotId: slotId, networkID: networkID, sizes: sizes, adUnit: adUnit, targeting: adTargeting, refreshFlag: false })
+        )
+      ),
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .gutter-ad-wrapper {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            z-index: 999;\n          }\n          .gutter-ad {\n            width: 150px;\n            position: relative;\n            top: 50;\n          }\n        '
+      )
+    );
+  } else return null;
+};
+
+module.exports = ADGutter;

package/dist/cjs/{ADInfeed-ae1f348d.js → ADInfeed-7609d929.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var Card = require('react-bootstrap/Card');
-var AdSlot = require('./AdSlot-257d8d4e.js');
+var AdSlot = require('./AdSlot.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -43,7 +43,7 @@ var ADInfeed = function ADInfeed(_ref) {
     React__default['default'].createElement(
       Card__default['default'],
       { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-      React__default['default'].createElement(AdSlot.DFPAdSlot, {
+      React__default['default'].createElement(AdSlot, {
         className: className,
         networkID: networkID,
         adUnit: adUnit,