@mjhls/mjh-framework 1.0.817-image-crop-test → 1.0.817-image-crop-test-v2

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-6741b269.js');
+var getSerializers = require('./index-8543a68a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -19,7 +19,7 @@ require('prop-types');
 require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('react-bootstrap');
-require('./urlFor.js');
+require('./urlForV2.js');
 require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
 require('./index-187c967e.js');

package/dist/cjs/ThumbnailCard.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var Media = require('react-bootstrap/Media');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var index = require('./index-eadd5035.js');
 var entities = require('./entities-3f9d0f2f.js');
 require('./index-efca863c.js');
@@ -32,7 +32,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
         React__default['default'].createElement(
           index.LazyLoad,
           { height: size },
-          React__default['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['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlForV2({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
         ),
         React__default['default'].createElement(
           Media__default['default'].Body,

package/dist/cjs/VerticalHero.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 require('./_commonjsHelpers-06173234.js');
 require('./index-efca863c.js');
 
@@ -35,7 +35,7 @@ var VerticalHero = function VerticalHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 });
+          articleThumbnail = urlForV2({ 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

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-36e54d77.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-6741b269.js');
+var getSerializers = require('./index-8543a68a.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -21,7 +21,7 @@ require('prop-types');
 require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('react-bootstrap');
-require('./urlFor.js');
+require('./urlForV2.js');
 require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
 require('next/router');

package/dist/cjs/VideoSeriesCard.js

@@ -3,7 +3,7 @@
 var _typeof = require('./typeof-88a668c5.js');
 var React = require('react');
 var index = require('./index-eadd5035.js');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('prop-types');
@@ -50,7 +50,7 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
             index.LazyLoad,
             null,
             React__default['default'].createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+              src: data.thumbnail && data.thumbnail.asset ? urlForV2({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )

package/dist/cjs/VideoSeriesLandingPage.js

@@ -48,7 +48,7 @@ require('./Segment.js');
 require('./main-025fdc78.js');
 require('./ADInfeed-1ac86856.js');
 require('./index-eadd5035.js');
-require('./urlFor.js');
+require('./urlForV2.js');
 require('./style-inject.es-dcee06b6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/VideoSeriesListing.js

@@ -31,7 +31,7 @@ require('./core.get-iterator-method-f474eacc.js');
 require('./index-187c967e.js');
 require('./index-eadd5035.js');
 require('./smoothscroll-99df7f93.js');
-require('./urlFor.js');
+require('./urlForV2.js');
 require('./index-efca863c.js');
 require('./main-025fdc78.js');
 require('./isSymbol-03abbdf0.js');

package/dist/cjs/View.js

@@ -17,12 +17,12 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-6741b269.js');
+var getSerializers = require('./index-8543a68a.js');
 var AdSlot = require('./AdSlot.js');
-var SeriesSlider = require('./SeriesSlider-4862d8c4.js');
+var SeriesSlider = require('./SeriesSlider-8c157166.js');
 var getTargeting = require('./getTargeting-be6168ad.js');
 var getKeywords = require('./getKeywords.js');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var _typeof = require('./typeof-88a668c5.js');
 var index_esm = require('./index.esm-05850a2f.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
@@ -153,7 +153,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
   var thumbnailUrl = false;
 
   if (article.documentGroup.thumbnail) {
-    thumbnailUrl = urlFor({ client: client, source: article.documentGroup.thumbnail });
+    thumbnailUrl = urlForV2({ client: client, source: article.documentGroup.thumbnail });
   }
 
   return React__default['default'].createElement(
@@ -371,7 +371,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
           { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
           article.thumbnail ? React__default['default'].createElement('img', {
             style: { objectFit: 'cover', objectPosition: 'center' },
-            src: article.thumbnail && urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
+            src: article.thumbnail && urlForV2({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
             alt: article.title
           }) : React__default['default'].createElement(
             React__default['default'].Fragment,
@@ -975,7 +975,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({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
+    var shareImage = thumbnail && thumbnail.asset ? urlForV2({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
     var siteName = props.website && props.website.title ? props.website.title : '';
     var shareKeywords = getKeywords(props.article).join(',');
 
@@ -1074,7 +1074,7 @@ var Article = React.forwardRef(function (props, ref) {
                     return React__default['default'].createElement(
                       'span',
                       { key: index },
-                      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 }))
+                      getSerializers.renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlForV2({ client: props.client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
                     );
                   }),
                   React__default['default'].createElement(
@@ -1784,7 +1784,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesArticle=' + seriesArticle,
                         seriesTitle: subArticle.title,
                         seriesSummary: subArticle.summary,
-                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlFor({ client: client, source: subArticle.thumbnail.asset }) : null
+                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlForV2({ client: client, source: subArticle.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }
@@ -1797,7 +1797,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesVid=' + seriesVid,
                         seriesTitle: video.title,
                         seriesSummary: video.intro,
-                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlFor({ client: client, source: video.thumbnail.asset }) : null
+                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlForV2({ client: client, source: video.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }

package/dist/cjs/YahooHero.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var entities = require('./entities-3f9d0f2f.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
 var index = require('./index-eadd5035.js');
@@ -31,7 +31,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 = urlForV2({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -80,7 +80,7 @@ var YahooHero = function YahooHero(props) {
         var articleThumbnail = '';
         article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+          articleThumbnail = urlForV2({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
 
           article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {

package/dist/cjs/YoutubeGroup.js

@@ -6,7 +6,7 @@ var React = require('react');
 var index = require('./index-187c967e.js');
 var index$1 = require('./index-eadd5035.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var main = require('./main-025fdc78.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -250,7 +250,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var url = video.url;
             var thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              thumbnail = urlForV2({ source: video.thumbnail, client: props.client });
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
@@ -305,7 +305,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var _url = '' + video.link;
             var _thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              _thumbnail = urlForV2({ source: video.thumbnail, client: props.client });
             } else {
               _thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
             }

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-6741b269.js');
+var getSerializers = require('./index-8543a68a.js');
 require('./BlockContent-36e54d77.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-5d1bc3b3.js');
@@ -11,7 +11,7 @@ require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('react-bootstrap');
-require('./urlFor.js');
+require('./urlForV2.js');
 require('./index-efca863c.js');
 require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');

package/dist/cjs/{index-6741b269.js → index-8543a68a.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var reactBootstrap = require('react-bootstrap');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var index = require('./index-fc2f1ca2.js');
 var Router = require('next/router');
 var index$1 = require('./index-187c967e.js');
@@ -92,7 +92,7 @@ var Slideshow$1 = function Slideshow(_ref) {
         return React__default['default'].createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default['default'].createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default['default'].createElement('img', { src: slide.asset && urlForV2({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React__default['default'].createElement(
             'p',
             { className: 'p-2' },
@@ -2152,7 +2152,7 @@ var Media = function Media(_ref) {
         React__default['default'].createElement(
           index$2.LazyLoad,
           { once: true },
-          React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ sorce: poster, client: client }) }, alt && { alt: alt }))
+          React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlForV2({ sorce: poster, client: client }) }, alt && { alt: alt }))
         ),
         caption && React__default['default'].createElement(
           reactBootstrap.Figure.Caption,
@@ -7219,10 +7219,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
 
     Videos.forEach(function (vid) {
       if (vid.type == 'mp4') {
-        data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
+        data.push({ title: vid.title, thumbnail: urlForV2({ client: client, source: vid.thumbnail.asset }), url: vid.url });
       } else {
         if (vid.thumbnail && vid.thumbnail.asset) {
-          data.push({ title: vid.title, thumbnail: urlFor({ client: client, source: vid.thumbnail.asset }), url: vid.url });
+          data.push({ title: vid.title, thumbnail: urlForV2({ client: client, source: vid.thumbnail.asset }), url: vid.url });
         } else {
           data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + index$1.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
         }
@@ -7233,7 +7233,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     if (data.length < seriesVid || !seriesVid) {
       setSeries(1);
       setVidUrl(Videos[0].url);
-      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor({ client: client, source: Videos[0].thumbnail.asset }) : '');
+      setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlForV2({ client: client, source: Videos[0].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[0].type);
       }
@@ -7244,7 +7244,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     } else {
       setSeries(seriesVid);
       setVidUrl(Videos[seriesVid - 1].url);
-      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlFor({ client: client, source: Videos[seriesVid - 1].thumbnail.asset }) : '');
+      setVidThumbnail(Videos[seriesVid - 1].thumbnail && Videos[seriesVid - 1].thumbnail.asset ? urlForV2({ client: client, source: Videos[seriesVid - 1].thumbnail.asset }) : '');
       if (Videos[0].type) {
         setVidType(Videos[seriesVid - 1].type);
       }
@@ -7424,7 +7424,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
           return React__default['default'].createElement(
             'span',
             { key: index },
-            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
+            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlForV2({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
           );
         })
       ),
@@ -8165,7 +8165,7 @@ var Slideshow = function Slideshow(_ref) {
               React__default['default'].createElement(
                 index$2.LazyLoad,
                 null,
-                React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default['default'].createElement('img', { src: urlForV2({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React__default['default'].createElement(
@@ -8260,7 +8260,7 @@ var MultiMedia = function MultiMedia(props) {
                 imageBox && React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
+                  React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlForV2({ source: media.poster, client: client }), alt: media.alt })
                 ),
                 media.caption && React__default['default'].createElement(
                   'span',
@@ -8476,7 +8476,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           React__default['default'].createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React__default['default'].createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
+            React__default['default'].createElement('img', { src: urlForV2({ client: client, source: article.thumbnail.asset }) }),
             React__default['default'].createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
@@ -8546,7 +8546,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   React.useEffect(function () {
     if (articleClicked === true) {
-      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlFor({ client: client, source: Articles[articleIndex].thumbnail.asset }));
+      onChangeArticle(Articles[articleIndex].param.current, 'top', Articles[articleIndex].title, Articles[articleIndex].summary, urlForV2({ client: client, source: Articles[articleIndex].thumbnail.asset }));
     }
   }, [articleClicked]);
 
@@ -8684,7 +8684,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       setCurrentTitle(title);
       if (rootArticle) {
         setCurrentSummary(rootArticle.summary ? rootArticle.summary : '');
-        setCurrentThumbnail(urlFor({ client: client, source: rootArticle.thumbnail.asset }));
+        setCurrentThumbnail(urlForV2({ client: client, source: rootArticle.thumbnail.asset }));
       } else {
         setCurrentSummary('');
         setCurrentThumbnail('');
@@ -8770,7 +8770,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
               onChange: function onChange(visible) {
                 if (upArrowClicked === false && articleClicked === false) {
                   if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor({ client: client, source: article.thumbnail.asset }));
+                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlForV2({ client: client, source: article.thumbnail.asset }));
                   }
                 }
               } },
@@ -8806,7 +8806,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
                   return React__default['default'].createElement(
                     'span',
                     { key: index },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
+                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlForV2({ client: client, source: authorDetail.profileImage }))
                   );
                 })
               ),
@@ -8933,13 +8933,13 @@ var FigureImage = React__default['default'].memo(function (_ref2) {
   return React__default['default'].createElement(
     'picture',
     null,
-    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlForV2({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlForV2({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlForV2({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
     React__default['default'].createElement('img', _extends._extends({
       style: figureImageStyle,
       className: 'figure-image',
-      src: urlFor({ source: node, client: client }),
+      src: urlForV2({ source: node, client: client }),
       alt: imgAlt ? imgAlt : 'figure image'
     }, !link && {
       onClick: function onClick() {
@@ -9043,7 +9043,7 @@ var FigureComponent = function FigureComponent(props) {
   };
 
   var handleClickFigure = React.useCallback(function (node, client) {
-    setLightboxImgSrc(urlFor({ source: node, client: client }));
+    setLightboxImgSrc(urlForV2({ source: node, client: client }));
     setShowLightbox(true);
   }, [node, client]);
 
@@ -9152,7 +9152,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
+                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlForV2({ source: image.asset, client: client }), alt: image.alt })
                 ),
                 React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9165,10 +9165,10 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement('img', {
                   'images-count': images.length,
                   className: 'multi-figure-image',
-                  src: urlFor({ source: image.asset, client: client }),
+                  src: urlForV2({ source: image.asset, client: client }),
                   alt: image.alt,
                   onClick: function onClick() {
-                    setOpenImgSrc(urlFor({ source: image, client: client }));
+                    setOpenImgSrc(urlForV2({ source: image, client: client }));
                     setOpenImg(true);
                   }
                 })

package/dist/cjs/index.js

@@ -53,7 +53,7 @@ var ADSkyscraper = require('./ADSkyscraper.js');
 var Search = require('./Search.js');
 var Feature = require('./Feature.js');
 var React = require('react');
-var urlFor = require('./urlFor.js');
+var urlForV2 = require('./urlForV2.js');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
 require('react-bootstrap/Badge');
@@ -83,7 +83,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-6741b269.js');
+var getSerializers = require('./index-8543a68a.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -189,7 +189,7 @@ require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-e1ca5797.js');
-require('./SeriesSlider-4862d8c4.js');
+require('./SeriesSlider-8c157166.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');
 require('react-twitter-embed');
@@ -244,7 +244,7 @@ var FeatureArticles = function FeatureArticles(props) {
                 React__default['default'].createElement(
                   index.LazyLoad,
                   { height: imageHeight },
-                  React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
+                  React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlForV2({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
                 )
               )
             )
@@ -329,7 +329,7 @@ exports.ADWebcast = ADWebcast;
 exports.ADSkyscraper = ADSkyscraper;
 exports.Search = Search;
 exports.Feature = Feature;
-exports.urlFor = urlFor;
+exports.urlFor = urlForV2;
 exports.Breadcrumbs = Breadcrumbs;
 exports.Hero = Hero;
 exports.AlphabeticList = AlphabeticList;

package/dist/cjs/urlFor.js

@@ -4,32 +4,8 @@ var index = require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 
 // 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 ? null : _ref$imageFit;
-
-
-  if (imageWidth && imageHeight) {
-    imageMaxHeight = imageHeight;
-    imageHeight = null;
-  }
-
-  var builder = index.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);
-  return url.auto('format').url();
+function urlFor(client, source) {
+  return index.imageUrlBuilder(client).image(source).auto('format');
 }
 
 module.exports = urlFor;

package/dist/cjs/urlForV2.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-efca863c.js');
+require('./_commonjsHelpers-06173234.js');
+
+// 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 ? null : _ref$imageFit;
+
+
+  if (imageWidth && imageHeight) {
+    imageMaxHeight = imageHeight;
+    imageHeight = null;
+  }
+
+  var builder = index.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);
+  return url.auto('format').url();
+}
+
+module.exports = urlFor;

package/dist/esm/AlgoliaSearch.js

@@ -7,7 +7,7 @@ import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelper
 import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-67e1773f.js';
 import { E as EventEmitter } from './events-6c3a7a63.js';
 import { DropdownButton } from 'react-bootstrap';
-import urlFor from './urlFor.js';
+import urlFor from './urlForV2.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import './_to-object-b50e61c3.js';

package/dist/esm/ArticleCarousel.js

@@ -16,7 +16,7 @@ import './index-35bdcc81.js';
 import 'react-dom';
 import 'prop-types';
 import './smoothscroll-fa4e3f8c.js';
-import './urlFor.js';
+import './urlForV2.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import { _ as _extends } from './extends-60e0e1c6.js';
 import React from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-c1bcae0f.js';
+import { g as getSerializers } from './index-d1638f9e.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
@@ -16,7 +16,7 @@ import './_object-pie-133f504a.js';
 import 'prop-types';
 import './index-0dbff1d1.js';
 import 'react-bootstrap';
-import './urlFor.js';
+import './urlForV2.js';
 import './index-2446af28.js';
 import './events-6c3a7a63.js';
 import 'next/router';

package/dist/esm/ArticleSeriesListing.js

@@ -29,7 +29,7 @@ import './core.get-iterator-method-133dfacd.js';
 import './index-c7e2ac95.js';
 import './index-35bdcc81.js';
 import './smoothscroll-fa4e3f8c.js';
-import './urlFor.js';
+import './urlForV2.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 import './isSymbol-a7e9aafe.js';

package/dist/esm/ConferenceArticleCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlFor.js';
+import urlFor from './urlForV2.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './index-0dbff1d1.js';
 

package/dist/esm/DeckContent.js

@@ -12,7 +12,7 @@ import { withRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-533d9748.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import urlFor from './urlFor.js';
+import urlFor from './urlForV2.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { m as main_43 } from './main-b5c5aac1.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';

package/dist/esm/DeckQueue.js

@@ -14,7 +14,7 @@ import { L as LazyLoad } from './index-35bdcc81.js';
 import { g as get_1 } from './get-3c308da4.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
-import urlFor from './urlFor.js';
+import urlFor from './urlForV2.js';
 import { m as main_43 } from './main-b5c5aac1.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import './_commonjsHelpers-0c4b6f40.js';