@mjhls/mjh-framework 1.0.817-image-crop-test-v2 → 1.0.817-image-crop-test-v4

package/dist/esm/ArticleSeriesListing.js

@@ -29,7 +29,7 @@ import './core.get-iterator-method-133dfacd.js';
 import './index-c7e2ac95.js';
 import './index-35bdcc81.js';
 import './smoothscroll-fa4e3f8c.js';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 import './isSymbol-a7e9aafe.js';

package/dist/esm/ConferenceArticleCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './index-0dbff1d1.js';
 

package/dist/esm/DeckContent.js

@@ -12,7 +12,7 @@ import { withRouter } from 'next/router';
 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 urlFor from './urlForV2.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';

package/dist/esm/DeckQueue.js

@@ -14,7 +14,7 @@ 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 './urlForV2.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';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-60e0e1c6.js';
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
@@ -15,7 +15,7 @@ import './core.get-iterator-method-133dfacd.js';
 import 'prop-types';
 import './index-0dbff1d1.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-2446af28.js';
 import './events-6c3a7a63.js';
 import './index-c7e2ac95.js';

package/dist/esm/Feature.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import urlFor from './urlForV2.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';

package/dist/esm/ForbesHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlForV2.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';
@@ -125,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      '
     )
   );
 };

package/dist/esm/GridContent.js

@@ -19,7 +19,7 @@ import { g as getContentCategory } from './getContentCategory-15dcc413.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 './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as main_43 } from './main-b5c5aac1.js';
 import './AD.js';
 import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';

package/dist/esm/GridHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
@@ -20,9 +20,11 @@ var GridHero = function GridHero(props) {
 
   var client = props.client,
       _props$topWidth = props.topWidth,
-      topWidth = _props$topWidth === undefined ? 600 : _props$topWidth;
-      props.subWidth;
-      props.subHeight;
+      topWidth = _props$topWidth === undefined ? 600 : _props$topWidth,
+      _props$subWidth = props.subWidth,
+      subWidth = _props$subWidth === undefined ? 480 : _props$subWidth,
+      _props$subHeight = props.subHeight,
+      subHeight = _props$subHeight === undefined ? 270 : _props$subHeight;
 
 
   var topArticleThumbnail = '';
@@ -85,7 +87,7 @@ var GridHero = function GridHero(props) {
         var articleThumbnail = '';
         var articleAltText = article.title;
         if (article.thumbnail && article.thumbnail.asset) {
-          articleThumbnail = urlFor(article.thumbnail.asset);
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: subWidth, imageHeight: subHeight });
           articleAltText = article.thumbnail.asset.originalFileName;
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;

package/dist/esm/GroupDeck.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';

package/dist/esm/Hero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Card } from 'react-bootstrap';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import './index-0dbff1d1.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b50e61c3.js';
 import './_object-pie-133f504a.js';
@@ -20,7 +20,7 @@ import './index-35bdcc81.js';
 import 'react-dom';
 import 'prop-types';
 import './smoothscroll-fa4e3f8c.js';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 import './iconBase-602d52fe.js';

package/dist/esm/HorizontalHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { a as FaLongArrowAltRight } from './index.esm-a8ff922c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './index-0dbff1d1.js';

package/dist/esm/IssueContentDeck.js

@@ -4,7 +4,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import Badge from 'react-bootstrap/Badge';
 import { L as LazyLoad } from './index-35bdcc81.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/IssueDeck.js

@@ -7,7 +7,7 @@ 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 './urlForV2.js';
+import urlFor from './urlFor.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b50e61c3.js';
 import './_object-pie-133f504a.js';
@@ -14,7 +14,7 @@ import './core.get-iterator-method-133dfacd.js';
 import './toConsumableArray-6d9a4616.js';
 import './_iter-detect-7e5e5ce2.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './index.es-c6222053.js';
 import './moment-bc12cb97.js';

package/dist/esm/MediaSeriesLanding.js

@@ -11,11 +11,11 @@ import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelper
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import './define-property-fe54dc9f.js';
 import './_to-object-b50e61c3.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/OncliveHero.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import 'react-bootstrap/Badge';
 import './iconBase-602d52fe.js';
 import { m as moment } from './moment-bc12cb97.js';

package/dist/esm/OncliveLargeHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
 import { L as LazyLoad } from './index-35bdcc81.js';

package/dist/esm/PartnerDetailListing.js

@@ -4,12 +4,12 @@ import { _ as _extends } from './extends-60e0e1c6.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { TwitterTimelineEmbed } from 'react-twitter-embed';
 import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/PubSection.js

@@ -13,7 +13,7 @@ import './_iter-detect-7e5e5ce2.js';
 import './_object-pie-133f504a.js';
 import './toConsumableArray-6d9a4616.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './index.es-c6222053.js';
 import './moment-bc12cb97.js';

