@mjhls/mjh-framework 1.0.819-ad-refresh → 1.0.820

package/dist/cjs/NavMagazine.js

@@ -8,19 +8,19 @@ var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
-var index_esm = require('./index.esm-9225638f.js');
-var index_esm$1 = require('./index.esm-00a6aade.js');
+var index_esm = require('./index.esm-3b9b8952.js');
+var index_esm$1 = require('./index.esm-974f47d9.js');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm$2 = require('./index.esm-2bb721c8.js');
-var main = require('./main-f1c77adb.js');
+var index_esm$2 = require('./index.esm-8123cf40.js');
+var main = require('./main-025fdc78.js');
 var Segment = require('./Segment.js');
-var SocialSearchComponent = require('./SocialSearchComponent-948138c7.js');
+var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
 require('./core.get-iterator-method-f474eacc.js');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 require('./react-social-icons-af932527.js');
 require('prop-types');
 require('./asyncToGenerator-58c289d9.js');
@@ -40,16 +40,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black

package/dist/cjs/NavNative.js

@@ -9,14 +9,14 @@ var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
-var index_esm = require('./index.esm-2bb721c8.js');
+var index_esm = require('./index.esm-8123cf40.js');
 var Segment = require('./Segment.js');
 var SocialIcons = require('./SocialIcons.js');
-var iconBase = require('./iconBase-be4097c0.js');
+var iconBase = require('./iconBase-68959171.js');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 var eq = require('./eq-5fc26c07.js');
 var isSymbol = require('./isSymbol-03abbdf0.js');
 var toNumber = require('./toNumber-5e1fac58.js');
