@mjhls/mjh-framework 1.0.880-beta.0 → 1.0.881-beta.0

package/dist/esm/RelatedContent.js

@@ -6,7 +6,8 @@ import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import 'react-bootstrap/Media';
 

package/dist/esm/SeriesListingDeck.js

@@ -14,12 +14,13 @@ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
-import { S as SeriesSlider } from './SeriesSlider-d6561e33.js';
+import { S as SeriesSlider } from './SeriesSlider-ce19fa25.js';
 
 var usePrevious = function usePrevious(value) {
   var ref = useRef();

package/dist/esm/{SeriesSlider-d6561e33.js → SeriesSlider-ce19fa25.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { m as main_36, a as main_41, b as main_35 } from './main-c0612122.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';

package/dist/esm/TaxonomyCard.js

@@ -11,9 +11,10 @@ import Col$1 from 'react-bootstrap/Col';
 import Card$1 from 'react-bootstrap/Card';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
-import { B as BlockContent } from './BlockContent-f4515898.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 
 var TaxonomyCard = function TaxonomyCard(props) {

package/dist/esm/TaxonomyDescription.js

@@ -24,7 +24,8 @@ import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './entities-7cc3bf45.js';
@@ -34,14 +35,14 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-f4515898.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-a35a5c39.js';
+import { g as getSerializers } from './index-e495ac6f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import Head from 'next/head';

package/dist/esm/ThumbnailCard.js

@@ -5,7 +5,8 @@ import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media from 'react-bootstrap/Media';

package/dist/esm/VerticalHero.js

@@ -4,7 +4,8 @@ import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
 import './moment-e2f9b20c.js';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;

package/dist/esm/VideoProgramLandingPage.js

@@ -27,7 +27,8 @@ import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-72fd8f8b.js';
 import './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './entities-7cc3bf45.js';
@@ -37,7 +38,7 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import Button$1 from 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-f4515898.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
 import './GroupDeck.js';
@@ -46,7 +47,7 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
-import { g as getSerializers } from './index-a35a5c39.js';
+import { g as getSerializers } from './index-e495ac6f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';

package/dist/esm/VideoSeriesCard.js

@@ -10,7 +10,8 @@ import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/dist/esm/VideoSeriesLandingPage.js

@@ -16,15 +16,20 @@ import './events-6c3a7a63.js';
 import './index-41a678ea.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
+import './index.es-29c1cef5.js';
 import 'react-dom';
+import './visibility-sensor-72fd8f8b.js';
 import './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './stringify-70b72959.js';
@@ -35,9 +40,9 @@ import './AdSlot.js';
 import './ADInfeed-0c13c803.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-e4e2031a.js';
-import { g as getYoutubeId } from './index-c7e2ac95.js';
-import './Pagination-256b60e5.js';
 import 'react-bootstrap/Spinner';
+import './Pagination-f7c4c5ae.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
 import MasterDeck from './MasterDeck.js';
 import 'react-bootstrap/Breadcrumb';
 import Breadcrumbs from './Breadcrumbs.js';

package/dist/esm/VideoSeriesListing.js

@@ -23,7 +23,8 @@ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './index-c7e2ac95.js';

package/dist/esm/View.js

@@ -26,7 +26,8 @@ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import './index-5f7e79e7.js';
 import { m as main_36 } from './main-c0612122.js';
 import './entities-7cc3bf45.js';
@@ -36,14 +37,14 @@ import './Segment.js';
 import './Beam.js';
 import DFPAdSlot from './AdSlot.js';
 import Button$1 from 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-f4515898.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { r as renderAuthor, g as getSerializers } from './index-a35a5c39.js';
+import { r as renderAuthor, g as getSerializers } from './index-e495ac6f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import Head from 'next/head';
@@ -64,7 +65,7 @@ import getSeriesDetail from './getSeriesDetail.js';
 import './index-db3bb315.js';
 import getRelatedArticle from './getRelatedArticle.js';
 import getQuery from './getQuery.js';
-import { S as SeriesSlider } from './SeriesSlider-d6561e33.js';
+import { S as SeriesSlider } from './SeriesSlider-ce19fa25.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-277c801e.js';
 import getKeywords from './getKeywords.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/dist/esm/YahooHero.js

@@ -6,7 +6,8 @@ import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { A as AuthorComponent } from './AuthorComponent-e6f95c2f.js';

package/dist/esm/YoutubeGroup.js

@@ -5,7 +5,8 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import 'react-dom';
 import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { m as main_36, a as main_41, b as main_35 } from './main-c0612122.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';

package/dist/esm/getSerializers.js

@@ -24,7 +24,8 @@ import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
-import './urlFor-23b2244b.js';
+import './index-73819142.js';
+import './urlFor.js';
 import './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './entities-7cc3bf45.js';
@@ -34,14 +35,14 @@ import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
 import 'react-bootstrap/Button';
-import './BlockContent-f4515898.js';
+import './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-export { g as default } from './index-a35a5c39.js';
+export { g as default } from './index-e495ac6f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';

package/dist/esm/{urlFor-23b2244b.js → index-73819142.js}

@@ -1,5 +1,4 @@
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
 
 var parseAssetId_1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -545,60 +544,4 @@ module.exports = builder_1.default;
 
 var imageUrlBuilder = unwrapExports(node);
 
-// Sanity image auto formating
-
-function urlFor(_ref) {
-  var client = _ref.client,
-      source = _ref.source,
-      _ref$imageWidth = _ref.imageWidth,
-      imageWidth = _ref$imageWidth === undefined ? null : _ref$imageWidth,
-      _ref$imageHeight = _ref.imageHeight,
-      imageHeight = _ref$imageHeight === undefined ? null : _ref$imageHeight,
-      _ref$imageMaxHeight = _ref.imageMaxHeight,
-      imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
-      _ref$imageFit = _ref.imageFit,
-      imageFit = _ref$imageFit === undefined ? 'crop' : _ref$imageFit;
-
-
-  // when imageFit value = null and it's specifically provided, it's value not gets defaulted to 'crop'
-  if (!imageFit) {
-    imageFit = 'crop';
-  }
-
-  //checks for old usage so it wont break view pages
-  //All view pages are using  urlFor(client, thumbnail.asset).url()
-  //will need to update to urlFor({client, source: thumbnail.asset})
-  //All framework components are using new format
-  if (arguments[1] && arguments[1]._ref) {
-    return imageUrlBuilder(client).image(source).auto('format');
-  }
-
-  if (imageWidth && imageHeight) {
-    imageMaxHeight = imageHeight;
-    imageHeight = null;
-  }
-
-  var builder = imageUrlBuilder(client);
-  var url = builder.image(source);
-  if (imageWidth) url = url.width(imageWidth);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
-  if (imageFit) url = url.fit(imageFit);
-  url = url.auto('format').url();
-
-  // Appending file name in URL
-  var originalFilename = source && source.originalFilename ? source.originalFilename : source && source.asset && source.asset.originalFilename && source.asset.originalFilename;
-  if (originalFilename) {
-    var _url$split = url.split('?'),
-        _url$split2 = _slicedToArray(_url$split, 2),
-        path = _url$split2[0],
-        queryString = _url$split2[1];
-
-    originalFilename = encodeURIComponent(originalFilename);
-    url = queryString ? path + '/' + originalFilename + '?' + queryString : path + '/' + originalFilename;
-  }
-
-  return url;
-}
-
-export { node as n, urlFor as u };
+export { imageUrlBuilder as i, node as n };

package/dist/esm/{index-a35a5c39.js → index-e495ac6f.js}

@@ -12,15 +12,16 @@ import Col$1 from 'react-bootstrap/Col';
 import { m as moment } from './moment-e2f9b20c.js';
 import Router, { useRouter } from 'next/router';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import { e as main_16, b as main_35, m as main_36 } from './main-c0612122.js';
 import { h as html_decode_1 } from './entities-7cc3bf45.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-64812e90.js';
 import Segment from './Segment.js';
 import './Beam.js';
 import DFPAdSlot from './AdSlot.js';
 import Button$1 from 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-f4515898.js';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import GroupDeck from './GroupDeck.js';
 import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
@@ -2400,6 +2401,8 @@ var Video = function Video(_ref) {
     }
     // this is video ready
     player.on('loadedmetadata', function (evt) {
+      var _this = this;
+
       //console.log('loadedmetadata:', evt)
       console.log('mediainfo:', player.mediainfo); // get the duration from here
       var duration = player.mediainfo.duration;
@@ -2407,17 +2410,41 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      // try to auto play first with no-mute
+      var autoPlayVideo = function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.prev = 0;
+                  _context.next = 3;
+                  return player.play();
+
+                case 3:
+                  _context.next = 8;
+                  break;
+
+                case 5:
+                  _context.prev = 5;
+                  _context.t0 = _context['catch'](0);
+
+                  console.log('could not autoplay video', _context.t0);
+
+                case 8:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, _this, [[0, 5]]);
+        }));
+
+        return function autoPlayVideo() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+
       if (autoplay) {
-        player.play().then(function () {
-          player.muted(false);
-        }).catch(function (error) {
-          // then try to auto play with mute
-          player.muted(true);
-          player.play();
-        });
-      } else {
-        player.pause();
+        autoPlayVideo();
       }
 
       //Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
@@ -2503,7 +2530,7 @@ var Video = function Video(_ref) {
         React__default.createElement(
           'style',
           { jsx: 'true' },
-          '\n                 .brightcove-fluid {\n                  position: relative;\n                  padding-bottom: 56.25%; /* 16:9 */\n                  height: 0;\n                  width: 100%;\n                  margin-bottom: 1rem;\n                }\n                .brightcove-fluid .video-js {\n                  height: 100%;\n                  width: 100%;\n                  position: absolute;\n                  top: 0;\n                  left: 0;\n                  right: 0;\n                  bottom: 0;\n                }\n            '
+          '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (playlistID) {

package/dist/esm/index.js

@@ -28,8 +28,9 @@ import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-72fd8f8b.js';
 import './slicedToArray-67a08c9c.js';
-import { u as urlFor } from './urlFor-23b2244b.js';
-export { u as urlFor } from './urlFor-23b2244b.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
+export { default as urlFor } from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
 import './main-c0612122.js';
 import './entities-7cc3bf45.js';
@@ -49,10 +50,12 @@ export { default as AD } from './AD.js';
 import './AuthorComponent-e6f95c2f.js';
 import 'react-bootstrap/Button';
 export { default as GridContent } from './GridContent.js';
+import 'react-bootstrap/Spinner';
+import './Pagination-f7c4c5ae.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import './BlockContent-f4515898.js';
+import './BlockContent-e9b4ddcf.js';
 import './react-social-icons-a7d5c5c7.js';
 export { default as TaxonomyCard } from './TaxonomyCard.js';
 export { default as RolesDeck } from './RolesDeck.js';
@@ -62,14 +65,13 @@ export { default as GroupDeck } from './GroupDeck.js';
 export { default as YoutubeGroup } from './YoutubeGroup.js';
 import 'react-bootstrap';
 import './timeDifferenceCalc.js';
-import './Pagination-256b60e5.js';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
 export { default as VideoSeriesListing } from './VideoSeriesListing.js';
 export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
 export { default as ArticleCarousel } from './ArticleCarousel.js';
-export { g as getSerializers } from './index-a35a5c39.js';
+export { g as getSerializers } from './index-e495ac6f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -82,7 +84,6 @@ import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
 export { default as HorizontalArticleListing } from './HorizontalArticleListing.js';
-import 'react-bootstrap/Spinner';
 export { default as MasterDeck } from './MasterDeck.js';
 export { default as PublicationDeck } from './PublicationDeck.js';
 export { default as IssueDeck } from './IssueDeck.js';
@@ -177,7 +178,7 @@ export { default as Auth } from './Auth.js';
 import 'passport-local';
 import 'mysql';
 import './md5-9be0e905.js';
-import './SeriesSlider-d6561e33.js';
+import './SeriesSlider-ce19fa25.js';
 export { g as getTargeting } from './getTargeting-277c801e.js';
 export { default as View } from './View.js';
 export { default as getKeywords } from './getKeywords.js';

package/dist/esm/urlFor.js

@@ -1,5 +1,63 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-86d4db69.js';
 import './web.dom.iterable-f8f967cd.js';
-import './slicedToArray-67a08c9c.js';
-export { u as default } from './urlFor-23b2244b.js';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+
+// Sanity image auto formating
+
+function urlFor(_ref) {
+  var client = _ref.client,
+      source = _ref.source,
+      _ref$imageWidth = _ref.imageWidth,
+      imageWidth = _ref$imageWidth === undefined ? null : _ref$imageWidth,
+      _ref$imageHeight = _ref.imageHeight,
+      imageHeight = _ref$imageHeight === undefined ? null : _ref$imageHeight,
+      _ref$imageMaxHeight = _ref.imageMaxHeight,
+      imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
+      _ref$imageFit = _ref.imageFit,
+      imageFit = _ref$imageFit === undefined ? 'crop' : _ref$imageFit;
+
+
+  // when imageFit value = null and it's specifically provided, it's value not gets defaulted to 'crop'
+  if (!imageFit) {
+    imageFit = 'crop';
+  }
+
+  //checks for old usage so it wont break view pages
+  //All view pages are using  urlFor(client, thumbnail.asset).url()
+  //will need to update to urlFor({client, source: thumbnail.asset})
+  //All framework components are using new format
+  if (arguments[1] && arguments[1]._ref) {
+    return imageUrlBuilder(client).image(source).auto('format');
+  }
+
+  if (imageWidth && imageHeight) {
+    imageMaxHeight = imageHeight;
+    imageHeight = null;
+  }
+
+  var builder = imageUrlBuilder(client);
+  var url = builder.image(source);
+  if (imageWidth) url = url.width(imageWidth);
+  if (imageHeight) url = url.height(imageHeight);
+  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
+  if (imageFit) url = url.fit(imageFit);
+  url = url.auto('format').url();
+
+  // Appending file name in URL
+  var originalFilename = source && source.originalFilename ? source.originalFilename : source && source.asset && source.asset.originalFilename && source.asset.originalFilename;
+  if (originalFilename) {
+    var _url$split = url.split('?'),
+        _url$split2 = _slicedToArray(_url$split, 2),
+        path = _url$split2[0],
+        queryString = _url$split2[1];
+
+    originalFilename = encodeURIComponent(originalFilename);
+    url = queryString ? path + '/' + originalFilename + '?' + queryString : path + '/' + originalFilename;
+  }
+
+  return url;
+}
+
+export default urlFor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.880-beta.0",
+  "version": "1.0.881-beta.0",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",