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

package/dist/cjs/{index-454b179d.js → index-0b9683e0.js}

@@ -26,7 +26,6 @@ var slicedToArray = require('./slicedToArray-8f385299.js');
 var Segment = require('./Segment.js');
 var Beam = require('./Beam.js');
 var AdSlot = require('./AdSlot.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var BlockContent = require('./BlockContent-091a991f.js');
 var index$3 = require('./index-187c967e.js');
 var GroupDeck = require('./GroupDeck.js');
@@ -38,6 +37,7 @@ var Head = _interopDefault(require('next/head'));
 var SocialShare = require('./SocialShare.js');
 var _objectToArray = require('./_object-to-array-5762f850.js');
 var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
+var Button = _interopDefault(require('react-bootstrap/Button'));
 var Figure$1 = _interopDefault(require('react-bootstrap/Figure'));
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
@@ -85,7 +85,14 @@ var Slideshow = function Slideshow(_ref) {
         return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default.createElement(
+            'picture',
+            null,
+            React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default.createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
+          ),
           slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
@@ -2175,7 +2182,14 @@ var Media = function Media(_ref) {
         React__default.createElement(
           index$2.LazyLoad,
           { once: true },
-          React__default.createElement(reactBootstrap.Figure.Image, _extends$1._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          React__default.createElement(
+            'picture',
+            null,
+            React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default.createElement('img', _extends$1._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          )
         ),
         caption && React__default.createElement(
           reactBootstrap.Figure.Caption,
@@ -8142,7 +8156,14 @@ var Slideshow$1 = function Slideshow(_ref) {
               React__default.createElement(
                 index$2.LazyLoad,
                 null,
-                React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default.createElement(
+                  'picture',
+                  null,
+                  React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                  React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                  React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                  React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                )
               )
             ),
             React__default.createElement(
@@ -8237,7 +8258,14 @@ var MultiMedia = function MultiMedia(props) {
                 imageBox && React__default.createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
+                  React__default.createElement(
+                    'picture',
+                    null,
+                    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                    React__default.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
+                  )
                 ),
                 media.caption && React__default.createElement(
                   'span',
@@ -9075,6 +9103,33 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
+var FigureImage$1 = React__default.memo(function (_ref) {
+  var imagesCount = _ref.imagesCount,
+      image = _ref.image,
+      client = _ref.client,
+      imgAlt = _ref.imgAlt,
+      link = _ref.link,
+      handleClickFigure = _ref.handleClickFigure;
+
+  return React__default.createElement(
+    'picture',
+    null,
+    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default.createElement('img', _extends$1._extends({
+      'images-count': imagesCount,
+      className: 'multi-figure-image',
+      src: urlFor({ source: image, client: client }),
+      alt: imgAlt ? imgAlt : 'multi figure'
+    }, !link && {
+      onClick: function onClick() {
+        return handleClickFigure(image, client);
+      }
+    }))
+  );
+});
+
 var MultiFigure = function MultiFigure(props) {
   var images = props.node.images,
       client = props.client,
@@ -9094,9 +9149,9 @@ var MultiFigure = function MultiFigure(props) {
   var lightboxContainer = React.useRef(null);
   useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
 
-  var FigureCaption = function FigureCaption(_ref) {
-    var caption = _ref.caption,
-        imgcaption = _ref.imgcaption;
+  var FigureCaption = function FigureCaption(_ref2) {
+    var caption = _ref2.caption,
+        imgcaption = _ref2.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
       return React__default.createElement(
@@ -9109,6 +9164,11 @@ var MultiFigure = function MultiFigure(props) {
     } else return null;
   };
 
+  var handleClickFigure = React.useCallback(function (image, client) {
+    setOpenImgSrc(urlFor({ source: image, client: client }));
+    setOpenImg(true);
+  }, [client]);
+
   if (images && images.length > 0) {
     return React__default.createElement(
       'div',
@@ -9129,7 +9189,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default.createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
+                  React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                 ),
                 React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9139,16 +9199,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default.createElement(
                 index$2.LazyLoad,
                 { once: true },
-                React__default.createElement('img', {
-                  'images-count': images.length,
-                  className: 'multi-figure-image',
-                  src: urlFor({ source: image.asset, client: client }),
-                  alt: image.alt,
-                  onClick: function onClick() {
-                    setOpenImgSrc(urlFor({ source: image, client: client }));
-                    setOpenImg(true);
-                  }
-                })
+                React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
               ),
               React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
             )
@@ -9163,7 +9214,7 @@ var MultiFigure = function MultiFigure(props) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
+        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            cursor: pointer;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
       )
     );
   }

package/dist/cjs/index.js

@@ -49,7 +49,6 @@ var Beam = require('./Beam.js');
 var AdSlot = require('./AdSlot.js');
 require('./ADInfeed-8d621d3c.js');
 var DeckContent = require('./DeckContent.js');
-require('react-bootstrap/Button');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-0e26bccb.js');
 require('./getContentCategory-f38a4c00.js');
@@ -77,7 +76,7 @@ require('./index.esm-90433435.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.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');
@@ -85,6 +84,7 @@ require('react-share');
 var SocialShare = require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 var HorizontalArticleListing = require('./HorizontalArticleListing.js');
 var MasterDeck = require('./MasterDeck.js');
@@ -125,7 +125,7 @@ require('./NavFooter-76c913e3.js');
 require('./index.esm-4d410430.js');
 var SocialIcons = 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');
 var Search = require('./Search.js');
@@ -182,7 +182,7 @@ require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-5039b1a6.js');
-require('./SeriesSlider-85eec772.js');
+require('./SeriesSlider-d16a5ae5.js');
 var getTargeting = require('./getTargeting-021d644c.js');
 var View = require('./View.js');
 var getKeywords = require('./getKeywords.js');

package/dist/cjs/urlFor.js

@@ -15,7 +15,7 @@ function urlFor(_ref) {
       _ref$imageMaxHeight = _ref.imageMaxHeight,
       imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
       _ref$imageFit = _ref.imageFit,
-      imageFit = _ref$imageFit === undefined ? null : _ref$imageFit;
+      imageFit = _ref$imageFit === undefined ? 'crop' : _ref$imageFit;
 
 
   //checks for old usage so it wont break view pages

package/dist/esm/ArticleProgramLandingPage.js

@@ -39,7 +39,6 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
@@ -49,7 +48,7 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -57,6 +56,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 
 var _this = undefined;

package/dist/esm/EventsDeck.js

@@ -19,8 +19,8 @@ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import './main-e4a934b2.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
 import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
-import Button$1 from 'react-bootstrap/Button';
 import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
+import Button$1 from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';
 import Spinner from 'react-bootstrap/Spinner';
 import Form from 'react-bootstrap/Form';

package/dist/esm/ExternalResources.js

@@ -36,7 +36,6 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import Button$1 from 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
@@ -44,7 +43,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -52,6 +51,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import Button$1 from 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 import { m as momentTimezone } from './index-ef6d5dcf.js';
 

package/dist/esm/GridContent.js

@@ -41,7 +41,6 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import { A as ADInfeed } from './ADInfeed-b566ce41.js';
-import Button$1 from 'react-bootstrap/Button';
 import { l as lodash } from './lodash-17fdfebb.js';
 import { A as ADlgInfeed } from './ADlgInfeed-5eb7281d.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
@@ -229,104 +228,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$1,
-            null,
-            React__default.createElement(
-              Col$1,
-              { 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$1,
-              { xs: 12, sm: 4 },
-              React__default.createElement('img', { className: 'w-100', src: _this.renderCardImage(row), alt: row.name || '' })
-            ),
-            React__default.createElement(
-              Col$1,
-              { xs: 12, sm: 8 },
-              React__default.createElement(
-                Row$1,
-                null,
-                row.articles.map(function (article) {
-                  return React__default.createElement(
-                    Col$1,
-                    { 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$1,
-              { xs: 12 },
-              React__default.createElement(
-                Button$1,
-                { 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;
 
@@ -358,7 +259,7 @@ var GridContent = function (_React$Component) {
 
   _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);
@@ -560,10 +461,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;
@@ -709,7 +606,7 @@ var GridContent = function (_React$Component) {
             return React__default.createElement(ADlgInfeed, _extends({ index: index }, row));
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
             return React__default.createElement(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/esm/HamMagazine.js

@@ -12,10 +12,10 @@ import { m as main_36, c as main_37 } from './main-e4a934b2.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
-import 'react-bootstrap/Button';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-602d52fe.js';
 import { b as IoMdLogIn } from './index.esm-29e48d38.js';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
@@ -25,7 +25,7 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-fd746768.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-03c3e869.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-db5ba548.js';
 
 var HamMagazine = function HamMagazine(props) {
   /*

package/dist/esm/HorizontalArticleListing.js

@@ -36,7 +36,6 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
@@ -46,7 +45,7 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import { I as IoIosArrowForward } from './index.esm-29e48d38.js';
 import ArticleCarousel from './ArticleCarousel.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -54,6 +53,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 
 function HorizontalArticleListing(_ref) {

package/dist/esm/IssueLanding.js

@@ -40,7 +40,6 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import './ADInfeed-b566ce41.js';
-import 'react-bootstrap/Button';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-5eb7281d.js';
 import './getContentCategory-15dcc413.js';
@@ -54,7 +53,7 @@ import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -62,6 +61,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/Breadcrumb';
 import Breadcrumbs from './Breadcrumbs.js';

package/dist/esm/MediaSeriesLanding.js

@@ -41,7 +41,6 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import './ADInfeed-b566ce41.js';
-import 'react-bootstrap/Button';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-5eb7281d.js';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
@@ -51,7 +50,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -59,6 +58,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 import MasterDeck from './MasterDeck.js';
 import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';

package/dist/esm/NavMagazine.js

@@ -12,10 +12,10 @@ import { c as main_37 } from './main-e4a934b2.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
-import 'react-bootstrap/Button';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-602d52fe.js';
 import { b as IoMdLogIn } from './index.esm-29e48d38.js';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
@@ -25,7 +25,7 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-fd746768.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-03c3e869.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-db5ba548.js';
 
 var NavMagazine = function NavMagazine(props) {
   /*

package/dist/esm/NavNative.js

@@ -14,10 +14,10 @@ import { c as main_37 } from './main-e4a934b2.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
-import Button$1 from 'react-bootstrap/Button';
 import { i as isFunction_1, e as eq_1 } from './eq-b470f743.js';
 import './react-social-icons-a7d5c5c7.js';
 import { I as IconContext } from './iconBase-602d52fe.js';
+import Button$1 from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';

package/dist/esm/PartnerDetailListing.js

@@ -40,7 +40,6 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import './ADInfeed-b566ce41.js';
-import 'react-bootstrap/Button';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-5eb7281d.js';
 import './getContentCategory-15dcc413.js';
@@ -54,7 +53,7 @@ import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-0d1eb0c4.js';
+import { g as getSerializers } from './index-59b21a97.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -62,6 +61,7 @@ import 'react-share';
 import './SocialShare.js';
 import './_object-to-array-7e804fce.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/Carousel';
 import Feature from './Feature.js';

package/dist/esm/PublicationDeck.js

@@ -8,8 +8,8 @@ import 'react-dom';
 import './index-73819142.js';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
-import Button$1 from 'react-bootstrap/Button';
 import { l as lodash } from './lodash-17fdfebb.js';
+import Button$1 from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,

package/dist/esm/SeriesListingDeck.js

@@ -22,7 +22,7 @@ import './main-e4a934b2.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
-import { S as SeriesSlider } from './SeriesSlider-afab5c1b.js';
+import { S as SeriesSlider } from './SeriesSlider-8dc17b11.js';
 
 var usePrevious = function usePrevious(value) {
   var ref = useRef();