@@ -317,15 +317,15 @@ function chunk(array, size, guard) {
 var chunk_1 = chunk;
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,

package/dist/cjs/NavNormal.js

@@ -7,10 +7,10 @@ var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
 var Navbar = require('react-bootstrap/Navbar');
 var NavDropdown = require('react-bootstrap/NavDropdown');
-var index_esm = require('./index.esm-9225638f.js');
+var index_esm = require('./index.esm-3b9b8952.js');
 var Search = require('./Search.js');
 var Segment = require('./Segment.js');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');

package/dist/cjs/OncliveHero.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-efca863c.js');
+var urlFor = require('./urlFor.js');
 require('react-bootstrap/Badge');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 var moment = require('./moment-aca40de1.js');
+require('./index-efca863c.js');
 require('./_commonjsHelpers-06173234.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,10 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var OncliveHero = function OncliveHero(props) {
   var client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
+
   return React__default['default'].createElement(
     'div',
     { className: 'article-group--container' },
@@ -25,7 +23,8 @@ var OncliveHero = function OncliveHero(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;

package/dist/cjs/OncliveLargeHero.js

@@ -2,11 +2,12 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var index = require('./index-efca863c.js');
+var urlFor = require('./urlFor.js');
 var entities = require('./entities-3f9d0f2f.js');
 var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
-var index$1 = require('./index-eadd5035.js');
+var index = require('./index-eadd5035.js');
 require('./_commonjsHelpers-06173234.js');
+require('./index-efca863c.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -27,15 +28,12 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
   var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
   var client = props.client;
 
-  var builder = index.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(550).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 550 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   } else if (props.thumbnail) {
     topArticleThumbnail = props.thumbnail;
@@ -78,18 +76,18 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container middle-single' },
-        middleArticles && middleArticles.map(function (article, index) {
+        middleArticles && middleArticles.map(function (article, index$1) {
           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;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index, className: 'sub-article' },
+            { key: index$1, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -117,9 +115,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index$1.LazyLoad,
+                  index.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
                 )
               )
             )
@@ -133,18 +131,19 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container middle-group' },
-        middleArticles && middleArticles.map(function (article, index) {
+        middleArticles && middleArticles.map(function (article, index$1) {
           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;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index, className: 'sub-article' },
+            { key: index$1, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -172,9 +171,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index$1.LazyLoad,
+                  index.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
                 )
               )
             )
@@ -184,18 +183,18 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       React__default['default'].createElement(
         'div',
         { className: 'sub-articles-container' },
-        subArticles && subArticles.map(function (article, index) {
+        subArticles && subArticles.map(function (article, index$1) {
           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;
           }
           return React__default['default'].createElement(
             'div',
-            { key: index, className: 'sub-article' },
+            { key: index$1, className: 'sub-article' },
             React__default['default'].createElement(
               'a',
               { href: '/view/' + article.url.current },
@@ -223,9 +222,9 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
                 'div',
                 { className: 'author-wrapper' },
                 React__default['default'].createElement(
-                  index$1.LazyLoad,
+                  index.LazyLoad,
                   { height: 50 },
-                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index$1.toString(), index: index$1, authors: article.authorMapping })
                 )
               )
             )

package/dist/cjs/PartnerDetailListing.js

@@ -5,14 +5,13 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
 var reactTwitterEmbed = require('react-twitter-embed');
-var index = require('./index-efca863c.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
+var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
-var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-48bd6cd5.js');
+var getSerializers = require('./index-179d21a3.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
@@ -22,18 +21,20 @@ require('./_library-dd23b178.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./_iter-detect-55a5657a.js');
 require('./_object-pie-083f2dd6.js');
+require('./index-efca863c.js');
 require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('next/router');
 require('./index-eadd5035.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-eb4ce360.js');
+require('./ADInfeed-8b336c67.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -44,7 +45,7 @@ require('./stringify-c9ac1214.js');
 require('./Segment.js');
 require('./AuthorComponent-c21aac7f.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-8a05b63f.js');
+require('./ADlgInfeed-aedd5e18.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('react-bootstrap/Breadcrumb');
@@ -66,8 +67,8 @@ require('react-bootstrap/Col');
 require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
-require('./index.esm-00a6aade.js');
-require('./iconBase-be4097c0.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -94,10 +95,6 @@ var ImageSlider = function ImageSlider(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
-  var builder = index.imageUrlBuilder(props.client);
-  function urlFor(source) {
-    return builder.image(source);
-  }
   function scrollSlider(e, direction) {
     var slide = e.target.parentElement;
     var scrollOffset = scrollPosition;
@@ -205,7 +202,7 @@ var ImageSlider = function ImageSlider(props) {
           'div',
           { ref: innerSlider, className: 'row__inner' },
           props.data.slides.map(function (img, index) {
-            var thumbnail = urlFor(img.slideshowImage).width(250);
+            var thumbnail = urlFor({ client: client, source: img.slideshowImage, imageWidth: 250 });
             if (!img.slideshowImage.link) {
               return React__default['default'].createElement(
                 'div',
@@ -274,7 +271,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
             React__default['default'].createElement('img', {
               alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
               style: { maxWidth: '100%' },
-              src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
+              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
             partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default['default'].createElement(
               'figcaption',
               null,
@@ -287,7 +284,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           React__default['default'].createElement('img', {
             alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
             style: { maxWidth: '100%' },
-            src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
+            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
           partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default['default'].createElement(
             'figcaption',
             null,

package/dist/cjs/PdfDownload.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index_esm = require('./index.esm-9225638f.js');
+var index_esm = require('./index.esm-3b9b8952.js');
 var React = require('react');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/PubSection.js

@@ -15,18 +15,20 @@ require('./_iter-detect-55a5657a.js');
 require('./_object-pie-083f2dd6.js');
 require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap');
+require('./urlFor.js');
 require('./index-efca863c.js');
 require('./index.es-f3e47207.js');
 require('./moment-aca40de1.js');
 require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
-require('./index-0e4427c8.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('prop-types');
 require('next/router');
 require('./index-eadd5035.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-eb4ce360.js');
+require('./ADInfeed-8b336c67.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
 require('./debounce-d4a2369b.js');
@@ -37,7 +39,7 @@ require('./stringify-c9ac1214.js');
 require('./Segment.js');
 require('./AuthorComponent-c21aac7f.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-8a05b63f.js');
+require('./ADlgInfeed-aedd5e18.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 

package/dist/cjs/PublicationDeck.js

@@ -6,11 +6,12 @@ var Col = require('react-bootstrap/Col');
 var Button = require('react-bootstrap/Button');
 var Card = require('react-bootstrap/Card');
 var index = require('./index-eadd5035.js');
-var index$1 = require('./index-efca863c.js');
+var urlFor = require('./urlFor.js');
 var lodash = require('./lodash-f0783643.js');
 require('./_commonjsHelpers-06173234.js');
 require('react-dom');
 require('prop-types');
+require('./index-efca863c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,8 +23,12 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 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;
@@ -43,17 +48,10 @@ var PublicationDeck = function PublicationDeck(props) {
     return o.childIssue && o.childIssue.year ? o.childIssue.year : null;
   }]);
 
-  var urlFor = function urlFor(source) {
-    var builder = index$1.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/cjs/PublicationLanding.js

@@ -383,35 +383,32 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set);
 
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
-  const builder = imageUrlBuilder(client)
-  const urlFor = (source) => {
-    return builder.image(source)
-  }
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor(issue.thumbnail).url()
-  })
-  return { pub, year }
-}
-export default Publication
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+ **import urlFor from framework**
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
+  })
+  return { pub, year }
+}
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {