@mjhls/mjh-framework 1.0.294 → 1.0.296

package/dist/esm/ADInfeed-a1d8cb44.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import Card from 'react-bootstrap/Card';
+import { D as DFPAdSlot } from './AdSlot-b4f04c96.js';
+
+var ADInfeed = function ADInfeed(_ref) {
+  var index = _ref.index,
+      infeedAd = _ref.infeedAd;
+  var className = infeedAd.className,
+      slotId = infeedAd.slotId,
+      adUnit = infeedAd.adUnit,
+      _infeedAd$targeting = infeedAd.targeting,
+      targeting = _infeedAd$targeting === undefined ? {} : _infeedAd$targeting,
+      networkID = infeedAd.networkID,
+      sizes = infeedAd.sizes;
+
+
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('brand-insight-wrapper-' + (index + 1));
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.style.display = 'none';
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    if (isFound) {
+      var parent = document.getElementById('brand-insight-wrapper-' + (index + 1));
+      parent.style.display = 'flex';
+    } else {
+      collapseAd();
+    }
+  };
+
+  return React__default.createElement(
+    'div',
+    { id: 'brand-insight-wrapper-' + (index + 1), className: 'brand-insight-wrapper', style: { display: 'none', flex: '1 0 auto' } },
+    React__default.createElement(
+      Card,
+      { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+      React__default.createElement(DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      ''
+    )
+  );
+};
+
+export { ADInfeed as A };

package/dist/esm/{AdSlot-03043ffb.js → AdSlot-b4f04c96.js}

@@ -1080,7 +1080,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$refreshFlag = _ref.refreshFlag,
       refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag,
-      setShowAd = _ref.setShowAd;
+      checkIsAdFound = _ref.checkIsAdFound;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1117,13 +1117,14 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       sizeMapping: sizeMapping,
       targetingArguments: targeting,
       onSlotRender: function onSlotRender(eventData) {
-        if (eventData && eventData.slotId && ['floating-ad', 'infeed', 'welcome-ad'].includes(eventData.slotId)) {
+        if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
           if (eventData.event && eventData.event.creativeId == null) {
-            setShowAd(false);
+            checkIsAdFound(false);
           } else {
-            setShowAd(true);
+            checkIsAdFound(true);
           }
         }
+
         setAdRendered(true);
         if (eventData && eventData.event) {
           var cID = eventData.event.creativeId;

package/dist/esm/DeckContent.js

@@ -17,13 +17,13 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-03043ffb.js';
+import './AdSlot-b4f04c96.js';
 import './promise-e3480f1c.js';
-import { A as ADInfeed } from './ADInfeed-ac3ac372.js';
+import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -164,14 +164,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {

package/dist/esm/DeckQueue.js

@@ -17,7 +17,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { g as get_1 } from './get-9c285a85.js';

package/dist/esm/{Figure-9f21ef27.js → Figure-cff72982.js}

@@ -3,7 +3,7 @@ import './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
 import './core.get-iterator-method-31c1fb1a.js';
 import React__default, { useState } from 'react';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
 import { Figure as Figure$1 } from 'react-bootstrap';
 

package/dist/esm/{GridContent-88ed988c.js → GridContent-862176ac.js}

@@ -11,10 +11,10 @@ import Card from 'react-bootstrap/Card';
 import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
 import 'next/link';
 import { withRouter } from 'next/router';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { A as ADInfeed } from './ADInfeed-ac3ac372.js';
+import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
 import { g as get_1 } from './get-9c285a85.js';
 
 var Dfp = React__default.lazy(function () {

package/dist/esm/GridContent.js

@@ -17,12 +17,12 @@ import './visibility-sensor-336093e1.js';
 import 'next/link';
 import 'next/router';
 import 'react-dom';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-03043ffb.js';
+import './AdSlot-b4f04c96.js';
 import './promise-e3480f1c.js';
-import './ADInfeed-ac3ac372.js';
+import './ADInfeed-a1d8cb44.js';
 import './get-9c285a85.js';
-export { G as default } from './GridContent-88ed988c.js';
+export { G as default } from './GridContent-862176ac.js';

package/dist/esm/IssueContentDeck.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-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Badge from 'react-bootstrap/Badge';
 

package/dist/esm/IssueDeck.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-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Button from 'react-bootstrap/Button';
 

package/dist/esm/MasterDeck.js

@@ -17,7 +17,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import { _ as _Promise } from './promise-e3480f1c.js';
 
 var MasterDeck = function (_React$Component) {
@@ -163,14 +163,14 @@ var MasterDeck = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {

package/dist/esm/{Normal-3a537c0a.js → Normal-4180d06d.js}

@@ -5,7 +5,7 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Link from 'next/link';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import { D as DFPAdSlot } from './AdSlot-03043ffb.js';
+import { D as DFPAdSlot } from './AdSlot-b4f04c96.js';
 import { g as get_1 } from './get-9c285a85.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';
@@ -64,8 +64,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,
@@ -638,15 +638,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
 };
 
 var NavMagazine = function NavMagazine(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,
@@ -970,15 +970,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,
@@ -1372,15 +1372,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,

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-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Button from 'react-bootstrap/Button';
 

package/dist/esm/QueueDeckExpanded.js

@@ -13,13 +13,13 @@ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visib
 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-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import './AdSlot-03043ffb.js';
+import './AdSlot-b4f04c96.js';
 import './promise-e3480f1c.js';
-import { A as ADInfeed } from './ADInfeed-ac3ac372.js';
+import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/{TaxonomyCard-1d039949.js → TaxonomyCard-8d8c0d6f.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-3849e3fe.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-3849e3fe.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-1d039949.js';
+export { T as default } from './TaxonomyCard-8d8c0d6f.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -11,14 +11,14 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-03043ffb.js';
+import './AdSlot-b4f04c96.js';
 import './promise-e3480f1c.js';
 import './get-9c285a85.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-3a537c0a.js';
+export { T as default } from './Normal-4180d06d.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-3849e3fe.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

@@ -12,7 +12,7 @@ import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
 import './index-5f9f807a.js';
-import { Y as YoutubeGroup } from './YoutubeGroup-f59297bb.js';
+import { Y as YoutubeGroup } from './YoutubeGroup-562ed456.js';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';
 
 var VideoSeriesListing = function (_React$Component) {

package/dist/esm/{YoutubeGroup-f59297bb.js → YoutubeGroup-562ed456.js}

@@ -487,10 +487,10 @@ var smoothscroll_1 = smoothscroll.polyfill;
 
 // kick off the polyfill!
 
-/*
-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) {
   // Props should be an array of objects containing Thumbnail, title, and URL

package/dist/esm/YoutubeGroup.js

@@ -4,4 +4,4 @@ import 'prop-types';
 import 'next/link';
 import 'react-dom';
 import './index-5f9f807a.js';
-export { Y as default } from './YoutubeGroup-f59297bb.js';
+export { Y as default } from './YoutubeGroup-562ed456.js';

package/dist/esm/{index-73819142.js → index-3849e3fe.js}

@@ -375,7 +375,8 @@ 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,