@mjhls/mjh-framework 1.0.268 → 1.0.270

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.268
+# mjh-framework v. 1.0.270
 
 > Foundation Framework
 

package/dist/cjs/ADInfeed-0da6acd4.js

@@ -0,0 +1,47 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var Card = _interopDefault(require('react-bootstrap/Card'));
+var slicedToArray = require('./slicedToArray-e38fb29d.js');
+var AdSlot = require('./AdSlot-93d892f5.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 = React.useState(true),
+      _useState2 = slicedToArray._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(AdSlot.DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, setShowAd: setShowAd })
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        ''
+      )
+    )
+  );
+};
+
+exports.ADInfeed = ADInfeed;

package/dist/cjs/{AdSlot-1c436555.js → AdSlot-93d892f5.js}

@@ -1113,6 +1113,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' } },
@@ -1123,7 +1127,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/cjs/DeckContent.js

@@ -28,8 +28,9 @@ var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-1c436555.js');
+require('./AdSlot-93d892f5.js');
 require('./promise-b96c61f8.js');
+var ADInfeed = require('./ADInfeed-0da6acd4.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);
@@ -279,23 +280,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(AdSlot.DFPAdSlot, { className: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
-                  )
-                )
-              )
-            );
+            return React__default.createElement(ADInfeed.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/cjs/{GridContent-e459f9e3.js → GridContent-81563bbb.js}

@@ -21,7 +21,7 @@ var Router__default = _interopDefault(Router);
 var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var AdSlot = require('./AdSlot-1c436555.js');
+var ADInfeed = require('./ADInfeed-0da6acd4.js');
 var get$1 = require('./get-1f91592f.js');
 
 var Dfp = React__default.lazy(function () {
@@ -513,19 +513,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(AdSlot.DFPAdSlot, { className: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
-                )
-              )
-            );
+            return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
           }
           return React__default.createElement(
             React__default.Fragment,

package/dist/cjs/GridContent.js

@@ -24,10 +24,11 @@ require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-1c436555.js');
+require('./AdSlot-93d892f5.js');
 require('./promise-b96c61f8.js');
+require('./ADInfeed-0da6acd4.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-e459f9e3.js');
+var GridContent = require('./GridContent-81563bbb.js');
 
 
 

package/dist/cjs/{Normal-a0314a82.js → Normal-05dd6f72.js}

@@ -13,7 +13,7 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-1c436555.js');
+var AdSlot = require('./AdSlot-93d892f5.js');
 var get$1 = require('./get-1f91592f.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
@@ -954,7 +954,7 @@ var Column3 = function Column3(props) {
   var adRef = React.useRef(null);
 
   React.useEffect(function () {
-    if (!main.main_36) {
+    if (!main.main_36 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -1641,7 +1641,7 @@ var NavNative = function NavNative(props) {
         style: { minHeight: '61px' } },
       React__default.createElement(
         Container,
-        { className: 'mobile-nav' },
+        { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
         React__default.createElement(
           Navbar.Brand,
           { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
@@ -1749,7 +1749,7 @@ var NavNative = function NavNative(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     \n        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\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          ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n            width: 10px;\n            background: rgba(0,0,0,.35);\n          }\n          ul::-webkit-scrollbar-thumb, .dropdown-menu::-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-lg .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            direction: rtl;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 113px;\n            background: rgba(255,255,255,.1);\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\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        @media screen and (min-width: 1191px) {\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\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            flex: 1 1 auto;\n            margin-left: .25rem;\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        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n          }\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     \n        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\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         \n          .navbar-expand-lg .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            padding-left: .5rem;\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            direction: rtl;\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          \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        @media screen and (min-width: 1191px) {\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\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            flex: 1 1 auto;\n            margin-left: .25rem;\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        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n            padding: 0 .5rem;\n          }\n        }\n       \n      '
     )
   );
 };

package/dist/cjs/TemplateNormal.js

@@ -15,13 +15,13 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-1c436555.js');
+require('./AdSlot-93d892f5.js');
 require('./promise-b96c61f8.js');
 require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-a0314a82.js');
+var TemplateNormal = require('./Normal-05dd6f72.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -30,11 +30,12 @@ var index$1 = require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-1c436555.js');
+var AdSlot = require('./AdSlot-93d892f5.js');
 require('./promise-b96c61f8.js');
+require('./ADInfeed-0da6acd4.js');
 var DeckContent = require('./DeckContent.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-e459f9e3.js');
+var GridContent = require('./GridContent-81563bbb.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
@@ -52,7 +53,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-a0314a82.js');
+var TemplateNormal = require('./Normal-05dd6f72.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -14274,6 +14275,8 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
 };
 
 var fbsHero = function fbsHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
 
@@ -14318,7 +14321,7 @@ var fbsHero = function fbsHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
             'p',
@@ -14361,7 +14364,7 @@ var fbsHero = function fbsHero(props) {
             React__default.createElement(
               'p',
               null,
-              visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
+              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
             ),
             article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -14544,6 +14547,8 @@ var OncliveHero = function OncliveHero(props) {
 };
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var middleArticles = props.dataRecord.slice(1, 3);
   var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
@@ -14588,7 +14593,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -14626,7 +14631,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14674,7 +14679,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14718,7 +14723,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14806,6 +14811,8 @@ var VerticalHero = function VerticalHero(props) {
 };
 
 var YahooHero = function YahooHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
   var client = props.client;
@@ -14850,7 +14857,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -14885,7 +14892,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             { className: 'yh-sub-article--info' },
-            visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
+            visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping[0] && React__default.createElement(
             'p',

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

@@ -22,8 +22,9 @@ import { i as imageUrlBuilder } from './index-73819142.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);
@@ -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/{GridContent-be36b0aa.js → GridContent-b2edf91a.js}

@@ -15,7 +15,7 @@ import { withRouter } from 'next/router';
 import { i as imageUrlBuilder } from './index-73819142.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

@@ -22,7 +22,8 @@ import './index-73819142.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-b2edf91a.js';

package/dist/esm/{Normal-86e740c0.js → Normal-ccc2f7f8.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';
@@ -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 () {
@@ -1636,7 +1636,7 @@ var NavNative = function NavNative(props) {
         style: { minHeight: '61px' } },
       React__default.createElement(
         Container,
-        { className: 'mobile-nav' },
+        { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
         React__default.createElement(
           Navbar.Brand,
           { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
@@ -1744,7 +1744,7 @@ var NavNative = function NavNative(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     \n        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\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          ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n            width: 10px;\n            background: rgba(0,0,0,.35);\n          }\n          ul::-webkit-scrollbar-thumb, .dropdown-menu::-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-lg .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            direction: rtl;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 113px;\n            background: rgba(255,255,255,.1);\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\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        @media screen and (min-width: 1191px) {\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\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            flex: 1 1 auto;\n            margin-left: .25rem;\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        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n          }\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     \n        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\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         \n          .navbar-expand-lg .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            padding-left: .5rem;\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            direction: rtl;\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          \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        @media screen and (min-width: 1191px) {\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\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            flex: 1 1 auto;\n            margin-left: .25rem;\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        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n            padding: 0 .5rem;\n          }\n        }\n       \n      '
     )
   );
 };

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-86e740c0.js';
+export { T as default } from './Normal-ccc2f7f8.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -22,12 +22,13 @@ import { i as imageUrlBuilder } from './index-73819142.js';
 import './index-5f9f807a.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-5b019415.js';
-export { D as AdSlot, B as Beam } from './AdSlot-5b019415.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-9b4ae186.js';
+export { D as AdSlot, B as Beam } from './AdSlot-9b4ae186.js';
 import './promise-683a9c54.js';
+import './ADInfeed-e546ea87.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b2201dc8.js';
-export { A as AD, G as GridContent } from './GridContent-be36b0aa.js';
+export { A as AD, G as GridContent } from './GridContent-b2edf91a.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
@@ -48,8 +49,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-86e740c0.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-86e740c0.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-ccc2f7f8.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-ccc2f7f8.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -14272,6 +14273,8 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
 };
 
 var fbsHero = function fbsHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
 
@@ -14316,7 +14319,7 @@ var fbsHero = function fbsHero(props) {
           React__default.createElement(
             'p',
             null,
-            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
             'p',
@@ -14359,7 +14362,7 @@ var fbsHero = function fbsHero(props) {
             React__default.createElement(
               'p',
               null,
-              moment(article.published).format('MMMM DD, YYYY hh:mma')
+              moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
             ),
             article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -14542,6 +14545,8 @@ var OncliveHero = function OncliveHero(props) {
 };
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var middleArticles = props.dataRecord.slice(1, 3);
   var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
@@ -14586,7 +14591,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           React__default.createElement(
             'p',
             null,
-            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -14624,7 +14629,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14672,7 +14677,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14716,7 +14721,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              moment(article.published).format('MMMM Do YYYY, h:mma'),
+              moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
               article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
                 'p',
                 { className: 'mb-2' },
@@ -14804,6 +14809,8 @@ var VerticalHero = function VerticalHero(props) {
 };
 
 var YahooHero = function YahooHero(props) {
+  var removeTimeStamp = props.removeTimeStamp;
+
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
   var client = props.client;
@@ -14848,7 +14855,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             null,
-            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+            moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -14883,7 +14890,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             { className: 'yh-sub-article--info' },
-            moment(article.published).format('MMMM DD, YYYY hh:mma')
+            moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping[0] && React__default.createElement(
             'p',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.268",
+  "version": "1.0.270",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",