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

package/dist/cjs/ForbesHero.js

@@ -2,11 +2,10 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
+var index = require('./index-efca863c.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
-var index = require('./index-eadd5035.js');
+var index$1 = require('./index-eadd5035.js');
 require('./_commonjsHelpers-06173234.js');
-require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -27,12 +26,15 @@ var fbsHero = function fbsHero(props) {
 
   var client = props.client;
 
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source).auto('format');
+  }
 
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
-
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -74,7 +76,7 @@ var fbsHero = function fbsHero(props) {
           'div',
           { className: 'author-wrapper' },
           React__default['default'].createElement(
-            index.LazyLoad,
+            index$1.LazyLoad,
             { height: 50 },
             React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: topArticle.url.current, index: topArticle.url.current, authors: topArticle.authorMapping })
           )
@@ -84,11 +86,11 @@ var fbsHero = function fbsHero(props) {
     React__default['default'].createElement(
       'div',
       { className: 'fbs-sub-article-container' },
-      subArticles.map(function (article, index$1) {
+      subArticles.map(function (article, index) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
+          articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -96,7 +98,7 @@ var fbsHero = function fbsHero(props) {
 
         return React__default['default'].createElement(
           'div',
-          { key: index$1, className: 'fbs-sub-article' },
+          { key: index, className: 'fbs-sub-article' },
           React__default['default'].createElement(
             'a',
             { href: '/view/' + article.url.current },
@@ -120,9 +122,9 @@ var fbsHero = function fbsHero(props) {
               moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
             ),
             article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
-              index.LazyLoad,
+              index$1.LazyLoad,
               { height: 50 },
-              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
+              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
             )
           )
         );
@@ -131,7 +133,7 @@ var fbsHero = function fbsHero(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .author-wrapper {\n          text-align: center;\n        }\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 400px;\n          min-height: 275px;\n          object-fit: cover;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
+      '\n        .author-wrapper {\n          text-align: center;\n        }\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
     )
   );
 };

package/dist/cjs/GridContent.js

@@ -4,7 +4,7 @@ var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 var _extends = require('./extends-29bdbc6d.js');
 var inherits = require('./inherits-c2065b95.js');
 var React = require('react');
-var index = require('./index-fc2f1ca2.js');
+var index$1 = require('./index-0e4427c8.js');
 var Container = require('react-bootstrap/Container');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
@@ -12,17 +12,17 @@ var Card = require('react-bootstrap/Card');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var moment = require('./moment-aca40de1.js');
 var Router = require('next/router');
-var index$1 = require('./index-eadd5035.js');
+var index$2 = require('./index-eadd5035.js');
 var entities = require('./entities-3f9d0f2f.js');
-var ADInfeed = require('./ADInfeed-1ac86856.js');
+var ADInfeed = require('./ADInfeed-7cf51090.js');
 var lodash = require('./lodash-f0783643.js');
-var ADlgInfeed = require('./ADlgInfeed-2ee46b09.js');
+var ADlgInfeed = require('./ADlgInfeed-bf24708d.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var get = require('./get-5839e5b5.js');
 var debounce = require('./debounce-d4a2369b.js');
 var index_es = require('./index.es-f3e47207.js');
-var urlFor = require('./urlFor.js');
-var main = require('./main-025fdc78.js');
+var index = require('./index-efca863c.js');
+var main = require('./main-f1c77adb.js');
 require('./AD.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
 require('./_commonjsHelpers-06173234.js');
@@ -37,7 +37,6 @@ 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('./slicedToArray-5d1bc3b3.js');
@@ -49,7 +48,6 @@ require('./Segment.js');
 require('./isSymbol-03abbdf0.js');
 require('./eq-5fc26c07.js');
 require('./toNumber-5e1fac58.js');
-require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -73,7 +71,7 @@ var GridContent = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = GridContent.__proto__ || inherits._Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.client = _this.props.client, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = GridContent.__proto__ || inherits._Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
@@ -160,10 +158,17 @@ var GridContent = function (_React$Component) {
           }
         });
       });
+    }, _this.urlFor = function (source) {
+      var client = _this.props.client;
+
+      var builder = index.imageUrlBuilder(client);
+      return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
-        var url = urlFor({ client: _this.client, source: row.thumbnail, imageHeight: _this.props.imageHeight || null, imageWidth: _this.props.imageWidth || null, imageFit: _this.props.imageFit || null });
-        return url;
+        var url = _this.urlFor(row.thumbnail);
+        if (_this.props.imageHeight) url = url.height(_this.props.imageHeight);
+        if (_this.props.imageWidth) url = url.width(_this.props.imageWidth);
+        return url.url();
       } else {
         return _this.defaultImage;
       }
