@mjhls/mjh-framework 1.0.819 → 1.0.820

package/dist/esm/GridContent.js

@@ -1,51 +1,53 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a41fe93f.js';
 import React from 'react';
-import { l as lib_3 } from './index-acfb8079.js';
-import 'prop-types';
+import { l as lib_3 } from './index-2446af28.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
-import { withRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
-import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { m as main_39 } from './main-aef58dbc.js';
-import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
-import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-ba59666b.js';
-import { l as lodash } from './lodash-ec8c6b48.js';
-import { A as ADlgInfeed } from './ADlgInfeed-995322a1.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { withRouter } from 'next/router';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import { c as clean_html_1 } from './entities-932b50cf.js';
+import { A as ADInfeed } from './ADInfeed-28b1e946.js';
+import { l as lodash } from './lodash-f97fd99a.js';
+import { A as ADlgInfeed } from './ADlgInfeed-0b474b02.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
-import { g as get_1 } from './get-1e515072.js';
-import './eq-b470f743.js';
+import { g as get_1 } from './get-3c308da4.js';
+import { d as debounce_1 } from './debounce-533d9748.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
+import urlFor from './urlFor.js';
+import { m as main_43 } from './main-b5c5aac1.js';
 import './AD.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffd4679.js';
+import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './_iter-detect-7e5e5ce2.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_object-pie-133f504a.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
+import './typeof-a286cf0c.js';
+import './web.dom.iterable-4109ff68.js';
+import './_is-array-3e99e06e.js';
+import './_library-528f1934.js';
+import './events-6c3a7a63.js';
+import 'prop-types';
+import 'react-dom';
+import './slicedToArray-be2f7a22.js';
+import './AdSlot.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './asyncToGenerator-7f8f9219.js';
+import './Segment.js';
+import './isSymbol-a7e9aafe.js';
+import './eq-bdcbf886.js';
+import './toNumber-5aeba6e7.js';
+import './index-0dbff1d1.js';
 
 var GridContent = function (_React$Component) {
   _inherits(GridContent, _React$Component);
@@ -61,7 +63,7 @@ var GridContent = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = GridContent.__proto__ || _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 = _possibleConstructorReturn(this, (_ref = GridContent.__proto__ || _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,
@@ -148,25 +150,18 @@ var GridContent = function (_React$Component) {
           }
         });
       });
