@mjhls/mjh-framework 1.0.880-beta.0 → 1.0.881-beta.0

package/dist/cjs/RelatedContent.js

@@ -11,8 +11,9 @@ require('prop-types');
 var moment = require('./moment-575fe24c.js');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 require('react-bootstrap/Media');
 
 /*
@@ -70,10 +71,10 @@ var RelatedContent = function RelatedContent(props) {
             'figure',
             null,
             React__default.createElement(
-              index$1.LazyLoad,
+              index$2.LazyLoad,
               { once: true },
               React__default.createElement('img', {
-                src: article.thumbnail ? urlFor.urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 }) : defaultImage,
+                src: article.thumbnail ? urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 }) : defaultImage,
                 alt: article.title
               })
             )

package/dist/cjs/SeriesListingDeck.js

@@ -20,12 +20,13 @@ var index_es = require('./index.es-9110add6.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-ad5e3116.js');
 var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
-var SeriesSlider = require('./SeriesSlider-ec146338.js');
+var SeriesSlider = require('./SeriesSlider-49b81b0b.js');
 
 var usePrevious = function usePrevious(value) {
   var ref = React.useRef();

package/dist/cjs/{SeriesSlider-ec146338.js → SeriesSlider-49b81b0b.js}

@@ -5,10 +5,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 var main = require('./main-02daeefe.js');
-var index$2 = require('./index-187c967e.js');
+var index$3 = require('./index-187c967e.js');
 var smoothscroll = require('./smoothscroll-5054361f.js');
 
 /*
@@ -251,9 +251,9 @@ var SeriesSlider = function SeriesSlider(_ref) {
           var url = '/view/' + article.url.current;
           var thumbnail = void 0;
           if (article.thumbnail && article.thumbnail.asset) {
-            thumbnail = urlFor.urlFor({ source: article.thumbnail, client: client });
+            thumbnail = urlFor({ source: article.thumbnail, client: client });
           } else {
-            thumbnail = 'https://img.youtube.com/vi/' + index$2.getYoutubeId(article.url) + '/hqdefault.jpg';
+            thumbnail = 'https://img.youtube.com/vi/' + index$3.getYoutubeId(article.url) + '/hqdefault.jpg';
           }
           return React__default.createElement(
             'div',
@@ -267,7 +267,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
                 'div',
                 { className: nowPlaying == article.title ? 'tile__media active' : 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
                 React__default.createElement(
-                  index$1.LazyLoad,
+                  index$2.LazyLoad,
                   null,
                   React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
                 ),

package/dist/cjs/TaxonomyCard.js

@@ -16,9 +16,10 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
-var BlockContent = require('./BlockContent-9c6b07ad.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
+var BlockContent = require('./BlockContent-091a991f.js');
 var reactSocialIcons = require('./react-social-icons-f7f48f71.js');
 
 var TaxonomyCard = function TaxonomyCard(props) {
@@ -40,7 +41,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
 
 
   var renderCardImage = function renderCardImage(row) {
-    var url = urlFor.urlFor({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+    var url = urlFor({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
     return url;
   };
 
@@ -111,7 +112,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     Col,
                     null,
                     React__default.createElement(
-                      index$1.LazyLoad,
+                      index$2.LazyLoad,
                       { height: imageHeight },
                       row && row.thumbnail && React__default.createElement(
                         'figure',

package/dist/cjs/TaxonomyDescription.js

@@ -30,7 +30,8 @@ require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
@@ -40,14 +41,14 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-9c6b07ad.js');
+var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-17c6af5a.js');
+var getSerializers = require('./index-bf60a71c.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 var Head = _interopDefault(require('next/head'));

package/dist/cjs/ThumbnailCard.js

@@ -10,8 +10,9 @@ var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 var entities = require('./entities-310b46ee.js');
 var Media = _interopDefault(require('react-bootstrap/Media'));
 
@@ -30,9 +31,9 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
         Media,
         { className: 'mb-3 thumbnail-card' },
         React__default.createElement(
-          index$1.LazyLoad,
+          index$2.LazyLoad,
           { height: size },
-          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor.urlFor({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
+          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
         ),
         React__default.createElement(
           Media.Body,

package/dist/cjs/VerticalHero.js

@@ -9,7 +9,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./moment-575fe24c.js');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;
@@ -36,7 +37,7 @@ var VerticalHero = function VerticalHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor.urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 });
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;

package/dist/cjs/VideoProgramLandingPage.js

@@ -32,7 +32,8 @@ require('./index.es-9110add6.js');
 require('react-dom');
 require('./visibility-sensor-ad5e3116.js');
 require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
@@ -42,7 +43,7 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var BlockContent = require('./BlockContent-9c6b07ad.js');
+var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
@@ -51,7 +52,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
-var getSerializers = require('./index-17c6af5a.js');
+var getSerializers = require('./index-bf60a71c.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');

package/dist/cjs/VideoSeriesCard.js

@@ -15,8 +15,9 @@ require('prop-types');
 var moment = require('./moment-575fe24c.js');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
 var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
@@ -45,10 +46,10 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
           'figure',
           null,
           React__default.createElement(
-            index$1.LazyLoad,
+            index$2.LazyLoad,
             null,
             React__default.createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? urlFor.urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )

package/dist/cjs/VideoSeriesLandingPage.js

@@ -21,15 +21,20 @@ require('./events-1b438fe7.js');
 require('./index-98e01cb9.js');
 require('prop-types');
 require('react-bootstrap/Container');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 var moment = require('./moment-575fe24c.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
+require('./index.es-9110add6.js');
 require('react-dom');
+require('./visibility-sensor-ad5e3116.js');
 require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./stringify-bbc68047.js');
@@ -40,9 +45,9 @@ require('./AdSlot.js');
 require('./ADInfeed-2e48af77.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-c39c7131.js');
-var index$2 = require('./index-187c967e.js');
-require('./Pagination-9cb60fba.js');
 require('react-bootstrap/Spinner');
+require('./Pagination-d6a59f99.js');
+var index$3 = require('./index-187c967e.js');
 var MasterDeck = require('./MasterDeck.js');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
@@ -145,7 +150,7 @@ VideoSeriesLandingPage.getInitialData = function () {
               //start youtube thumbnail fix
               posts.map(function (post, index) {
                 if (post.thumbnail && _typeof._typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
-                  var id = index$2.getYoutubeId(post.url);
+                  var id = index$3.getYoutubeId(post.url);
                   var imageURL = 'https://img.youtube.com/vi/' + id + '/hqdefault.jpg';
                   return post['thumbnail'] = imageURL, post['url'] = {
                     current: url + (index + 1)

package/dist/cjs/VideoSeriesListing.js

@@ -29,7 +29,8 @@ var index_es = require('./index.es-9110add6.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-ad5e3116.js');
 require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./index-187c967e.js');

package/dist/cjs/View.js

@@ -32,7 +32,8 @@ var index_es = require('./index.es-9110add6.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-ad5e3116.js');
 var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
 require('./index-96b3db50.js');
 var main = require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
@@ -42,14 +43,14 @@ require('./Segment.js');
 require('./Beam.js');
 var AdSlot = require('./AdSlot.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var BlockContent = require('./BlockContent-9c6b07ad.js');
+var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-17c6af5a.js');
+var getSerializers = require('./index-bf60a71c.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 var Head = _interopDefault(require('next/head'));
@@ -70,7 +71,7 @@ var getSeriesDetail = require('./getSeriesDetail.js');
 require('./index-bd6c9f56.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
-var SeriesSlider = require('./SeriesSlider-ec146338.js');
+var SeriesSlider = require('./SeriesSlider-49b81b0b.js');
 var getTargeting = require('./getTargeting-8874437b.js');
 var getKeywords = require('./getKeywords.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
@@ -149,7 +150,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
   var thumbnailUrl = false;
 
   if (article.documentGroup.thumbnail) {
-    thumbnailUrl = urlFor.urlFor({ client: client, source: article.documentGroup.thumbnail });
+    thumbnailUrl = urlFor({ client: client, source: article.documentGroup.thumbnail });
   }
 
   return React__default.createElement(
@@ -368,7 +369,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
             { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
             article.thumbnail ? React__default.createElement('img', {
               style: { objectFit: 'cover', objectPosition: 'center' },
-              src: article.thumbnail && urlFor.urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
+              src: article.thumbnail && urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
               alt: article.title
             }) : React__default.createElement(
               React__default.Fragment,
@@ -488,7 +489,7 @@ function generateSchema(props) {
   var articleSection = content_placement && content_placement.map(function (cp) {
     return cp.name;
   });
-  var image = thumbnail && thumbnail.asset && client ? urlFor.urlFor({ source: thumbnail, client: client }) : liveDomain && logo && 'https://' + liveDomain + logo;
+  var image = thumbnail && thumbnail.asset && client ? urlFor({ source: thumbnail, client: client }) : liveDomain && logo && 'https://' + liveDomain + logo;
 
   if (title && published && _updatedAt) {
     return _extends$1._extends({
@@ -1069,7 +1070,7 @@ var Article = React.forwardRef(function (props, ref) {
     var shareUrl = shareBaseUrl + props.article.url.current;
     var shareTitle = article.title;
     var shareSummary = article.summary;
-    var shareImage = thumbnail && thumbnail.asset ? urlFor.urlFor({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
+    var shareImage = thumbnail && thumbnail.asset ? urlFor({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
     var siteName = props.website && props.website.title ? props.website.title : '';
     var shareKeywords = getKeywords(props.article).join(',');
 
@@ -1177,7 +1178,7 @@ var Article = React.forwardRef(function (props, ref) {
                     return React__default.createElement(
                       'span',
                       { key: index },
-                      getSerializers.renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor.urlFor({ client: props.client, source: authorDetail.profileImage, imageHeight: authorImgHeight }), showAuthorDetails)
+                      getSerializers.renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: props.client, source: authorDetail.profileImage, imageHeight: authorImgHeight }), showAuthorDetails)
                     );
                   }),
                   React__default.createElement(
@@ -1924,7 +1925,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesArticle=' + seriesArticle,
                         seriesTitle: subArticle.title,
                         seriesSummary: subArticle.summary,
-                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlFor.urlFor({ client: client, source: subArticle.thumbnail.asset }) : null
+                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlFor({ client: client, source: subArticle.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }
@@ -1937,7 +1938,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesVid=' + seriesVid,
                         seriesTitle: video.title,
                         seriesSummary: video.intro,
-                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlFor.urlFor({ client: client, source: video.thumbnail.asset }) : null
+                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlFor({ client: client, source: video.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }

package/dist/cjs/YahooHero.js

@@ -11,8 +11,9 @@ require('prop-types');
 var moment = require('./moment-575fe24c.js');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 var entities = require('./entities-310b46ee.js');
 var AuthorComponent = require('./AuthorComponent-02e827ae.js');
 
@@ -27,7 +28,7 @@ var YahooHero = function YahooHero(props) {
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor.urlFor({ client: client, source: topArticle.thumbnail, imageWidth: 600 });
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail, imageWidth: 600 });
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -76,7 +77,7 @@ var YahooHero = function YahooHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail) {
-          articleThumbnail = urlFor.urlFor({ client: client, source: article.thumbnail, imageWidth: 250 });
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail, imageWidth: 250 });
 
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
@@ -106,7 +107,7 @@ var YahooHero = function YahooHero(props) {
             moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
           ),
           article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
-            index$1.LazyLoad,
+            index$2.LazyLoad,
             { height: 50 },
             React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
           )

package/dist/cjs/YoutubeGroup.js

@@ -10,10 +10,11 @@ var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
 var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-var urlFor = require('./urlFor-3a61226f.js');
-var index$1 = require('./index-96b3db50.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
 var main = require('./main-02daeefe.js');
-var index$2 = require('./index-187c967e.js');
+var index$3 = require('./index-187c967e.js');
 var smoothscroll = require('./smoothscroll-5054361f.js');
 
 /*
@@ -240,11 +241,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var url = video.url;
             var thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              thumbnail = urlFor.urlFor({ source: video.thumbnail, client: props.client });
+              thumbnail = urlFor({ source: video.thumbnail, client: props.client });
             } else if (typeof video.thumbnail === 'string') {
               thumbnail = video.thumbnail;
             } else {
-              thumbnail = 'https://img.youtube.com/vi/' + index$2.getYoutubeId(video.url) + '/hqdefault.jpg';
+              thumbnail = 'https://img.youtube.com/vi/' + index$3.getYoutubeId(video.url) + '/hqdefault.jpg';
             }
 
             return React__default.createElement(
@@ -266,7 +267,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   'div',
                   { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') } },
                   React__default.createElement(
-                    index$1.LazyLoad,
+                    index$2.LazyLoad,
                     null,
                     React__default.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') }, src: thumbnail, alt: '' })
                   ),
@@ -300,9 +301,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var _url = '' + video.link;
             var _thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              _thumbnail = urlFor.urlFor({ source: video.thumbnail, client: props.client });
+              _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
             } else {
-              _thumbnail = 'https://img.youtube.com/vi/' + index$2.getYoutubeId(video.url) + '/hqdefault.jpg';
+              _thumbnail = 'https://img.youtube.com/vi/' + index$3.getYoutubeId(video.url) + '/hqdefault.jpg';
             }
             return React__default.createElement(
               'div',
@@ -316,7 +317,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   'div',
                   { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
                   React__default.createElement(
-                    index$1.LazyLoad,
+                    index$2.LazyLoad,
                     null,
                     React__default.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
                   ),

package/dist/cjs/getRelatedArticle.js

@@ -6,7 +6,7 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-05795553.js');
 require('./web.dom.iterable-e34bf324.js');
 var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
-var index$5 = require('./index-bd6c9f56.js');
+var index$6 = require('./index-bd6c9f56.js');
 var getQuery = require('./getQuery.js');
 
 var defaultParseOptions = {
@@ -319,10 +319,10 @@ exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
 function parseCookies(ctx, options) {
     var _a, _b;
     if ((_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.cookie) {
-        return index$5.cookie.parse(ctx.req.headers.cookie, options);
+        return index$6.cookie.parse(ctx.req.headers.cookie, options);
     }
     if (utils.isBrowser()) {
-        return index$5.cookie.parse(document.cookie, options);
+        return index$6.cookie.parse(document.cookie, options);
     }
     return {};
 }
@@ -373,13 +373,13 @@ function setCookie$1(ctx, name, value, options) {
                  * We serialize the cookie back to the original format
                  * if it isn't the same as the new one.
                  */
