@mjhls/mjh-framework 1.0.819 → 1.0.820

package/dist/esm/DeckContent.js

@@ -1,44 +1,46 @@
-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 { m as moment } from './moment-bc12cb97.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 { d as debounce_1 } from './debounce-533d9748.js';
+import { I as InfiniteScroll } from './index.es-c6222053.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 './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
+import urlFor from './urlFor.js';
+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 './_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 './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-dom';
+import './index-0dbff1d1.js';
+import './slicedToArray-be2f7a22.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-ba59666b.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './asyncToGenerator-7f8f9219.js';
+import './Segment.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -54,7 +56,7 @@ var DeckContent = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || _Object$getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _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 = DeckContent.__proto__ || _Object$getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _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.client = _this.props.client, _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -115,17 +117,10 @@ var DeckContent = 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;
       }
@@ -351,7 +346,7 @@ var DeckContent = function (_React$Component) {
                   )
                 )
               ),
-              main_39 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_43 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           }
         })

package/dist/esm/DeckQueue.js

@@ -1,39 +1,41 @@
-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 { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
+import { m as moment } from './moment-bc12cb97.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 { L as LazyLoad } from './index-35bdcc81.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 { c as clean_html_1 } from './entities-932b50cf.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 { 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 { g as get_1 } from './get-1e515072.js';
-import './eq-b470f743.js';
+import './isSymbol-a7e9aafe.js';
+import './eq-bdcbf886.js';
+import './toNumber-5aeba6e7.js';
+import './index-0dbff1d1.js';
 
 var DeckQueue = function (_React$Component) {
   _inherits(DeckQueue, _React$Component);
@@ -49,7 +51,7 @@ var DeckQueue = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || _Object$getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _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.imageHeight = _this.props.imageHeight ? _this.props.imageHeight : 270, _this.state = {
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || _Object$getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _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.imageHeight = _this.props.imageHeight ? _this.props.imageHeight : 270, _this.state = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
@@ -79,7 +81,6 @@ var DeckQueue = function (_React$Component) {
           data = _this$state.data,
           query = _this$state.query,
           page = _this$state.page;
-      var client = _this.props.client;
 
 
       var params = _extends({}, _this.params, { from: from, to: to
@@ -108,17 +109,10 @@ var DeckQueue = 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) {
       if (row.thumbnail && row.thumbnail.asset) {
-        var url = _this.urlFor(row.thumbnail);
-        url = url.height(_this.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.imageHeight || null, imageWidth: _this.props.imageWidth || null, imageFit: _this.props.imageFit || null });
+        return url;
       } else {
         return _this.defaultImage;
       }
@@ -302,7 +296,7 @@ var DeckQueue = function (_React$Component) {
                 )
               )
             ),
-            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)
           );
         })
       );

