@mjhls/mjh-framework 1.0.426 → 1.0.427

package/dist/esm/{Normal-7e1b2b80.js → Normal-c61851bf.js}

@@ -3,10 +3,10 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
-import { m as main_36, c as main_37 } from './main-273675e1.js';
+import { m as main_39, c as main_40 } from './main-7d1b3c98.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import { D as DFPAdSlot } from './AdSlot-4ca0419a.js';
-import { g as get_1 } from './get-b3f4645d.js';
+import { D as DFPAdSlot } from './AdSlot-78e48a2c.js';
+import { g as get_1 } from './get-53653403.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -60,8 +60,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,
@@ -424,7 +424,7 @@ var Column3 = function Column3(props) {
   var adRef = useRef(null);
 
   useEffect(function () {
-    if (!main_36 && window.innerWidth >= 768) {
+    if (!main_39 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -484,7 +484,7 @@ var Column3 = function Column3(props) {
         { jsx: 'true' },
         '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
-      (!main_36 || showRightAd) && React__default.createElement(
+      (!main_39 || showRightAd) && React__default.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
         website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
@@ -720,16 +720,16 @@ var SocialNavFooter = function SocialNavFooter(props) {
 };
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-   <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+    <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -928,7 +928,7 @@ var NavMagazine = function NavMagazine(props) {
     ),
     React__default.createElement(
       Navbar,
-      { id: 'navbar-ham', className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
+      { id: 'navbar-ham', className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
       React__default.createElement(
         Container,
         { className: 'mobile-nav android-nav' },
@@ -1119,15 +1119,15 @@ var NavMagazine = function NavMagazine(props) {
 var MagazineNav = React__default.memo(NavMagazine);
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-   <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+    <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1180,7 +1180,7 @@ var NavNative = function NavNative(props) {
     React__default.createElement(
       Navbar,
       {
-        className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
+        className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
         variant: 'dark',
         expand: 'lg',
         bg: 'primary',
@@ -1631,15 +1631,15 @@ var NavDvm = function NavDvm(props) {
 };
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1791,7 +1791,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React__default.createElement(
     'header',
-    { className: !main_36 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
+    { className: !main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
     React__default.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },
@@ -2083,7 +2083,7 @@ var AD728x90 = function AD728x90(_ref) {
 
 
   var mobileView = false;
-  if (main_36) {
+  if (main_39) {
     pos = 'top-mobile';
     mobileView = true;
   }

package/dist/esm/PublicationDeck.js

@@ -5,7 +5,7 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Button from 'react-bootstrap/Button';
 

package/dist/esm/QueueDeckExpanded.js

@@ -7,22 +7,22 @@ import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
 import React__default, { useState, useEffect, useRef } from 'react';
-import { l as lib_3 } from './debounce-53693e2b.js';
+import { l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import { m as moment } from './moment-e2f9b20c.js';
+import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_36 } from './main-273675e1.js';
+import { m as main_39 } from './main-7d1b3c98.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import './AdSlot-4ca0419a.js';
+import './AdSlot-78e48a2c.js';
 import './promise-2592a80a.js';
-import { A as ADInfeed } from './ADInfeed-f1c1780e.js';
+import { A as ADInfeed } from './ADInfeed-e5cefea5.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 
@@ -334,7 +334,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       } else if (article._type === 'brandInsightAd' && article.adUnit) {
         return React__default.createElement(ADInfeed, { index: index, infeedAd: article });
       }
-      if (main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
+      if (main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
         return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
       }
 

package/dist/esm/{TaxonomyCard-d49aa67a.js → TaxonomyCard-b29aa7ac.js}

@@ -5,7 +5,7 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { n as node, i as imageUrlBuilder } from './index-73819142.js';
+import { n as node, i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 

package/dist/esm/TaxonomyCard.js

@@ -9,7 +9,7 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import 'react-dom';
-import './index-73819142.js';
+import './index-51a80699.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-d49aa67a.js';
+export { T as default } from './TaxonomyCard-b29aa7ac.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -4,22 +4,22 @@ import './web.dom.iterable-e6bf2bf6.js';
 import './_library-528f1934.js';
 import './_iter-detect-7c281f0a.js';
 import 'react';
-import './debounce-53693e2b.js';
+import './debounce-df468b0e.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/router';
-import './main-273675e1.js';
+import './main-7d1b3c98.js';
 import './slicedToArray-04e02710.js';
-import './AdSlot-4ca0419a.js';
+import './AdSlot-78e48a2c.js';
 import './promise-2592a80a.js';
-import './get-b3f4645d.js';
+import './get-53653403.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-7e1b2b80.js';
+export { T as default } from './Normal-c61851bf.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/ThumbnailCard.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media$1 from 'react-bootstrap/Media';

package/dist/esm/VideoSeriesListing.js

@@ -7,15 +7,15 @@ import { _ as _extends } from './extends-92072fff.js';
 import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-dfba24f5.js';
 import './typeof-e4b50250.js';
 import React__default from 'react';
-import { d as debounce_1, l as lib_3 } from './debounce-53693e2b.js';
+import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import './moment-e2f9b20c.js';
+import './moment-12415288.js';
 import { withRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import './index-73819142.js';
+import './index-51a80699.js';
 import './index-5f9f807a.js';
 import './slicedToArray-04e02710.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/YoutubeGroup.js

@@ -7,15 +7,15 @@ import { b as _typeof } from './typeof-e4b50250.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {

package/dist/esm/{debounce-53693e2b.js → debounce-df468b0e.js}

@@ -821,15 +821,13 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
 
       if (_this5.lazyLoadIsEnabled()) {
-        var args = [];
-
         var config = _this5.getLazyLoadConfig();
 
-        if (config !== null) {
-          args.push(config);
+        if (config) {
+          pubadsService.enableLazyLoad(config);
+        } else {
+          pubadsService.enableLazyLoad();
         }
-
-        pubadsService.enableLazyLoad.call(args);
       }
 
       if (_this5.singleRequestIsEnabled()) {

package/dist/esm/{get-b3f4645d.js → get-53653403.js}

@@ -1,4 +1,4 @@
-import { f as isSymbol_1, g as isObject_1, _ as _baseGetTag, b as _root, h as _Symbol } from './debounce-53693e2b.js';
+import { f as isSymbol_1, g as isObject_1, _ as _baseGetTag, b as _root, h as _Symbol } from './debounce-df468b0e.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/esm/{index-73819142.js → index-51a80699.js}

@@ -58,35 +58,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) }
+            asset: { _ref: urlToId(source) },
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source }
+            asset: { _ref: source },
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source
+            asset: source,
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || ''
-            }
+                _ref: source._id || '',
+            },
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url)
-            }
+                _ref: urlToId(source.asset.url),
+            },
         };
     }
     else if (typeof source.asset === 'object') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
@@ -182,7 +182,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr']
+    ['dpr', 'dpr'],
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -201,7 +201,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -212,7 +212,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius
+        bottom: hotSpotCenterY + hotSpotVerticalRadius,
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -294,7 +294,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     else {
@@ -316,13 +316,13 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect
+        rect: cropRect,
     };
 }
 
@@ -375,11 +375,12 @@ function urlBuilder(options) {
     var client = options;
     if (isSanityClient(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var apiHost = apiUrl || 'https://api.sanity.io';
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset
+            dataset: dataset,
         });
     }
     // Or just accept the options as given
@@ -392,7 +393,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || '';
+        var baseUrl = options.baseUrl || this.options.baseUrl;
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -520,7 +521,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Synonym for url()
+    // Alias for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };

package/dist/esm/{index.es-29c1cef5.js → index.es-938a3a58.js}

@@ -263,6 +263,9 @@ var InfiniteScroll = /** @class */ (function (_super) {
             _this.dragging = false;
             if (_this.state.pullToRefreshThresholdBreached) {
                 _this.props.refreshFunction && _this.props.refreshFunction();
+                _this.setState({
+                    pullToRefreshThresholdBreached: false,
+                });
             }
             requestAnimationFrame(function () {
                 // this._infScroll
@@ -369,7 +372,6 @@ var InfiniteScroll = /** @class */ (function (_super) {
         // update state when new data was sent in
         this.setState({
             showLoader: false,
-            pullToRefreshThresholdBreached: false,
         });
     };
     InfiniteScroll.prototype.isElementAtBottom = function (target, scrollThreshold) {