@mjhls/mjh-framework 1.0.819 → 1.0.820

package/dist/cjs/ForbesHero.js

@@ -1,18 +1,19 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-require('prop-types');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-aca40de1.js');
+var urlFor = require('./urlFor.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
+var index = 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');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$1 = require('./index-9d365128.js');
-require('./slicedToArray-8f385299.js');
-var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
+require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,15 +27,12 @@ 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(topArticle.thumbnail.asset).width(600).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -76,7 +74,7 @@ var fbsHero = function fbsHero(props) {
           'div',
           { className: 'author-wrapper' },
           React__default['default'].createElement(
-            index$1.LazyLoad,
+            index.LazyLoad,
             { height: 50 },
             React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: topArticle.url.current, index: topArticle.url.current, authors: topArticle.authorMapping })
           )
@@ -86,11 +84,11 @@ var fbsHero = function fbsHero(props) {
     React__default['default'].createElement(
       'div',
       { className: 'fbs-sub-article-container' },
-      subArticles.map(function (article, index) {
+      subArticles.map(function (article, index$1) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -98,7 +96,7 @@ var fbsHero = function fbsHero(props) {
 
         return React__default['default'].createElement(
           'div',
-          { key: index, className: 'fbs-sub-article' },
+          { key: index$1, className: 'fbs-sub-article' },
           React__default['default'].createElement(
             'a',
             { href: '/view/' + article.url.current },
@@ -122,9 +120,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$1.LazyLoad,
+              index.LazyLoad,
               { height: 50 },
-              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
             )
           )
         );
@@ -133,7 +131,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: 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      '
+      '\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      '
     )
   );
 };

package/dist/cjs/GridContent.js

@@ -1,53 +1,55 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
-require('./_object-sap-5e74ba08.js');
-var inherits = require('./inherits-0c7830c5.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-9d7f610f.js');
-require('./_is-array-754e012d.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
+var _extends = require('./extends-29bdbc6d.js');
+var inherits = require('./inherits-c2065b95.js');
 var React = require('react');
-var index$1 = require('./index-e08f00ce.js');
-require('prop-types');
+var index = require('./index-fc2f1ca2.js');
 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 moment = require('./moment-66a6a284.js');
-var Router = require('next/router');
-require('./isSymbol-04666465.js');
-var debounce = require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-var index_es = require('./index.es-13533f24.js');
-require('react-dom');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
-var index = require('./index-b5eb3ff8.js');
-var index$2 = require('./index-9d365128.js');
-var main = require('./main-11ec04d2.js');
-var entities = require('./entities-310b46ee.js');
-require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
-require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-98f6bd26.js');
-var lodash = require('./lodash-7fd85bcf.js');
-var ADlgInfeed = require('./ADlgInfeed-6055cb1b.js');
+var moment = require('./moment-aca40de1.js');
+var Router = require('next/router');
+var index$1 = require('./index-eadd5035.js');
+var entities = require('./entities-3f9d0f2f.js');
+var ADInfeed = require('./ADInfeed-8b336c67.js');
+var lodash = require('./lodash-f0783643.js');
+var ADlgInfeed = require('./ADlgInfeed-aedd5e18.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
-var get = require('./get-adbb11e3.js');
-require('./eq-bb2843ed.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');
 require('./AD.js');
-var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./_iter-detect-55a5657a.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_object-pie-083f2dd6.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
+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');
+require('./AdSlot.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./asyncToGenerator-58c289d9.js');
+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 }; }
 
@@ -71,7 +73,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.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.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 = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
@@ -158,25 +160,18 @@ 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 = _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();
+        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;
       } else {
         return _this.defaultImage;
       }
     }, _this.changePageNumber = function (pageNumber, itemsPerPage, itemIndex) {
       var _this$props2 = _this.props,
-          seoPaginate = _this$props2.seoPaginate,
-          pageview = _this$props2.pageview,
-          router = _this$props2.router;
+          seoPaginate = _this$props2.seoPaginate;
+          _this$props2.pageview;
+          var router = _this$props2.router;
       var currentPage = _this.state.currentPage;
 
       if (seoPaginate) {
@@ -209,13 +204,13 @@ var GridContent = function (_React$Component) {
 
         // pageNumber = parseInt(pageNumber)
 
-        var index = Number(itemIndex);
+        var index$1 = Number(itemIndex);
         var perPage = Number(itemsPerPage);
 
-        pageNumber = Math.ceil((index + 1) / perPage);
+        pageNumber = Math.ceil((index$1 + 1) / perPage);
 
         if (currentPage !== pageNumber) {
-          index$1.lib_3.refresh();
+          index.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -297,7 +292,7 @@ var GridContent = function (_React$Component) {
                       'a',
                       { href: _this2.page + '/' + get.get_1(row, 'url.current') },
                       React__default['default'].createElement(
-                        index$2.LazyLoad,
+                        index$1.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 : '' })
                       )
@@ -324,12 +319,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$2.LazyLoad,
+                        index$1.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$2.LazyLoad,
+                        index$1.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(
                           'p',
@@ -503,7 +498,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$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default['default'].createElement(Card__default['default'].Img, {
                             variant: 'top',
@@ -530,7 +525,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$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: 50 },
                           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                         ),
@@ -544,7 +539,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
-                main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main.main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React__default['default'].createElement(
@@ -567,7 +562,7 @@ var GridContent = function (_React$Component) {
                         'a',
                         { href: row.url.current, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                         React__default['default'].createElement(
-                          index$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: _this2.props.imageHeight },
                           React__default['default'].createElement(Card__default['default'].Img, {
                             variant: 'top',
@@ -594,7 +589,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$2.LazyLoad,
+                          index$1.LazyLoad,
                           { height: 50 },
                           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
                         ),
@@ -608,7 +603,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
-                main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main.main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -637,7 +632,7 @@ var GridContent = function (_React$Component) {
                       'a',
                       { href: linkHref, className: index === 0 || index % 4 === 0 ? '' : 'card-image' },
                       React__default['default'].createElement(
-                        index$2.LazyLoad,
+                        index$1.LazyLoad,
                         { height: _this2.props.imageHeight },
                         React__default['default'].createElement(Card__default['default'].Img, {
                           variant: 'top',
@@ -664,12 +659,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$2.LazyLoad,
+                        index$1.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$2.LazyLoad,
+                        index$1.LazyLoad,
                         { height: 50 },
                         React__default['default'].createElement(
                           'p',
@@ -696,7 +691,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default['default'].createElement(VideoPlayer, null),
-              main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+              main.main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React__default['default'].createElement(

package/dist/cjs/GridHero.js

@@ -1,19 +1,20 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-require('prop-types');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-aca40de1.js');
+var urlFor = require('./urlFor.js');
+var entities = require('./entities-3f9d0f2f.js');
+var index = require('./index-eadd5035.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
+require('./_commonjsHelpers-06173234.js');
+require('./index-efca863c.js');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$1 = require('./index-9d365128.js');
-var entities = require('./entities-310b46ee.js');
-require('./slicedToArray-8f385299.js');
-var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
+require('prop-types');
+require('./slicedToArray-5d1bc3b3.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,21 +32,11 @@ 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(topArticle.thumbnail.asset, topWidth);
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: topWidth });
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -84,7 +75,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$1.LazyLoad,
+          index.LazyLoad,
           { height: 50 },
           React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: topArticle.url.current, index: topArticle.url.current, authors: topArticle.authorMapping })
         ),
@@ -98,11 +89,11 @@ var GridHero = function GridHero(props) {
     React__default['default'].createElement(
       'div',
       { className: 'grid-sub-article-container' },
-      subArticles.map(function (article, index) {
+      subArticles.map(function (article, index$1) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset, subWidth, subHeight);
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: subWidth, imageHeight: subHeight });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -110,7 +101,7 @@ var GridHero = function GridHero(props) {
 
         return React__default['default'].createElement(
           'div',
-          { key: index, className: 'grid-sub-article sub-grid-' + (index + 1) },
+          { key: index$1, className: 'grid-sub-article sub-grid-' + (index$1 + 1) },
           articleThumbnail && React__default['default'].createElement(
             'a',
             { href: '/view/' + article.url.current },
@@ -134,9 +125,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$1.LazyLoad,
+              index.LazyLoad,
               { height: 50 },
-              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+              React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
             ),
             article.summary && React__default['default'].createElement(
               'p',

package/dist/cjs/GroupDeck.js

@@ -1,19 +1,20 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-require('./web.dom.iterable-a0e279c1.js');
-var _typeof = require('./typeof-9d7f610f.js');
-require('./_is-array-754e012d.js');
+var _typeof = require('./typeof-88a668c5.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var index$1 = require('./index-b5eb3ff8.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
 var index = require('./index-187c967e.js');
-var smoothscroll = require('./smoothscroll-5054361f.js');
+var smoothscroll = require('./smoothscroll-99df7f93.js');
+var urlFor = require('./urlFor.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
+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 }; }
 
@@ -40,11 +41,6 @@ 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();
@@ -92,7 +88,7 @@ var GroupDeck = function GroupDeck(props) {
     }
   };
 
-  var get2 = props.get2 ? '/' + props.get2 + '/' : '/view/';
+  props.get2 ? '/' + props.get2 + '/' : '/view/';
 
   var variant = props.dark ? 'white' : '#383838';
 
@@ -170,7 +166,7 @@ var GroupDeck = function GroupDeck(props) {
             var thumbnail = void 0;
 
             if (video.thumbnail && video.thumbnail.asset) {
-              thumbnail = urlFor(video.thumbnail, props.client);
+              thumbnail = urlFor({ source: video.thumbnail, client: props.client });
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
@@ -244,7 +240,7 @@ var GroupDeck = function GroupDeck(props) {
             var _url = '' + video.link;
             var _thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
-              _thumbnail = urlFor(video.thumbnail, props.client);
+              _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
             } else if (_typeof._typeof(video.thumbnail == 'string')) {
               _thumbnail = video.thumbnail;
             } else {

package/dist/cjs/HamMagazine.js

@@ -2,34 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-require('prop-types');
-var Container = require('react-bootstrap/Container');
-var main = require('./main-11ec04d2.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./asyncToGenerator-140e5f89.js');
-var Segment = require('./Segment.js');
-require('./react-social-icons-07939b41.js');
-require('./iconBase-68959171.js');
-var index_esm$1 = require('./index.esm-974f47d9.js');
-require('react-bootstrap/Button');
+var NavFooter = require('./NavFooter-3dcd99a8.js');
+var index_esm$2 = require('./index.esm-8123cf40.js');
+var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
 require('react-bootstrap/Form');
+require('react-bootstrap/FormControl');
+require('react-bootstrap/Button');
+var Segment = require('./Segment.js');
+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 NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm$2 = require('./index.esm-3ffa049c.js');
+var index_esm$1 = require('./index.esm-974f47d9.js');
+var main = require('./main-025fdc78.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+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('./SocialIcons.js');
-require('react-bootstrap/FormControl');
-var SocialSearchComponent = require('./SocialSearchComponent-560a666e.js');
+require('./asyncToGenerator-58c289d9.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-55a5657a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,8 +64,8 @@ var HamMagazine = function HamMagazine(props) {
       socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa,
       _props$socialIconVari = props.socialIconVariant,
       socialIconVariant = _props$socialIconVari === undefined ? 'light' : _props$socialIconVari,
-      invertedLogo = props.invertedLogo,
-      settings = props.settings;
+      invertedLogo = props.invertedLogo;
+      props.settings;
 
   var navRef = React.useRef(null);
   var topNavRef = React.useRef(null);
@@ -199,7 +199,7 @@ var HamMagazine = function HamMagazine(props) {
       }
     }
 
-    if (props.initiallyCollapsed && !main.main_39) {
+    if (props.initiallyCollapsed && !main.main_43) {
       navRef.current.style.position = 'fixed';
       setIsSticky(true);
       navLinks.style.margin = 'auto';
@@ -229,7 +229,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React__default['default'].createElement(
     'header',
-    { className: !main.main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
+    { className: !main.main_43 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
     React__default['default'].createElement(
       Navbar__default['default'],
       { expand: 'md', ref: topNavRef },
@@ -356,7 +356,7 @@ var HamMagazine = function HamMagazine(props) {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               // Set overflow fix for iPhones safari browsers
-              if (main.main_40) {
+              if (main.main_44) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }
@@ -585,7 +585,7 @@ var HamMagazine = function HamMagazine(props) {
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    main.main_39 && !main.main_40 && React__default['default'].createElement(
+    main.main_43 && !main.main_44 && React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          #navbar-ham {\n            overflow: hidden;\n            overflow-y: scroll;\n            margin-bottom: 5rem;\n          }\n        '