@mjhls/mjh-framework 1.0.831-beta.0 → 1.0.832-beta.0

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.831
+# mjh-framework v. 1.0.832
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/ArticleProgramLandingPage.js

@@ -44,7 +44,6 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('react-bootstrap/Button');
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -54,7 +53,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -62,6 +61,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 
 var _this = undefined;

package/dist/cjs/EventsDeck.js

@@ -25,8 +25,8 @@ var index_es = require('./index.es-9110add6.js');
 require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var stringify = require('./stringify-7c5aff47.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var _objectToArray = require('./_object-to-array-5762f850.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
 var Form = _interopDefault(require('react-bootstrap/Form'));

package/dist/cjs/ExternalResources.js

@@ -42,7 +42,6 @@ require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -50,7 +49,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -58,6 +57,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 require('react-bootstrap/Figure');
 var index$4 = require('./index-3294d3bc.js');
 

package/dist/cjs/GridContent.js

@@ -47,7 +47,6 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 var ADInfeed = require('./ADInfeed-8d621d3c.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var lodash = require('./lodash-fc2922d0.js');
 var ADlgInfeed = require('./ADlgInfeed-0e26bccb.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
@@ -235,104 +234,6 @@ var GridContent = function (_React$Component) {
       }
     }, _this.checkExternalUrl = function (url) {
       return new RegExp(['http', 'https'].join('|')).test(url);
-    }, _this.renderPublicationFeature = function (row) {
-      var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-      var _row$parent = row.parent;
-      _row$parent = _row$parent === undefined ? {} : _row$parent;
-      var _row$parent$identifie = _row$parent.identifier;
-      _row$parent$identifie = _row$parent$identifie === undefined ? {} : _row$parent$identifie;
-      var parentSlug = _row$parent$identifie.current,
-          _row$identifier = row.identifier;
-      _row$identifier = _row$identifier === undefined ? {} : _row$identifier;
-      var childSlug = _row$identifier.current;
-      var _this$props$issueMapp = _this.props.issueMapping,
-          issueMapping = _this$props$issueMapp === undefined ? '/publications' : _this$props$issueMapp;
-
-      if (row.name && row.articles && row.articles.length > 0) {
-        return React__default.createElement(
-          'div',
-          { className: 'publication-feature-container border rounded p-2' },
-          React__default.createElement(
-            Row,
-            null,
-            React__default.createElement(
-              Col,
-              { xs: 12 },
-              React__default.createElement(
-                'h4',
-                null,
-                row.name,
-                row.month && row.year && React__default.createElement(
-                  'span',
-                  null,
-                  ' ',
-                  '| ',
-                  months[parseInt(row.month, 10)],
-                  ' ',
-                  row.year
-                )
-              )
-            ),
-            React__default.createElement(
-              Col,
-              { xs: 12, sm: 4 },
-              React__default.createElement('img', { className: 'w-100', src: _this.renderCardImage(row), alt: row.name || '' })
-            ),
-            React__default.createElement(
-              Col,
-              { xs: 12, sm: 8 },
-              React__default.createElement(
-                Row,
-                null,
-                row.articles.map(function (article) {
-                  return React__default.createElement(
-                    Col,
-                    { key: article._id, xs: 12, sm: 6 },
-                    article.issueSection && article.issueSection.name && React__default.createElement(
-                      'h6',
-                      { className: 'text-primary m-0 p-0 text-uppercase font-weight-bold' },
-                      article.issueSection.name
-                    ),
-                    article.title && React__default.createElement(
-                      React__default.Fragment,
-                      null,
-                      article.url && article.url.current ? React__default.createElement(
-                        'a',
-                        { href: '/view/' + article.url.current },
-                        React__default.createElement(
-                          'h6',
-                          { className: 'text-break' },
-                          article.title
-                        )
-                      ) : React__default.createElement(
-                        'h6',
-                        { className: 'text-break' },
-                        article.title
-                      )
-                    )
-                  );
-                })
-              )
-            ),
-            issueMapping && parentSlug && childSlug && React__default.createElement(
-              Col,
-              { xs: 12 },
-              React__default.createElement(
-                Button,
-                { href: issueMapping + '/' + parentSlug + '/' + childSlug, className: 'float-right', variant: 'outline-primary' },
-                'More Articles ',
-                '>>'
-              )
-            )
-          ),
-          React__default.createElement(
-            'style',
-            { jsx: 'true' },
-            '\n            .row {\n              margin-top: -15px;\n            }\n            .row > * {\n              margin-top: 15px;\n            }\n          '
-          )
-        );
-      }
-      return null;
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd) {
       var rightItems = _this.props.rightItems;
 
@@ -364,7 +265,7 @@ var GridContent = function (_React$Component) {
 
   inherits._createClass(GridContent, [{
     key: 'cardLoader',
-    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, lgInfeedAd, contentCategoryMapping, latestOncologyIssue) {
+    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer, showBI, brandInsight, lgInfeedAd, contentCategoryMapping) {
       var _this2 = this;
 
       var lgVar = Math.floor(12 / columns);
@@ -566,10 +467,6 @@ var GridContent = function (_React$Component) {
         }
       });
 
-      var publicationFeature = this.props.publicationFeature;
-
-      if (publicationFeature) posts = insert(posts, 3, publicationFeature);
-
       var itemsPerPage = this.props.params && this.props.params.itemsPerPage ? this.props.params.itemsPerPage : 10;
       var heroContent = this.props.heroContent ? this.props.heroContent : 0;
       var featureCount = 0;
@@ -715,7 +612,7 @@ var GridContent = function (_React$Component) {
             return React__default.createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
             return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
-          } else if (row._type === 'publication') return _this2.renderPublicationFeature(row);
+          }
           if (index + 1 > heroContent + featureCount && (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type))) {
             return React__default.createElement(
               React__default.Fragment,

package/dist/cjs/HamMagazine.js

@@ -19,10 +19,10 @@ var main = require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-140e5f89.js');
 var Segment = require('./Segment.js');
-require('react-bootstrap/Button');
 require('./react-social-icons-f7f48f71.js');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-90433435.js');
+require('react-bootstrap/Button');
 require('react-bootstrap/Form');
 var Nav = _interopDefault(require('react-bootstrap/Nav'));
 var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
@@ -32,7 +32,7 @@ var NavFooter = require('./NavFooter-76c913e3.js');
 var index_esm$2 = require('./index.esm-4d410430.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-var SocialSearchComponent = require('./SocialSearchComponent-cea213aa.js');
+var SocialSearchComponent = require('./SocialSearchComponent-97dd19a5.js');
 
 var HamMagazine = function HamMagazine(props) {
   /*

package/dist/cjs/HorizontalArticleListing.js

@@ -41,7 +41,6 @@ require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('react-bootstrap/Button');
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -51,7 +50,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-90433435.js');
 var ArticleCarousel = require('./ArticleCarousel.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -59,6 +58,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 
 function HorizontalArticleListing(_ref) {

package/dist/cjs/IssueLanding.js

@@ -45,7 +45,6 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('./ADInfeed-8d621d3c.js');
-require('react-bootstrap/Button');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-0e26bccb.js');
 require('./getContentCategory-f38a4c00.js');
@@ -59,7 +58,7 @@ require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -67,6 +66,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');

package/dist/cjs/MediaSeriesLanding.js

@@ -47,7 +47,6 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('./ADInfeed-8d621d3c.js');
-require('react-bootstrap/Button');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-0e26bccb.js');
 var BlockContent = require('./BlockContent-091a991f.js');
@@ -57,7 +56,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -65,6 +64,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 var MasterDeck = require('./MasterDeck.js');
 var defineProperty$1$1 = require('./defineProperty-55548b25.js');

package/dist/cjs/NavMagazine.js

@@ -19,10 +19,10 @@ var main = require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-140e5f89.js');
 var Segment = require('./Segment.js');
-require('react-bootstrap/Button');
 require('./react-social-icons-f7f48f71.js');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-90433435.js');
+require('react-bootstrap/Button');
 require('react-bootstrap/Form');
 var Nav = _interopDefault(require('react-bootstrap/Nav'));
 var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
@@ -32,7 +32,7 @@ var NavFooter = require('./NavFooter-76c913e3.js');
 var index_esm$2 = require('./index.esm-4d410430.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-var SocialSearchComponent = require('./SocialSearchComponent-cea213aa.js');
+var SocialSearchComponent = require('./SocialSearchComponent-97dd19a5.js');
 
 var NavMagazine = function NavMagazine(props) {
   /*

package/dist/cjs/NavNative.js

@@ -21,10 +21,10 @@ var main = require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-140e5f89.js');
 var Segment = require('./Segment.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var eq = require('./eq-bb2843ed.js');
 require('./react-social-icons-f7f48f71.js');
 var iconBase = require('./iconBase-68959171.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 var Form = _interopDefault(require('react-bootstrap/Form'));
 var Nav = _interopDefault(require('react-bootstrap/Nav'));
 var Navbar = _interopDefault(require('react-bootstrap/Navbar'));

package/dist/cjs/PartnerDetailListing.js

@@ -45,7 +45,6 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('./ADInfeed-8d621d3c.js');
-require('react-bootstrap/Button');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-0e26bccb.js');
 require('./getContentCategory-f38a4c00.js');
@@ -59,7 +58,7 @@ require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -67,6 +66,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 require('react-bootstrap/Carousel');
 var Feature = require('./Feature.js');

package/dist/cjs/PublicationDeck.js

@@ -13,8 +13,8 @@ require('react-dom');
 require('./index-be0c82be.js');
 var urlFor = require('./urlFor.js');
 var index$2 = require('./index-96b3db50.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var lodash = require('./lodash-fc2922d0.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,

package/dist/cjs/SeriesListingDeck.js

@@ -28,7 +28,7 @@ require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
-var SeriesSlider = require('./SeriesSlider-85eec772.js');
+var SeriesSlider = require('./SeriesSlider-d16a5ae5.js');
 
 var usePrevious = function usePrevious(value) {
   var ref = React.useRef();

package/dist/cjs/TaxonomyDescription.js

@@ -42,7 +42,6 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('react-bootstrap/Button');
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -50,7 +49,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 var Head = _interopDefault(require('next/head'));
@@ -58,6 +57,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 
 var _this = undefined;

package/dist/cjs/TemplateNormal.js

@@ -32,7 +32,6 @@ require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('react-bootstrap/Button');
 require('./get-adbb11e3.js');
 require('./eq-bb2843ed.js');
 require('./react-social-icons-f7f48f71.js');
@@ -40,6 +39,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 require('next/head');
+require('react-bootstrap/Button');
 require('./defineProperty-55548b25.js');
 require('react-bootstrap/Form');
 var Column1 = require('./Column1.js');
@@ -61,7 +61,7 @@ require('./NavFooter-76c913e3.js');
 require('./index.esm-4d410430.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-cea213aa.js');
+require('./SocialSearchComponent-97dd19a5.js');
 var NavMagazine = require('./NavMagazine.js');
 var NavNative = require('./NavNative.js');
 require('./Search.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -44,7 +44,6 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -54,7 +53,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -62,6 +61,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 require('react-bootstrap/Figure');
 var Form = _interopDefault(require('react-bootstrap/Form'));
 

package/dist/cjs/View.js

@@ -44,7 +44,6 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 var AdSlot = require('./AdSlot.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -52,7 +51,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 var Head = _interopDefault(require('next/head'));
@@ -60,6 +59,7 @@ require('react-share');
 var SocialShare = require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+var Button = _interopDefault(require('react-bootstrap/Button'));
 require('react-bootstrap/Figure');
 var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
@@ -70,7 +70,7 @@ var getSeriesDetail = require('./getSeriesDetail.js');
 require('nookies');
 var getQuery = require('./getQuery.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
-var SeriesSlider = require('./SeriesSlider-85eec772.js');
+var SeriesSlider = require('./SeriesSlider-d16a5ae5.js');
 var getTargeting = require('./getTargeting-021d644c.js');
 var getKeywords = require('./getKeywords.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');

package/dist/cjs/YahooHero.js

@@ -30,7 +30,7 @@ var YahooHero = function YahooHero(props) {
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail, imageWidth: 600 });
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -78,8 +78,8 @@ var YahooHero = function YahooHero(props) {
       subArticles.map(function (article, index) {
         var articleThumbnail = '';
         var articleAltText = article.title;
-        if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+        if (article.thumbnail && article.thumbnail) {
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail, imageWidth: 250 });
 
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
@@ -119,7 +119,7 @@ var YahooHero = function YahooHero(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 615px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          height: 315px;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          max-height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
+      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 615px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          max-height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/getSerializers.js

@@ -38,7 +38,6 @@ require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('react-bootstrap/Button');
 require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -46,7 +45,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-454b179d.js');
+var getSerializers = require('./index-0b9683e0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
@@ -54,6 +53,7 @@ require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');