@mjhls/mjh-framework 1.0.338 → 1.0.339

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.338
+# mjh-framework v. 1.0.339
 
 > Foundation Framework
 

package/dist/cjs/{ADInfeed-b042a194.js → ADInfeed-43996091.js}

@@ -41,7 +41,16 @@ var ADInfeed = function ADInfeed(_ref) {
     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, checkIsAdFound: checkIsAdFound })
+      React__default.createElement(AdSlot.DFPAdSlot, {
+        className: className,
+        networkID: networkID,
+        adUnit: adUnit,
+        slotId: slotId,
+        targeting: targeting,
+        sizes: sizes,
+        checkIsAdFound: checkIsAdFound,
+        refreshFlag: false
+      })
     ),
     React__default.createElement(
       'style',

package/dist/cjs/DeckContent.js

@@ -17,9 +17,10 @@ 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-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -27,7 +28,7 @@ var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);
@@ -324,7 +325,7 @@ var DeckContent = function (_React$Component) {
                       _this.props.showPublished && row.published && React__default.createElement(
                         Card.Subtitle,
                         null,
-                        visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                        moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                         return _this.renderAuthor(authorDetail, index, row.authorMapping.length);

package/dist/cjs/DeckQueue.js

@@ -17,9 +17,10 @@ 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-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -266,7 +267,7 @@ var DeckQueue = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           null,
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showRecent && row.recent && row.recent.title && React__default.createElement(
                           Card.Subtitle,

package/dist/cjs/{Dfp-9ede68c7.js → Dfp-e77be4e4.js}

@@ -9,7 +9,7 @@ var debounce = require('./debounce-528ad412.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 

package/dist/cjs/{GridContent-609021de.js → GridContent-7a85d904.js}

@@ -13,17 +13,18 @@ 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-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 var get$1 = require('./get-3b23d857.js');
 
 var Dfp = React__default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-9ede68c7.js'); });
+  return Promise.resolve().then(function () { return require('./Dfp-e77be4e4.js'); });
 });
 
 var AD = function AD(props) {
@@ -316,7 +317,7 @@ var GridContent = function (_React$Component) {
                       _this2.props.showPublished && row.published && React__default.createElement(
                         Card.Subtitle,
                         { style: { marginTop: 0 } },
-                        visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                        moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                         return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -430,7 +431,7 @@ var GridContent = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           { style: { marginTop: 0 } },
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                           return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -492,7 +493,7 @@ var GridContent = function (_React$Component) {
                         _this2.props.showPublished && row.published && React__default.createElement(
                           Card.Subtitle,
                           { style: { marginTop: 0 } },
-                          visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                          moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                           return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
@@ -552,7 +553,7 @@ var GridContent = function (_React$Component) {
                     _this2.props.showPublished && row.published && React__default.createElement(
                       Card.Subtitle,
                       { style: { marginTop: 0 } },
-                      visibilitySensor.moment(row.published).format('MMMM DD, YYYY')
+                      moment.moment(row.published).format('MMMM DD, YYYY')
                     ),
                     _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                       return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);

package/dist/cjs/GridContent.js

@@ -14,8 +14,9 @@ require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 require('next/router');
+require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
@@ -23,9 +24,9 @@ require('./entities-310b46ee.js');
 require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-require('./ADInfeed-b042a194.js');
+require('./ADInfeed-43996091.js');
 require('./get-3b23d857.js');
-var GridContent = require('./GridContent-609021de.js');
+var GridContent = require('./GridContent-7a85d904.js');
 
 
 

package/dist/cjs/IssueContentDeck.js

@@ -9,70 +9,195 @@ require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
+var moment = require('./moment-66a6a284.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
-var IssueContentDeck = function IssueContentDeck(props) {
-  var data = props.data,
+var urlFor = function urlFor(source, client) {
+  var builder = index.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(props) {
+  var coverImage = props.coverImage,
       imageHeight = props.imageHeight,
       imageWidth = props.imageWidth,
-      Website = props.Website,
-      client = props.client;
-
+      client = props.client,
+      Settings = props.Settings;
 
-  var urlFor = function urlFor(source) {
-    var builder = index.imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
+  if (coverImage && coverImage.asset) {
+    var url = urlFor(coverImage, client);
+    if (imageHeight) url = url.height(imageHeight);
+    if (imageWidth) url = url.width(imageWidth);
+    return url.url();
+  } else {
+    return Settings.logo;
+  }
+};
 
-  var renderCardImage = function renderCardImage(thumbnail) {
-    if (thumbnail && thumbnail.asset) {
-      var url = urlFor(thumbnail);
-      if (imageHeight) url = url.height(imageHeight);
-      if (imageWidth) url = url.width(imageWidth);
-      return url.url();
-    } else {
-      return Website.logo;
-    }
-  };
+var PublicationDeckStack = function PublicationDeckStack(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      published = props.published,
+      author = props.author,
+      summary = props.summary,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
 
   return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      return row.url && row.url.current && React__default.createElement(
-        Col,
-        { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+    Col,
+    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          index$1.LazyLoad,
+          { height: imageHeight },
+          React__default.createElement(Card.Img, {
+            variant: 'right',
+            src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+            alt: title,
+            style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '1rem', float: 'left', marginTop: '1rem', paddingBottom: '1rem' }
+          })
+        ),
         React__default.createElement(
-          Card,
+          Card.Body,
           null,
+          section ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section.name
+          ) : '',
           React__default.createElement(
-            'a',
-            { href: '/view/' + row.url.current },
-            row.thumbnail && React__default.createElement(
-              index$1.LazyLoad,
-              { height: imageHeight },
-              React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
-            ),
+            Card.Title,
+            { style: { color: '#121212', fontSize: '1.1rem' } },
             React__default.createElement(
-              Card.Body,
+              'span',
               null,
-              row.issueSection && row.issueSection.name ? React__default.createElement(
-                Badge,
-                { variant: 'success' },
-                row.issueSection && row.issueSection.name.name
-              ) : '',
+              title
+            ),
+            React__default.createElement('br', null),
+            React__default.createElement(
+              'div',
+              { style: { float: 'left', marginTop: '10px' } },
               React__default.createElement(
-                Card.Title,
-                null,
-                row.title
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                moment.moment(published).format('MMMM DD, YYYY ')
+              ),
+              author.length > 0 && React__default.createElement(
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                'By ',
+                author
               )
             )
+          ),
+          React__default.createElement(
+            'p',
+            { style: { float: 'left' } },
+            summary
+          )
+        )
+      )
+    )
+  );
+};
+
+var PublicationDeckBlock = function PublicationDeckBlock(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
+
+  return React__default.createElement(
+    Col,
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      null,
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          index$1.LazyLoad,
+          { height: imageHeight },
+          React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
+        ),
+        React__default.createElement(
+          Card.Body,
+          null,
+          section && section.name ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section && section.name
+          ) : '',
+          React__default.createElement(
+            Card.Title,
+            null,
+            title
           )
         )
-      );
+      )
+    )
+  );
+};
+
+var IssueContentDeck = function IssueContentDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      website = props.website,
+      client = props.client,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'block' : _props$variant;
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.length ? data.map(function (row, index) {
+      if (variant === 'stack') {
+        return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
+          key: index,
+          title: row.title,
+          coverImage: row.thumbnail,
+          link: row.url.current,
+          section: row.issueSection,
+          Settings: website,
+          imageHeight: imageHeight,
+          imageWidth: imageWidth,
+          client: client,
+          published: row.published,
+          author: row.authorMapping.displayName || '',
+          summary: row.summary
+        });
+      }
+      return React__default.createElement(PublicationDeckBlock, {
+        key: index,
+        title: row.title,
+        coverImage: row.thumbnail,
+        link: row.url.current,
+        section: row.issueSection,
+        Settings: website,
+        imageHeight: imageHeight,
+        imageWidth: imageWidth,
+        client: client
+      });
     }) : React__default.createElement(
       'div',
       null,

package/dist/cjs/MasterDeck.js

@@ -17,9 +17,10 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 var promise = require('./promise-3b44b2a3.js');

package/dist/cjs/QueueDeckExpanded.js

@@ -13,9 +13,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
@@ -23,7 +24,7 @@ var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-b042a194.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {
@@ -255,7 +256,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                      moment.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -335,7 +336,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     showPublished && article.published && React__default.createElement(
                       'p',
                       { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                      visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                      moment.moment(article.published).format('MMMM DD, YYYY')
                     ),
                     showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                       return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -416,7 +417,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 showPublished && article.published && React__default.createElement(
                   'p',
                   { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
-                  visibilitySensor.moment(article.published).format('MMMM DD, YYYY')
+                  moment.moment(article.published).format('MMMM DD, YYYY')
                 ),
                 showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
                   return renderAuthor(authorDetail, index, article.authorMapping.length);

package/dist/cjs/VideoSeriesListing.js

@@ -12,9 +12,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-fa0fb52c.js');
 require('./slicedToArray-879ab2fb.js');

package/dist/cjs/index.js

@@ -19,9 +19,10 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
+var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
@@ -29,10 +30,10 @@ var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 var AdSlot = require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-require('./ADInfeed-b042a194.js');
+require('./ADInfeed-43996091.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-3b23d857.js');
-var GridContent = require('./GridContent-609021de.js');
+var GridContent = require('./GridContent-7a85d904.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
@@ -85,7 +86,7 @@ var momentTimezone = _commonjsHelpers.createCommonjsModule(function (module) {
 
 	/*global define*/
 	if ( module.exports) {
-		module.exports = factory(visibilitySensor.moment); // Node
+		module.exports = factory(moment.moment); // Node
 	} else {
 		factory(root.moment);                        // Browser
 	}
@@ -14483,7 +14484,7 @@ var fbsHero = function fbsHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+            moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
             'p',
@@ -14526,7 +14527,7 @@ var fbsHero = function fbsHero(props) {
             React__default.createElement(
               'p',
               null,
-              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+              moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
             ),
             article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -14681,7 +14682,7 @@ var OncliveHero = function OncliveHero(props) {
             article.title
           ),
           React__default.createElement('div', null),
-          visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
+          moment.moment(article.published).format('MMMM Do YYYY, h:mma'),
           article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
             'p',
             { className: 'mb-2' },
@@ -14755,7 +14756,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+            moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -14793,7 +14794,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              moment.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' },
@@ -14841,7 +14842,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              moment.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' },
@@ -14885,7 +14886,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 article.title
               ),
               React__default.createElement('div', null),
-              visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM Do YYYY, h:mma'),
+              moment.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' },
@@ -15019,7 +15020,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             null,
-            visibilitySensor.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+            moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           React__default.createElement(
             'p',
@@ -15054,7 +15055,7 @@ var YahooHero = function YahooHero(props) {
           React__default.createElement(
             'p',
             { className: 'yh-sub-article--info' },
-            visibilitySensor.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
+            moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping[0] && React__default.createElement(
             'p',
@@ -15169,7 +15170,7 @@ var GridHero = function GridHero(props) {
         React__default.createElement(
           'p',
           { className: 'article-date' },
-          visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY ')
+          moment.moment(topArticle.published).format('MMMM DD, YYYY ')
         ),
         topArticle.authorMapping && topArticle.authorMapping.length > 0 && topArticle.authorMapping.map(function (authorDetail, index) {
           return renderAuthor(authorDetail, index, topArticle.authorMapping.length);
@@ -15217,7 +15218,7 @@ var GridHero = function GridHero(props) {
             React__default.createElement(
               'p',
               { className: 'article-date' },
-              visibilitySensor.moment(article.published).format('MMMM DD, YYYY ')
+              moment.moment(article.published).format('MMMM DD, YYYY ')
             ),
             article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
               return renderAuthor(authorDetail, index, article.authorMapping.length);
@@ -15309,7 +15310,7 @@ var RelatedContent = function RelatedContent(props) {
             props.showPublished && React__default.createElement(
               'p',
               { className: 'pb-0 mb-0' },
-              visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
+              moment.moment(article.published).format('MMMM DD, YYYY hh:mma')
             ),
             props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
               'p',
@@ -15391,7 +15392,7 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
       React__default.createElement(
         'p',
         { className: 'conf-media__card-text' },
-        visibilitySensor.moment(data.published).format('MMMM Do YYYY, h:mma')
+        moment.moment(data.published).format('MMMM Do YYYY, h:mma')
       ),
       React__default.createElement(
         'p',
@@ -16542,7 +16543,7 @@ var Article = function Article(props) {
           React__default.createElement(
             'div',
             null,
-            visibilitySensor.moment(published).format('LL')
+            moment.moment(published).format('LL')
           ),
           React__default.createElement(
             'div',