package/dist/esm/PublicationDeck.js

@@ -4,7 +4,7 @@ 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 './urlForV2.js';
+import urlFor from './urlFor.js';
 import { l as lodash } from './lodash-f97fd99a.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import 'react-dom';

package/dist/esm/QueueDeckExpanded.js

@@ -3,7 +3,7 @@ import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
 import { _ as _extends } from './extends-60e0e1c6.js';
 import React, { useEffect, useState, useRef } from 'react';
 import { Container, Media } from 'react-bootstrap';
-import urlFor from './urlForV2.js';
+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';

package/dist/esm/RelatedContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
 import 'react-bootstrap/Media';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './index-0dbff1d1.js';

package/dist/esm/SeriesListingDeck.js

@@ -5,7 +5,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { useRouter } from 'next/router';
 import { l as lib_3 } from './index-2446af28.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
-import { S as SeriesSlider } from './SeriesSlider-bfd7299d.js';
+import { S as SeriesSlider } from './SeriesSlider-8f2aca58.js';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
@@ -20,7 +20,7 @@ import './index-c7e2ac95.js';
 import './index-35bdcc81.js';
 import 'react-dom';
 import './smoothscroll-fa4e3f8c.js';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 

package/dist/esm/{SeriesSlider-bfd7299d.js → SeriesSlider-8f2aca58.js}

