@mjhls/mjh-framework 1.0.736 → 1.0.738

package/dist/esm/View.js

@@ -13,7 +13,7 @@ import 'react-bootstrap/Dropdown';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d6ad9248.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-a7f9ce66.js';
 import SocialShare from './SocialShare.js';
 import DFPAdSlot from './AdSlot.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-2d402d66.js';
@@ -363,7 +363,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
             'a',
             { href: '/view/' + (article.url ? article.url.current : '') },
             React.createElement(
-              'h4',
+              'div',
               { className: styles.cardTitle },
               article.title
             )
@@ -686,7 +686,7 @@ var Article = function Article(props) {
     );
   };
 
-  var renderBlockContent = function renderBlockContent(payload) {
+  var renderBlockContent = function renderBlockContent(payload, meta, authorImgHeight) {
     var _payload = payload,
         body = _payload.body;
 
@@ -829,13 +829,24 @@ var Article = function Article(props) {
       );
     } else {
       return React.createElement(BlockContent, _extends({
-        serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting, article),
+        serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
       }, client.config()));
     }
   };
 
+  var checkIfVideoSeries = function checkIfVideoSeries(article) {
+    for (var i = 0; i < article.body.length; i++) {
+      var block = article.body[i];
+      if (block._type === 'youtubeGallery') {
+        return true;
+      }
+    }
+
+    return false;
+  };
+
   var detail = function detail() {
     var shareVia = shareOptions.shareVia,
         shareSubject = shareOptions.shareSubject,
@@ -866,6 +877,8 @@ var Article = function Article(props) {
       };
     }
 
