@mjhls/mjh-framework 1.0.445 → 1.0.447

package/dist/esm/AD300x250x600.js

@@ -0,0 +1,54 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import { m as main_36 } from './main-8c8784b8.js';
+import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+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_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.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, className: 'AD300x250', slotId: slotId, targeting: adTargeting, sizes: mobileView ? mobileSizes : browserSizes });
+};
+
+export default AD300x250x600;

package/dist/esm/AD728x90.js

@@ -0,0 +1,100 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useRef, useEffect } from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import { m as main_36 } from './main-8c8784b8.js';
+import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+var AD728x90 = function AD728x90(_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 ? 'top' : _ref$pos,
+      _ref$fixedPos = _ref.fixedPos,
+      fixedPos = _ref$fixedPos === undefined ? '60px' : _ref$fixedPos;
+
+  var mobileView = false;
+  if (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 = useRef(null);
+
+  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 React.createElement(
+    'div',
+    { className: 'leaderboard-ad-wrapper', ref: adRef, style: { backgroundColor: '#fff' } },
+    React.createElement(DFPAdSlot, {
+      slotId: slotId,
+      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]]
+      }]
+    })
+  );
+};
+
+export default AD728x90;

package/dist/esm/ADFloatingFooter.js

@@ -0,0 +1,133 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState, useEffect } from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-8c8784b8.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import { _ as _JSON$stringify } from './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+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 = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  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 _JSON$stringify(size) === _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.createElement(
+    React.Fragment,
+    null,
+    widthFlag && adTargeting.document_url && React.createElement(
+      'div',
+      { id: 'floating-ad-wrapper', className: 'floating-ad-wrapper hide-floating ' + title },
+      React.createElement(DFPAdSlot, {
+        className: className,
+        slotId: slotId,
+        networkID: networkID,
+        sizes: [[1025, 100]],
+        adUnit: adUnit,
+        targeting: adTargeting,
+        refreshFlag: refreshFlag,
+        checkIsAdFound: checkIsAdFound
+      }),
+      React.createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return collapseAd();
+          } },
+        'x'
+      )
+    ),
+    React.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        '
+    )
+  );
+};
+
+export default ADFloatingFooter;

package/dist/esm/ADFooter.js

@@ -0,0 +1,39 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+
+var ADFooter = function ADFooter(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  return React.createElement(
+    React.Fragment,
+    null,
+    showAd && React.createElement(
+      'div',
+      { className: 'ADFooter' },
+      children,
+      React.createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return setShowAd(false);
+          } },
+        'x'
+      )
+    ),
+    React.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        '
+    )
+  );
+};
+
+export default ADFooter;

package/dist/esm/ADGutter.js

@@ -0,0 +1,82 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState, useEffect } from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-8c8784b8.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+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 = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  if (widthFlag) {
+    return React.createElement(
+      React.Fragment,
+      null,
+      widthFlag && React.createElement(
+        'div',
+        { className: 'gutter-ad-wrapper ' + title },
+        React.createElement(
+          'div',
+          { className: 'gutter-ad' },
+          React.createElement(DFPAdSlot, { className: className, slotId: slotId, networkID: networkID, sizes: sizes, adUnit: adUnit, targeting: adTargeting, refreshFlag: false })
+        )
+      ),
+      React.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;
+};
+
+export default ADGutter;

package/dist/esm/{ADInfeed-dff74bbe.js → ADInfeed-1c17dc0e.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import Card from 'react-bootstrap/Card';
-import { D as DFPAdSlot } from './AdSlot-362a1c30.js';
+import DFPAdSlot from './AdSlot.js';
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/esm/ADSponsoredResources.js

@@ -0,0 +1,100 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState, useEffect } from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-8c8784b8.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+var ADSponsoredResources = function ADSponsoredResources(_ref) {
+  var sponsoredAd = _ref.sponsoredAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
+  var className = sponsoredAd.className,
+      slotId = sponsoredAd.slotId,
+      adUnit = sponsoredAd.adUnit,
+      _sponsoredAd$targetin = sponsoredAd.targeting,
+      targeting = _sponsoredAd$targetin === undefined ? {} : _sponsoredAd$targetin,
+      _sponsoredAd$position = sponsoredAd.position,
+      position = _sponsoredAd$position === undefined ? 'sponsor' : _sponsoredAd$position,
+      networkID = sponsoredAd.networkID,
+      sizes = sponsoredAd.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 = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('sponsored-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.style.display = 'none';
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    if (isFound) {
+      var parent = document.getElementById('sponsored-ad-wrapper');
+      parent.style.display = 'block';
+    } else {
+      collapseAd();
+    }
+  };
+  if (widthFlag) {
+    return React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(
+        'div',
+        { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+        React.createElement(
+          'div',
+          { className: 'sponsored-ad' },
+          React.createElement(DFPAdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes,
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
+      )
+    );
+  } else return null;
+};
+
+export default ADSponsoredResources;

package/dist/esm/ADWelcome.js

@@ -0,0 +1,144 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState, useEffect } from 'react';
+import './index-fb49124c.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-8c8784b8.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.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,
+    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(counter),
+      _useState2 = _slicedToArray(_useState, 2),
+      timeLeft = _useState2[0],
+      setTimeLeft = _useState2[1];
+
+  useEffect(function () {
+    if (timeLeft > 0) {
+      setTimeout(function () {
+        setTimeLeft(calculateTimeLeft(timeLeft));
+      }, 1000);
+    } else {
+      document.body.style.overflow = 'auto';
+      setFlag(true);
+    }
+  });
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    if (isFound) {
+      var parent = document.getElementById('welcome-modal');
+      document.body.style.overflow = 'hidden';
+      parent.style.display = 'block';
+      calculateTimeLeft(counter + 1);
+    } else {
+      setFlag(true);
+      document.body.style.overflow = 'auto';
+    }
+  };
+
+  return 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      '
+    )
+  );
+};
+
+export default ADWelcome;

package/dist/esm/{ADlgInfeed-7b29db85.js → ADlgInfeed-94d7f5dd.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'react-bootstrap/Card';
-import { D as DFPAdSlot } from './AdSlot-362a1c30.js';
+import DFPAdSlot from './AdSlot.js';
 
 var ADlgInfeed = function ADlgInfeed(props) {
   var className = props.className,