@mjhls/mjh-framework 1.0.671 → 1.0.672

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.671
+# mjh-framework v. 1.0.672
 
 > Foundation Framework 
 

package/dist/cjs/ExternalResources.js

@@ -45,7 +45,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-94d2f1de.js');
+var getSerializers = require('./index-c190d704.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/PartnerDetailListing.js

@@ -52,7 +52,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-94d2f1de.js');
+var getSerializers = require('./index-c190d704.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/View.js

@@ -48,7 +48,7 @@ require('./iconBase-68959171.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
-var getSerializers = require('./index-94d2f1de.js');
+var getSerializers = require('./index-c190d704.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/getSerializers.js

@@ -40,7 +40,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-94d2f1de.js');
+var getSerializers = require('./index-c190d704.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-94d2f1de.js → index-c190d704.js}

@@ -32,7 +32,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'));
-require('next/head');
+var Head = _interopDefault(require('next/head'));
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -8096,7 +8096,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     });
   };
 
-  var _ref4 = router.asPath.split('?')[1] ? React.useState(router.asPath.split('=')[1]) : React.useState(null),
+  var _ref4 = router && router.asPath && router.asPath.split('?')[1] ? React.useState(router.asPath.split('=')[1]) : React.useState(null),
       _ref5 = slicedToArray._slicedToArray(_ref4, 2),
       selectedArticle = _ref5[0],
       setSelectedArticle = _ref5[1];
@@ -8106,6 +8106,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
       firstLoad = _useState2[0],
       setFirstLoad = _useState2[1];
 
+  var _useState3 = React.useState(null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      currentURL = _useState4[0],
+      setCurrentURL = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      currentTitle = _useState6[0],
+      setCurrentTitle = _useState6[1];
+
+  var _useState7 = React.useState(null),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      currentSummary = _useState8[0],
+      setCurrentSummary = _useState8[1];
+
+  var _useState9 = React.useState(null),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      currentThumbnail = _useState10[0],
+      setCurrentThumbnail = _useState10[1];
+
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
     var articleClicked = e.currentTarget.dataset.articleid;
@@ -8144,9 +8164,13 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
-  var onChangeArticle = function onChangeArticle(path, visibility, title) {
+  var onChangeArticle = function onChangeArticle(path, visibility, title, summary, shareImage) {
     var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('?seriesArticle=', '') : '';
-    var newPath = router.asPath.split('?')[0] + '?seriesArticle=' + path;
+    var newPath = (router && router.asPath && router.asPath.split('?')[0]) + '?seriesArticle=' + path;
+    setCurrentURL(newPath);
+    setCurrentTitle(title);
+    setCurrentSummary(summary);
+    setCurrentThumbnail(shareImage);
     // Change URL and do other changes
     var doChanges = function doChanges() {
       if (firstLoad) {
@@ -8300,9 +8324,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
               },
               onChange: function onChange(visible) {
                 if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                  onChangeArticle(article.param.current, visible, article.title);
+                  onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
                 }
               } },
+            React__default.createElement(
+              Head,
+              null,
+              currentTitle !== null && React__default.createElement(
+                'title',
+                { key: 'title' },
+                currentTitle
+              ),
+              currentSummary !== null && React__default.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
+              currentURL !== null && React__default.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
+              currentTitle !== null && React__default.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
+              currentSummary !== null && React__default.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
+              currentTitle !== null && React__default.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
+              currentSummary !== null && React__default.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
+            ),
             React__default.createElement(
               'article',
               { className: 'article-wrapper' },

package/dist/cjs/index.js

@@ -79,7 +79,7 @@ require('react-bootstrap/Form');
 require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-94d2f1de.js');
+var getSerializers = require('./index-c190d704.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/esm/ExternalResources.js

@@ -39,7 +39,7 @@ 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-1fa94c3a.js';
+import { g as getSerializers } from './index-983cedab.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/PartnerDetailListing.js

@@ -47,7 +47,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-1fa94c3a.js';
+import { g as getSerializers } from './index-983cedab.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/View.js

@@ -42,7 +42,7 @@ import './iconBase-602d52fe.js';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Form from 'react-bootstrap/Form';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-1fa94c3a.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-983cedab.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/getSerializers.js

@@ -38,7 +38,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-1fa94c3a.js';
+export { g as default } from './index-983cedab.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/{index-1fa94c3a.js → index-983cedab.js}

@@ -25,7 +25,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 'next/head';
+import Head from 'next/head';
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -8089,7 +8089,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     });
   };
 
-  var _ref4 = router.asPath.split('?')[1] ? useState(router.asPath.split('=')[1]) : useState(null),
+  var _ref4 = router && router.asPath && router.asPath.split('?')[1] ? useState(router.asPath.split('=')[1]) : useState(null),
       _ref5 = _slicedToArray(_ref4, 2),
       selectedArticle = _ref5[0],
       setSelectedArticle = _ref5[1];
@@ -8099,6 +8099,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
       firstLoad = _useState2[0],
       setFirstLoad = _useState2[1];
 
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentURL = _useState4[0],
+      setCurrentURL = _useState4[1];
+
+  var _useState5 = useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentTitle = _useState6[0],
+      setCurrentTitle = _useState6[1];
+
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentSummary = _useState8[0],
+      setCurrentSummary = _useState8[1];
+
+  var _useState9 = useState(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      currentThumbnail = _useState10[0],
+      setCurrentThumbnail = _useState10[1];
+
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
     var articleClicked = e.currentTarget.dataset.articleid;
@@ -8137,9 +8157,13 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
-  var onChangeArticle = function onChangeArticle(path, visibility, title) {
+  var onChangeArticle = function onChangeArticle(path, visibility, title, summary, shareImage) {
     var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('?seriesArticle=', '') : '';
-    var newPath = router.asPath.split('?')[0] + '?seriesArticle=' + path;
+    var newPath = (router && router.asPath && router.asPath.split('?')[0]) + '?seriesArticle=' + path;
+    setCurrentURL(newPath);
+    setCurrentTitle(title);
+    setCurrentSummary(summary);
+    setCurrentThumbnail(shareImage);
     // Change URL and do other changes
     var doChanges = function doChanges() {
       if (firstLoad) {
@@ -8293,9 +8317,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
               },
               onChange: function onChange(visible) {
                 if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                  onChangeArticle(article.param.current, visible, article.title);
+                  onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
                 }
               } },
+            React__default.createElement(
+              Head,
+              null,
+              currentTitle !== null && React__default.createElement(
+                'title',
+                { key: 'title' },
+                currentTitle
+              ),
+              currentSummary !== null && React__default.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
+              currentURL !== null && React__default.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
+              currentTitle !== null && React__default.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
+              currentSummary !== null && React__default.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
+              currentTitle !== null && React__default.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
+              currentThumbnail !== null && React__default.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
+              currentSummary !== null && React__default.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
+            ),
             React__default.createElement(
               'article',
               { className: 'article-wrapper' },

package/dist/esm/index.js

@@ -75,7 +75,7 @@ import 'react-bootstrap/Form';
 import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-1fa94c3a.js';
+export { g as getSerializers } from './index-983cedab.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/package.json

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