-                var serializedCookie = index$5.cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ 
+                var serializedCookie = index$6.cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ 
                     // we prevent reencoding by default, but you might override it
                     encode: function (val) { return val; } }, parsedCookie));
                 cookiesToSet_1.push(serializedCookie);
             }
         });
-        cookiesToSet_1.push(index$5.cookie.serialize(name, value, options));
+        cookiesToSet_1.push(index$6.cookie.serialize(name, value, options));
         // Update the header.
         ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
     }
@@ -388,7 +388,7 @@ function setCookie$1(ctx, name, value, options) {
         if (options && options.httpOnly) {
             throw new Error('Can not set a httpOnly cookie in the browser.');
         }
-        document.cookie = index$5.cookie.serialize(name, value, options);
+        document.cookie = index$6.cookie.serialize(name, value, options);
     }
     return {};
 }

package/dist/cjs/getSerializers.js

@@ -26,7 +26,8 @@ require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
 require('react-dom');
 require('./slicedToArray-f6d4eaa8.js');
-require('./urlFor-3a61226f.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
 require('./index-96b3db50.js');
 require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
@@ -36,14 +37,14 @@ require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('react-bootstrap/Button');
-require('./BlockContent-9c6b07ad.js');
+require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-90433435.js');
-var getSerializers = require('./index-17c6af5a.js');
+var getSerializers = require('./index-bf60a71c.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');

package/dist/cjs/{urlFor-3a61226f.js → index-be0c82be.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
 
 var parseAssetId_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -547,61 +546,5 @@ module.exports = builder_1.default;
 
 var imageUrlBuilder = _commonjsHelpers.unwrapExports(node);
 
-// Sanity image auto formating
-
-function urlFor(_ref) {
-  var client = _ref.client,
-      source = _ref.source,
-      _ref$imageWidth = _ref.imageWidth,
-      imageWidth = _ref$imageWidth === undefined ? null : _ref$imageWidth,
-      _ref$imageHeight = _ref.imageHeight,
-      imageHeight = _ref$imageHeight === undefined ? null : _ref$imageHeight,
-      _ref$imageMaxHeight = _ref.imageMaxHeight,
-      imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
-      _ref$imageFit = _ref.imageFit,
-      imageFit = _ref$imageFit === undefined ? 'crop' : _ref$imageFit;
-
-
-  // when imageFit value = null and it's specifically provided, it's value not gets defaulted to 'crop'
-  if (!imageFit) {
-    imageFit = 'crop';
-  }
-
-  //checks for old usage so it wont break view pages
-  //All view pages are using  urlFor(client, thumbnail.asset).url()
-  //will need to update to urlFor({client, source: thumbnail.asset})
-  //All framework components are using new format
-  if (arguments[1] && arguments[1]._ref) {
-    return imageUrlBuilder(client).image(source).auto('format');
-  }
-
-  if (imageWidth && imageHeight) {
-    imageMaxHeight = imageHeight;
-    imageHeight = null;
-  }
-
-  var builder = imageUrlBuilder(client);
-  var url = builder.image(source);
-  if (imageWidth) url = url.width(imageWidth);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
-  if (imageFit) url = url.fit(imageFit);
-  url = url.auto('format').url();
-
-  // Appending file name in URL
-  var originalFilename = source && source.originalFilename ? source.originalFilename : source && source.asset && source.asset.originalFilename && source.asset.originalFilename;
-  if (originalFilename) {
-    var _url$split = url.split('?'),
-        _url$split2 = slicedToArray._slicedToArray(_url$split, 2),
-        path = _url$split2[0],
-        queryString = _url$split2[1];
-
-    originalFilename = encodeURIComponent(originalFilename);
-    url = queryString ? path + '/' + originalFilename + '?' + queryString : path + '/' + originalFilename;
-  }
-
-  return url;
-}
-
+exports.imageUrlBuilder = imageUrlBuilder;
 exports.node = node;
-exports.urlFor = urlFor;