@mjhls/mjh-framework 1.0.816-beta.1 → 1.0.817-image-crop-test

package/dist/cjs/TaxonomyDescription.js

@@ -1,64 +1,66 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var _extends = require('./extends-29bdbc6d.js');
+var React = require('react');
+var Router = require('next/router');
+var Head = require('next/head');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var getSerializers = require('./index-6741b269.js');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-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');
-require('./inherits-9953db94.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-725500bc.js');
-require('./_is-array-754e012d.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
 require('prop-types');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('./moment-575fe24c.js');
-var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('react-dom');
-require('./index-be0c82be.js');
-require('./index-96b3db50.js');
-require('./main-02daeefe.js');
-require('./entities-310b46ee.js');
-require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
-require('./AdSlot.js');
-require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-091a991f.js');
+require('./index-efca863c.js');
+require('./slicedToArray-5d1bc3b3.js');
+require('react-bootstrap');
+require('./urlFor.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('./index-187c967e.js');
-require('./smoothscroll-5054361f.js');
+require('./util-6f784d85.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./Segment.js');
+require('./main-025fdc78.js');
+require('./index-eadd5035.js');
+require('react-dom');
+require('./typeof-88a668c5.js');
+require('./_is-array-6128bd56.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
-var getSerializers = require('./index-a8c4e3fd.js');
-require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-156bd4d6.js');
-var Head = _interopDefault(require('next/head'));
-require('react-share');
+require('./smoothscroll-99df7f93.js');
+require('./moment-aca40de1.js');
 require('./SocialShare.js');
-require('./_object-to-array-5762f850.js');
+require('react-share');
+require('./_object-to-array-8fe5a54f.js');
+require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
+require('./entities-3f9d0f2f.js');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./inherits-c2065b95.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+
 var _this = undefined;
 
 var blocksToText = function blocksToText(blocks) {
@@ -96,10 +98,10 @@ var setMetaDescription = function setMetaDescription(data, router) {
       }
     }
   }
-  return React__default.createElement(
-    Head,
+  return React__default['default'].createElement(
+    Head__default['default'],
     null,
-    React__default.createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
+    React__default['default'].createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
   );
 };
 
@@ -108,11 +110,11 @@ var TaxonomyDescription = function TaxonomyDescription(_ref) {
       client = _ref.client;
 
   var router = Router.useRouter();
-  return data && data.length > 0 && React__default.createElement(
+  return data && data.length > 0 && React__default['default'].createElement(
     'section',
     { className: 'taxonomy-description' },
     setMetaDescription(data, router),
-    React__default.createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+    React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
   );
 };
 

package/dist/cjs/TemplateNormal.js

@@ -1,75 +1,76 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-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('./_object-pie-68c5bcbc.js');
-require('./extends-0a918631.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
-require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('./main-02daeefe.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
+var Container = require('react-bootstrap/Container');
+var ADGutter = require('./ADGutter.js');
+var AD728x90 = require('./AD728x90.js');
+var Header = require('./Header.js');
+var Column1 = require('./Column1.js');
+var Column2 = require('./Column2.js');
+var Column3 = require('./Column3.js');
+var NavMagazine = require('./NavMagazine.js');
+var NavNative = require('./NavNative.js');
+var NavNormal = require('./NavNormal.js');
+var NavDvm = require('./NavDvm.js');
+var HamMagazine = require('./HamMagazine.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('./AdSlot.js');
-require('react-bootstrap/Button');
-require('./get-adbb11e3.js');
-require('./eq-bb2843ed.js');
-require('./react-social-icons-f7f48f71.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
+require('./extends-29bdbc6d.js');
+require('./_object-pie-083f2dd6.js');
+require('prop-types');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./asyncToGenerator-58c289d9.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-55a5657a.js');
+require('./Segment.js');
+require('./main-025fdc78.js');
 require('next/head');
-require('./defineProperty-55548b25.js');
-require('react-bootstrap/Form');
-var Column1 = require('./Column1.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('./SideFooter.js');
-require('./ConferenceBanner-4a16fddc.js');
-var Column2 = require('./Column2.js');
+require('./defineProperty-0cb76d99.js');
+require('./define-property-c88be878.js');
+require('./react-social-icons-af932527.js');
+require('./get-5839e5b5.js');
+require('./eq-5fc26c07.js');
+require('./ConferenceBanner-6c9e718a.js');
 require('./ADSponsoredResources.js');
+require('./LeftNav.js');
 require('react-bootstrap/ListGroup');
 require('./ADWebcast.js');
-require('./LeftNav.js');
 require('./PageFilter.js');
-var Column3 = require('./Column3.js');
-var Header = require('./Header.js');
+require('react-bootstrap');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('./index.esm-66ffa47a.js');
-require('./NavFooter-76c913e3.js');
-require('./index.esm-4d410430.js');
+require('./index.esm-3b9b8952.js');
+require('./iconBase-68959171.js');
+require('./index.esm-974f47d9.js');
+require('./NavFooter-3dcd99a8.js');
+require('./index.esm-8123cf40.js');
+require('./SocialSearchComponent-ecb4f972.js');
 require('./SocialIcons.js');
+require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-cea213aa.js');
-var NavMagazine = require('./NavMagazine.js');
-var NavNative = require('./NavNative.js');
+require('react-bootstrap/Button');
 require('./Search.js');
-var NavNormal = require('./NavNormal.js');
-var NavDvm = require('./NavDvm.js');
-var HamMagazine = require('./HamMagazine.js');
-var ADGutter = require('./ADGutter.js');
-var AD728x90 = require('./AD728x90.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 
 // Main
 var TemplateNormal = function TemplateNormal(props) {
@@ -107,15 +108,15 @@ var TemplateNormal = function TemplateNormal(props) {
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
-        return React__default.createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
+        return React__default['default'].createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
       case 'magazine':
-        return React__default.createElement(NavMagazine.default, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavMagazine['default'], { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
-        return React__default.createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
-        return React__default.createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
       case 'hamburgerNav':
-        return React__default.createElement(HamMagazine.HamMagazine, {
+        return React__default['default'].createElement(HamMagazine.HamMagazine, {
           socialFooterNav: true,
           logo: website.logo,
           dataObject: config.navItems,
@@ -125,7 +126,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default.createElement('noNav', null);
+        return React__default['default'].createElement('noNav', null);
     }
   };
 
@@ -142,19 +143,19 @@ var TemplateNormal = function TemplateNormal(props) {
   function layout() {
     switch (config.columns) {
       case '1':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column1.Column1,
           { title: title },
           props.children
         );
       case '2':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column2.Column2,
           { title: title, rightItems: config.rightItems, website: website },
           props.children
         );
       case '3':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column3.Column3,
           {
             title: title,
@@ -170,36 +171,36 @@ var TemplateNormal = function TemplateNormal(props) {
           props.children
         );
       default:
-        return React__default.createElement('noLayout', null);
+        return React__default['default'].createElement('noLayout', null);
     }
   }
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'section',
     null,
-    noTitle ? React__default.createElement(Header.default, {
+    noTitle ? React__default['default'].createElement(Header['default'], {
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
-    }) : React__default.createElement(Header.default, {
+    }) : React__default['default'].createElement(Header['default'], {
       title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
     }),
     navigation(),
-    sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
-      React__default.Fragment,
+    sponsoredFlag ? React__default['default'].createElement('div', { style: { height: '50px' } }) : React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
-        Container,
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default['default'].createElement(
+        Container__default['default'],
         null,
-        React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+        React__default['default'].createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
-    website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
-    React__default.createElement(
-      Container,
+    website.gutterAd && !sponsoredFlag && React__default['default'].createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
+    React__default['default'].createElement(
+      Container__default['default'],
       null,
       layout()
     )

package/dist/cjs/ThumbnailCard.js

@@ -1,16 +1,19 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
+var Media = require('react-bootstrap/Media');
+var urlFor = require('./urlFor.js');
+var index = require('./index-eadd5035.js');
+var entities = require('./entities-3f9d0f2f.js');
+require('./index-efca863c.js');
+require('./_commonjsHelpers-06173234.js');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-var entities = require('./entities-310b46ee.js');
-var Media = _interopDefault(require('react-bootstrap/Media'));
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Media__default = /*#__PURE__*/_interopDefaultLegacy(Media);
 
 var ThumbnailCard = function ThumbnailCard(_ref) {
   var size = _ref.size,
@@ -18,33 +21,28 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       client = _ref.client,
       defaultImage = _ref.defaultImage;
 
-  var builder = index$1.imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    mediaData && mediaData.map(function (item, index) {
-      return React__default.createElement(
-        Media,
+    mediaData && mediaData.map(function (item, index$1) {
+      return React__default['default'].createElement(
+        Media__default['default'],
         { className: 'mb-3 thumbnail-card' },
-        React__default.createElement(
-          index$2.LazyLoad,
+        React__default['default'].createElement(
+          index.LazyLoad,
           { height: size },
-          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
+          React__default['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
         ),
-        React__default.createElement(
-          Media.Body,
+        React__default['default'].createElement(
+          Media__default['default'].Body,
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'h5',
             null,
             item.title
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'p',
             null,
             entities.clean_html_1(item.summary)

package/dist/cjs/Ustream.js

@@ -1,22 +1,23 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var React = require('react');
+var index_esm$1 = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
+var main = require('./main-025fdc78.js');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-var main = require('./main-02daeefe.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-90433435.js');
-var index_esm$3 = require('./index.esm-ff47db6f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _this = undefined;
 
@@ -93,7 +94,7 @@ var Ustream = function Ustream(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return new Promise(function (resolve) { resolve(require('./ustream-api-d092dc31.js')); });
+                  return Promise.resolve().then(function () { return require('./ustream-api-b2b9092f.js'); });
 
                 case 2:
                   UstreamEmbed = _context.sent;
@@ -124,36 +125,36 @@ var Ustream = function Ustream(_ref) {
     }
   }, [isMuted]);
   //return nothing if mobile
-  if (main.main_36) {
+  if (main.main_43) {
     return null;
   }
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { style: { position: 'relative' } },
-      close ? React__default.createElement(
+      close ? React__default['default'].createElement(
         'div',
         { className: 'ustream-close' },
-        React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
+        React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-minimize' },
-          React__default.createElement(index_esm.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
+          React__default['default'].createElement(index_esm$1.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
         ),
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-close' },
-          React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
         )
       ),
-      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
+      React__default['default'].createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          /* Updating z-index to fix gutter ad over ustream */\n          z-index: 999999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
@@ -161,6 +162,6 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
-var Ustream$1 = React__default.memo(Ustream);
+var Ustream$1 = React__default['default'].memo(Ustream);
 
 module.exports = Ustream$1;

package/dist/cjs/VerticalHero.js

@@ -1,34 +1,31 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./moment-575fe24c.js');
-var index$1 = require('./index-be0c82be.js');
+require('./moment-aca40de1.js');
+var urlFor = require('./urlFor.js');
+require('./_commonjsHelpers-06173234.js');
+require('./index-efca863c.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;
-
-  var builder = index$1.imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
   var _props$heroTitle = props.heroTitle,
       heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
 
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'vertical-hero-container' },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'vertical-hero-inner' },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'hero-title' },
-        React__default.createElement(
+        React__default['default'].createElement(
           'h2',
           null,
           heroTitle
@@ -38,24 +35,24 @@ var VerticalHero = function VerticalHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(500).url();
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
         }
-        return index === 0 ? React__default.createElement(
+        return index === 0 ? React__default['default'].createElement(
           'a',
           { href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
-          React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
-          React__default.createElement(
+          React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText }),
+          React__default['default'].createElement(
             'h2',
             null,
             article.title
           )
-        ) : React__default.createElement(
+        ) : React__default['default'].createElement(
           'a',
           { href: '/view/' + article.url.current, className: 'vertical-article' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'h2',
             null,
             article.title
@@ -63,7 +60,7 @@ var VerticalHero = function VerticalHero(props) {
         );
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .vertical-hero-container {\n          display: flex;\n          flex-direction: row;\n          padding: 0.25rem;\n          justify-content: space-between;\n          width: 100%;\n          flex: 1 1 auto;\n        }\n        .hero-title h2 {\n          font-size: 1.2rem;\n          font-weight: bold;\n        }\n        .vertical-article {\n          display: block;\n        }\n        .vertical-article img {\n          width: 100%;\n          height: auto;\n          min-width: 200px;\n        }\n        .vertical-article h2 {\n          font-size: 0.9rem;\n          color: #252525;\n          font-weight: bold;\n          padding: 0.5rem 0.5rem 1rem;\n          margin: 0.5rem;\n          border-bottom: 1px solid #ccc;\n        }\n      '