@mjhls/mjh-framework 1.0.267 → 1.0.269

package/dist/esm/ADInfeed-e546ea87.js

@@ -0,0 +1,42 @@
+import React__default, { useState } from 'react';
+import Card from 'react-bootstrap/Card';
+import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
+import { D as DFPAdSlot } from './AdSlot-9b4ae186.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 _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    showAd && React__default.createElement(
+      'div',
+      { className: 'brand-insight-wrapper', style: { display: 'flex', 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, setShowAd: setShowAd })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        ''
+      )
+    )
+  );
+};
+
+export { ADInfeed as A };

package/dist/esm/{AdSlot-5b019415.js → AdSlot-9b4ae186.js}

@@ -1108,6 +1108,10 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
     }
   }, 500);
 
+  var matchAd = function matchAd(element) {
+    return slotId.includes(element);
+  };
+
   return React__default.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
@@ -1118,7 +1122,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       sizeMapping: sizeMapping,
       targetingArguments: targeting,
       onSlotRender: function onSlotRender(eventData) {
-        if (slotId === 'floating-ad' && eventData && eventData.event && eventData.event.creativeId == null) {
+        if (['floating-ad', 'infeed'].some(matchAd) && eventData && eventData.event && eventData.event.creativeId == null) {
           setShowAd(false);
         }
         setAdRendered(true);

package/dist/esm/DeckContent.js

@@ -18,12 +18,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 { D as DFPAdSlot } from './AdSlot-5b019415.js';
+import './AdSlot-9b4ae186.js';
 import './promise-683a9c54.js';
+import { A as ADInfeed } from './ADInfeed-e546ea87.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -164,14 +165,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) {
@@ -273,23 +274,7 @@ var DeckContent = function (_React$Component) {
             lgVar = 6;
           }
           if (row._type === 'BrandInsight' && row.adUnit) {
-            return React__default.createElement(
-              React__default.Fragment,
-              { key: itemCounter },
-              React__default.createElement(
-                Col,
-                { className: 'brand-insight-wrapper', sm: 12, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
-                React__default.createElement(
-                  Card,
-                  { className: 'ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-                  React__default.createElement(
-                    'div',
-                    { style: { width: '100%', height: 'auto' } },
-                    React__default.createElement(DFPAdSlot, { className: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
-                  )
-                )
-              )
-            );
+            return React__default.createElement(ADInfeed, { index: index, infeedAd: row });
           } else {
             var pageNumber = row.pageNumber || _this.state.page;
             var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';

package/dist/esm/DeckQueue.js

@@ -18,7 +18,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-b2201dc8.js';

package/dist/esm/{GridContent-be36b0aa.js → GridContent-f4fd38a7.js}

@@ -12,10 +12,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 { D as DFPAdSlot } from './AdSlot-5b019415.js';
+import { A as ADInfeed } from './ADInfeed-e546ea87.js';
 import { g as get_1 } from './get-b2201dc8.js';
 
 var Dfp = React__default.lazy(function () {
@@ -507,19 +507,7 @@ var GridContent = function (_React$Component) {
               );
             }
           } else if (row._type === 'BrandInsight' && row.adUnit) {
-            return React__default.createElement(
-              React__default.Fragment,
-              { key: itemCounter },
-              React__default.createElement(
-                'div',
-                { className: 'brand-insight-wrapper', counter: itemCounter++, style: { display: 'flex', 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: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
-                )
-              )
-            );
+            return React__default.createElement(ADInfeed, { index: index, infeedAd: row });
           }
           return React__default.createElement(
             React__default.Fragment,

package/dist/esm/GridContent.js

@@ -18,11 +18,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-5b019415.js';
+import './AdSlot-9b4ae186.js';
 import './promise-683a9c54.js';
+import './ADInfeed-e546ea87.js';
 import './get-b2201dc8.js';
-export { G as default } from './GridContent-be36b0aa.js';
+export { G as default } from './GridContent-f4fd38a7.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

@@ -18,7 +18,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-683a9c54.js';
 
 var MasterDeck = function (_React$Component) {
@@ -164,14 +164,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-3822b5a3.js → Normal-b7aa5dce.js}

@@ -8,7 +8,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-5b019415.js';
+import { D as DFPAdSlot } from './AdSlot-9b4ae186.js';
 import { g as get_1 } from './get-b2201dc8.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -670,8 +670,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,
@@ -794,7 +794,7 @@ var Column2 = function Column2(props) {
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
       _props$fixedHeight = props.fixedHeight,
-      fixedHeight = _props$fixedHeight === undefined ? true : _props$fixedHeight,
+      fixedHeight = _props$fixedHeight === undefined ? false : _props$fixedHeight,
       _props$SeeAll = props.SeeAll,
       SeeAll = _props$SeeAll === undefined ? true : _props$SeeAll;
 
@@ -949,7 +949,7 @@ var Column3 = function Column3(props) {
   var adRef = useRef(null);
 
   useEffect(function () {
-    if (!main_36) {
+    if (!main_36 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -1244,15 +1244,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,
@@ -1566,15 +1566,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,
@@ -1968,15 +1968,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

@@ -12,7 +12,7 @@ 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';

package/dist/esm/{TaxonomyCard-2d0ab635.js → TaxonomyCard-ee1a22ae.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';
 
 /*

package/dist/esm/TaxonomyCard.js

@@ -8,6 +8,6 @@ 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-2d0ab635.js';
+export { T as default } from './TaxonomyCard-ee1a22ae.js';

package/dist/esm/TemplateNormal.js

@@ -13,13 +13,13 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-5b019415.js';
+import './AdSlot-9b4ae186.js';
 import './promise-683a9c54.js';
 import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-3822b5a3.js';
+export { T as default } from './Normal-b7aa5dce.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

@@ -13,7 +13,8 @@ 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-a87b8967.js';
+import 'smoothscroll-polyfill';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';
 
 var VideoSeriesListing = function (_React$Component) {