@mjhls/mjh-framework 1.0.206 → 1.0.207

package/dist/cjs/MasterDeck.js

@@ -5,18 +5,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
-var visibilitySensor = require('./visibility-sensor-5c5a7302.js');
+var index = require('./index-0322e486.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var index_es = require('./index.es-2289df51.js');
+var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-311eb805.js');
-var debounce = require('./debounce-286eb3fb.js');
+var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-a4c53ff4.js');
 var main = require('./main-58839f4e.js');
@@ -153,7 +152,7 @@ var MasterDeck = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          visibilitySensor.lib_3.refresh();
+          index.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -281,7 +280,7 @@ var MasterDeck = function (_React$Component) {
           React__default.Fragment,
           null,
           React__default.createElement(
-            index_es.InfiniteScroll,
+            visibilitySensor.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
             React__default.createElement(
               Container,

package/dist/cjs/{Normal-7dd8c339.js → Normal-47d9e184.js}

@@ -5,15 +5,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
+var index = require('./index-0322e486.js');
 var PropTypes = _interopDefault(require('prop-types'));
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
+var debounce = require('./debounce-a963b136.js');
 var main = require('./main-58839f4e.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var get$1 = require('./get-06aac51b.js');
-var AD = require('./AD-e2479b7c.js');
+var get$1 = require('./get-126b1712.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -2235,6 +2236,63 @@ var HamMagazine = function HamMagazine(props) {
   );
 };
 
+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;
+
+  var _useState = React.useState(false),
+      _useState2 = _babelHelpers.slicedToArray(_useState, 2),
+      adRendered = _useState2[0],
+      setAdRendered = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
+      adRefreshable = _useState4[0],
+      setAdRefreshable = _useState4[1];
+
+  var handleVisibilityChange = debounce.debounce_1(function (_ref2) {
+    var event = _ref2.event;
+
+    if (event.inViewPercentage <= 0) {
+      setAdRefreshable(false);
+    } else {
+      setAdRefreshable(true);
+    }
+  }, 500);
+
+  return React__default.createElement(
+    'div',
+    { className: className },
+    React__default.createElement(index.lib_2, {
+      slotId: slotId,
+      sizes: sizes,
+      adUnit: adUnit,
+      sizeMapping: sizeMapping,
+      targetingArguments: targeting,
+      onSlotRender: function onSlotRender(eventData) {
+        setAdRendered(true);
+      },
+      onSlotVisibilityChanged: handleVisibilityChange,
+      shouldRefresh: function shouldRefresh() {
+        if (adRendered && adRefreshable) return true;else return false;
+      }
+    })
+  );
+};
+
+DFPAdSlot.propTypes = {
+  adUnit: PropTypes.string.isRequired,
+  slotId: PropTypes.string,
+  className: PropTypes.string,
+  sizeMapping: PropTypes.array,
+  sizes: PropTypes.array
+};
+
 var AD728x90 = function AD728x90(_ref) {
   var networkID = _ref.networkID,
       adUnit = _ref.adUnit,
@@ -2242,7 +2300,7 @@ var AD728x90 = function AD728x90(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(AD.AD, {
+  return React__default.createElement(DFPAdSlot, {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
@@ -2360,6 +2418,7 @@ exports.AD728x90 = AD728x90;
 exports.Column1 = Column1;
 exports.Column2 = Column2;
 exports.Column3 = Column3;
+exports.DFPAdSlot = DFPAdSlot;
 exports.HamMagazine = HamMagazine;
 exports.Header = Header$1;
 exports.LeftNav = LeftNav$1;

package/dist/cjs/PublicationDeck.js

@@ -11,8 +11,8 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index = require('./index-a4c53ff4.js');
-var index$1 = require('./index-0d0efcfa.js');
+var index$1 = require('./index-a4c53ff4.js');
+var index$2 = require('./index-0d0efcfa.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 
 var PublicationDeck = function PublicationDeck(props) {
@@ -24,7 +24,7 @@ var PublicationDeck = function PublicationDeck(props) {
       client = props.client;
 
   var urlFor = function urlFor(source) {
-    var builder = index.imageUrlBuilder(client);
+    var builder = index$1.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -53,7 +53,7 @@ var PublicationDeck = function PublicationDeck(props) {
             'a',
             { href: href + '/' + row.identifier.current },
             row.childIssue && row.childIssue.thumbnail && React__default.createElement(
-              index$1.LazyLoad,
+              index$2.LazyLoad,
               { height: imageHeight },
               React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
             ),

package/dist/cjs/QueueDeckExpanded.js

@@ -5,15 +5,15 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
-var visibilitySensor = require('./visibility-sensor-5c5a7302.js');
+var index = require('./index-0322e486.js');
 require('prop-types');
-var index_es = require('./index.es-2289df51.js');
+var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index = require('./index-a4c53ff4.js');
-var index$1 = require('./index-0d0efcfa.js');
+var index$1 = require('./index-a4c53ff4.js');
+var index$2 = require('./index-0d0efcfa.js');
 var main = require('./main-58839f4e.js');
 var entities = require('./entities-3e0b4a16.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
@@ -97,7 +97,7 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
     pageNumber = parseInt(pageNumber);
 
     if (currentPage !== pageNumber) {
-      visibilitySensor.lib_3.refresh();
+      index.lib_3.refresh();
 
       setCurrentPage(pageNumber);
       if (path[0] !== '/') {
@@ -196,7 +196,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     'a',
                     { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
                     React__default.createElement(
-                      index$1.LazyLoad,
+                      index$2.LazyLoad,
                       { height: imageHeight },
                       article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     )
@@ -216,7 +216,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      index_es.moment(article.published).format('MMMM DD, YYYY')
+                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -269,7 +269,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     'a',
                     { href: article.url.current, className: 'feature-wrapper' },
                     React__default.createElement(
-                      index$1.LazyLoad,
+                      index$2.LazyLoad,
                       { height: imageHeight },
                       article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     )
@@ -289,7 +289,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      index_es.moment(article.published).format('MMMM DD, YYYY')
+                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -343,7 +343,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 'a',
                 { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
                 React__default.createElement(
-                  index$1.LazyLoad,
+                  index$2.LazyLoad,
                   { height: imageHeight },
                   article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                 )
@@ -363,7 +363,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 showPublished && article.published && React__default.createElement(
                   'p',
                   { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                  index_es.moment(article.published).format('MMMM DD, YYYY')
+                  visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
                 ),
                 showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                   return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -456,7 +456,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var initialCurrentPage = props.currentPage,
       showPublished = props.showPublished;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   var _useState = React.useState(initialData),
       _useState2 = _babelHelpers.slicedToArray(_useState, 2),
@@ -503,7 +503,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.Fragment,
       null,
       React__default.createElement(
-        index_es.InfiniteScroll,
+        visibilitySensor.InfiniteScroll,
         { dataLength: data && data.length, next: function next() {
             return loadMore(values, setValues, per);
           }, hasMore: scrolling, scrollThreshold: 0.9 },

package/dist/cjs/{TaxonomyCard-7b5b4298.js → TaxonomyCard-d97685e2.js}

@@ -9,8 +9,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var index = require('./index-a4c53ff4.js');
-var index$1 = require('./index-0d0efcfa.js');
+var index$1 = require('./index-a4c53ff4.js');
+var index$2 = require('./index-0d0efcfa.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
 
 /*
@@ -150,7 +150,7 @@ var buildUrl = function buildUrl(props) {
     throw new Error('Invalid image reference in block, no `_ref` found on `asset`');
   }
 
-  return index.node(objectAssign({
+  return index$1.node(objectAssign({
     projectId: projectId,
     dataset: dataset
   }, options.imageOptions || {})).image(node).toString();
@@ -933,7 +933,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
       getSerializers = props.getSerializers;
 
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source).auto('format');
@@ -985,7 +985,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     Col,
                     null,
                     React__default.createElement(
-                      index$1.LazyLoad,
+                      index$2.LazyLoad,
                       { height: imageHeight },
                       React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
                     )

package/dist/cjs/TaxonomyCard.js

@@ -11,7 +11,7 @@ require('react-dom');
 require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
 require('./_babelHelpers-f321c258.js');
-var TaxonomyCard = require('./TaxonomyCard-7b5b4298.js');
+var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
 
 
 

package/dist/cjs/TemplateNormal.js

@@ -2,20 +2,20 @@
 
 require('react');
 require('./_commonjsHelpers-3fc1f64e.js');
+require('./index-0322e486.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
-require('./isSymbol-311eb805.js');
+require('./debounce-a963b136.js');
 require('./main-58839f4e.js');
 require('./_babelHelpers-f321c258.js');
-require('./get-06aac51b.js');
-require('./AD-e2479b7c.js');
+require('./get-126b1712.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-7dd8c339.js');
+var TemplateNormal = require('./Normal-47d9e184.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/ThumbnailCard.js

@@ -7,8 +7,8 @@ var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
 require('prop-types');
 require('react-dom');
-var index = require('./index-a4c53ff4.js');
-var index$1 = require('./index-0d0efcfa.js');
+var index$1 = require('./index-a4c53ff4.js');
+var index$2 = require('./index-0d0efcfa.js');
 var entities = require('./entities-3e0b4a16.js');
 var Media$1 = _interopDefault(require('react-bootstrap/Media'));
 
@@ -18,7 +18,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       client = _ref.client,
       defaultImage = _ref.defaultImage;
 
-  var builder = index.imageUrlBuilder(client);
+  var builder = index$1.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source).auto('format');
@@ -32,7 +32,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
         Media$1,
         { className: 'mb-3 thumbnail-card' },
         React__default.createElement(
-          index$1.LazyLoad,
+          index$2.LazyLoad,
           { height: size },
           React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
         ),

package/dist/cjs/VideoSeriesListing.js

@@ -5,19 +5,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
-var visibilitySensor = require('./visibility-sensor-5c5a7302.js');
+var index = require('./index-0322e486.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var index_es = require('./index.es-2289df51.js');
+var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-311eb805.js');
-var debounce = require('./debounce-286eb3fb.js');
+var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-0d0efcfa.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var YoutubeGroup = require('./YoutubeGroup-4cf7a4aa.js');
+var YoutubeGroup = require('./YoutubeGroup-7dc3064d.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 var VideoSeriesListing = function (_React$Component) {
@@ -134,7 +133,7 @@ var VideoSeriesListing = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-          visibilitySensor.lib_3.refresh();
+          index.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -212,7 +211,7 @@ var VideoSeriesListing = function (_React$Component) {
       var _this2 = this;
 
       return React__default.createElement(
-        index_es.InfiniteScroll,
+        visibilitySensor.InfiniteScroll,
         { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
         React__default.createElement(
           Container,

package/dist/cjs/{YoutubeGroup-4cf7a4aa.js → YoutubeGroup-7dc3064d.js}

@@ -6,7 +6,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
 require('next/link');
-var index$1 = require('./index-0d0efcfa.js');
+var index$2 = require('./index-0d0efcfa.js');
 
 var getYoutubeId = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 (function (root, factory) {
@@ -136,7 +136,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   'div',
                   { className: 'tile__media' },
                   React__default.createElement(
-                    index$1.LazyLoad,
+                    index$2.LazyLoad,
                     null,
                     React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
                   )
@@ -175,7 +175,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   'div',
                   { className: 'tile__media' },
                   React__default.createElement(
-                    index$1.LazyLoad,
+                    index$2.LazyLoad,
                     null,
                     React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
                   )

package/dist/cjs/YoutubeGroup.js

@@ -6,7 +6,7 @@ require('prop-types');
 require('next/link');
 require('react-dom');
 require('./index-0d0efcfa.js');
-var YoutubeGroup = require('./YoutubeGroup-4cf7a4aa.js');
+var YoutubeGroup = require('./YoutubeGroup-7dc3064d.js');