@mjhls/mjh-framework 1.0.840-seomanager-v1 → 1.0.840

package/dist/cjs/VideoSeriesListing.js

@@ -6,7 +6,7 @@ var React = require('react');
 var index = require('./index-fc2f1ca2.js');
 var Container = require('react-bootstrap/Container');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
-var index_esm = require('./index.esm-00a6aade.js');
+var index_esm = require('./index.esm-974f47d9.js');
 var moment = require('./moment-aca40de1.js');
 var Router = require('next/router');
 var YoutubeGroup = require('./YoutubeGroup.js');
@@ -25,7 +25,7 @@ require('./_library-dd23b178.js');
 require('./events-1b438fe7.js');
 require('prop-types');
 require('react-dom');
-require('./iconBase-be4097c0.js');
+require('./iconBase-68959171.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./core.get-iterator-method-f474eacc.js');
 require('./index-187c967e.js');
@@ -33,7 +33,7 @@ require('./index-eadd5035.js');
 require('./smoothscroll-99df7f93.js');
 require('./urlFor.js');
 require('./index-efca863c.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 
@@ -81,7 +81,7 @@ var VideoSeriesListing = function (_React$Component) {
         });
         return tempObj;
       }),
-      per: _this.params ? _this.params.to : 2,
+      per: _this.params ? _this.params.itemsPerPage : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
       to: _this.params ? _this.params.to : 2,
