@mjhls/mjh-framework 1.0.819 → 1.0.820

package/dist/esm/PubSection.js

@@ -1,43 +1,45 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
+import React from 'react';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.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 './web.dom.iterable-4439f05a.js';
-import React from 'react';
-import './index-acfb8079.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
+import './_object-pie-133f504a.js';
+import './toConsumableArray-6d9a4616.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './index.es-c6222053.js';
+import './moment-bc12cb97.js';
+import './visibility-sensor-f40c2564.js';
+import 'react-dom';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import 'prop-types';
-import 'react-bootstrap/Card';
-import './moment-12415288.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import './index.es-7dda2f0a.js';
-import 'react-dom';
-import './visibility-sensor-f40c2564.js';
-import './index-51a80699.js';
-import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
-import './entities-7cc3bf45.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
+import './index-35bdcc81.js';
+import './main-b5c5aac1.js';
+import './entities-932b50cf.js';
+import './ADInfeed-28b1e946.js';
+import 'react-bootstrap/Card';
 import './AdSlot.js';
-import './ADInfeed-ba59666b.js';
-import './lodash-ec8c6b48.js';
-import './ADlgInfeed-995322a1.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './Segment.js';
+import './AuthorComponent-5ae7409f.js';
+import './lodash-f97fd99a.js';
+import './ADlgInfeed-0b474b02.js';
 import './getContentCategory-15dcc413.js';
-import './AuthorComponent-8ffd4679.js';
-import 'react-bootstrap';
 import './timeDifferenceCalc.js';
-import QueueDeckExpanded from './QueueDeckExpanded.js';
 
 var _this = undefined;
 

package/dist/esm/PubToc.js

@@ -1,13 +1,13 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
+import React from 'react';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
-import React from 'react';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
 
 var _this = undefined;
 

package/dist/esm/PublicationDeck.js

@@ -1,19 +1,24 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
 import Card from 'react-bootstrap/Card';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import urlFor from './urlFor.js';
+import { l as lodash } from './lodash-f97fd99a.js';
+import './_commonjsHelpers-0c4b6f40.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { l as lodash } from './lodash-ec8c6b48.js';
-import Button from 'react-bootstrap/Button';
+import 'prop-types';
+import './index-0dbff1d1.js';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
-      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,
       href = props.href,
       website = props.website,
       client = props.client;
@@ -33,17 +38,10 @@ var PublicationDeck = function PublicationDeck(props) {
     return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
   }]);
 
-  var urlFor = function urlFor(source) {
-    var builder = 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;
     }

package/dist/esm/PublicationLanding.js

@@ -1,32 +1,32 @@
+import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-7f8f9219.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { b as _isObject, c as _ctx, d as _descriptors, e as _objectDp, f as _toObject, g as _iobject, h as _toLength, i as _global, j as _fails, k as _hide, _ as _export, l as _aFunction, a as _core } from './_to-object-a4107da3.js';
-import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import { _ as _classof } from './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import { _ as _iterStep } from './web.dom.iterable-4439f05a.js';
-import { _ as _meta, a as _isArray } from './_is-array-58e95429.js';
+import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-bc33758b.js';
+import { _ as _iterStep } from './web.dom.iterable-4109ff68.js';
+import { b as _isObject, c as _ctx, d as _descriptors, e as _objectDp, f as _toObject, g as _iobject, h as _toLength, i as _global, j as _fails, k as _hide, _ as _export, l as _aFunction, a as _core } from './_to-object-b50e61c3.js';
+import { _ as _meta, a as _isArray } from './_is-array-3e99e06e.js';
+import { _ as _classof } from './core.get-iterator-method-133dfacd.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
 import React, { useState, useEffect } from 'react';
-import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
+import Dropdown from 'react-bootstrap/Dropdown';
 import Card from 'react-bootstrap/Card';
 import { useRouter } from 'next/router';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import './_library-528f1934.js';
+import './_iter-detect-7e5e5ce2.js';
+import './_object-pie-133f504a.js';
 import 'react-dom';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-fc1c2e29.js';
-import Dropdown from 'react-bootstrap/Dropdown';
+import 'prop-types';
 
 var _validateCollection = function (it, TYPE) {
   if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
   return it;
 };
 
-var dP = _objectDp.f;
+var dP$1 = _objectDp.f;
 
 
 
@@ -109,7 +109,7 @@ var _collectionStrong = {
         return !!getEntry(_validateCollection(this, NAME), key);
       }
     });
