@mjhls/mjh-framework 1.0.331 → 1.0.333

package/dist/esm/{Normal-63478e2d.js → Normal-cbddc3c0.js}

@@ -1,12 +1,12 @@
-import { m as main_36, c as main_37 } from './main-9ae8991d.js';
+import { m as main_39, c as main_40 } from './main-cb86f95d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'next/link';
 import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
-import { D as DFPAdSlot } from './AdSlot-4a85e252.js';
-import { g as get_1 } from './get-9c285a85.js';
+import { D as DFPAdSlot } from './AdSlot-8946358f.js';
+import { g as get_1 } from './get-36d03764.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,
@@ -339,7 +339,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 () {
@@ -398,7 +398,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 }),
@@ -634,16 +634,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,
@@ -842,7 +842,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' },
@@ -976,15 +976,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,
@@ -1037,7 +1037,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',
@@ -1378,15 +1378,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,
@@ -1538,7 +1538,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 },
@@ -1779,7 +1779,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

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'next/link';
 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

@@ -1,24 +1,24 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-7e9bebf9.js';
-import { l as lib_3 } from './debounce-93ab8f80.js';
-import { m as main_36 } from './main-9ae8991d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-ec38f5fe.js';
+import { l as lib_3 } from './debounce-702eb224.js';
+import { m as main_39 } from './main-cb86f95d.js';
+import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
 import { _ as _extends } from './extends-26d3b609.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-336093e1.js';
+import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-3cea5efb.js';
 import 'next/link';
 import { useRouter } from 'next/router';
 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 { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
-import './AdSlot-4a85e252.js';
-import './promise-e4a5eb9f.js';
-import { A as ADInfeed } from './ADInfeed-c42432d8.js';
+import './AdSlot-8946358f.js';
+import './promise-86cb8313.js';
+import { A as ADInfeed } from './ADInfeed-aadcfc25.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {
@@ -278,7 +278,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 )
               )
             ),
-            main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+            main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
           );
         } else {
           return React__default.createElement(
@@ -352,7 +352,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 )
               )
             ),
-            main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+            main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
           );
         }
       } else if (article._type === 'brandInsightAd' && article.adUnit) {
@@ -428,7 +428,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             )
           )
         ),
-        main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+        main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
       );
     }) : React__default.createElement(
       'div',

package/dist/esm/{TaxonomyCard-c036f1c3.js → TaxonomyCard-89325080.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

@@ -8,7 +8,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-c036f1c3.js';
+export { T as default } from './TaxonomyCard-89325080.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-7e9bebf9.js';
-import './debounce-93ab8f80.js';
-import './main-9ae8991d.js';
+import './debounce-702eb224.js';
+import './main-cb86f95d.js';
 import 'react';
 import 'prop-types';
 import 'react-bootstrap/Container';
@@ -10,14 +10,14 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './slicedToArray-a47a84a4.js';
-import './AdSlot-4a85e252.js';
-import './promise-e4a5eb9f.js';
-import './get-9c285a85.js';
+import './AdSlot-8946358f.js';
+import './promise-86cb8313.js';
+import './get-36d03764.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-63478e2d.js';
+export { T as default } from './Normal-cbddc3c0.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

@@ -1,13 +1,13 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-7e9bebf9.js';
-import { d as debounce_1, l as lib_3 } from './debounce-93ab8f80.js';
+import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
 import { _ as _extends } from './extends-26d3b609.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-424c89e9.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-4b85034c.js';
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-336093e1.js';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';

package/dist/esm/YoutubeGroup.js

@@ -9,10 +9,10 @@ import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-a47a84a4.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-93ab8f80.js → debounce-702eb224.js}

@@ -823,15 +823,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-9c285a85.js → get-36d03764.js}

@@ -1,4 +1,4 @@
-import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-93ab8f80.js';
+import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-702eb224.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();
     };