package/dist/esm/{Dfp-cde02d85.js → Dfp-43f121ff.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 { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState } from 'react';
-import { b as lib_1, a as lib_2 } from './index-acfb8079.js';
 import PropTypes from 'prop-types';
-import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import 'react-dom';
+import { b as lib_1, a as lib_2 } from './index-2446af28.js';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import { d as debounce_1 } from './debounce-533d9748.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 './events-6c3a7a63.js';
+import 'react-dom';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,
@@ -19,9 +20,9 @@ var AD = function AD(_ref) {
       sizeMapping = _ref.sizeMapping,
       className = _ref.className,
       slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      minInViewPercent = _ref.minInViewPercent,
-      _ref$targeting = _ref.targeting,
+      sizes = _ref.sizes;
+      _ref.minInViewPercent;
+      var _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
   var _useState = useState(false),

package/dist/esm/EventsDeck.js

@@ -1,31 +1,31 @@
+import { _ as _defineProperty } from './defineProperty-f5ff6f5a.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _export, a as _core } from './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.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 './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
+import { _ as _export, a as _core } from './_to-object-b50e61c3.js';
+import { _ as _objectToArray } from './_object-to-array-0f197f89.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
+import { _ as _JSON$stringify } from './stringify-59c8f690.js';
 import React, { useState, useEffect } from 'react';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import Container from 'react-bootstrap/Container';
+import Spinner from 'react-bootstrap/Spinner';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import './moment-12415288.js';
-import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
-import './main-aef58dbc.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
-import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
-import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
-import Button from 'react-bootstrap/Button';
-import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';
-import Spinner from 'react-bootstrap/Spinner';
 import Form from 'react-bootstrap/Form';
-import { m as momentTimezone } from './index-d2f90501.js';
+import Button from 'react-bootstrap/Button';
+import './main-b5c5aac1.js';
+import { m as momentTimezone } from './index-79cfd25c.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
+import { useRouter } from 'next/router';
+import './define-property-fe54dc9f.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-4109ff68.js';
+import './es6.string.iterator-bc33758b.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
+import './moment-bc12cb97.js';
 
 // https://github.com/tc39/proposal-object-values-entries
 
@@ -37,13 +37,13 @@ _export(_export.S, 'Object', {
   }
 });
 
-var entries = _core.Object.entries;
+var entries$1 = _core.Object.entries;
 
-var entries$1 = createCommonjsModule(function (module) {
-module.exports = { "default": entries, __esModule: true };
+var entries = createCommonjsModule(function (module) {
+module.exports = { "default": entries$1, __esModule: true };
 });
 
-var _Object$entries = unwrapExports(entries$1);
+var _Object$entries = unwrapExports(entries);
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
@@ -333,8 +333,8 @@ var EventsDeck = function EventsDeck(_ref) {
 
     var valuesArray = _Object$entries(deckAdvancedFilters).map(function (_ref6, index) {
       var _ref7 = _slicedToArray(_ref6, 2),
-          key = _ref7[0],
-          value = _ref7[1];
+          key = _ref7[0];
+          _ref7[1];
 
       var temp = [];
       for (var evt in data) {

package/dist/esm/ExternalResources.js

@@ -1,57 +1,59 @@
-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 './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 { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState, useEffect } from 'react';
-import './index-acfb8079.js';
-import 'prop-types';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import { B as BlockContent } from './BlockContent-52cf21c5.js';
+import { g as getSerializers } from './index-5cc7293b.js';
+import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from '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 { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
-import './AdSlot.js';
-import { B as BlockContent } from './BlockContent-d05b5b23.js';
+import Button from 'react-bootstrap/Button';
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-4109ff68.js';
+import './es6.string.iterator-bc33758b.js';
+import './core.get-iterator-method-133dfacd.js';
+import 'prop-types';
+import './index-0dbff1d1.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-3ab476bf.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './asyncToGenerator-7f8f9219.js';
+import './_library-528f1934.js';
+import './_iter-detect-7e5e5ce2.js';
+import './Segment.js';
+import './main-b5c5aac1.js';
+import './index-35bdcc81.js';
+import 'react-dom';
+import './typeof-a286cf0c.js';
+import './_is-array-3e99e06e.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-e887f3d1.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './smoothscroll-fa4e3f8c.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 Button from '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 './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';
-import { m as momentTimezone } from './index-d2f90501.js';
 
 var ExternalResources = function ExternalResources(props) {
   var resources = props.resources,

package/dist/esm/Feature.js

@@ -1,8 +1,9 @@
-import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import urlFor from './urlFor.js';
+import { m as main_43 } from './main-b5c5aac1.js';
 import Carousel from 'react-bootstrap/Carousel';
+import './index-0dbff1d1.js';
+import './_commonjsHelpers-0c4b6f40.js';
 
 //Feature query to be used
 // const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
@@ -16,7 +17,8 @@ import Carousel from 'react-bootstrap/Carousel';
 var Feature = function Feature(props) {
   var dataset = props.dataset;
   var _props$controls = props.controls,
-      controls = _props$controls === undefined ? false : _props$controls;
+      controls = _props$controls === undefined ? false : _props$controls,
+      client = props.client;
 
 
   var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -26,15 +28,9 @@ var Feature = function Feature(props) {
     return false;
   };
 
-  var urlFor = function urlFor(source) {
-    var client = props.client;
-
-    var builder = imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
   //image width updated.
   var imageWidth = 450;
-  if (main_39) {
+  if (main_43) {
     imageWidth = 225;
   }
 
@@ -95,7 +91,7 @@ var Feature = function Feature(props) {
           React.createElement('img', {
             style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' },
             className: 'd-block w-100',
-            src: urlFor(feature_img).width(imageWidth).url(),
+            src: urlFor({ client: client, source: feature_img, imageWidth: imageWidth }),
             alt: feature_alt
           }),
           React.createElement(

package/dist/esm/ForbesHero.js

@@ -1,16 +1,17 @@
-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 { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './index-0dbff1d1.js';
+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';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import './slicedToArray-641f241f.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffd4679.js';
+import 'prop-types';
 
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;
@@ -20,15 +21,12 @@ var fbsHero = function fbsHero(props) {
 
   var client = props.client;
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
 
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -84,7 +82,7 @@ var fbsHero = function fbsHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
@@ -127,7 +125,7 @@ var fbsHero = function fbsHero(props) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .author-wrapper {\n          text-align: center;\n        }\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
+      '\n        .author-wrapper {\n          text-align: center;\n        }\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 400px;\n          min-height: 275px;\n          object-fit: cover;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
     )
   );
 };