@@ -235,7 +235,9 @@ var VideoSeriesListing = function (_React$Component) {
             { key: index, style: { marginBottom: '2rem' }, counter: itemCounter++ },
             React__default['default'].createElement(
               'div',
-              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.25rem', borderBottom: '1px solid #d4a64d' } },
+              {
+                className: 'video-title-banner',
+                style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.25rem', borderBottom: '1px solid #d4a64d' } },
               React__default['default'].createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },

package/dist/cjs/View.js

@@ -10,21 +10,21 @@ var stringify = require('./stringify-c9ac1214.js');
 var toConsumableArray = require('./toConsumableArray-ddb70795.js');
 var moment = require('./moment-aca40de1.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 require('react-bootstrap/Dropdown');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-060c5d65.js');
+var getSerializers = require('./index-0a582ba9.js');
 var AdSlot = require('./AdSlot.js');
-var SeriesSlider = require('./SeriesSlider-34c6cc2b.js');
+var SeriesSlider = require('./SeriesSlider-cbab9f0f.js');
 var getTargeting = require('./getTargeting-be6168ad.js');
 var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 var _typeof = require('./typeof-88a668c5.js');
-var index_esm = require('./index.esm-f27f80d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');
@@ -63,8 +63,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');
 require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
@@ -1306,8 +1306,6 @@ var Article = React.forwardRef(function (props, ref) {
 var _this$1 = undefined;
 
 var ArticleQueue = function ArticleQueue(props) {
-  var router = Router.useRouter();
-
   var _props$prevUrl = props.prevUrl,
       prevUrl = _props$prevUrl === undefined ? '/' : _props$prevUrl,
       Ads = props.Ads,
@@ -1492,34 +1490,6 @@ var ArticleQueue = function ArticleQueue(props) {
     };
   }();
 
-  var currentPath = router && router.asPath;
-  var seoLinks = props.cache.seoManager && props.cache.seoManager.filter(function (eachDocument) {
-    return eachDocument.urlSeo == currentPath;
-  });
-
-  var metaDescriptionSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaDescription;
-  var metaTitleSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaTitle;
-  // let urlSeo = seoLinks && seoLinks.length ==1 && seoLinks[0].urlSeo
-
-  var changeMetaFromSanity = function changeMetaFromSanity(metaDescription, metaTitle, oldMeta) {
-    document.title = metaTitle;
-    //this was throwing an error if there was no description, doing a check for the description meta
-    if (document.querySelector('meta[name="description"]')) document.querySelector('meta[name="description"]').setAttribute('content', metaDescription);
-    document.querySelector('meta[name="keywords"]').setAttribute('content', oldMeta.shareKeywords);
-    document.querySelector('meta[property="og:url"]').setAttribute('content', oldMeta.shareUrl);
-    document.querySelector('meta[property="og:title"]').setAttribute('content', metaTitle);
-    document.querySelector('meta[property="og:site_name"]').setAttribute('content', oldMeta.shareVia);
-    document.querySelector('meta[property="og:description"]').setAttribute('content', metaDescription);
-    document.querySelector('meta[name="twitter:title"]').setAttribute('content', metaTitle);
-    document.querySelector('meta[name="twitter:image"]').setAttribute('content', oldMeta.shareImage);
-    document.querySelector('meta[name="twitter:site"]').setAttribute('content', oldMeta.shareVia);
-    //this was throwing an error if there was no description, doing a check for the description meta
-    if (document.querySelector('meta[name="twitter:description"]')) document.querySelector('meta[name="twitter:description"]').setAttribute('content', metaDescription);
-    if (canonicalTag) {
-      document.querySelector('link[rel="canonical"]').setAttribute('href', oldMeta.shareUrl);
-    }
-  };
-
   var changeMeta = function changeMeta(meta) {
     document.title = meta.shareTitle;
     //this was throwing an error if there was no description, doing a check for the description meta
@@ -1549,12 +1519,7 @@ var ArticleQueue = function ArticleQueue(props) {
     });
     // Change URL and do other changes
     window.history.pushState({ page: path }, meta.shareTitle, newPath);
-
-    if (metaDescriptionSanity && metaTitleSanity && currentPath == newPath) {
-      changeMetaFromSanity(metaDescriptionSanity, metaTitleSanity, meta);
-    } else {
-      changeMeta(meta);
-    }
+    changeMeta(meta);
     if (props.setCustomDimensions) {
       props.setCustomDimensions(activeArticle, '200', prevUrl);
     }
@@ -1711,13 +1676,6 @@ var View = function View(props) {
     meta_description = seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '';
   }
 
-  var currentPath = router && router.asPath;
-  var seoLinks = props.cache.seoManager && props.cache.seoManager.filter(function (eachDocument) {
-    return eachDocument.urlSeo == currentPath;
-  });
-
-  var metaDescriptionSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaDescription;
-  var metaTitleSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaTitle;
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -1727,9 +1685,9 @@ var View = function View(props) {
       React__default['default'].createElement(
         'title',
         { key: 'title' },
-        metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article && article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + article.title + (currentPage > 0 ? ' | Page ' + currentPage : '')
+        seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article && article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + article.title + (currentPage > 0 ? ' | Page ' + currentPage : '')
       ),
-      metaDescriptionSanity ? React__default['default'].createElement('meta', { name: 'description', key: 'description', content: metaDescriptionSanity }) : meta_description && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: meta_description }),
+      meta_description && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: meta_description }),
       React__default['default'].createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       passwordLock && React__default['default'].createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
       React__default['default'].createElement('meta', {
@@ -1739,7 +1697,7 @@ var View = function View(props) {
       }),
       React__default['default'].createElement('meta', {
         property: 'og:title',
-        content: metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        content: seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
         key: 'og:title'
       }),
       React__default['default'].createElement('meta', {
@@ -1748,11 +1706,11 @@ var View = function View(props) {
         key: 'og:image'
       }),
       React__default['default'].createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
-      metaDescriptionSanity ? React__default['default'].createElement('meta', { property: 'og:description', key: 'og:description', content: metaDescriptionSanity }) : meta_description && React__default['default'].createElement('meta', { property: 'og:description', key: 'og:description', content: meta_description }),
+      React__default['default'].createElement('meta', { property: 'og:description', content: meta_description, key: 'og:description' }),
       React__default['default'].createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
       React__default['default'].createElement('meta', {
         name: 'twitter:title',
-        content: metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        content: seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
         key: 'twitter:title'
       }),
       React__default['default'].createElement('meta', {
@@ -1761,7 +1719,7 @@ var View = function View(props) {
         key: 'twitter:image'
       }),
       React__default['default'].createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
-      metaDescriptionSanity ? React__default['default'].createElement('meta', { name: 'twitter:description', key: 'twitter:description', content: metaDescriptionSanity }) : meta_description && React__default['default'].createElement('meta', { name: 'twitter:description', key: 'twitter:description', content: meta_description }),
+      React__default['default'].createElement('meta', { name: 'twitter:description', content: meta_description, key: 'twitter:description' }),
       canonicalTag && React__default['default'].createElement('link', {
         rel: 'canonical',
         href: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,

package/dist/cjs/YoutubeGroup.js

@@ -7,7 +7,7 @@ var index = require('./index-187c967e.js');
 var index$1 = require('./index-eadd5035.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
 var urlFor = require('./urlFor.js');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-060c5d65.js');
+var getSerializers = require('./index-0a582ba9.js');
 require('./BlockContent-36e54d77.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-5d1bc3b3.js');
@@ -25,7 +25,7 @@ require('./asyncToGenerator-58c289d9.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-55a5657a.js');
 require('./Segment.js');
-require('./main-f1c77adb.js');
+require('./main-025fdc78.js');
 require('./extends-29bdbc6d.js');
 require('./_object-pie-083f2dd6.js');
 require('./index-eadd5035.js');
@@ -52,8 +52,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');
 
 

package/dist/{esm/iconBase-ccc56b97.js → cjs/iconBase-68959171.js}

@@ -1,4 +1,6 @@
-import * as React from 'react';
+'use strict';
+
+var React = require('react');
 
 var DefaultContext = {
   color: undefined,
@@ -78,4 +80,5 @@ function IconBase(props) {
   }) : elem(DefaultContext);
 }
 
-export { GenIcon as G, IconContext as I };
+exports.GenIcon = GenIcon;
+exports.IconContext = IconContext;

package/dist/cjs/{index-060c5d65.js → index-0a582ba9.js}

@@ -12,7 +12,7 @@ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var util = require('./util-6f784d85.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
-var main = require('./main-f1c77adb.js');
+var main = require('./main-025fdc78.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
 var _extends = require('./extends-29bdbc6d.js');
 var index$2 = require('./index-eadd5035.js');
@@ -32,7 +32,7 @@ var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
 var Head = require('next/head');
 var inherits = require('./inherits-c2065b95.js');
-var index_esm = require('./index.esm-00a6aade.js');
+var index_esm = require('./index.esm-974f47d9.js');
 var Figure$1 = require('react-bootstrap/Figure');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -92,7 +92,14 @@ var Slideshow$1 = function Slideshow(_ref) {
         return React__default['default'].createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default['default'].createElement('img', { src: slide.asset && urlFor({ source: slide.asset, client: client }), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default['default'].createElement(
+            'picture',
+            null,
+            React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default['default'].createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
+          ),
           slide.caption && React__default['default'].createElement(
             'p',
             { className: 'p-2' },
@@ -2152,7 +2159,14 @@ var Media = function Media(_ref) {
         React__default['default'].createElement(
           index$2.LazyLoad,
           { once: true },
-          React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          React__default['default'].createElement(
+            'picture',
+            null,
+            React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+            React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+            React__default['default'].createElement('img', _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
+          )
         ),
         caption && React__default['default'].createElement(
           reactBootstrap.Figure.Caption,
@@ -8165,7 +8179,14 @@ var Slideshow = function Slideshow(_ref) {
               React__default['default'].createElement(
                 index$2.LazyLoad,
                 null,
-                React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default['default'].createElement(
+                  'picture',
+                  null,
+                  React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                )
               )
             ),
             React__default['default'].createElement(
@@ -8260,7 +8281,14 @@ var MultiMedia = function MultiMedia(props) {
                 imageBox && React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt })
+                  React__default['default'].createElement(
+                    'picture',
+                    null,
+                    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                    React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
+                  )
                 ),
                 media.caption && React__default['default'].createElement(
                   'span',
@@ -8922,7 +8950,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage = React__default['default'].memo(function (_ref2) {
+var FigureImage$1 = React__default['default'].memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -9056,12 +9084,12 @@ var FigureComponent = function FigureComponent(props) {
       link ? React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
         React__default['default'].createElement(FigureCaption, null)
       ) : React__default['default'].createElement(
         React__default['default'].Fragment,
         null,
-        React__default['default'].createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
         React__default['default'].createElement(FigureCaption, null)
       ),
       React__default['default'].createElement(LightBox, {
@@ -9098,6 +9126,33 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
+var FigureImage = React__default['default'].memo(function (_ref) {
+  var imagesCount = _ref.imagesCount,
+      image = _ref.image,
+      client = _ref.client,
+      imgAlt = _ref.imgAlt,
+      link = _ref.link,
+      handleClickFigure = _ref.handleClickFigure;
+
+  return React__default['default'].createElement(
+    'picture',
+    null,
+    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
+    React__default['default'].createElement('img', _extends._extends({
+      'images-count': imagesCount,
+      className: 'multi-figure-image',
+      src: urlFor({ source: image, client: client }),
+      alt: imgAlt ? imgAlt : 'multi figure'
+    }, !link && {
+      onClick: function onClick() {
+        return handleClickFigure(image, client);
+      }
+    }))
+  );
+});
+
 var MultiFigure = function MultiFigure(props) {
   var images = props.node.images,
       client = props.client,
@@ -9117,9 +9172,9 @@ var MultiFigure = function MultiFigure(props) {
   var lightboxContainer = React.useRef(null);
   useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
 
-  var FigureCaption = function FigureCaption(_ref) {
-    var caption = _ref.caption,
-        imgcaption = _ref.imgcaption;
+  var FigureCaption = function FigureCaption(_ref2) {
+    var caption = _ref2.caption,
+        imgcaption = _ref2.imgcaption;
 
     if (imgcaption && imgcaption.length > 0) {
       return React__default['default'].createElement(
@@ -9132,6 +9187,11 @@ var MultiFigure = function MultiFigure(props) {
     } else return null;
   };
 
+  var handleClickFigure = React.useCallback(function (image, client) {
+    setOpenImgSrc(urlFor({ source: image, client: client }));
+    setOpenImg(true);
+  }, [client]);
+
   if (images && images.length > 0) {
     return React__default['default'].createElement(
       'div',
@@ -9152,7 +9212,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default['default'].createElement(
                   index$2.LazyLoad,
                   { once: true },
-                  React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor({ source: image.asset, client: client }), alt: image.alt })
+                  React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                 ),
                 React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9162,16 +9222,7 @@ var MultiFigure = function MultiFigure(props) {
               React__default['default'].createElement(
                 index$2.LazyLoad,
                 { once: true },
-                React__default['default'].createElement('img', {
-                  'images-count': images.length,
-                  className: 'multi-figure-image',
-                  src: urlFor({ source: image.asset, client: client }),
-                  alt: image.alt,
-                  onClick: function onClick() {
-                    setOpenImgSrc(urlFor({ source: image, client: client }));
-                    setOpenImg(true);
-                  }
-                })
+                React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
               ),
               React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
             )
@@ -9186,7 +9237,7 @@ var MultiFigure = function MultiFigure(props) {
       React__default['default'].createElement(
         'style',
         { jsx: 'true' },
-        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
+        '\n          .multi-figure-caption,\n          .multi-figure-caption h1,\n          .multi-figure-caption h2,\n          .multi-figure-caption h3,\n          .multi-figure-caption h4,\n          .multi-figure-caption h5,\n          .multi-figure-caption h6,\n          .multi-figure-caption p,\n          .multi-figure-caption ul {\n            color: #6c757d;\n            font-size: 0.875rem;\n          }\n\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            cursor: pointer;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              max-height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              max-height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              max-height: 300px;\n            }\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
       )
     );
   }

package/dist/cjs/{index-50be6759.js → index-8041a4eb.js}

@@ -46,7 +46,7 @@ function _setPrototypeOf(o, p) {
 
 var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 /*!
-  Copyright (c) 2018 Jed Watson.
+  Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
@@ -56,7 +56,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames() {
+	function classNames () {
 		var classes = [];
 
 		for (var i = 0; i < arguments.length; i++) {
@@ -67,22 +67,16 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 			if (argType === 'string' || argType === 'number') {
 				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
 				}
 			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
 					}
-				} else {
-					classes.push(arg.toString());
 				}
 			}
 		}

package/dist/cjs/{index.esm-f27f80d9.js → index.esm-05850a2f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var iconBase = require('./iconBase-be4097c0.js');
+var iconBase = require('./iconBase-68959171.js');
 
 // THIS FILE IS AUTO GENERATED
 function FaLongArrowAltRight (props) {

package/dist/cjs/{index.esm-c1e16606.js → index.esm-44f3e2d0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var iconBase = require('./iconBase-be4097c0.js');
+var iconBase = require('./iconBase-68959171.js');
 
 // THIS FILE IS AUTO GENERATED
 function MdEmail (props) {

package/dist/cjs/{index.esm-2bb721c8.js → index.esm-8123cf40.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactSocialIcons = require('./react-social-icons-af932527.js');
-var iconBase = require('./iconBase-be4097c0.js');
+var iconBase = require('./iconBase-68959171.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/{index.esm-00a6aade.js → index.esm-974f47d9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var iconBase = require('./iconBase-be4097c0.js');
+var iconBase = require('./iconBase-68959171.js');
 
 // THIS FILE IS AUTO GENERATED
 function IoIosArrowDropupCircle (props) {