-    if (_descriptors) dP(C.prototype, 'size', {
+    if (_descriptors) dP$1(C.prototype, 'size', {
       get: function () {
         return _validateCollection(this, NAME)[SIZE];
       }
@@ -237,7 +237,7 @@ var _arrayMethods = function (TYPE, $create) {
   };
 };
 
-var dP$1 = _objectDp.f;
+var dP = _objectDp.f;
 var each = _arrayMethods(0);
 
 
@@ -269,7 +269,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
         return IS_ADDER ? this : result;
       });
     });
-    IS_WEAK || dP$1(C.prototype, 'size', {
+    IS_WEAK || dP(C.prototype, 'size', {
       get: function () {
         return this._c.size;
       }
@@ -289,7 +289,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
 var SET = 'Set';
 
 // 23.2 Set Objects
-var es6_set = _collection(SET, function (get) {
+_collection(SET, function (get) {
   return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
 }, {
   // 23.2.3.1 Set.prototype.add(value)
@@ -365,13 +365,13 @@ var _setCollectionFrom = function (COLLECTION) {
 // https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
 _setCollectionFrom('Set');
 
-var set = _core.Set;
+var set$1 = _core.Set;
 
-var set$1 = createCommonjsModule(function (module) {
-module.exports = { "default": set, __esModule: true };
+var set = createCommonjsModule(function (module) {
+module.exports = { "default": set$1, __esModule: true };
 });
 
-var _Set = unwrapExports(set$1);
+var _Set = unwrapExports(set);
 
 /* usage & query
 const Publication = (props) => {
@@ -392,12 +392,9 @@ Publication.getInitialProps = async (ctx) => {
     query: { year },
   } = ctx
   const pub = await client.fetch(getQuery('publication'), query)
-  const builder = imageUrlBuilder(client)
-  const urlFor = (source) => {
-    return builder.image(source)
-  }
+ **import urlFor from framework**
   pub.issues.map((issue) => {
-    issue.thumbnail = urlFor(issue.thumbnail).url()
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
   })
   return { pub, year }
 }
@@ -424,9 +421,9 @@ var PublicationLanding = function PublicationLanding(props) {
   var publication = props.publication,
       _props$year = props.year,
       year = _props$year === undefined ? '' : _props$year,
-      href = props.href,
-      pdf = props.pdf,
-      _props$contentPlaceme = props.contentPlacement,
+      href = props.href;
+      props.pdf;
+      var _props$contentPlaceme = props.contentPlacement,
       contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme,
       client = props.client;
 

package/dist/esm/QueueDeckExpanded.js

@@ -1,52 +1,54 @@
-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 './web.dom.iterable-4439f05a.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
 import React, { useEffect, useState, useRef } from 'react';
-import { l as lib_3 } from './index-acfb8079.js';
-import 'prop-types';
-import 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
-import { useRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
-import 'react-dom';
+import { Container, Media } from 'react-bootstrap';
+import urlFor from './urlFor.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
+import { m as moment } from './moment-bc12cb97.js';
 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 { _ as _slicedToArray } from './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 { l as lib_3 } from './index-2446af28.js';
+import { useRouter } from 'next/router';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import { m as main_43 } from './main-b5c5aac1.js';
+import { c as clean_html_1 } from './entities-932b50cf.js';
+import { A as ADInfeed } from './ADInfeed-28b1e946.js';
+import { A as AuthorComponent } from './AuthorComponent-5ae7409f.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 { A as AuthorComponent } from './AuthorComponent-8ffd4679.js';
-import { Container, Media } from 'react-bootstrap';
 import timeDifferenceCalc from './timeDifferenceCalc.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 './_iter-detect-7e5e5ce2.js';
+import './_object-pie-133f504a.js';
+import './index-0dbff1d1.js';
+import 'react-dom';
+import './events-6c3a7a63.js';
+import 'prop-types';
+import 'react-bootstrap/Card';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './asyncToGenerator-7f8f9219.js';
+import './_library-528f1934.js';
+import './Segment.js';
 
-var urlFor = function urlFor(source, builder) {
-  return builder.image(source).auto('format');
-};
+var renderCardImage = function renderCardImage(row, client) {
+  var imageHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var imageWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  var imageMaxHeight = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+  var imageFit = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
 
-var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
-  var url = urlFor(row.thumbnail, builder);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageWidth) url = url.width(imageWidth);
-  return url.url();
+  var url = urlFor({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageMaxHeight: imageMaxHeight, imageFit: imageFit });
+
+  return url;
 };
 
 var loadMore = function loadMore(values, setValues, per) {
@@ -151,7 +153,7 @@ var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro) {
+var cardLoader = function cardLoader(data, client, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, imageMaxHeight, imageFit, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro) {
   var numberOfItemsBeforeAd = 6;
   var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
     return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
@@ -286,7 +288,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   React.createElement(
                     LazyLoad,
                     { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                   ),
                   article.source && React.createElement(
                     'div',
@@ -446,7 +448,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   React.createElement(
                     LazyLoad,
                     { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                   ),
                   article.source && React.createElement(
                     'div',
@@ -622,7 +624,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 React.createElement(
                   LazyLoad,
                   { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                  article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                  article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                 ),
                 article.source && React.createElement(
                   'div',
@@ -763,7 +765,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             React.createElement(
               'div',
               null,
-              main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+              main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
             )
           )
         );
@@ -803,7 +805,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     React.createElement(
                       LazyLoad,
                       { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                      article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                      article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     ),
                     article.source && React.createElement(
                       'div',
@@ -963,7 +965,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     React.createElement(
                       LazyLoad,
                       { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                      article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                      article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     ),
                     article.source && React.createElement(
                       'div',
@@ -1128,7 +1130,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   React.createElement(
                     LazyLoad,
                     { height: imageHeight, placeholder: React.createElement(ImagePlaceholder, null) },
-                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    article.thumbnail && article.thumbnail.asset ? React.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, client, imageHeight, imageWidth, imageMaxHeight, imageFit), alt: article.title }) : article.thumbnail ? React.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                   ),
                   article.source && React.createElement(
                     'div',
@@ -1269,7 +1271,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
               React.createElement(
                 'div',
                 null,
-                main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+                main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
               )
             )
           );
@@ -1355,6 +1357,8 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       showCategory = props.showCategory,
       imageHeight = props.imageHeight,
       imageWidth = props.imageWidth,
+      imageMaxHeight = props.imageMaxHeight,
+      imageFit = props.imageFit,
       rightItems = props.rightItems,
       brandInsightAd = props.brandInsightAd,
       _props$showBI = props.showBI,
@@ -1376,8 +1380,6 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var initialCurrentPage = props.currentPage,
       showPublished = props.showPublished;
 
-  var builder = imageUrlBuilder(client);
-
   var _useState3 = useState(initialData),
       _useState4 = _slicedToArray(_useState3, 2),
       data = _useState4[0],
@@ -1489,7 +1491,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React.createElement(
           Container,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
+          cardLoader(data, client, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, imageMaxHeight, imageFit, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
         )
       ),
       React.createElement(
@@ -1503,7 +1505,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React.createElement(
         Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
+        cardLoader(data, client, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, imageMaxHeight, imageFit, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
       ),
       React.createElement(
         'div',

package/dist/esm/RecentNews.js

@@ -1,13 +1,10 @@
-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 { a as FaLongArrowAltRight } from './index.esm-a8ff922c.js';
+import './iconBase-602d52fe.js';
 
 var RecentNews = function RecentNews(_ref) {
-  var client = _ref.client,
-      _ref$dataRecord = _ref.dataRecord,
+  _ref.client;
+      var _ref$dataRecord = _ref.dataRecord,
       dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord,
       _ref$linkTo = _ref.linkTo,
       linkTo = _ref$linkTo === undefined ? '/news' : _ref$linkTo,
@@ -18,7 +15,7 @@ var RecentNews = function RecentNews(_ref) {
       _ref$linkTitle = _ref.linkTitle,
       linkTitle = _ref$linkTitle === undefined ? 'View More ' : _ref$linkTitle;
 
-  var builder = imageUrlBuilder(client);
+
   var topArticle = dataRecord[0];
   var subArticles = dataRecord.slice(1, dataRecord.length);
 

package/dist/esm/RelatedContent.js

@@ -1,11 +1,12 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import 'prop-types';
-import { m as moment } from './moment-12415288.js';
-import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
+import { m as moment } from './moment-bc12cb97.js';
 import 'react-bootstrap/Media';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './index-0dbff1d1.js';
+import 'react-dom';
+import 'prop-types';
 
 /*
 Sample query
@@ -42,10 +43,6 @@ var RelatedContent = function RelatedContent(props) {
       _props$defaultImage = props.defaultImage,
       defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
 
   return React.createElement(
     'div',
@@ -69,7 +66,7 @@ var RelatedContent = function RelatedContent(props) {
               LazyLoad,
               { once: true },
               React.createElement('img', {
-                src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
+                src: article.thumbnail ? urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 }) : defaultImage,
                 alt: article.title
               })
             )

package/dist/esm/Search.js

@@ -1,13 +1,13 @@
-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 { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
+import Button from 'react-bootstrap/Button';
+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';
 
 var Search = function Search(props) {
   var _props$placeholder = props.placeholder,

package/dist/esm/Segment.js

@@ -1,11 +1,11 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './core.get-iterator-method-e1de7503.js';
-import './web.dom.iterable-4439f05a.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
 
 require("babel-polyfill");