@@ -204,13 +209,13 @@ var GridContent = function (_React$Component) {
 
         // pageNumber = parseInt(pageNumber)
 
-        var index$1 = Number(itemIndex);
+        var index = Number(itemIndex);
         var perPage = Number(itemsPerPage);
 
-        pageNumber = Math.ceil((index$1 + 1) / perPage);
+        pageNumber = Math.ceil((index + 1) / perPage);
 
         if (currentPage !== pageNumber) {
-          index.lib_3.refresh();
+          index$1.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -292,7 +297,7 @@ var GridContent = function (_React$Component) {
                       'a',
                       { href: _this2.page + '/' + get.get_1(row, 'url.current') },
                       React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: _this2.props.imageHeight },
                         React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                       )
@@ -319,12 +324,12 @@ var GridContent = function (_React$Component) {
                         moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                       ),
                       _this2.props.showCategory && row.contentCategory && React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(
                           'p',
@@ -498,7 +503,7 @@ var GridContent = function (_React$Component) {
                         'a',
                         { rel: 'noopener', href: row.url.current, target: '_blank', className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                         React__default['default'].createElement(
-                          index$1.LazyLoad,
+                          index$2.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default['default'].createElement(Card__default['default'].Img, {
                             variant: 'top',
@@ -525,7 +530,7 @@ var GridContent = function (_React$Component) {
                           moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
-                          index$1.LazyLoad,
+                          index$2.LazyLoad,
                           { height: 50 },
                           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                         ),
@@ -562,7 +567,7 @@ var GridContent = function (_React$Component) {
                         'a',
                         { href: row.url.current, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                         React__default['default'].createElement(
-                          index$1.LazyLoad,
+                          index$2.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default['default'].createElement(Card__default['default'].Img, {
                             variant: 'top',
@@ -589,7 +594,7 @@ var GridContent = function (_React$Component) {
                           moment.moment(row.published).format('MMMM DD, YYYY')
                         ),
                         _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
-                          index$1.LazyLoad,
+                          index$2.LazyLoad,
                           { height: 50 },
                           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                         ),
@@ -632,7 +637,7 @@ var GridContent = function (_React$Component) {
                       'a',
                       { href: linkHref, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                       React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: _this2.props.imageHeight },
                         React__default['default'].createElement(Card__default['default'].Img, {
                           variant: 'top',
@@ -659,12 +664,12 @@ var GridContent = function (_React$Component) {
                         moment.moment(row.published).format('MMMM DD, YYYY')
                       ),
                       _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                       ),
                       _this2.props.showCategory && row.contentCategory && React__default['default'].createElement(
-                        index$1.LazyLoad,
+                        index$2.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(
                           'p',

package/dist/cjs/GridHero.js

@@ -2,12 +2,11 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
+var index = require('./index-efca863c.js');
 var entities = require('./entities-3f9d0f2f.js');
-var index = require('./index-eadd5035.js');
+var index$1 = require('./index-eadd5035.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
 require('./_commonjsHelpers-06173234.js');
-require('./index-efca863c.js');
 require('react-dom');
 require('prop-types');
 require('./slicedToArray-5d1bc3b3.js');
@@ -32,11 +31,21 @@ var GridHero = function GridHero(props) {
       _props$subHeight = props.subHeight,
       subHeight = _props$subHeight === undefined ? 270 : _props$subHeight;
 
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    var imageWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var imageHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    var url = builder.image(source);
+    if (imageWidth) url = url.width(imageWidth);
+    if (imageHeight) url = url.height(imageHeight);
+    return url.auto('format').url();
+  }
 
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: topWidth });
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset, topWidth);
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -75,7 +84,7 @@ var GridHero = function GridHero(props) {
           moment.moment(topArticle.published).format('MMMM DD, YYYY ')
         ),
         topArticle.authorMapping && topArticle.authorMapping.length > 0 && React__default['default'].createElement(
-          index.LazyLoad,
+          index$1.LazyLoad,
           { height: 50 },
           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: topArticle.url.current, index: topArticle.url.current, authors: topArticle.authorMapping })
         ),
@@ -89,11 +98,11 @@ var GridHero = function GridHero(props) {
     React__default['default'].createElement(
       'div',
       { className: 'grid-sub-article-container' },
-      subArticles.map(function (article, index$1) {
+      subArticles.map(function (article, index) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: subWidth, imageHeight: subHeight });
+          articleThumbnail = urlFor(article.thumbnail.asset, subWidth, subHeight);
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -101,7 +110,7 @@ var GridHero = function GridHero(props) {
 
         return React__default['default'].createElement(
           'div',
-          { key: index$1, className: 'grid-sub-article sub-grid-' + (index$1 + 1) },
+          { key: index, className: 'grid-sub-article sub-grid-' + (index + 1) },
           articleThumbnail && React__default['default'].createElement(
             'a',
             { href: '/view/' + article.url.current },
@@ -125,9 +134,9 @@ var GridHero = function GridHero(props) {
               moment.moment(article.published).format('MMMM DD, YYYY ')
             ),
             article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
-              index.LazyLoad,
+              index$1.LazyLoad,
               { height: 50 },
-              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
+              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
             ),
             article.summary && React__default['default'].createElement(
               'p',

package/dist/cjs/GroupDeck.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var index = require('./index-187c967e.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
-var urlFor = require('./urlFor.js');
+var index$1 = require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
@@ -14,7 +14,6 @@ require('./_is-array-6128bd56.js');
 require('./_object-pie-083f2dd6.js');
 require('./_library-dd23b178.js');
 require('./core.get-iterator-method-f474eacc.js');
-require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -41,6 +40,11 @@ var GroupDeck = function GroupDeck(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
+  var urlFor = function urlFor(source, client) {
+    var builder = index$1.imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+
   React.useEffect(function () {
     //IE11 Polyfill
     smoothscroll.smoothscroll.polyfill();
@@ -166,7 +170,7 @@ var GroupDeck = function GroupDeck(props) {
             var thumbnail = void 0;
 
             if (video.thumbnail && video.thumbnail.asset) {
-              thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              thumbnail = urlFor(video.thumbnail, props.client);
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
@@ -240,7 +244,7 @@ var GroupDeck = function GroupDeck(props) {
             var _url = '' + video.link;
             var _thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
+              _thumbnail = urlFor(video.thumbnail, props.client);
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               _thumbnail = video.thumbnail;
             } else {

package/dist/cjs/HamMagazine.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm$2 = require('./index.esm-8123cf40.js');
-var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
+var index_esm$2 = require('./index.esm-2bb721c8.js');
+var SocialSearchComponent = require('./SocialSearchComponent-948138c7.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 require('react-bootstrap/Button');
@@ -15,9 +15,9 @@ var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
-var index_esm = require('./index.esm-3b9b8952.js');
-var index_esm$1 = require('./index.esm-974f47d9.js');
-var main = require('./main-025fdc78.js');
+var index_esm = require('./index.esm-9225638f.js');
+var index_esm$1 = require('./index.esm-00a6aade.js');
+var main = require('./main-f1c77adb.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -25,7 +25,7 @@ require('./_to-object-6de10e57.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./react-social-icons-af932527.js');
 require('prop-types');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 require('./SocialIcons.js');
 require('./asyncToGenerator-58c289d9.js');
 require('./_library-dd23b178.js');
@@ -40,15 +40,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black

package/dist/cjs/Hero.js

@@ -2,15 +2,26 @@
 
 var React = require('react');
 var reactBootstrap = require('react-bootstrap');
-var urlFor = require('./urlFor.js');
+var index = require('./index-efca863c.js');
 var entities = require('./entities-3f9d0f2f.js');
-require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var urlFor = function urlFor(source, client) {
+  var builder = index.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
+  var url = urlFor(thumbnail, client);
+  if (imageHeight) url = url.height(imageHeight);
+  if (imageWidth) url = url.width(imageWidth);
+  return url.url();
+};
+
 var Hero = function Hero(_ref) {
   var data = _ref.data,
       client = _ref.client,
@@ -32,7 +43,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React__default['default'].createElement(reactBootstrap.Card.Img, { src: urlFor({ source: thumbnail, client: client, imageHeight: imageHeight, imageWidth: imageWidth }), alt: title }),
+      thumbnail && client && React__default['default'].createElement(reactBootstrap.Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
       summary && React__default['default'].createElement(
         reactBootstrap.Card.Footer,
         { className: 'h6' },

package/dist/cjs/HorizontalArticleListing.js

@@ -3,9 +3,9 @@
 var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
-var index_esm = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-00a6aade.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-55c6de08.js');
+var getSerializers = require('./index-70971c54.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');
@@ -22,13 +22,11 @@ require('./index-eadd5035.js');
 require('react-dom');
 require('prop-types');
 require('./smoothscroll-99df7f93.js');
-require('./urlFor.js');
 require('./index-efca863c.js');
-require('./main-025fdc78.js');
-require('./iconBase-68959171.js');
+require('./main-f1c77adb.js');
+require('./iconBase-be4097c0.js');
 require('react-bootstrap');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
+require('./index-0e4427c8.js');
 require('next/router');
 require('./util-6f784d85.js');
 require('./Beam.js');

package/dist/cjs/HorizontalHero.js

@@ -2,11 +2,10 @@
 
 var React = require('react');
 require('./moment-aca40de1.js');
-var urlFor = require('./urlFor.js');
-var index_esm = require('./index.esm-05850a2f.js');
+var index = require('./index-efca863c.js');
+var index_esm = require('./index.esm-f27f80d9.js');
 require('./_commonjsHelpers-06173234.js');
-require('./index-efca863c.js');
-require('./iconBase-68959171.js');
+require('./iconBase-be4097c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var HorizontalHero = function HorizontalHero(props) {
   var client = props.client;
 
-
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source).auto('format');
+  }
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
   var _props$heroTitle = props.heroTitle,
@@ -27,8 +29,7 @@ var HorizontalHero = function HorizontalHero(props) {
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 350 });
-
+    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   }
   if (props.thumbnail) {

package/dist/cjs/IssueContentDeck.js

@@ -6,13 +6,12 @@ var Col = require('react-bootstrap/Col');
 var Card = require('react-bootstrap/Card');
 var Badge = require('react-bootstrap/Badge');
 var index = require('./index-eadd5035.js');
-var urlFor = require('./urlFor.js');
+var index$1 = require('./index-efca863c.js');
 var moment = require('./moment-aca40de1.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
 require('./_commonjsHelpers-06173234.js');
 require('react-dom');
 require('prop-types');
-require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -27,6 +26,28 @@ var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
 
+var urlFor = function urlFor(source, client) {
+  var builder = index$1.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(props) {
+  var coverImage = props.coverImage,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings;
+
+  if (coverImage && coverImage.asset) {
+    var url = urlFor(coverImage, client);
+    if (imageHeight) url = url.height(imageHeight);
+    if (imageWidth) url = url.width(imageWidth);
+    return url.url();
+  } else {
+    return Settings.logo;
+  }
+};
+
 var PublicationDeckStack = function PublicationDeckStack(props) {
   var title = props.title,
       coverImage = props.coverImage,
@@ -35,12 +56,8 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       author = props.author,
       summary = props.summary,
       section = props.section,
-      _props$imageHeight = props.imageHeight,
-      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
-      _props$imageWidth = props.imageWidth,
-      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
-      _props$imageFit = props.imageFit,
-      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
       index$1 = props.index,
@@ -66,7 +83,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
               { height: imageHeight },
               React__default['default'].createElement(Card__default['default'].Img, {
                 variant: 'right',
-                src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
+                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
                 alt: title,
                 style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
               })
@@ -157,7 +174,7 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
         coverImage && React__default['default'].createElement(
           index.LazyLoad,
           { height: imageHeight },
-          React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
+          React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
         ),
         React__default['default'].createElement(
           Card__default['default'].Body,