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

package/dist/cjs/SeriesListingDeck.js

@@ -5,9 +5,9 @@ var _extends = require('./extends-29bdbc6d.js');
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var Router = require('next/router');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-fc2f1ca2.js');
 var index_es = require('./index.es-f3e47207.js');
-var SeriesSlider = require('./SeriesSlider-2db54929.js');
+var SeriesSlider = require('./SeriesSlider-8c157166.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -16,13 +16,15 @@ require('./_iter-detect-55a5657a.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./_object-pie-083f2dd6.js');
 require('./web.dom.iterable-46657b5c.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('./index-187c967e.js');
 require('./index-eadd5035.js');
 require('react-dom');
 require('./smoothscroll-99df7f93.js');
+require('./urlForV2.js');
 require('./index-efca863c.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/{SeriesSlider-2db54929.js → SeriesSlider-8c157166.js}

@@ -5,17 +5,17 @@ var React = require('react');
 var index = require('./index-187c967e.js');
 var index$1 = require('./index-eadd5035.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
-var index$2 = require('./index-efca863c.js');
-var main = require('./main-f1c77adb.js');
+var urlForV2 = require('./urlForV2.js');
+var main = require('./main-025fdc78.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var SeriesSlider = function SeriesSlider(_ref) {
@@ -58,11 +58,6 @@ var SeriesSlider = function SeriesSlider(_ref) {
       tileHeight = _useState8[0],
       setTileHeight = _useState8[1];
 
-  var urlFor = function urlFor(source, client) {
-    var builder = index$2.imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
-
   React.useEffect(function () {
     //IE11 Polyfill
     smoothscroll.smoothscroll.polyfill();
@@ -257,7 +252,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
           var url = '/view/' + article.url.current;
           var thumbnail = void 0;
           if (article.thumbnail && article.thumbnail.asset) {
-            thumbnail = urlFor(article.thumbnail, client);
+            thumbnail = urlForV2({ source: article.thumbnail, client: client });
           } else {
             thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(article.url) + '/hqdefault.jpg';
           }

package/dist/cjs/SideFooter.js

@@ -40,8 +40,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get.get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,

package/dist/cjs/{SocialSearchComponent-948138c7.js → SocialSearchComponent-ecb4f972.js}

@@ -3,12 +3,12 @@
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var SocialIcons = require('./SocialIcons.js');
-var index_esm = require('./index.esm-2bb721c8.js');
-var iconBase = require('./iconBase-be4097c0.js');
+var index_esm = require('./index.esm-8123cf40.js');
+var iconBase = require('./iconBase-68959171.js');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/TaxonomyCard.js

@@ -7,13 +7,14 @@ var Container = require('react-bootstrap/Container');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
 var Card = require('react-bootstrap/Card');
-var index = require('./index-efca863c.js');
-var index$1 = require('./index-eadd5035.js');
+var urlForV2 = require('./urlForV2.js');
+var index = require('./index-eadd5035.js');
 var reactSocialIcons = require('./react-social-icons-af932527.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');
 require('prop-types');
+require('./index-efca863c.js');
 require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,20 +36,16 @@ var TaxonomyCard = function TaxonomyCard(props) {
       client = props.client,
       _props$imageHeight = props.imageHeight,
       imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
-      imageWidth = props.imageWidth,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
       getSerializers = props.getSerializers;
 
-  var builder = index.imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
   var renderCardImage = function renderCardImage(row) {
-    var url = urlFor(row.thumbnail);
-    if (imageHeight) url = url.height(imageHeight);
-    if (imageWidth) url = url.width(imageWidth);
-    return url.url();
+    var url = urlForV2({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+    return url;
   };
 
   var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
@@ -65,7 +62,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
       React__default['default'].createElement(
         Row__default['default'],
         null,
-        data && data.map(function (row, index) {
+        data && data.map(function (row, index$1) {
           if (columns === 'rotate' && itemCounter % 3 === 0) {
             lgVar = 12;
           } else if (columns && columns !== 'rotate') {
@@ -118,7 +115,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     Col__default['default'],
                     null,
                     React__default['default'].createElement(
-                      index$1.LazyLoad,
+                      index.LazyLoad,
                       { height: imageHeight },
                       row && row.thumbnail && React__default['default'].createElement(
                         'figure',

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-70971c54.js');
+var getSerializers = require('./index-8543a68a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -19,13 +19,15 @@ require('prop-types');
 require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('react-bootstrap');
-require('./index-0e4427c8.js');
+require('./urlForV2.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('./index-187c967e.js');
 require('./util-6f784d85.js');
 require('./Beam.js');
 require('./stringify-c9ac1214.js');
 require('./Segment.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./index-eadd5035.js');
 require('react-dom');
 require('./typeof-88a668c5.js');
@@ -50,8 +52,8 @@ require('react-bootstrap/Col');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/TemplateNormal.js

@@ -24,7 +24,8 @@ require('./AdSlot.js');
 require('./extends-29bdbc6d.js');
 require('./_object-pie-083f2dd6.js');
 require('prop-types');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
@@ -34,7 +35,7 @@ require('./asyncToGenerator-58c289d9.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-55a5657a.js');
 require('./Segment.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('next/head');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
@@ -54,12 +55,12 @@ require('react-bootstrap');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('./index.esm-9225638f.js');
-require('./iconBase-be4097c0.js');
-require('./index.esm-00a6aade.js');
+require('./index.esm-3b9b8952.js');
+require('./iconBase-68959171.js');
+require('./index.esm-974f47d9.js');
 require('./NavFooter-3dcd99a8.js');
-require('./index.esm-2bb721c8.js');
-require('./SocialSearchComponent-948138c7.js');
+require('./index.esm-8123cf40.js');
+require('./SocialSearchComponent-ecb4f972.js');
 require('./SocialIcons.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');

package/dist/cjs/ThumbnailCard.js

@@ -2,9 +2,10 @@
 
 var React = require('react');
 var Media = require('react-bootstrap/Media');
-var index = require('./index-efca863c.js');
-var index$1 = require('./index-eadd5035.js');
+var urlForV2 = require('./urlForV2.js');
+var index = require('./index-eadd5035.js');
 var entities = require('./entities-3f9d0f2f.js');
+require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 require('react-dom');
 require('prop-types');
@@ -20,23 +21,18 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       client = _ref.client,
       defaultImage = _ref.defaultImage;
 
-  var builder = index.imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
   return React__default['default'].createElement(
     'div',
     null,
-    mediaData && mediaData.map(function (item, index) {
+    mediaData && mediaData.map(function (item, index$1) {
       return React__default['default'].createElement(
         Media__default['default'],
         { className: 'mb-3 thumbnail-card' },
         React__default['default'].createElement(
-          index$1.LazyLoad,
+          index.LazyLoad,
           { height: size },
-          React__default['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : 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/Ustream.js

@@ -3,9 +3,9 @@
 var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var index_esm$1 = require('./index.esm-00a6aade.js');
-var index_esm = require('./index.esm-f27f80d9.js');
-var main = require('./main-f1c77adb.js');
+var index_esm$1 = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
+var main = require('./main-025fdc78.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -13,7 +13,7 @@ require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./_iter-detect-55a5657a.js');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/VerticalHero.js

@@ -2,8 +2,9 @@
 
 var React = require('react');
 require('./moment-aca40de1.js');
-var index = require('./index-efca863c.js');
+var urlForV2 = require('./urlForV2.js');
 require('./_commonjsHelpers-06173234.js');
+require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11,11 +12,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;
-
-  var builder = index.imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
   var _props$heroTitle = props.heroTitle,
       heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
 
@@ -39,7 +35,7 @@ var VerticalHero = function VerticalHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(500).url();
+          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-70971c54.js');
+var getSerializers = require('./index-8543a68a.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -21,14 +21,16 @@ require('prop-types');
 require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('react-bootstrap');
-require('./index-0e4427c8.js');
+require('./urlForV2.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('next/router');
 require('./index-187c967e.js');
 require('./util-6f784d85.js');
 require('./Beam.js');
 require('./stringify-c9ac1214.js');
 require('./Segment.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./index-eadd5035.js');
 require('react-dom');
 require('./typeof-88a668c5.js');
@@ -52,8 +54,8 @@ require('react-bootstrap/Row');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 require('react-bootstrap/Container');
 require('./visibility-sensor-eb2c5b69.js');

package/dist/cjs/VideoSeriesCard.js

@@ -2,8 +2,8 @@
 
 var _typeof = require('./typeof-88a668c5.js');
 var React = require('react');
-var index$1 = require('./index-eadd5035.js');
-var index = require('./index-efca863c.js');
+var index = require('./index-eadd5035.js');
+var urlForV2 = require('./urlForV2.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('prop-types');
@@ -15,12 +15,13 @@ require('./_is-array-6128bd56.js');
 require('./_object-pie-083f2dd6.js');
 require('./_library-dd23b178.js');
 require('react-dom');
+require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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";
+var css = ".VideoSeriesCard-module_article__Hlc3e {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n  width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n  width: 100%;\n  height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n  width: 75%;\n  font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n  color: #6d6d6d;\n  margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n  margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n  margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n  color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n  .VideoSeriesCard-module_article__Hlc3e {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .VideoSeriesCard-module_article__Hlc3e a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\n    margin: 0;\n  }\n  .VideoSeriesCard-module_info__2_i1N {\n    width: 90%;\n    padding: 1rem !important;\n  }\n  .VideoSeriesCard-module_info__2_i1N h2 {\n    font-size: 1rem;\n  }\n}\n";
 var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
 styleInject_es.styleInject(css);
 
@@ -29,10 +30,10 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
       variant = props.variant,
       defaultImage = props.defaultImage,
       client = props.client,
-      index$2 = props.index;
+      index$1 = props.index;
+
+  var episode = parseInt(index$1) + 1;
 
-  var episode = parseInt(index$2) + 1;
-  var builder = index.imageUrlBuilder(client);
   return React__default['default'].createElement(
     'div',
     { className: styles.article },
@@ -46,10 +47,10 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
           'figure',
           null,
           React__default['default'].createElement(
-            index$1.LazyLoad,
+            index.LazyLoad,
             null,
             React__default['default'].createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : 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

@@ -24,7 +24,8 @@ require('./extends-29bdbc6d.js');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
@@ -39,14 +40,15 @@ require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
 require('./index-efca863c.js');
-require('./ADlgInfeed-bf24708d.js');
+require('./ADlgInfeed-2ee46b09.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-c9ac1214.js');
 require('./Segment.js');
-require('./main-f1c77adb.js');
-require('./ADInfeed-7cf51090.js');
+require('./main-025fdc78.js');
+require('./ADInfeed-1ac86856.js');
 require('./index-eadd5035.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

@@ -3,10 +3,10 @@
 var _extends = require('./extends-29bdbc6d.js');
 var inherits = require('./inherits-c2065b95.js');
 var React = require('react');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-fc2f1ca2.js');
 var Container = require('react-bootstrap/Container');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
-var index_esm = require('./index.esm-00a6aade.js');
+var index_esm = require('./index.esm-974f47d9.js');
 var moment = require('./moment-aca40de1.js');
 var Router = require('next/router');
 var YoutubeGroup = require('./YoutubeGroup.js');
@@ -22,16 +22,18 @@ require('./typeof-88a668c5.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./_is-array-6128bd56.js');
 require('./_library-dd23b178.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('react-dom');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./index-187c967e.js');
 require('./index-eadd5035.js');
 require('./smoothscroll-99df7f93.js');
+require('./urlForV2.js');
 require('./index-efca863c.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 

package/dist/cjs/View.js

@@ -10,27 +10,27 @@ var stringify = require('./stringify-c9ac1214.js');
 var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 var moment = require('./moment-aca40de1.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 require('react-bootstrap/Dropdown');
 var Form = require('react-bootstrap/Form');
 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-70971c54.js');
+var getSerializers = require('./index-8543a68a.js');
 var AdSlot = require('./AdSlot.js');
-var SeriesSlider = require('./SeriesSlider-2db54929.js');
-var getTargeting = require('./getTargeting-a100d6e5.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-f27f80d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');
 var keys = require('./keys-7f2c2108.js');
 var index_es = require('./index.es-f3e47207.js');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-fc2f1ca2.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
@@ -63,12 +63,13 @@ require('react-bootstrap/Col');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
+require('./events-1b438fe7.js');
 require('./index-bd6c9f56.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -152,7 +153,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
   var thumbnailUrl = false;
 
   if (article.documentGroup.thumbnail) {
-    thumbnailUrl = urlFor(client, article.documentGroup.thumbnail).url();
+    thumbnailUrl = urlForV2({ client: client, source: article.documentGroup.thumbnail });
   }
 
   return React__default['default'].createElement(
@@ -344,7 +345,7 @@ var ISI = function ISI(props) {
   );
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff !important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0;\r\n  }\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 0.75rem;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n";
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n  margin: 0 1rem 1rem;\n  width: calc(33% - 1rem);\n  display: column;\n  flex-direction: row;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff !important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n  display: block;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n  height: 135px;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n  .RelatedArticles-module_mediaContainer__10h9k {\n    flex-wrap: wrap;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\n    display: none;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn {\n    width: 100%;\n    margin-bottom: 0.5rem;\n    padding: 0;\n  }\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 0.75rem;\n    margin-bottom: 0;\n  }\n}\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject_es.styleInject(css);
 
@@ -370,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, article.thumbnail.asset).width(250).url(),
+            src: article.thumbnail && urlForV2({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
             alt: article.title
           }) : React__default['default'].createElement(
             React__default['default'].Fragment,
@@ -974,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(props.client, thumbnail.asset).url() : 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(',');
 
@@ -1073,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(props.client, authorDetail.profileImage).height(authorImgHeight).url())
+                      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(
@@ -1783,7 +1784,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesArticle=' + seriesArticle,
                         seriesTitle: subArticle.title,
                         seriesSummary: subArticle.summary,
-                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlFor(client, subArticle.thumbnail.asset).url() : null
+                        seriesThumbnail: subArticle.thumbnail && subArticle.thumbnail.asset ? urlForV2({ client: client, source: subArticle.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }
@@ -1796,7 +1797,7 @@ View.returnGetInitialProps = function () {
                         seriesUrl: '?seriesVid=' + seriesVid,
                         seriesTitle: video.title,
                         seriesSummary: video.intro,
-                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlFor(client, video.thumbnail.asset).url() : null
+                        seriesThumbnail: video.thumbnail && video.thumbnail.asset ? urlForV2({ client: client, source: video.thumbnail.asset }) : null
                       };
                       article.seriesShareOptions = seriesShareOptions;
                     }