-    }, _this.urlFor = function (source) {
-      var client = _this.props.client;
-
-      var builder = 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) {
@@ -534,7 +529,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React.createElement(
@@ -598,7 +593,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -686,7 +681,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-              main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_43 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React.createElement(

package/dist/esm/GridHero.js

@@ -1,17 +1,18 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
 import React from 'react';
-import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-bc12cb97.js';
+import urlFor from './urlFor.js';
+import { c as clean_html_1 } from './entities-932b50cf.js';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './index-0dbff1d1.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import './slicedToArray-641f241f.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffd4679.js';
+import 'prop-types';
+import './slicedToArray-be2f7a22.js';
+import './web.dom.iterable-4109ff68.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './core.get-iterator-method-133dfacd.js';
 
 var GridHero = function GridHero(props) {
   var topArticle = props.dataRecord[0];
@@ -25,21 +26,11 @@ var GridHero = function GridHero(props) {
       _props$subHeight = props.subHeight,
       subHeight = _props$subHeight === undefined ? 270 : _props$subHeight;
 
-  var builder = 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;
@@ -96,7 +87,7 @@ var GridHero = function GridHero(props) {
         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;

package/dist/esm/GroupDeck.js

@@ -1,17 +1,18 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import './web.dom.iterable-4439f05a.js';
-import { _ as _typeof } from './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
+import { _ as _typeof } from './typeof-a286cf0c.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useRef, useState, useEffect } from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
-import { s as smoothscroll } from './smoothscroll-0cd4c7a6.js';
+import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
+import urlFor from './urlFor.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.js';
+import './_is-array-3e99e06e.js';
+import './_object-pie-133f504a.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-133dfacd.js';
+import './index-0dbff1d1.js';
 
 var GroupDeck = function GroupDeck(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
@@ -34,11 +35,6 @@ var GroupDeck = function GroupDeck(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
-  var urlFor = function urlFor(source, client) {
-    var builder = imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
-
   useEffect(function () {
     //IE11 Polyfill
     smoothscroll.polyfill();
@@ -86,7 +82,7 @@ var GroupDeck = function GroupDeck(props) {
     }
   };
 
-  var get2 = props.get2 ? '/' + props.get2 + '/' : '/view/';
+  props.get2 ? '/' + props.get2 + '/' : '/view/';
 
   var variant = props.dark ? 'white' : '#383838';
 
@@ -164,7 +160,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(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
@@ -238,7 +234,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(video.thumbnail == 'string')) {
               _thumbnail = video.thumbnail;
             } else {

package/dist/esm/HamMagazine.js

@@ -1,31 +1,31 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useRef, useState, useEffect } from 'react';
-import 'prop-types';
-import Container from 'react-bootstrap/Container';
-import { m as main_39, c as main_40 } from './main-aef58dbc.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import './asyncToGenerator-fc1c2e29.js';
-import Segment from './Segment.js';
-import './react-social-icons-3822f1ce.js';
-import './iconBase-602d52fe.js';
-import { b as IoMdLogIn } from './index.esm-3fdda599.js';
-import 'react-bootstrap/Button';
+import { N as NavFooter } from './NavFooter-c29526b7.js';
+import { S as SocialNavFooter } from './index.esm-8016b507.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-cd38ae60.js';
 import 'react-bootstrap/Form';
+import 'react-bootstrap/FormControl';
+import 'react-bootstrap/Button';
+import Segment from './Segment.js';
+import Container from 'react-bootstrap/Container';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { M as MdEmail } from './index.esm-d6f88d94.js';
-import { N as NavFooter } from './NavFooter-c29526b7.js';
-import { S as SocialNavFooter } from './index.esm-8ee5ff72.js';
+import { b as IoMdLogIn } from './index.esm-3fdda599.js';
+import { m as main_43, c as main_44 } from './main-b5c5aac1.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-4109ff68.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './core.get-iterator-method-133dfacd.js';
+import './react-social-icons-91f9716f.js';
+import 'prop-types';
+import './iconBase-602d52fe.js';
 import './SocialIcons.js';
-import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-82ac7d6d.js';
+import './asyncToGenerator-7f8f9219.js';
+import './_library-528f1934.js';
+import './_iter-detect-7e5e5ce2.js';
 
 var HamMagazine = function HamMagazine(props) {
   /*
@@ -52,8 +52,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 = useRef(null);
   var topNavRef = useRef(null);
@@ -187,7 +187,7 @@ var HamMagazine = function HamMagazine(props) {
       }
     }
 
-    if (props.initiallyCollapsed && !main_39) {
+    if (props.initiallyCollapsed && !main_43) {
       navRef.current.style.position = 'fixed';
       setIsSticky(true);
       navLinks.style.margin = 'auto';
@@ -217,7 +217,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React.createElement(
     'header',
-    { className: !main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
+    { className: !main_43 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
     React.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },
@@ -344,7 +344,7 @@ var HamMagazine = function HamMagazine(props) {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               // Set overflow fix for iPhones safari browsers
-              if (main_40) {
+              if (main_44) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }
@@ -573,7 +573,7 @@ var HamMagazine = function HamMagazine(props) {
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    main_39 && !main_40 && React.createElement(
+    main_43 && !main_44 && React.createElement(
       'style',
       { jsx: 'true' },
       '\n          #navbar-ham {\n            overflow: hidden;\n            overflow-y: scroll;\n            margin-bottom: 5rem;\n          }\n        '

package/dist/esm/Hero.js

@@ -1,20 +1,9 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { Card } from 'react-bootstrap';
-
-var urlFor = function urlFor(source, client) {
-  var builder = 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();
-};
+import urlFor from './urlFor.js';
+import { c as clean_html_1 } from './entities-932b50cf.js';
+import './index-0dbff1d1.js';
+import './_commonjsHelpers-0c4b6f40.js';
 
 var Hero = function Hero(_ref) {
   var data = _ref.data,
@@ -37,7 +26,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React.createElement(Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React.createElement(Card.Img, { src: urlFor({ source: thumbnail, client: client, imageHeight: imageHeight, imageWidth: imageWidth }), alt: title }),
       summary && React.createElement(
         Card.Footer,
         { className: 'h6' },

package/dist/esm/HighlightenVideo.js

@@ -1,6 +1,6 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e1c6b0f2.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
+import './_commonjsHelpers-0c4b6f40.js';
 
 var HighlightenVideo = function HighlightenVideo(_ref) {
   var highlightVideoOptions = _ref.highlightVideoOptions;

package/dist/esm/HorizontalArticleListing.js

@@ -1,57 +1,59 @@
+import { _ as _extends } from './extends-60e0e1c6.js';
+import React from 'react';
+import ArticleCarousel from './ArticleCarousel.js';
+import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
+import { B as BlockContent } from './BlockContent-52cf21c5.js';
+import { g as getSerializers } from './index-5cc7293b.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './YoutubeGroup.js';
+import './typeof-a286cf0c.js';
+import './es6.string.iterator-bc33758b.js';
+import './web.dom.iterable-4109ff68.js';
+import './_is-array-3e99e06e.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
-import React from 'react';
-import './index-acfb8079.js';
+import './slicedToArray-be2f7a22.js';
+import './core.get-iterator-method-133dfacd.js';
+import './index-c7e2ac95.js';
+import './index-35bdcc81.js';
+import 'react-dom';
 import 'prop-types';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import './smoothscroll-fa4e3f8c.js';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './main-b5c5aac1.js';
+import './iconBase-602d52fe.js';
+import 'react-bootstrap';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import 'react-dom';
-import './index-51a80699.js';
-import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
-import './entities-7cc3bf45.js';
-import './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
+import './util-3ab476bf.js';
 import './Beam.js';
-import './AdSlot.js';
-import { B as BlockContent } from './BlockContent-d05b5b23.js';
-import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './stringify-59c8f690.js';
+import './asyncToGenerator-7f8f9219.js';
+import './_iter-detect-7e5e5ce2.js';
+import './Segment.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
-import './YoutubeGroup.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
-import ArticleCarousel from './ArticleCarousel.js';
-import { g as getSerializers } from './index-e887f3d1.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './SocialShare.js';
-import './_object-to-array-7e804fce.js';
+import './_object-to-array-0f197f89.js';
+import './toConsumableArray-6d9a4616.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-a41fe93f.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
 import 'react-bootstrap/Figure';
 
 function HorizontalArticleListing(_ref) {

package/dist/esm/HorizontalHero.js

@@ -1,17 +1,15 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import './moment-12415288.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import './iconBase-602d52fe.js';
+import './moment-bc12cb97.js';
+import urlFor from './urlFor.js';
 import { a as FaLongArrowAltRight } from './index.esm-a8ff922c.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './index-0dbff1d1.js';
+import './iconBase-602d52fe.js';
 
 var HorizontalHero = function HorizontalHero(props) {
   var client = props.client;
 
-  var builder = 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,
@@ -23,7 +21,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) {