@mjhls/mjh-framework 1.0.221 → 1.0.223

package/dist/cjs/{Dfp-c4f1f12a.js → Dfp-8b6f25fe.js}

@@ -7,7 +7,7 @@ var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 var PropTypes = _interopDefault(require('prop-types'));
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-59b2685c.js');
 var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');

package/dist/cjs/{GridContent-089aa22c.js → GridContent-8b0ebfec.js}

@@ -9,20 +9,21 @@ 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 visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-59b2685c.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var debounce = require('./debounce-a963b136.js');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
+var main = require('./main-c1bd47fe.js');
 var entities = require('./entities-3e0b4a16.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var AdSlot = require('./AdSlot-d87cef08.js');
 var get$1 = require('./get-126b1712.js');
 
 var Dfp = React__default.lazy(function () {
-  return new Promise(function (resolve) { resolve(require('./Dfp-c4f1f12a.js')); });
+  return Promise.resolve().then(function () { return require('./Dfp-8b6f25fe.js'); });
 });
 
 var AD = function AD(props) {
@@ -342,11 +343,22 @@ var GridContent = function (_React$Component) {
         var data = this.state.data;
         posts = data;
         var pos = 3;
-        var i = 1;
-        while (pos < posts.length) {
-          brandInsight.targeting.pos = 'article' + i;
-          posts = insert(posts, pos, brandInsight);
-          i++;
+        for (var i = 1; pos < posts.length; i++) {
+          var inFeedAd = {
+            adUnit: brandInsight.adUnit,
+            className: brandInsight.className,
+            networkID: brandInsight.networkID,
+            sizes: brandInsight.sizes,
+            slotId: brandInsight.slotId,
+            targeting: {
+              pos: 'article' + i,
+              content_placement: brandInsight.targeting.content_placement,
+              document_url: brandInsight.targeting.document_url
+            },
+            _type: 'BrandInsight'
+          };
+
+          posts = insert(posts, pos, inFeedAd);
           pos += brandInsight.interval + 1;
         }
       } else {
@@ -494,7 +506,11 @@ var GridContent = function (_React$Component) {
                 React__default.createElement(
                   Card,
                   { className: 'content-card ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-                  React__default.createElement(AD, { networkID: row.networkID, adUnit: row.adUnit, targeting: row.targeting, className: row.className, sizes: row.sizes, slotId: row.slotId })
+                  React__default.createElement(
+                    'div',
+                    { className: row.className },
+                    React__default.createElement(AdSlot.DFPAdSlot, { networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
+                  )
                 )
               )
             );

package/dist/cjs/GridContent.js

@@ -8,18 +8,19 @@ require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./visibility-sensor-bea3105d.js');
+require('./visibility-sensor-59b2685c.js');
 require('next/link');
 require('next/router');
 require('./debounce-a963b136.js');
 require('react-dom');
-require('./index-a4c53ff4.js');
+require('./index-eb596973.js');
 require('./index-0d0efcfa.js');
-require('./main-58839f4e.js');
+require('./main-c1bd47fe.js');
 require('./entities-3e0b4a16.js');
 require('./_babelHelpers-f321c258.js');
+require('./AdSlot-d87cef08.js');
 require('./get-126b1712.js');
-var GridContent = require('./GridContent-089aa22c.js');
+var GridContent = require('./GridContent-8b0ebfec.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 

package/dist/cjs/IssueDeck.js

@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 

package/dist/cjs/MasterDeck.js

@@ -11,14 +11,14 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-59b2685c.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var debounce = require('./debounce-a963b136.js');
 require('react-dom');
-require('./index-a4c53ff4.js');
-var main = require('./main-58839f4e.js');
+require('./index-eb596973.js');
+var main = require('./main-c1bd47fe.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.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/cjs/{Normal-47d9e184.js → Normal-78631b6e.js}

@@ -5,15 +5,14 @@ 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 main = require('./main-c1bd47fe.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var AdSlot = require('./AdSlot-d87cef08.js');
 var get$1 = require('./get-126b1712.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
@@ -675,8 +674,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
   */
   var _get = get$1.get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,
@@ -951,6 +950,27 @@ var Column3 = function Column3(props) {
       showRightAd = props.showRightAd,
       logo = props.logo;
 
+  var adRef = React.useRef(null);
+
+  React.useEffect(function () {
+    if (!main.main_36) {
+      var navbar = document.querySelector('.navbar');
+      var AdOffsetTop = adRef.current.getBoundingClientRect().top;
+      window.addEventListener('scroll', function () {
+        if (window.pageYOffset + (AdOffsetTop - navbar.offsetHeight) > AdOffsetTop) {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'fixed';
+            adRef.current.style.top = '60px';
+          }
+        } else {
+          if (adRef.current && adRef.current.style) {
+            adRef.current.style.position = 'relative';
+            adRef.current.style.top = '';
+          }
+        }
+      });
+    }
+  }, []);
 
   return React__default.createElement(
     'section',
@@ -998,7 +1018,7 @@ var Column3 = function Column3(props) {
         website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
         React__default.createElement(
           'div',
-          { className: 'sticky-top', style: { top: '60px' } },
+          { ref: adRef },
           rightItems && rightItems.map(function (row, index) {
             return React__default.createElement(
               'div',
@@ -1228,15 +1248,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,
@@ -1524,15 +1544,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,
@@ -1926,15 +1946,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,
@@ -1980,6 +2000,29 @@ var HamMagazine = function HamMagazine(props) {
     console.log('useEffect onClick', isOpen);
   }, [isOpen]);
 
+  React.useEffect(function () {
+    var navOffsetTop = navRef.current.getBoundingClientRect().top;
+    var navOffsetHeight = navRef.current.getBoundingClientRect().height;
+    var adSection = document.querySelector('.AD728x90');
+    window.addEventListener('scroll', function () {
+      if (window.pageYOffset > navOffsetTop) {
+        if (navRef.current && navRef.current.style) {
+          navRef.current.style.position = 'fixed';
+          navRef.current.style.top = 0;
+          navRef.current.style.width = '100%';
+          navRef.current.style.zIndex = '9999';
+          adSection.style.marginTop = navOffsetHeight + 'px';
+        }
+      } else {
+        if (navRef.current && navRef.current.style) {
+          navRef.current.style.position = 'relative';
+          navRef.current.style.top = '';
+          adSection.style.marginTop = '';
+        }
+      }
+    });
+  }, []);
+
   var trackScrolling = function trackScrolling() {
     var offsetTop = navRef.current.getBoundingClientRect().top;
 
@@ -2231,68 +2274,11 @@ var HamMagazine = function HamMagazine(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
     )
   );
 };
 
-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,
@@ -2300,7 +2286,7 @@ var AD728x90 = function AD728x90(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-  return React__default.createElement(DFPAdSlot, {
+  return React__default.createElement(AdSlot.DFPAdSlot, {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
@@ -2418,7 +2404,6 @@ 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,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('next/link');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 

package/dist/cjs/QueueDeckExpanded.js

@@ -7,14 +7,14 @@ var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 require('prop-types');
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-59b2685c.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
+var main = require('./main-c1bd47fe.js');
 var entities = require('./entities-3e0b4a16.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
 var reactBootstrap = require('react-bootstrap');
@@ -228,7 +228,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     }),
                     showCategory && article.contentCategory && React__default.createElement(
                       'p',
-                      { className: 'article-category',
+                      {
+                        className: 'article-category',
                         style: {
                           background: '#3FB618',
                           color: '#ffffff',
@@ -401,7 +402,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column;\n            }\n          }\n        '
+      '\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column;\n            }\n          }\n        '
     )
   );
 };

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

@@ -9,7 +9,7 @@ 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$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
 

package/dist/cjs/TaxonomyCard.js

@@ -8,10 +8,10 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 require('react-dom');
-require('./index-a4c53ff4.js');
+require('./index-eb596973.js');
 require('./index-0d0efcfa.js');
 require('./_babelHelpers-f321c258.js');
-var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
+var TaxonomyCard = require('./TaxonomyCard-f24d8ec9.js');
 
 
 

package/dist/cjs/TemplateNormal.js

@@ -9,13 +9,14 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
 require('./debounce-a963b136.js');
-require('./main-58839f4e.js');
+require('./main-c1bd47fe.js');
 require('./_babelHelpers-f321c258.js');
+require('./AdSlot-d87cef08.js');
 require('./get-126b1712.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-47d9e184.js');
+var TemplateNormal = require('./Normal-78631b6e.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/ThumbnailCard.js

@@ -7,7 +7,7 @@ var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
 require('prop-types');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
+var index$1 = require('./index-eb596973.js');
 var index$2 = require('./index-0d0efcfa.js');
 var entities = require('./entities-3e0b4a16.js');
 var Media$1 = _interopDefault(require('react-bootstrap/Media'));

package/dist/cjs/VideoSeriesListing.js

@@ -8,7 +8,7 @@ require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-59b2685c.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
@@ -16,7 +16,7 @@ var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-0d0efcfa.js');
 var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
+var YoutubeGroup = require('./YoutubeGroup-d2d9e57c.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 var VideoSeriesListing = function (_React$Component) {

package/dist/cjs/{YoutubeGroup-ad994d02.js → YoutubeGroup-d2d9e57c.js}

@@ -57,10 +57,10 @@ var getYoutubeId = _commonjsHelpers.createCommonjsModule(function (module, expor
 }));
 });
 
-/*
-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/cjs/YoutubeGroup.js

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