@mjhls/mjh-framework 1.0.709 → 1.0.711-beta.0

package/dist/esm/AdSlot.js

@@ -1,24 +1,24 @@
-import { _ as _extends } from './extends-c2b1c9d7.js';
-import { _ as _slicedToArray } from './slicedToArray-34468155.js';
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { a as lib_2 } from './index-669ff425.js';
-import { d as debounce_1 } from './debounce-1a993acf.js';
-import Beam from './Beam.js';
-import Segment from './Segment.js';
-import { d as main_16 } from './main-1450d277.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-9bef3b62.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
-import './web.dom.iterable-ca37144a.js';
-import './es6.string.iterator-b24a54f2.js';
-import './core.get-iterator-method-1b116089.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './web.dom.iterable-8956f9a5.js';
+import React__default, { useState, useEffect } from 'react';
+import { a as lib_2 } from './index-a9e53f80.js';
+import PropTypes from 'prop-types';
 import './isSymbol-807e927e.js';
-import './stringify-8a4f19f7.js';
-import './asyncToGenerator-acd1cc47.js';
-import './_library-528f1934.js';
-import './_set-species-0b056cff.js';
-import './_iter-detect-d4d262ee.js';
+import { d as debounce_1 } from './debounce-1a993acf.js';
+import { d as main_16 } from './main-e4a934b2.js';
+import './stringify-008c8802.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
+import Segment from './Segment.js';
+import Beam from './Beam.js';
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
@@ -46,9 +46,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       setAdRefreshable = _useState4[1];
 
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2);
-      _useState6[0];
-      _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      adHasFocus = _useState6[0],
+      setAdHasFocus = _useState6[1];
 
   var adTargeting = _extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
 
@@ -74,10 +74,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       eventData = _useState8[0],
       setEventData = _useState8[1];
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React.createElement(lib_2, {
+    React__default.createElement(lib_2, {
       style: { marginBottom: '1rem' },
       slotId: slotId,
       sizes: sizes,

package/dist/esm/AdSlotsProvider.js

@@ -1,8 +1,19 @@
-import React, { useEffect } from 'react';
-import { b as lib_1, l as lib_3 } from './index-669ff425.js';
-import { e as main_22 } from './main-1450d277.js';
 import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import './web.dom.iterable-8956f9a5.js';
+import React__default, { useEffect } from 'react';
+import { l as lib_3, b as lib_1 } from './index-a9e53f80.js';
 import 'prop-types';
+import { e as main_22, m as main_36 } from './main-e4a934b2.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
+
+var _this = undefined;
 
 var AdSlotsProvider = function AdSlotsProvider(_ref) {
   var children = _ref.children,
@@ -12,18 +23,109 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
       _ref$singleRequest = _ref.singleRequest,
       singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
       _ref$autoRefresh = _ref.autoRefresh,
-      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh;
+      autoRefresh = _ref$autoRefresh === undefined ? true : _ref$autoRefresh,
+      _ref$refreshADs = _ref.refreshADs,
+      refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs;
 
   useEffect(function () {
-    // Refresh ADs after every one minute of user not scrolled
+    // Refresh ADs after every one minute if user didn't scroll
+    var generateAdsToRefresh = function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ads) {
+        var googletag, slots, domAds, adsToRefresh;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return lib_3.getGoogletag();
+
+              case 2:
+                googletag = _context.sent;
+
+                if (!(googletag && googletag.pubadsReady)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                slots = googletag.pubads().getSlots();
+                domAds = slots.map(function (slot) {
+                  return slot.getSlotId().getDomId();
+                });
+                adsToRefresh = domAds.reduce(function (acc, item) {
+                  ads.forEach(function (ad) {
+                    if (item.includes(ad)) {
+                      acc = [].concat(_toConsumableArray(acc), [item]);
+                    }
+                  });
+                  return acc;
+                }, []);
+                return _context.abrupt('return', adsToRefresh);
+
+              case 8:
+                return _context.abrupt('return', ads);
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this);
+      }));
+
+      return function generateAdsToRefresh(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var isScrolling = void 0;
     var refreshADsAfterInterval = function refreshADsAfterInterval() {
-      isScrolling = setInterval(function () {
-        lib_3.refresh();
-      }, 60000);
+      isScrolling = setInterval(_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
+
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
+                ads = [];
+
+                if (!main_36) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                _context2.next = 5;
+                return generateAdsToRefresh(mobileAds);
+
+              case 5:
+                ads = _context2.sent;
+                _context2.next = 12;
+                break;
+
+              case 8:
+                if (!main_22) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 11;
+                return generateAdsToRefresh(desktopAds);
+
+              case 11:
+                ads = _context2.sent;
+
+              case 12:
+                lib_3.refresh.apply(lib_3, _toConsumableArray(ads));
+
+              case 13:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this);
+      })), 60000);
     };
-    autoRefresh && main_22 && refreshADsAfterInterval();
-    autoRefresh && main_22 && window.addEventListener('scroll', function () {
+    autoRefresh && refreshADsAfterInterval();
+    autoRefresh && window.addEventListener('scroll', function () {
       clearInterval(isScrolling);
       refreshADsAfterInterval();
     }, false);
@@ -32,13 +134,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
     };
   }, []);
 
