@mjhls/mjh-framework 1.0.819 → 1.0.821-url-pagination-v1

package/dist/cjs/GridContent.js

@@ -16,23 +16,25 @@ require('./web.dom.iterable-a0e279c1.js');
 require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-var index$1 = require('./index-e08f00ce.js');
+require('./events-1b438fe7.js');
+var index = require('./index-2cf30c83.js');
 require('prop-types');
 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 moment = require('./moment-ca3bd9fb.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');
+var index_es = require('./index.es-f3e47207.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');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
+var index$1 = require('./index-9d365128.js');
+var main = require('./main-7b5e57b0.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
@@ -40,9 +42,9 @@ require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-98f6bd26.js');
+var ADInfeed = require('./ADInfeed-0158bee3.js');
 var lodash = require('./lodash-7fd85bcf.js');
-var ADlgInfeed = require('./ADlgInfeed-6055cb1b.js');
+var ADlgInfeed = require('./ADlgInfeed-3583144f.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var get = require('./get-adbb11e3.js');
 require('./eq-bb2843ed.js');
@@ -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,17 +160,16 @@ 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;
       }
@@ -207,15 +208,15 @@ var GridContent = function (_React$Component) {
           path += '?' + queryString;
         }
 
-        // pageNumber = parseInt(pageNumber)
+        pageNumber = parseInt(pageNumber);
 
-        var index = Number(itemIndex);
-        var perPage = Number(itemsPerPage);
+        // const index = Number(itemIndex)
+        // const perPage = Number(itemsPerPage)
 
-        pageNumber = Math.ceil((index + 1) / perPage);
+        // pageNumber = Math.ceil((index + 1) / perPage)
 
         if (currentPage !== pageNumber) {
-          index$1.lib_3.refresh();
+          index.lib_3.refresh();
 
           _this.setState({
             currentPage: pageNumber
@@ -297,7 +298,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 +325,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 +504,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 +531,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 +545,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_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React__default['default'].createElement(
@@ -567,7 +568,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 +595,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 +609,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_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -637,7 +638,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 +665,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 +697,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_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React__default['default'].createElement(

package/dist/cjs/GridHero.js

@@ -7,10 +7,11 @@ 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-ca3bd9fb.js');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$1 = require('./index-9d365128.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
+var index = require('./index-9d365128.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
@@ -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

@@ -10,7 +10,8 @@ require('./web.dom.iterable-a0e279c1.js');
 var _typeof = require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-var index$1 = require('./index-b5eb3ff8.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var index = require('./index-187c967e.js');
 var smoothscroll = require('./smoothscroll-5054361f.js');
@@ -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();
@@ -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

@@ -12,7 +12,7 @@ require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 require('prop-types');
 var Container = require('react-bootstrap/Container');
-var main = require('./main-11ec04d2.js');
+var main = require('./main-7b5e57b0.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-140e5f89.js');
 var Segment = require('./Segment.js');
@@ -29,7 +29,7 @@ var NavFooter = require('./NavFooter-3dcd99a8.js');
 var index_esm$2 = require('./index.esm-3ffa049c.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-var SocialSearchComponent = require('./SocialSearchComponent-560a666e.js');
+var SocialSearchComponent = require('./SocialSearchComponent-42b9d251.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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
@@ -199,7 +199,7 @@ var HamMagazine = function HamMagazine(props) {
       }
     }
 
-    if (props.initiallyCollapsed && !main.main_39) {
+    if (props.initiallyCollapsed && !main.main_40) {
       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_40 && 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_41) {
                 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_40 && !main.main_41 && React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          #navbar-ham {\n            overflow: hidden;\n            overflow-y: scroll;\n            margin-bottom: 5rem;\n          }\n        '

package/dist/cjs/Hero.js

@@ -2,7 +2,8 @@
 
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var index = require('./index-b5eb3ff8.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 var entities = require('./entities-310b46ee.js');
 var reactBootstrap = require('react-bootstrap');
 
@@ -10,18 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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,
@@ -43,7 +32,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React__default['default'].createElement(reactBootstrap.Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React__default['default'].createElement(reactBootstrap.Card.Img, { src: urlFor({ source: thumbnail, client: client, imageHeight: imageHeight, imageWidth: imageWidth }), alt: title }),
       summary && React__default['default'].createElement(
         reactBootstrap.Card.Footer,
         { className: 'h6' },

package/dist/cjs/HighlightenVideo.js

@@ -2,7 +2,7 @@
 
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-4ba0d3d5.js');
+var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-5c98aec7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/HorizontalArticleListing.js

@@ -16,19 +16,21 @@ require('./web.dom.iterable-a0e279c1.js');
 require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-require('./index-e08f00ce.js');
+require('./events-1b438fe7.js');
+require('./index-2cf30c83.js');
 require('prop-types');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-require('./moment-66a6a284.js');
+require('./moment-ca3bd9fb.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
+require('./urlFor.js');
 require('./index-9d365128.js');
-require('./main-11ec04d2.js');
+require('./main-7b5e57b0.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
@@ -45,9 +47,9 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-974f47d9.js');
 var ArticleCarousel = require('./ArticleCarousel.js');
-var getSerializers = require('./index-35099a60.js');
+var getSerializers = require('./index-f671ac14.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-4ba0d3d5.js');
+require('./brightcove-react-player-loader.es-5c98aec7.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');

package/dist/cjs/HorizontalHero.js

@@ -2,8 +2,9 @@
 
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-require('./moment-66a6a284.js');
-var index = require('./index-b5eb3ff8.js');
+require('./moment-ca3bd9fb.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-05850a2f.js');
 
@@ -14,10 +15,7 @@ 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,
@@ -29,7 +27,8 @@ var HorizontalHero = function HorizontalHero(props) {
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 350 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   }
   if (props.thumbnail) {

package/dist/cjs/IssueContentDeck.js

@@ -10,9 +10,10 @@ require('prop-types');
 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 moment = require('./moment-ca3bd9fb.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 var index = require('./index-9d365128.js');
 require('./slicedToArray-8f385299.js');
 var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
@@ -26,28 +27,6 @@ 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,
@@ -56,8 +35,12 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       author = props.author,
       summary = props.summary,
       section = props.section,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
+      _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,
       client = props.client,
       Settings = props.Settings,
       index$1 = props.index,
@@ -83,7 +66,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
               { height: imageHeight },
               React__default['default'].createElement(Card__default['default'].Img, {
                 variant: 'right',
-                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+                src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
                 alt: title,
                 style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
               })
@@ -174,7 +157,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: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
+          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'].Body,

package/dist/cjs/IssueDeck.js

@@ -14,9 +14,10 @@ require('prop-types');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
 var Card = require('react-bootstrap/Card');
-var index_es = require('./index.es-13533f24.js');
+var index_es = require('./index.es-f3e47207.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 var index = require('./index-9d365128.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var Button = require('react-bootstrap/Button');
@@ -40,8 +41,12 @@ var usePrevious = function usePrevious(value) {
 var IssueDeck = function IssueDeck(props) {
   var data = props.data,
       href = props.href,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
+      _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,
       Website = props.Website,
       client = props.client,
       publication = props.publication,
@@ -73,17 +78,10 @@ var IssueDeck = function IssueDeck(props) {
 
   var prevValues = usePrevious(values);
 
-  var urlFor = function urlFor(source) {
-    var builder = index$1.imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
-
   var renderCardImage = function renderCardImage(thumbnail) {
     if (thumbnail && thumbnail.asset) {
-      var url = urlFor(thumbnail);
-      if (imageHeight) url = url.height(imageHeight);
-      if (imageWidth) url = url.width(imageWidth);
-      return url.url();
+      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+      return url;
     } else {
       return Website.logo;
     }