@mjhls/mjh-framework 1.0.445 → 1.0.447

package/dist/cjs/ADWelcome.js

@@ -0,0 +1,150 @@
+'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 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 = React.useState(counter),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      timeLeft = _useState2[0],
+      setTimeLeft = _useState2[1];
+
+  React.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__default['default'].createElement(
+    'div',
+    { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
+    React__default['default'].createElement(
+      'div',
+      { className: 'welcome-ad-head-wrapper' },
+      React__default['default'].createElement(
+        'div',
+        { className: 'left-top' },
+        React__default['default'].createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'right-top' },
+        React__default['default'].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__default['default'].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__default['default'].createElement(
+      'div',
+      { className: title },
+      React__default['default'].createElement(AdSlot, {
+        className: className,
+        slotId: slotId,
+        networkID: networkID,
+        sizes: sizes,
+        adUnit: adUnit,
+        targeting: adTargeting,
+        refreshFlag: false,
+        checkIsAdFound: checkIsAdFound
+      })
+    ),
+    React__default['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      '
+    )
+  );
+};
+
+module.exports = ADWelcome;

package/dist/cjs/{ADlgInfeed-f4c4a1bf.js → ADlgInfeed-700551ef.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 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 }; }
 
@@ -37,7 +37,7 @@ var ADlgInfeed = function ADlgInfeed(props) {
   return React__default['default'].createElement(
     'div',
     { id: 'lg-infeed-wrapper-' + (index + 1), className: 'lg-infeed-wrapper', style: { display: 'none', flex: '1 0 auto' } },
-    React__default['default'].createElement(AdSlot.DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
+    React__default['default'].createElement(AdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },

package/dist/cjs/AccordionPanel.js

@@ -0,0 +1,95 @@
+'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');
+require('./iconBase-637d3f1e.js');
+var index_esm = require('./index.esm-fcdbd2c6.js');
+var Accordion = require('react-bootstrap/Accordion');
+var AccordionToggle = require('react-bootstrap/AccordionToggle');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
+
+var AccordionPanel = function AccordionPanel(props) {
+  var accordionClassName = props.accordionClassName,
+      data = props.data;
+
+  var _useState = React.useState('0'),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      activeAccordionKey = _useState2[0],
+      setaAtiveAccordionKey = _useState2[1];
+
+  var handleAccordion = function handleAccordion(id) {
+    setaAtiveAccordionKey(id);
+  };
+
+  var CustomToggle = function CustomToggle(_ref) {
+    var children = _ref.children,
+        eventKey = _ref.eventKey;
+
+    var decoratedOnClick = AccordionToggle.useAccordionToggle(eventKey, function () {
+      return handleAccordion(eventKey);
+    });
+    return React__default['default'].createElement(
+      'div',
+      { onMouseEnter: decoratedOnClick, className: 'accordion-head' },
+      children
+    );
+  };
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    data && data.length && React__default['default'].createElement(
+      Accordion__default['default'],
+      { defaultActiveKey: '0', activeKey: activeAccordionKey, className: accordionClassName },
+      data.map(function (item) {
+        return React__default['default'].createElement(
+          React__default['default'].Fragment,
+          null,
+          React__default['default'].createElement(
+            CustomToggle,
+            { key: item.id, eventKey: item.id },
+            React__default['default'].createElement(
+              'a',
+              { href: item.url },
+              React__default['default'].createElement(
+                React__default['default'].Fragment,
+                null,
+                item.title,
+                item.subItems && React__default['default'].createElement(index_esm.IoMdArrowDropdown, null)
+              )
+            )
+          ),
+          React__default['default'].createElement(
+            Accordion__default['default'].Collapse,
+            { eventKey: item.id },
+            React__default['default'].createElement(
+              'div',
+              null,
+              item.subItems && item.subItems.map(function (subItem) {
+                return React__default['default'].createElement(
+                  'a',
+                  { href: subItem.url },
+                  React__default['default'].createElement(
+                    'div',
+                    { key: subItem.id, className: 'accordion-sub-item' },
+                    subItem.title
+                  )
+                );
+              })
+            )
+          )
+        );
+      })
+    )
+  );
+};
+
+module.exports = AccordionPanel;

package/dist/cjs/AdSlot.js

@@ -0,0 +1,166 @@
+'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');
+var index = require('./index-b2448ff6.js');
+var PropTypes = require('prop-types');
+require('./isSymbol-488934a7.js');
+var debounce = require('./debounce-32e57002.js');
+var main = 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');
+var Beam = require('./Beam.js');
+var Segment = require('./Segment.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var DFPAdSlot = function DFPAdSlot(_ref) {
+  var adUnit = _ref.adUnit,
+      sizeMapping = _ref.sizeMapping,
+      className = _ref.className,
+      slotId = _ref.slotId,
+      sizes = _ref.sizes,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$refreshFlag = _ref.refreshFlag,
+      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag,
+      checkIsAdFound = _ref.checkIsAdFound;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      adRendered = _useState2[0],
+      setAdRendered = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adRefreshable = _useState4[0],
+      setAdRefreshable = _useState4[1];
+
+  var _useState5 = React.useState(false),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adHasFocus = _useState6[0],
+      setAdHasFocus = _useState6[1];
+
+  var handleVisibilityChange = debounce.debounce_1(function (_ref2) {
+    var event = _ref2.event;
+
+    if (event.inViewPercentage <= 0) {
+      setAdRefreshable(false);
+    } else {
+      setAdRefreshable(true);
+    }
+  }, 500);
+
+  var _useState7 = React.useState(null),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      eventData = _useState8[0],
+      setEventData = _useState8[1];
+
+  return React__default['default'].createElement(
+    'div',
+    { className: className, style: { textAlign: 'center' } },
+    React__default['default'].createElement(index.lib_2, {
+      slotId: slotId,
+      sizes: sizes,
+      adUnit: adUnit,
+      sizeMapping: sizeMapping,
+      targetingArguments: targeting,
+      onSlotIsViewable: function onSlotIsViewable(e) {
+        Beam.report_beam_ad('Impression', main.main_16, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
+        Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
+      },
+      onSlotRender: function onSlotRender(eventData) {
+        if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
+          if (eventData.event && eventData.event.creativeId == null) {
+            checkIsAdFound(false, eventData);
+          } else {
+            checkIsAdFound(true, eventData);
+          }
+        }
+
+        setAdRendered(true);
+        if (eventData && eventData.event) {
+          var cID = eventData.event.creativeId;
+          var lID = eventData.event.lineItemId;
+          var campID = eventData.event.campaignId;
+          var adSize = eventData.event.size && eventData.event.size.length > 1 ? eventData.event.size[0] + 'x' + eventData.event.size[1] : '';
+          var slot_id = eventData.slotId ? eventData.slotId : '';
+          var isEmpty = eventData.event.isEmpty;
+          var sourceAgnosticCreativeId = eventData.event.sourceAgnosticCreativeId;
+          var sourceAgnosticLineItemId = eventData.event.sourceAgnosticLineItemId;
+          var advertiserId = eventData.event.advertiserId;
+          var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+
+          setEventData({
+            cID: cID,
+            lID: lID,
+            campID: campID,
+            adSize: adSize,
+            slot_id: slot_id,
+            isEmpty: isEmpty,
+            sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+            sourceAgnosticLineItemId: sourceAgnosticLineItemId,
+            advertiserId: advertiserId,
+            domain: domain
+          });
+
+          var slot_div = document.getElementById(eventData.slotId);
+          if (slot_div) {
+            slot_div.addEventListener('mouseenter', function () {
+              var timeoutId = slot_div.getAttribute('timeoutId');
+              clearTimeout(timeoutId);
+              slot_div.setAttribute('hasFocus', 'yes');
+            });
+
+            slot_div.addEventListener('mouseleave', function () {
+              var timeoutId = setTimeout(function () {
+                slot_div.setAttribute('hasFocus', 'no');
+              }, 60);
+              slot_div.setAttribute('timeoutId', timeoutId);
+            });
+
+            document.addEventListener('visibilitychange', function () {
+              if (!document.hidden) {
+                return;
+              }
+
+              var hasFocus = slot_div.getAttribute('hasFocus');
+              if (hasFocus == 'yes' && document.hidden) {
+                slot_div.setAttribute('hasFocus', 'no');
+                Beam.report_beam_ad('Click', main.main_16, cID, lID, campID, adSize, slotId);
+                Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
+              }
+            });
+          } else {
+            console.error('slot div not found:', slotId);
+          }
+        }
+      },
+      onSlotVisibilityChanged: handleVisibilityChange,
+      shouldRefresh: function shouldRefresh() {
+        if (adRendered && adRefreshable && refreshFlag) return true;else return false;
+      }
+    })
+  );
+};
+
+DFPAdSlot.propTypes = {
+  adUnit: PropTypes__default['default'].string.isRequired,
+  slotId: PropTypes__default['default'].string,
+  className: PropTypes__default['default'].string,
+  sizeMapping: PropTypes__default['default'].array,
+  sizes: PropTypes__default['default'].array
+};
+
+module.exports = DFPAdSlot;