+    var isVideoSeries = checkIfVideoSeries(article);
+
     return React.createElement(
       React.Fragment,
       null,
@@ -888,7 +901,8 @@ var Article = function Article(props) {
           React.createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
-            React.createElement(
+            isVideoSeries && renderBlockContent(article, meta, authorImgHeight),
+            !isVideoSeries && React.createElement(
               'h1',
               { className: 'page-title', style: { fontSize: '1.9rem' } },
               title
@@ -904,7 +918,7 @@ var Article = function Article(props) {
               React.createElement(
                 'div',
                 { className: 'left-wrap' },
-                showPublished && React.createElement(
+                !isVideoSeries && showPublished && React.createElement(
                   'div',
                   null,
                   moment(published).format('LL')
@@ -914,7 +928,7 @@ var Article = function Article(props) {
                 React.createElement(
                   'div',
                   { className: 'mb-3' },
-                  authorDetails && authorDetails.map(function (authorDetail, index) {
+                  !isVideoSeries && authorDetails && authorDetails.map(function (authorDetail, index) {
                     return React.createElement(
                       'span',
                       { key: index },
@@ -977,7 +991,7 @@ var Article = function Article(props) {
                     'Page Number: ' + pageNumber
                   )
                 ),
-                React.createElement(
+                !isVideoSeries && React.createElement(
                   'p',
                   null,
                   React.createElement(SocialShare, {
@@ -1002,7 +1016,7 @@ var Article = function Article(props) {
                 React.createElement(DocumentGroup, { article: props.article, client: props.client })
               )
             ),
-            summary && React.createElement(
+            !isVideoSeries && summary && React.createElement(
               'p',
               null,
               React.createElement(
@@ -1036,7 +1050,7 @@ var Article = function Article(props) {
             React.createElement(
               'div',
               { className: 'block-content mt-3' },
-              renderBlockContent(article),
+              !isVideoSeries && renderBlockContent(article, meta),
               React.createElement('div', { className: 'clearfix' }),
               React.createElement(
                 'noscript',
@@ -1484,6 +1498,13 @@ var View = function View(props) {
       setCurrentPage(0);
     }
   }, [router]);
+
+  var meta_description = seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.meta_description ? '' + article.seo.meta_description + (currentPage > 0 ? ' | Page ' + currentPage : '') : shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? 'Page ' + currentPage : '');
+
+  if (isVideoSeries) {
+    meta_description = seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '';
+  }
+
   return React.createElement(
     React.Fragment,
     null,
@@ -1493,12 +1514,12 @@ var View = function View(props) {
       React.createElement(
         'title',
         { key: 'title' },
-        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 : '') + ' | ' + props.cache.siteSettingCache.name
+        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 : '')
       ),
       shareOptions.shareSummary && React.createElement('meta', {
         name: 'description',
         key: 'description',
-        content: seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.meta_description ? '' + article.seo.meta_description + (currentPage > 0 ? ' | Page ' + currentPage : '') : shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? 'Page ' + currentPage : '') }),
+        content: meta_description }),
       React.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       passwordLock && React.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
       React.createElement('meta', {
@@ -1519,7 +1540,7 @@ var View = function View(props) {
       React.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
       React.createElement('meta', {
         property: 'og:description',
-        content: seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        content: meta_description,
         key: 'og:description'
       }),
       React.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
@@ -1536,7 +1557,7 @@ var View = function View(props) {
       React.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
       React.createElement('meta', {
         name: 'twitter:description',
-        content: seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        content: meta_description,
         key: 'twitter:description'
       }),
       canonicalTag && React.createElement('link', {

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-d6ad9248.js';
+export { g as default } from './index-a7f9ce66.js';
 import './BlockContent-d8cd739c.js';
 import './entities-932b50cf.js';
 import './slicedToArray-cdeaee08.js';
@@ -33,6 +33,9 @@ import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
@@ -42,7 +45,6 @@ import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/{index-d6ad9248.js → index-a7f9ce66.js}

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-cdeaee08.js';
-import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Card, Row as Row$1, Col as Col$1 } from 'react-bootstrap';
+import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
 import { i as imageUrlBuilder } from './index-3f5c03b2.js';
 import { l as lib_3 } from './index-888f9253.js';
 import Router, { useRouter } from 'next/router';
@@ -18,6 +18,7 @@ import { _ as _typeof$1 } from './typeof-e9cea9e8.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
 import GroupDeck from './GroupDeck.js';
 import { m as moment } from './moment-bc12cb97.js';
+import SocialShare from './SocialShare.js';
 import { _ as _export, a as _core } from './_to-object-97770c52.js';
 import { _ as _objectToArray } from './_object-to-array-8f409e54.js';
 import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
@@ -25,8 +26,8 @@ import Pagination from 'react-bootstrap/Pagination';
 import Button$1 from 'react-bootstrap/Button';
 import { h as html_decode_1 } from './entities-932b50cf.js';
 import DFPAdSlot from './AdSlot.js';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
 import Head from 'next/head';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-5906fbea.js';
 import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
@@ -2320,12 +2321,12 @@ var Video = function Video(_ref) {
           accountId: accountIDs.brightcove.accountId,
           videoId: videoID,
           playerId: accountIDs.brightcove.playerId,
-          attrs: { className: 'brightcove', autoplay: 'muted' }
+          attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
         }),
         React.createElement(
           'style',
           { jsx: 'true' },
-          '\n              .brightcove {\n                position: relative;\n                margin-bottom: 1rem;\n                height: 100%;\n                width: 100%;\n              }\n              .brightcove .video-js {\n                height: 100%;\n                width: 100%;\n                position: relative;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                min-height: 411px;\n              }\n            '
+          '\n                 .brightcove-fluid {\n                  position: relative;\n                  padding-bottom: 56.25%; /* 16:9 */\n                  height: 0;\n                  width: 100%;\n                  margin-bottom: 1rem;\n                }\n                .brightcove-fluid .video-js {\n                  height: 100%;\n                  width: 100%;\n                  position: absolute;\n                  top: 0;\n                  left: 0;\n                  right: 0;\n                  bottom: 0;\n                }\n            '
         )
       );
     } else if (playlistID) {
@@ -2337,12 +2338,12 @@ var Video = function Video(_ref) {
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
           onSuccess: onVideoSuccess,
-          attrs: { className: 'brightcove brightcove-playlist', autoplay: 'muted' }
+          attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
         }),
         React.createElement(
           'style',
           { jsx: 'true' },
-          '\n              .brightcove {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n              }\n              .brightcove .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
+          '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (experienceID) {
@@ -7058,11 +7059,74 @@ var VideoMp4 = function VideoMp4(_ref) {
   );
 };
 
+var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
+  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
+  var biography = arguments[5];
+  var profileImage = arguments[6];
+
+  if (authorName && authorURL) {
+    return React.createElement(
+      'span',
+      null,
+      React.createElement(
+        'a',
+        { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
+        authorName
+      ),
+      React.createElement(
+        Card,
+        { className: 'author-details-card-' + index },
+        React.createElement(
+          Row,
+          null,
+          profileImage && React.createElement(
+            Col,
+            { sm: 12, md: 4, className: 'author-details-img-container' },
+            React.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
+          ),
+          React.createElement(
+            Col,
+            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
+            React.createElement(
+              'div',
+              { style: { fontWidth: '500', fontSize: '1.15rem' } },
+              authorName
+            ),
+            React.createElement(
+              'p',
+              null,
+              biography
+            )
+          )
+        )
+      ),
+      React.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
+      ),
+      length !== index + 1 && ' , '
+    );
+  } else if (authorName) {
+    return React.createElement(
+      'span',
+      { key: index },
+      authorName,
+      length !== index + 1 && ' , '
+    );
+  }
+};
+
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
       getSerializers = _ref.getSerializers,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      article = _ref.article,
+      meta = _ref.meta,
+      authorPrefix = _ref.authorPrefix,
+      _ref$authorImgHeight = _ref.authorImgHeight,
+      authorImgHeight = _ref$authorImgHeight === undefined ? 270 : _ref$authorImgHeight;
 
   if (!nodes || !nodes.videos) {
     return null;
@@ -7071,7 +7135,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   var today = moment().utc().format();
 
   var Videos = nodes.videos.filter(function (video) {
-    console.dir(video);
     if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (today >= video.published || !video.hasOwnProperty('published'))) {
       return video;
     }
@@ -7142,7 +7205,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   // Once component mounts, set the variables
   useEffect(function () {
     var params = new URL(document.location).searchParams;
-    var seriesVid = params.get('seriesVid') || 1;
+    var seriesVid = params.get('seriesVid') || 0;
     var data = [];
 
     Videos.forEach(function (vid) {
@@ -7158,7 +7221,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     });
     // if series number doesn't exist, route back to first vid of series
 
-    if (data.length < seriesVid) {
+    if (data.length < seriesVid || !seriesVid) {
       setSeries(1);
       setVidUrl(Videos[0].url);
       setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor(Videos[0].thumbnail.asset).url() : '');
@@ -7181,17 +7244,17 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     setData(data);
   }, []);
 
-  useEffect(function () {
-    if (vidLoaded == true) {
-      var params = new URL(document.location).searchParams;
-      var seriesVid = params.get('seriesVid');
-      var vidTitle = Videos[series - 1].title;
-      var originalTitle = document.title;
-      if (seriesVid) {
-        document.title = vidTitle + ' | ' + originalTitle;
-      }
-    }
-  }, [vidLoaded]);
+  // useEffect(() => {
+  //   if (vidLoaded == true) {
+  //     const params = new URL(document.location).searchParams
+  //     const seriesVid = params.get('seriesVid')
+  //     const vidTitle = Videos[series - 1].title
+  //     const originalTitle = document.title
+  //     if (seriesVid) {
+  //       document.title = vidTitle + ' | ' + originalTitle
+  //     }
+  //   }
+  // }, [vidLoaded])
 
   // This function is passed to the GroupDeck to change the youtube iframe src
   function setState(url, thumbnail, vidIndex) {
@@ -7325,6 +7388,65 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   return React.createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
+    React.createElement(
+      'div',
+      { className: 'mt-2 mb-5' },
+      series && React.createElement(
+        'div',
+        { style: { fontSize: '0.9rem' } },
+        article.title,
+        ' - Episode ',
+        series
+      ),
+      Videos[series - 1] && React.createElement(
+        'h1',
+        { className: 'mb-3' },
+        Videos[series - 1].title
+      ),
+      React.createElement(
+        'div',
+        null,
+        moment(article.published).format('LL')
+      ),
+      React.createElement(
+        'div',
+        { className: 'mb-3' },
+        article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
+          return React.createElement(
+            'span',
+            { key: index },
+            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor(client, authorDetail.profileImage).height(authorImgHeight).url())
+          );
+        })
+      ),
+      React.createElement(
+        'p',
+        null,
+        React.createElement(SocialShare, {
+          shareUrl: meta.shareUrl + '?seriesVid=' + series,
+          shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
+          shareVia: meta.shareVia,
+          shareSummary: Videos[series - 1] && Videos[series - 1].text ? Videos[series - 1].text : meta.shareSummary,
+          shareSubject: meta.shareSubject,
+          shareImage: meta.shareImage,
+          size: 32,
+          siteName: meta.siteName,
+          twitterSiteName: meta.twitterSiteName,
+          disableMeta: true,
+          hidePinterest: meta.hidePinterestShare,
+          hideFacebook: meta.hideFBShare
+        })
+      ),
+      Videos[series - 1] && Videos[series - 1].intro && React.createElement(
+        'p',
+        { className: 'mb-3' },
+        React.createElement(
+          'em',
+          null,
+          Videos[series - 1].intro
+        )
+      )
+    ),
     React.createElement(
       'div',
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
@@ -7369,33 +7491,13 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
     React.createElement(
       'div',
-      { className: 'mt-2 mb-5' },
-      series && React.createElement(
-        'h3',
-        null,
-        'Episode ',
-        series
-      ),
-      Videos[series - 1] && React.createElement(
-        'h2',
-        { className: 'mb-3' },
-        Videos[series - 1].title
-      ),
-      Videos[series - 1] && Videos[series - 1].intro && React.createElement(
-        'p',
-        { className: 'mb-3' },
-        React.createElement(
-          'em',
-          null,
-          Videos[series - 1].intro
-        )
-      ),
+      { className: 'vid-text' },
       Videos[series - 1] && Videos[series - 1].text && React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        #fluid-video-container > div {\n          position: relative;\n          padding-bottom: 56.25%; /* 16:9 */\n          height: 0;\n        }\n        #fluid-video-container .fluid-iframe {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100% !important;\n        }\n\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
+      '\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
     )
   );
 };
@@ -8156,11 +8258,11 @@ var MultiMedia = function MultiMedia(props) {
       'div',
       { className: 'multi-media-container' },
       React.createElement(
-        Row,
+        Row$1,
         { noGutters: true },
         medias.map(function (media) {
           return React.createElement(
-            Col,
+            Col$1,
             { xs: 12, md: 12 / medias.length, key: media._key },
             React.createElement(
               'a',
@@ -8194,64 +8296,6 @@ var MultiMedia = function MultiMedia(props) {
   return null;
 };
 
-var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
-  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
-  var biography = arguments[5];
-  var profileImage = arguments[6];
-
-  if (authorName && authorURL) {
-    return React.createElement(
-      'span',
-      null,
-      React.createElement(
-        'a',
-        { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
-        authorName
-      ),
-      React.createElement(
-        Card,
-        { className: 'author-details-card-' + index },
-        React.createElement(
-          Row$1,
-          null,
-          profileImage && React.createElement(
-            Col$1,
-            { sm: 12, md: 4, className: 'author-details-img-container' },
-            React.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
-          ),
-          React.createElement(
-            Col$1,
-            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
-            React.createElement(
-              'h5',
-              null,
-              authorName
-            ),
-            React.createElement(
-              'p',
-              null,
-              biography
-            )
-          )
-        )
-      ),
-      React.createElement(
-        'style',
-        { jsx: 'true' },
-        '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
-      ),
-      length !== index + 1 && ' , '
-    );
-  } else if (authorName) {
-    return React.createElement(
-      'span',
-      { key: index },
-      authorName,
-      length !== index + 1 && ' , '
-    );
-  }
-};
-
 var InscreenSensor = function (_React$Component) {
   _inherits$1(InscreenSensor, _React$Component);
 
@@ -9098,11 +9142,11 @@ var MultiFigure = function MultiFigure(props) {
       'div',
       { className: 'multi-figure-container' },
       React.createElement(
-        Row,
+        Row$1,
         { noGutters: true, style: { alignItems: 'center' } },
         images.map(function (image, index) {
           return React.createElement(
-            Col,
+            Col$1,
             { xs: 12, md: 12 / images.length, key: index },
             image.link ? React.createElement(
               'a',
@@ -9229,7 +9273,10 @@ var getSerializers = function getSerializers() {
       articleId = props[9],
       Ads = props[10],
       targeting = props[11],
-      article = props[12];
+      article = props[12],
+      meta = props[13],
+      authorPrefix = props[14],
+      authorImgHeight = props[15];
 
   return {
     types: {
@@ -9246,7 +9293,7 @@ var getSerializers = function getSerializers() {
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React.createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
+        return React.createElement(YouTubeGallery, { nodes: node, article: article, meta: meta, authorPrefix: authorPrefix, authorImgHeight: authorImgHeight, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;

package/dist/esm/index.js

@@ -78,7 +78,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-d6ad9248.js';
+export { g as getSerializers } from './index-a7f9ce66.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.736",
+  "version": "1.0.738",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",