@@ -3,7 +3,7 @@ import React, { useRef, useState, useEffect } from 'react';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as main_43, a as main_49, b as main_42 } from './main-b5c5aac1.js';
 
 /*

package/dist/esm/TaxonomyCard.js

@@ -5,7 +5,7 @@ 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 urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-91f9716f.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';
@@ -17,7 +17,7 @@ import 'prop-types';
 import './index-0dbff1d1.js';
 import './slicedToArray-be2f7a22.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-2446af28.js';
 import './events-6c3a7a63.js';
 import './index-c7e2ac95.js';

package/dist/esm/ThumbnailCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Media from 'react-bootstrap/Media';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import './index-0dbff1d1.js';

package/dist/esm/VerticalHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './index-0dbff1d1.js';
 

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-52cf21c5.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-d1638f9e.js';
+import { g as getSerializers } from './index-e8c6a892.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
@@ -19,7 +19,7 @@ import 'prop-types';
 import './index-0dbff1d1.js';
 import './slicedToArray-be2f7a22.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-2446af28.js';
 import './events-6c3a7a63.js';
 import 'next/router';

package/dist/esm/VideoSeriesCard.js

@@ -1,7 +1,7 @@
 import { _ as _typeof } from './typeof-a286cf0c.js';
 import React from 'react';
 import { L as LazyLoad } from './index-35bdcc81.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import 'prop-types';

package/dist/esm/VideoSeriesLandingPage.js

@@ -46,7 +46,7 @@ import './Segment.js';
 import './main-b5c5aac1.js';
 import './ADInfeed-7aaa47e1.js';
 import './index-35bdcc81.js';
-import './urlForV2.js';
+import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';
 
 var _this = undefined;

package/dist/esm/VideoSeriesListing.js

@@ -29,7 +29,7 @@ import './core.get-iterator-method-133dfacd.js';
 import './index-c7e2ac95.js';
 import './index-35bdcc81.js';
 import './smoothscroll-fa4e3f8c.js';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './main-b5c5aac1.js';
 import './isSymbol-a7e9aafe.js';
@@ -254,7 +254,7 @@ var VideoSeriesListing = function (_React$Component) {
   _createClass(VideoSeriesListing, [{
     key: 'componentDidMount',
     value: function componentDidMount() {
-      console.log(this.state);
+      // console.log(this.state)
     }
   }, {
     key: 'render',

package/dist/esm/View.js

@@ -15,12 +15,12 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-d1638f9e.js';
+import { r as renderAuthor, g as getSerializers } from './index-e8c6a892.js';
 import DFPAdSlot from './AdSlot.js';
-import { S as SeriesSlider } from './SeriesSlider-bfd7299d.js';
+import { S as SeriesSlider } from './SeriesSlider-8f2aca58.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-68291ce9.js';
 import getKeywords from './getKeywords.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { _ as _typeof } from './typeof-a286cf0c.js';
 import { b as FaMinus, c as FaPlus } from './index.esm-a8ff922c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -235,7 +235,7 @@ var ISI = function ISI(props) {
       var article_body = document.getElementById('article__block');
       var isi = document.getElementById('isi');
       var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
-      console.log(articleBottomPosition, bottomOfArticle);
+      // console.log(articleBottomPosition, bottomOfArticle)
       if (articleBottomPosition < 30 && !isi.classList.contains('in-view')) {
         setbottomOfArticle(true);
       }

package/dist/esm/YahooHero.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { m as moment } from './moment-bc12cb97.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
 import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
@@ -114,7 +114,7 @@ var YahooHero = function YahooHero(props) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 315px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          height: 315px;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
+      '\n        .article-hero{\n          padding-bottom:15px\n        }\n        .yh-top-article {\n          display: flex;\n          flex-direction: row;\n          position: relative;\n          font-family: Roboto, sans-serif;\n          margin-bottom: 1rem;\n          border-radius: 15px;\n          overflow: hidden;\n          min-height: 315px;\n        }\n        .yh-top-article--img {\n          width: 100%;\n          min-height: 240px;\n          overflow: hidden;\n        }\n        .yh-top-article--img img {\n          width: 100%;\n          height: auto;\n          min-height: 100%;\n          max-height: 615px;\n          object-fit: cover;\n        }\n        .yh-top-article--body {\n          height: 100%;\n          width: 40%;\n          min-width: 320px;\n          right: 0;\n          position: absolute;\n          color: white;\n          padding: 1.75rem;\n          height: 315px;\n          display: flex;\n          align-items: flex-start;\n          justify-content: center;\n          flex-direction: column;\n        }\n        .yh-top-article--body h1 {\n          color: white!important;\n          font-size: 1.4rem;\n          font-weight: 500;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--body p {\n          font-size: 0.9rem;\n          margin-bottom: 0.5rem;\n        }\n        .yh-top-article--blur {\n          height: 100%;\n          width: 40%;\n          right: 0;\n          position: absolute;\n          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n          background: rgba(0,0,0,.65);\n          min-width: 320px;\n        }\n        .yh-sub-article-container {\n          display: flex;\n          justify-content: space-between;\n        }\n        .yh-sub-article {\n          width: 23.25%;\n        }\n        .yh-sub-article p.yh-sub-article--title {\n          font-weight: bold;\n        }\n        .yh-sub-article img {\n          width: 100%;\n          max-height: 150px;\n          object-fit: cover;\n          border-radius: 15px;\n        }\n        .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n          object-fit: contain;\n        }\n        .yh-sub-article--title {\n          font-weight: bold;\n          margin-top: .25rem;\n          font-size: 1rem;\n          margin-bottom: .25rem;\n        }\n        .yh-sub-article--info {\n          font-size: .8rem;\n          margin-bottom: 0;\n\n        }\n        @media screen and (max-width: 968px) {\n          .yh-sub-article-container {\n            flex-wrap: wrap;\n          }\n          .yh-sub-article {\n            width: 48%;\n            margin-bottom: 1rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/YoutubeGroup.js

@@ -4,7 +4,7 @@ import React, { useRef, useState, useEffect } from 'react';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import { L as LazyLoad } from './index-35bdcc81.js';
 import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { m as main_43, a as main_49, b as main_42 } from './main-b5c5aac1.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-d1638f9e.js';
+export { g as default } from './index-e8c6a892.js';
 import './BlockContent-52cf21c5.js';
 import './entities-932b50cf.js';
 import './slicedToArray-be2f7a22.js';
@@ -9,7 +9,7 @@ import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';
 import './core.get-iterator-method-133dfacd.js';
 import 'react-bootstrap';
-import './urlForV2.js';
+import './urlFor.js';
 import './index-0dbff1d1.js';
 import './index-2446af28.js';
 import './events-6c3a7a63.js';

package/dist/esm/{index-d1638f9e.js → index-e8c6a892.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
 import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import urlFor from './urlForV2.js';
+import urlFor from './urlFor.js';
 import { l as lib_3 } from './index-2446af28.js';
 import Router, { useRouter } from 'next/router';
 import { g as getYoutubeId } from './index-c7e2ac95.js';

package/dist/esm/index.js

@@ -49,8 +49,8 @@ export { default as ADSkyscraper } from './ADSkyscraper.js';
 export { default as Search } from './Search.js';
 export { default as Feature } from './Feature.js';
 import React from 'react';
-import urlFor from './urlForV2.js';
-export { default as urlFor } from './urlForV2.js';
+import urlFor from './urlFor.js';
+export { default as urlFor } from './urlFor.js';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Badge';
@@ -80,7 +80,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-d1638f9e.js';
+export { g as getSerializers } from './index-e8c6a892.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -186,7 +186,7 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './md5-4e42248e.js';
-import './SeriesSlider-bfd7299d.js';
+import './SeriesSlider-8f2aca58.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
 import 'react-twitter-embed';

package/dist/esm/urlFor.js

@@ -2,8 +2,40 @@ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
 import './_commonjsHelpers-0c4b6f40.js';
 
 // Sanity image auto formating
-function urlFor(client, source) {
-  return imageUrlBuilder(client).image(source).auto('format');
+
+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 ? null : _ref$imageFit;
+
+
+  //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);
+  return url.auto('format').url();
 }
 
 export default urlFor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.817-image-crop-test-v2",
+  "version": "1.0.817-image-crop-test-v4",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",