package/dist/cjs/AdSlotsProvider.js

@@ -0,0 +1,31 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+var React = require('react');
+var index = require('./index-b2448ff6.js');
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var AdSlotsProvider = function AdSlotsProvider(_ref) {
+  var children = _ref.children,
+      networkID = _ref.networkID,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$singleRequest = _ref.singleRequest,
+      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest;
+
+  return React__default['default'].createElement(
+    index.lib_1,
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    children
+  );
+};
+
+module.exports = AdSlotsProvider;

package/dist/cjs/AlphabeticList.js

@@ -0,0 +1,137 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_iter-detect-4d0352f8.js');
+require('./from-ea347372.js');
+var toConsumableArray = require('./toConsumableArray-ca04303b.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-60837c34.js');
+require('./_object-sap-5e74ba08.js');
+var React = require('react');
+var keys = require('./keys-a586b7a0.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var sortByName = function sortByName(arr) {
+  var items = [].concat(toConsumableArray._toConsumableArray(arr));
+  items.sort(function (a, b) {
+    var nameA = a.name.toUpperCase();
+    var nameB = b.name.toUpperCase();
+    if (nameA < nameB) {
+      return -1;
+    }
+    if (nameA > nameB) {
+      return 1;
+    }
+    return 0;
+  });
+  return items;
+};
+
+var AlphabeticList = function AlphabeticList(_ref) {
+  var _ref$dataRecord = _ref.dataRecord,
+      dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord;
+
+  var dataList = {};
+  if (dataRecord && dataRecord.length > 0) {
+    var sortedData = sortByName(dataRecord);
+    sortedData.forEach(function (item) {
+      var firstLetter = item.name.charAt(0).toUpperCase();
+      if (!dataList[firstLetter]) {
+        dataList[firstLetter] = [];
+      }
+      dataList[firstLetter].push(item);
+    });
+  }
+
+  var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+  var itemsRef = React.useRef([]);
+
+  var renderAlbhabetList = function renderAlbhabetList() {
+    var style = {
+      fontWeight: '600',
+      fontSize: '30px',
+      textDecoration: 'none',
+      padding: '0 10px',
+      color: 'grey'
+    };
+    return React__default['default'].createElement(
+      'div',
+      { className: 'd-flex flex-wrap mb-3' },
+      alphabet.map(function (letter, i) {
+        if (dataList[letter]) {
+          return React__default['default'].createElement(
+            'a',
+            {
+              key: i,
+              onClick: function onClick() {
+                var index = keys._Object$keys(dataList).findIndex(function (i) {
+                  return i === letter;
+                });
+                if (itemsRef.current && itemsRef.current[index]) {
+                  window.scrollTo(0, itemsRef.current[index].offsetTop);
+                }
+              } },
+            React__default['default'].createElement(
+              'span',
+              {
+                style: _extends._extends({}, style, {
+                  color: 'black'
+                }) },
+              letter
+            )
+          );
+        }
+        return React__default['default'].createElement(
+          'span',
+          { key: i, style: style },
+          letter
+        );
+      })
+    );
+  };
+
+  React.useEffect(function () {
+    itemsRef.current = itemsRef.current.slice(0, keys._Object$keys(dataList).length);
+  }, [dataList]);
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    renderAlbhabetList(),
+    keys._Object$keys(dataList).map(function (letter, index) {
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
+        { key: index },
+        React__default['default'].createElement(
+          'h3',
+          { ref: function ref(el) {
+              return itemsRef.current[index] = el;
+            } },
+          letter
+        ),
+        React__default['default'].createElement(
+          'ul',
+          null,
+          dataList[letter].map(function (item, i) {
+            return React__default['default'].createElement(
+              'li',
+              { key: i },
+              React__default['default'].createElement(
+                'a',
+                { href: item.url },
+                item.name
+              )
+            );
+          })
+        )
+      );
+    })
+  );
+};
+
+module.exports = AlphabeticList;