@mjhls/mjh-framework 1.0.611 → 1.0.613

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.611
+# mjh-framework v. 1.0.613
 
 > Foundation Framework 
 

package/dist/cjs/ArticleQueue.js

@@ -44,7 +44,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/ExternalResources.js

@@ -44,10 +44,11 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
+require('next/head');
 
 var ExternalResources = function ExternalResources(props) {
   var resources = props.resources,

package/dist/cjs/PartnerDetailListing.js

@@ -50,10 +50,11 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
+require('next/head');
 require('react-bootstrap/Carousel');
 var Feature = require('./Feature.js');
 require('react-bootstrap/Breadcrumb');

package/dist/cjs/TemplateNormal.js

@@ -34,6 +34,7 @@ require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-fbd1f7e9.js');
 require('react-bootstrap/Button');
+require('next/head');
 var Column1 = require('./Column1.js');
 require('./defineProperty-55548b25.js');
 require('./SideFooter.js');
@@ -45,7 +46,6 @@ require('./ADWebcast.js');
 require('./LeftNav.js');
 require('./PageFilter.js');
 var Column3 = require('./Column3.js');
-require('next/head');
 var Header = require('./Header.js');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');

package/dist/cjs/View.js

@@ -44,12 +44,12 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
-var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Head = _interopDefault(require('next/head'));
+var defineProperty$1 = require('./defineProperty-55548b25.js');
 require('react-share');
 var SocialShare = require('./SocialShare.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
@@ -1306,8 +1306,13 @@ var View = function View(props) {
       description = _props$article.description,
       title = _props$article.title;
 
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
   // Logging GA pageview for the initial article with custom dimensions
 
+
   React.useEffect(function () {
     if (pageview && setCustomDimensions) {
       var timer = void 0;
@@ -1360,7 +1365,18 @@ var View = function View(props) {
       article.contextualAD = Ads.getNativeContextualAD(getTargeting.getTargeting(props, 'native-ad'));
     }
   }
-
+  React.useEffect(function () {
+    router.asPath && router.asPath.length > 0 && router.asPath.includes('?') && router.asPath.split('?')[1].split('&').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+    if (!router.asPath.includes('page=') && currentPage !== 0) {
+      setCurrentPage(0);
+    }
+  }, [router]);
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -1370,21 +1386,40 @@ var View = function View(props) {
       React__default.createElement(
         'title',
         { key: 'title' },
-        article && article.seo && article.seo.seo_title ? article.seo.seo_title : article.title + ' | ' + props.cache.siteSettingCache.name
+        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
       ),
-      shareOptions.shareSummary && React__default.createElement('meta', { name: 'description', key: 'description', content: article.seo && article.seo.meta_description ? article.seo.meta_description : shareOptions.shareSummary ? shareOptions.shareSummary : '' }),
+      shareOptions.shareSummary && React__default.createElement('meta', {
+        name: 'description',
+        key: 'description',
+        content: 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 : '') }),
       React__default.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
       React__default.createElement('meta', { property: 'og:url', content: shareOptions.shareUrl, key: 'og:url' }),
-      React__default.createElement('meta', { property: 'og:title', content: article.seo && article.seo.seo_title ? article.seo.seo_title : shareOptions.shareTitle, key: 'og:title' }),
+      React__default.createElement('meta', {
+        property: 'og:title',
+        content: 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.createElement('meta', { property: 'og:image', content: shareOptions.shareImage, key: 'og:image' }),
       React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
-      React__default.createElement('meta', { property: 'og:description', content: shareOptions.shareSummary ? shareOptions.shareSummary : '', key: 'og:description' }),
+      React__default.createElement('meta', {
+        property: 'og:description',
+        content: shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        key: 'og:description'
+      }),
       React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
-      React__default.createElement('meta', { name: 'twitter:title', content: article.seo && article.seo.seo_title ? article.seo.seo_title : shareOptions.shareTitle, key: 'twitter:title' }),
+      React__default.createElement('meta', {
+        name: 'twitter:title',
+        content: 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.createElement('meta', { name: 'twitter:image', content: shareOptions.shareImage, key: 'twitter:image' }),
       React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
-      React__default.createElement('meta', { name: 'twitter:description', content: shareOptions.shareSummary ? shareOptions.shareSummary : '', key: 'twitter:description' }),
+      React__default.createElement('meta', {
+        name: 'twitter:description',
+        content: shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        key: 'twitter:description'
+      }),
       React__default.createElement('link', { rel: 'canonical', href: shareOptions.shareUrl, key: 'canonical' }),
       React__default.createElement(
         'noscript',

package/dist/cjs/getSerializers.js

@@ -39,10 +39,11 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
+require('next/head');
 
 
 

package/dist/cjs/{index-42a63635.js → index-37735ef0.js}

@@ -30,6 +30,7 @@ var Button = _interopDefault(require('react-bootstrap/Button'));
 var util = require('./util-f2c1b65b.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-156bd4d6.js');
 var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
+var Head = _interopDefault(require('next/head'));
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -8004,6 +8005,11 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = React.useRef([]);
 
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      articleTitle = _useState2[0],
+      setArticleTitle = _useState2[1];
+
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
     if (articleNum >= 0) {
@@ -8032,9 +8038,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           React__default.createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React__default.createElement('img', {
-              src: urlFor(article.thumbnail.asset).height(100).url()
-            }),
+            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).url() }),
             React__default.createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
@@ -8065,10 +8069,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
       selectedArticle = _ref3[0],
       setSelectedArticle = _ref3[1];
 
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      firstLoad = _useState2[0],
-      setFirstLoad = _useState2[1];
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8092,7 +8096,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     var indexOfRef = refArray.current.findIndex(findArticle);
 
     if (indexOfRef >= 0) {
-      console.log(refArray.current[indexOfRef].wraperRef.current);
+      //console.log(refArray.current[indexOfRef].wraperRef.current)
       refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' });
       window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop + 150, behavior: 'smooth' });
     }
@@ -8111,6 +8115,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     // Change URL and do other changes
     var doChanges = function doChanges() {
       window.history.pushState({ page: path }, '', newPath);
+      setArticleTitle(path);
       refreshAD();
     };
 
@@ -8175,7 +8180,12 @@ var ArticleSeries = function ArticleSeries(_ref) {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    React__default.createElement('hr', { className: 'article-seperater' }),
+    articleTitle && React__default.createElement(
+      Head,
+      null,
+      React__default.createElement('meta', { property: 'og:title', content: articleTitle, key: 'og:title' })
+    ),
+    React__default.createElement('hr', { className: 'article-seperater my-4' }),
     React__default.createElement(
       'div',
       { className: 'objective-prevNext-Wrapper' },
@@ -8190,7 +8200,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
         PrevNextCards(false, -1)
       )
     ),
-    React__default.createElement('hr', { className: 'article-seperater my-4' }),
+    React__default.createElement('hr', { className: 'article-seperater' }),
     React__default.createElement(
       'div',
       { className: 'article-container', style: { marginBottom: '2rem' } },
@@ -8266,7 +8276,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n          }\n          h4.article-title {\n            padding: 0;\n          }\n          h4.prevNext-title {\n            padding: 0;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            max-width: 150px;\n            overflow: hidden;\n            align-items: center;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-around;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 225px;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 1rem;\n            }\n          }\n        '
+        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n          }\n          h4.article-title {\n            padding: 0;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 225px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
       )
     )
   );

package/dist/cjs/index.js

@@ -75,10 +75,11 @@ require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var EventsDeck = require('./EventsDeck.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-42a63635.js');
+var getSerializers = require('./index-37735ef0.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
+require('next/head');
 var ExternalResources = require('./ExternalResources.js');
 var Column1 = require('./Column1.js');
 require('./defineProperty-55548b25.js');
@@ -91,7 +92,6 @@ var ADWebcast = require('./ADWebcast.js');
 var LeftNav = require('./LeftNav.js');
 var PageFilter = require('./PageFilter.js');
 var Column3 = require('./Column3.js');
-require('next/head');
 var Header = require('./Header.js');
 require('react-bootstrap/Accordion');
 require('react-bootstrap/AccordionToggle');

package/dist/esm/ArticleQueue.js

@@ -39,7 +39,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-import { I as InscreenSensor, g as getSerializers } from './index-f191d6d0.js';
+import { I as InscreenSensor, g as getSerializers } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/ExternalResources.js

@@ -38,10 +38,11 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-f191d6d0.js';
+import { g as getSerializers } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
+import 'next/head';
 
 var ExternalResources = function ExternalResources(props) {
   var resources = props.resources,

package/dist/esm/PartnerDetailListing.js

@@ -45,10 +45,11 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-f191d6d0.js';
+import { g as getSerializers } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
+import 'next/head';
 import 'react-bootstrap/Carousel';
 import Feature from './Feature.js';
 import 'react-bootstrap/Breadcrumb';

package/dist/esm/TemplateNormal.js

@@ -28,6 +28,7 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-4b1d94b7.js';
 import 'react-bootstrap/Button';
+import 'next/head';
 import { Column1 } from './Column1.js';
 import './defineProperty-fa14766d.js';
 import './SideFooter.js';
@@ -39,7 +40,6 @@ import './ADWebcast.js';
 import './LeftNav.js';
 import './PageFilter.js';
 import { Column3 } from './Column3.js';
-import 'next/head';
 import Header from './Header.js';
 import 'react-bootstrap/Nav';
 import 'react-bootstrap/Navbar';

package/dist/esm/View.js

@@ -38,12 +38,12 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-f191d6d0.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
-import { _ as _defineProperty } from './defineProperty-fa14766d.js';
 import Head from 'next/head';
+import { _ as _defineProperty } from './defineProperty-fa14766d.js';
 import 'react-share';
 import SocialShare from './SocialShare.js';
 import Form from 'react-bootstrap/Form';
@@ -1300,8 +1300,13 @@ var View = function View(props) {
       description = _props$article.description,
       title = _props$article.title;
 
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
   // Logging GA pageview for the initial article with custom dimensions
 
+
   useEffect(function () {
     if (pageview && setCustomDimensions) {
       var timer = void 0;
@@ -1354,7 +1359,18 @@ var View = function View(props) {
       article.contextualAD = Ads.getNativeContextualAD(getTargeting(props, 'native-ad'));
     }
   }
-
+  useEffect(function () {
+    router.asPath && router.asPath.length > 0 && router.asPath.includes('?') && router.asPath.split('?')[1].split('&').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+    if (!router.asPath.includes('page=') && currentPage !== 0) {
+      setCurrentPage(0);
+    }
+  }, [router]);
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -1364,21 +1380,40 @@ var View = function View(props) {
       React__default.createElement(
         'title',
         { key: 'title' },
-        article && article.seo && article.seo.seo_title ? article.seo.seo_title : article.title + ' | ' + props.cache.siteSettingCache.name
+        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
       ),
-      shareOptions.shareSummary && React__default.createElement('meta', { name: 'description', key: 'description', content: article.seo && article.seo.meta_description ? article.seo.meta_description : shareOptions.shareSummary ? shareOptions.shareSummary : '' }),
+      shareOptions.shareSummary && React__default.createElement('meta', {
+        name: 'description',
+        key: 'description',
+        content: 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 : '') }),
       React__default.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
       React__default.createElement('meta', { property: 'og:url', content: shareOptions.shareUrl, key: 'og:url' }),
-      React__default.createElement('meta', { property: 'og:title', content: article.seo && article.seo.seo_title ? article.seo.seo_title : shareOptions.shareTitle, key: 'og:title' }),
+      React__default.createElement('meta', {
+        property: 'og:title',
+        content: 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.createElement('meta', { property: 'og:image', content: shareOptions.shareImage, key: 'og:image' }),
       React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
-      React__default.createElement('meta', { property: 'og:description', content: shareOptions.shareSummary ? shareOptions.shareSummary : '', key: 'og:description' }),
+      React__default.createElement('meta', {
+        property: 'og:description',
+        content: shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        key: 'og:description'
+      }),
       React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
-      React__default.createElement('meta', { name: 'twitter:title', content: article.seo && article.seo.seo_title ? article.seo.seo_title : shareOptions.shareTitle, key: 'twitter:title' }),
+      React__default.createElement('meta', {
+        name: 'twitter:title',
+        content: 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.createElement('meta', { name: 'twitter:image', content: shareOptions.shareImage, key: 'twitter:image' }),
       React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
-      React__default.createElement('meta', { name: 'twitter:description', content: shareOptions.shareSummary ? shareOptions.shareSummary : '', key: 'twitter:description' }),
+      React__default.createElement('meta', {
+        name: 'twitter:description',
+        content: shareOptions.shareSummary ? '' + shareOptions.shareSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + (currentPage > 0 ? ' | Page ' + currentPage : ''),
+        key: 'twitter:description'
+      }),
       React__default.createElement('link', { rel: 'canonical', href: shareOptions.shareUrl, key: 'canonical' }),
       React__default.createElement(
         'noscript',

package/dist/esm/getSerializers.js

@@ -37,7 +37,8 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-f191d6d0.js';
+export { g as default } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
+import 'next/head';

package/dist/esm/{index-f191d6d0.js → index-8064947f.js}

@@ -24,6 +24,7 @@ import Button$1 from 'react-bootstrap/Button';
 import { u as util } from './util-7700fc59.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f53e4e.js';
 import Pagination from 'react-bootstrap/Pagination';
+import Head from 'next/head';
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -7998,6 +7999,11 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = useRef([]);
 
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      articleTitle = _useState2[0],
+      setArticleTitle = _useState2[1];
+
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
     if (articleNum >= 0) {
@@ -8026,9 +8032,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
           React__default.createElement(
             'div',
             { className: 'prevNext-thumbnail' },
-            React__default.createElement('img', {
-              src: urlFor(article.thumbnail.asset).height(100).url()
-            }),
+            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).url() }),
             React__default.createElement(
               'div',
               { className: 'prevNext-reading ' + showReading },
@@ -8059,10 +8063,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
       selectedArticle = _ref3[0],
       setSelectedArticle = _ref3[1];
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      firstLoad = _useState2[0],
-      setFirstLoad = _useState2[1];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8086,7 +8090,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     var indexOfRef = refArray.current.findIndex(findArticle);
 
     if (indexOfRef >= 0) {
-      console.log(refArray.current[indexOfRef].wraperRef.current);
+      //console.log(refArray.current[indexOfRef].wraperRef.current)
       refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' });
       window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop + 150, behavior: 'smooth' });
     }
@@ -8105,6 +8109,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     // Change URL and do other changes
     var doChanges = function doChanges() {
       window.history.pushState({ page: path }, '', newPath);
+      setArticleTitle(path);
       refreshAD();
     };
 
@@ -8169,7 +8174,12 @@ var ArticleSeries = function ArticleSeries(_ref) {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    React__default.createElement('hr', { className: 'article-seperater' }),
+    articleTitle && React__default.createElement(
+      Head,
+      null,
+      React__default.createElement('meta', { property: 'og:title', content: articleTitle, key: 'og:title' })
+    ),
+    React__default.createElement('hr', { className: 'article-seperater my-4' }),
     React__default.createElement(
       'div',
       { className: 'objective-prevNext-Wrapper' },
@@ -8184,7 +8194,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
         PrevNextCards(false, -1)
       )
     ),
-    React__default.createElement('hr', { className: 'article-seperater my-4' }),
+    React__default.createElement('hr', { className: 'article-seperater' }),
     React__default.createElement(
       'div',
       { className: 'article-container', style: { marginBottom: '2rem' } },
@@ -8260,7 +8270,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n          }\n          h4.article-title {\n            padding: 0;\n          }\n          h4.prevNext-title {\n            padding: 0;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            max-width: 150px;\n            overflow: hidden;\n            align-items: center;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-around;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 225px;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 1rem;\n            }\n          }\n        '
+        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n          }\n          h4.article-title {\n            padding: 0;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 225px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
       )
     )
   );

package/dist/esm/index.js

@@ -71,10 +71,11 @@ import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as EventsDeck } from './EventsDeck.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-f191d6d0.js';
+export { g as getSerializers } from './index-8064947f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
+import 'next/head';
 export { default as ExternalResources } from './ExternalResources.js';
 export { Column1 } from './Column1.js';
 import './defineProperty-fa14766d.js';
@@ -87,7 +88,6 @@ export { default as ADWebcast } from './ADWebcast.js';
 export { default as LeftNav } from './LeftNav.js';
 export { default as PageFilter } from './PageFilter.js';
 export { Column3 } from './Column3.js';
-import 'next/head';
 export { default as Header } from './Header.js';
 import 'react-bootstrap/Accordion';
 import 'react-bootstrap/AccordionToggle';

package/package.json

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