-  return React.createElement(
+  return React__default.createElement(
     lib_1,
-    {
-      dfpNetworkId: networkID,
-      targeting: targeting,
-      singleRequest: singleRequest,
-      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    { dfpNetworkId: networkID, targeting: targeting, singleRequest: singleRequest, lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 } },
     children
   );
 };

package/dist/esm/AlphabeticList.js

@@ -1,14 +1,14 @@
-import { _ as _extends } from './extends-c2b1c9d7.js';
-import { _ as _Object$keys } from './keys-9bb7939c.js';
-import { _ as _toConsumableArray } from './toConsumableArray-5212fee7.js';
-import React, { useRef, useEffect } from 'react';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-9bef3b62.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
-import './_object-sap-6a003379.js';
-import './es6.string.iterator-b24a54f2.js';
-import './_iter-detect-d4d262ee.js';
-import './core.get-iterator-method-1b116089.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import React__default, { useRef, useEffect } from 'react';
+import { _ as _Object$keys } from './keys-fc2d4c34.js';
 
 var sortByName = function sortByName(arr) {
   var items = [].concat(_toConsumableArray(arr));
@@ -53,12 +53,12 @@ var AlphabeticList = function AlphabeticList(_ref) {
       padding: '0 10px',
       color: 'grey'
     };
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'd-flex flex-wrap mb-3' },
       alphabet.map(function (letter, i) {
         if (dataList[letter]) {
-          return React.createElement(
+          return React__default.createElement(
             'a',
             {
               key: i,
@@ -70,7 +70,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
                   window.scrollTo(0, itemsRef.current[index].offsetTop);
                 }
               } },
-            React.createElement(
+            React__default.createElement(
               'span',
               {
                 style: _extends({}, style, {
@@ -80,7 +80,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
             )
           );
         }
-        return React.createElement(
+        return React__default.createElement(
           'span',
           { key: i, style: style },
           letter
@@ -93,29 +93,29 @@ var AlphabeticList = function AlphabeticList(_ref) {
     itemsRef.current = itemsRef.current.slice(0, _Object$keys(dataList).length);
   }, [dataList]);
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
     renderAlbhabetList(),
     _Object$keys(dataList).map(function (letter, index) {
-      return React.createElement(
-        React.Fragment,
+      return React__default.createElement(
+        React__default.Fragment,
         { key: index },
-        React.createElement(
+        React__default.createElement(
           'h3',
           { ref: function ref(el) {
               return itemsRef.current[index] = el;
             } },
           letter
         ),
-        React.createElement(
+        React__default.createElement(
           'ul',
           null,
           dataList[letter].map(function (item, i) {
-            return React.createElement(
+            return React__default.createElement(
               'li',
               { key: i },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: item.url },
                 item.name

package/dist/esm/ArticleCarousel.js

@@ -1,22 +1,22 @@
-import { _ as _extends } from './extends-c2b1c9d7.js';
-import React from 'react';
-import YoutubeGroup from './YoutubeGroup.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-9bef3b62.js';
-import './_object-pie-71ac75a4.js';
-import './typeof-64422756.js';
-import './es6.string.iterator-b24a54f2.js';
-import './web.dom.iterable-ca37144a.js';
-import './_is-array-9383b394.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
-import './slicedToArray-34468155.js';
-import './core.get-iterator-method-1b116089.js';
-import './smoothscroll-ab6e0238.js';
-import './index-752d1dae.js';
-import 'react-dom';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './web.dom.iterable-8956f9a5.js';
+import './typeof-08f2c380.js';
+import './_is-array-49698029.js';
+import React__default from 'react';
 import 'prop-types';
-import './index-3f5c03b2.js';
-import './main-1450d277.js';
+import 'react-dom';
+import './index-73819142.js';
+import './index-5f9f807a.js';
+import './main-e4a934b2.js';
+import './slicedToArray-7021e5df.js';
+import './smoothscroll-4b699764.js';
+import YoutubeGroup from './YoutubeGroup.js';
 
 function ArticleCarousel(props) {
   //Passed in array of articles to pass into YoutubeGroup
@@ -31,10 +31,10 @@ function ArticleCarousel(props) {
     return article;
   });
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    articles ? React.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', vidHolderWidth: vidHolderWidth, numOfTiles: numOfTiles, dataset: data }, props)) : React.createElement(
+    articles ? React__default.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', vidHolderWidth: vidHolderWidth, numOfTiles: numOfTiles, dataset: data }, props)) : React__default.createElement(
       'p',
       null,
       'No Article Found.'

package/dist/esm/ArticleSeriesListing.js

@@ -1,35 +1,35 @@
-import { _ as _extends } from './extends-c2b1c9d7.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-18d4a779.js';
-import React from 'react';
-import { l as lib_3 } from './index-669ff425.js';
-import Container from 'react-bootstrap/Container';
-import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
-import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
-import { m as moment } from './moment-bc12cb97.js';
-import { withRouter } from 'next/router';
-import YoutubeGroup from './YoutubeGroup.js';
-import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-c6222053.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-9bef3b62.js';
-import './_object-pie-71ac75a4.js';
-import './es6.string.iterator-b24a54f2.js';
-import './_object-sap-6a003379.js';
-import './define-property-9a008401.js';
-import './typeof-64422756.js';
-import './web.dom.iterable-ca37144a.js';
-import './_is-array-9383b394.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-7ee3e0c1.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
+import './typeof-08f2c380.js';
+import './_is-array-49698029.js';
+import React__default from 'react';
+import { l as lib_3 } from './index-a9e53f80.js';
 import 'prop-types';
+import Container from 'react-bootstrap/Container';
+import { m as moment } from './moment-e2f9b20c.js';
+import { withRouter } from 'next/router';
+import './isSymbol-807e927e.js';
+import { d as debounce_1 } from './debounce-1a993acf.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
+import './index-73819142.js';
+import './index-5f9f807a.js';
+import './main-e4a934b2.js';
+import './slicedToArray-7021e5df.js';
+import './smoothscroll-4b699764.js';
+import YoutubeGroup from './YoutubeGroup.js';
 import './iconBase-602d52fe.js';
-import './slicedToArray-34468155.js';
-import './core.get-iterator-method-1b116089.js';
-import './smoothscroll-ab6e0238.js';
-import './index-752d1dae.js';
-import './index-3f5c03b2.js';
-import './main-1450d277.js';
-import './isSymbol-807e927e.js';
+import { I as IoIosArrowForward } from './index.esm-29e48d38.js';
 
 var ArticleSeriesListing = function (_React$Component) {
   _inherits(ArticleSeriesListing, _React$Component);
@@ -92,9 +92,9 @@ var ArticleSeriesListing = function (_React$Component) {
     }, 0), _this.loadData = function () {
       var _this$state = _this.state,
           from = _this$state.from,
-          to = _this$state.to;
-          _this$state.data;
-          var query = _this$state.query,
+          to = _this$state.to,
+          data = _this$state.data,
+          query = _this$state.query,
           page = _this$state.page;
       var client = _this.props.client;
       //this.changePageNumber(page)
@@ -190,15 +190,15 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React.createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React.createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -207,7 +207,7 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderSeries = function (seriesData) {
       var itemCounter = 0;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
         seriesData && seriesData.map(function (docSeries, index) {
@@ -217,24 +217,24 @@ var ArticleSeriesListing = function (_React$Component) {
             });
           }
 
-          return React.createElement(
+          return React__default.createElement(
             'div',
             { key: index, counter: itemCounter++ },
-            React.createElement(
+            React__default.createElement(
               'h4',
               { className: 'article-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
                 docSeries.title,
-                React.createElement(
+                React__default.createElement(
                   'span',
                   { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)', display: 'inline-block' } },
-                  React.createElement(IoIosArrowForward, null)
+                  React__default.createElement(IoIosArrowForward, null)
                 )
               )
             ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React.createElement(
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React__default.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React__default.createElement(
               'p',
               null,
               'No Article Found.'
@@ -250,31 +250,31 @@ var ArticleSeriesListing = function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return React.createElement(
-        React.Fragment,
+      return React__default.createElement(
+        React__default.Fragment,
         null,
         this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
-        React.createElement(
+        React__default.createElement(
           InfiniteScroll,
           { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-          React.createElement(
+          React__default.createElement(
             Container,
             null,
             this.state.data && this.state.data.map(function (series, index) {
               var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
 
-              return React.createElement(
-                React.Fragment,
+              return React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React.createElement(
+                React__default.createElement(
                   VisibilitySensor,
                   {
                     onChange: function onChange(isVisible) {
                       isVisible && _this2.changePageNumber(page);
                     } },
-                  React.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                 ),
-                React.createElement(
+                React__default.createElement(
                   'div',
                   null,
                   _this2.renderSeries(series)
@@ -282,13 +282,13 @@ var ArticleSeriesListing = function (_React$Component) {
               );
             })
           )
-        ) : React.createElement(
+        ) : React__default.createElement(
           'div',
           { style: { marginTop: '10px' } },
-          React.createElement(
+          React__default.createElement(
             'h5',
             null,
-            React.createElement(
+            React__default.createElement(
               'em',
               null,
               'New content coming soon, please check back later.'
@@ -300,7 +300,7 @@ var ArticleSeriesListing = function (_React$Component) {
   }]);
 
   return ArticleSeriesListing;
-}(React.Component);
+}(React__default.Component);
 
 var ArticleSeriesListing$1 = withRouter(ArticleSeriesListing);