@mjhls/mjh-framework 1.0.633 → 1.0.634

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.633
+# mjh-framework v. 1.0.634
 
 > Foundation Framework 
 

package/dist/cjs/ArticleQueue.js

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

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-7aede478.js');
+var getSerializers = require('./index-87fd5322.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/PartnerDetailListing.js

@@ -51,7 +51,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-7aede478.js');
+var getSerializers = require('./index-87fd5322.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/View.js

@@ -45,7 +45,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var getSerializers = require('./index-7aede478.js');
+var getSerializers = require('./index-87fd5322.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
@@ -676,7 +676,7 @@ var Article = function Article(props) {
       );
     } else {
       return React__default.createElement(BlockContent.BlockContent, _extends._extends({
-        serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
+        serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
       }, client.config()));

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-7aede478.js');
+var getSerializers = require('./index-87fd5322.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-7aede478.js → index-87fd5322.js}

@@ -31,7 +31,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'));
+require('next/head');
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -8011,7 +8011,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
       getSerializers = _ref.getSerializers,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      Ads = _ref.Ads;
 
   if (!nodes || !nodes.articles) {
     return null;
@@ -8027,15 +8028,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = React.useRef([]);
 
-  var _useState = React.useState(''),
+  var _useState = React.useState(77),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      articleTitle = _useState2[0],
-      setArticleTitle = _useState2[1];
-
-  var _useState3 = React.useState(120),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      NavoffsetTop = _useState4[0],
-      setNavoffsetTop = _useState4[1];
+      NavoffsetTop = _useState2[0],
+      setNavoffsetTop = _useState2[1];
 
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
@@ -8096,10 +8092,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
       selectedArticle = _ref3[0],
       setSelectedArticle = _ref3[1];
 
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      firstLoad = _useState6[0],
-      setFirstLoad = _useState6[1];
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8113,7 +8109,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       scrollToArticle();
     }
     try {
-      setNavoffsetTop(document.getElementsByTagName('header')[0].offsetHeight);
+      setNavoffsetTop(document.getElementById('navbar-ham').offsetHeight);
     } catch (e) {}
   }, []);
 
@@ -8137,16 +8133,15 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
-  var onChangeArticle = function onChangeArticle(path, visibility) {
+  var onChangeArticle = function onChangeArticle(path, visibility, title) {
     var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('?seriesArticle=', '') : '';
     var newPath = router.asPath.split('?')[0] + '?seriesArticle=' + path;
-
     // Change URL and do other changes
     var doChanges = function doChanges() {
       if (firstLoad) {
         window.history.pushState({ page: path }, '', newPath);
       }
-      setArticleTitle(path);
+      document.title = title;
       refreshAD();
       setFirstLoad(true);
     };
@@ -8212,11 +8207,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    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',
@@ -8238,70 +8228,96 @@ var ArticleSeries = function ArticleSeries(_ref) {
       { className: 'article-container', style: { marginBottom: '2rem' } },
       nodes.articles.map(function (article, index) {
         return React__default.createElement(
-          InscreenSensor,
-          {
-            offSetTop: NavoffsetTop,
-            className: 'inscreen-wrapper',
-            key: '' + article.param.current,
-            id: '' + article.param.current,
-            ref: function ref(ele) {
-              return refArray.current[index] = ele;
-            },
-            onChange: function onChange(visible) {
-              if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                onChangeArticle(article.param.current, visible);
-              }
-            } },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            'article',
-            { className: 'article-wrapper' },
-            React__default.createElement(
-              'div',
-              { className: 'article-publishDate' },
-              moment.moment(article.published).format('LL')
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'author-details-wrapper' },
-              article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-                return React__default.createElement(
-                  'span',
-                  { key: index },
-                  renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
-                );
-              })
-            ),
-            React__default.createElement(
-              'h2',
-              { className: 'article-title' },
-              article.title
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'mt-2 mb-2' },
-              React__default.createElement(BlockContent.BlockContent, _extends._extends({
-                serializers: getSerializers,
-                videoAccountIDs: accountIDs,
-                blocks: article.text,
-                imageOptions: { w: 320, h: 240, fit: 'max' }
-              }, client.config())),
-              React__default.createElement('hr', { className: 'article-seperater my-4' })
-            ),
+            InscreenSensor,
+            {
+              offSetTop: 120,
+              className: 'inscreen-wrapper',
+              key: '' + article.param.current,
+              id: '' + article.param.current,
+              ref: function ref(ele) {
+                return refArray.current[index] = ele;
+              },
+              onChange: function onChange(visible) {
+                if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
+                  onChangeArticle(article.param.current, visible, article.title);
+                }
+              } },
             React__default.createElement(
-              'div',
-              { className: 'objective-prevNext-Wrapper' },
+              'article',
+              { className: 'article-wrapper' },
               React__default.createElement(
-                'h5',
-                { className: 'objective-title' },
-                nodes.seriesTitle
+                'div',
+                { className: 'article-publishDate' },
+                moment.moment(article.published).format('LL')
               ),
               React__default.createElement(
                 'div',
-                { className: 'prevNextWrapper' },
-                PrevNextCards(true, index)
-              )
+                { className: 'author-details-wrapper' },
+                article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
+                  return React__default.createElement(
+                    'span',
+                    { key: index },
+                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
+                  );
+                })
+              ),
+              React__default.createElement(
+                'h2',
+                { className: 'article-title' },
+                article.title
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'mt-2 mb-2' },
+                React__default.createElement(BlockContent.BlockContent, _extends._extends({
+                  serializers: getSerializers,
+                  videoAccountIDs: accountIDs,
+                  blocks: article.text,
+                  imageOptions: { w: 320, h: 240, fit: 'max' }
+                }, client.config())),
+                React__default.createElement('hr', { className: 'article-seperater my-4' })
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'objective-prevNext-Wrapper' },
+                React__default.createElement(
+                  'h5',
+                  { className: 'objective-title' },
+                  nodes.seriesTitle
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'prevNextWrapper' },
+                  PrevNextCards(true, index)
+                )
+              ),
+              React__default.createElement('hr', { className: 'article-seperater' })
             ),
-            React__default.createElement('hr', { className: 'article-seperater' })
+            React__default.createElement(
+              'div',
+              { className: 'ad-box', style: { textAlign: 'center' } },
+              main.main_39 && nodes.articles.length - 1 !== index && Ads.map(function (ad, index) {
+                if (index === 0) {
+                  return React__default.createElement(
+                    'div',
+                    {
+                      key: index,
+                      id: 'addid-' + index,
+                      style: {
+                        display: 'flex',
+                        flex: '1 0 auto',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        textAlign: 'center'
+                      } },
+                    ad.component
+                  );
+                }
+              })
+            )
           )
         );
       }),
@@ -8594,7 +8610,8 @@ var getSerializers = function getSerializers() {
       autoplay = _props$ === undefined ? false : _props$,
       _props$2 = props[8],
       contextualADFlag = _props$2 === undefined ? false : _props$2,
-      articleId = props[9];
+      articleId = props[9],
+      Ads = props[10];
 
   return {
     types: {
@@ -8616,7 +8633,7 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React__default.createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers.apply(undefined, props), Ads: Ads || null });
       },
       figure: function figure(_ref4) {
         var node = _ref4.node;

package/dist/cjs/index.js

@@ -77,7 +77,7 @@ require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var EventsDeck = require('./EventsDeck.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-7aede478.js');
+var getSerializers = require('./index-87fd5322.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/esm/ArticleQueue.js

@@ -40,7 +40,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-import { I as InscreenSensor, g as getSerializers } from './index-aba076f0.js';
+import { I as InscreenSensor, g as getSerializers } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import '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-aba076f0.js';
+import { g as getSerializers } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/PartnerDetailListing.js

@@ -46,7 +46,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-aba076f0.js';
+import { g as getSerializers } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/View.js

@@ -39,7 +39,7 @@ 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-aba076f0.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -670,7 +670,7 @@ var Article = function Article(props) {
       );
     } else {
       return React__default.createElement(BlockContent, _extends({
-        serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false),
+        serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads),
         blocks: articleBody,
         imageOptions: { w: 320, h: 240, fit: 'max' }
       }, client.config()));

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-aba076f0.js';
+export { g as default } from './index-539e2942.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/{index-aba076f0.js → index-539e2942.js}

@@ -24,7 +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';
+import 'next/head';
 
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -8004,7 +8004,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
       getSerializers = _ref.getSerializers,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      Ads = _ref.Ads;
 
   if (!nodes || !nodes.articles) {
     return null;
@@ -8020,15 +8021,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = useRef([]);
 
-  var _useState = useState(''),
+  var _useState = useState(77),
       _useState2 = _slicedToArray(_useState, 2),
-      articleTitle = _useState2[0],
-      setArticleTitle = _useState2[1];
-
-  var _useState3 = useState(120),
-      _useState4 = _slicedToArray(_useState3, 2),
-      NavoffsetTop = _useState4[0],
-      setNavoffsetTop = _useState4[1];
+      NavoffsetTop = _useState2[0],
+      setNavoffsetTop = _useState2[1];
 
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
@@ -8089,10 +8085,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
       selectedArticle = _ref3[0],
       setSelectedArticle = _ref3[1];
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      firstLoad = _useState6[0],
-      setFirstLoad = _useState6[1];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8106,7 +8102,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       scrollToArticle();
     }
     try {
-      setNavoffsetTop(document.getElementsByTagName('header')[0].offsetHeight);
+      setNavoffsetTop(document.getElementById('navbar-ham').offsetHeight);
     } catch (e) {}
   }, []);
 
@@ -8130,16 +8126,15 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
-  var onChangeArticle = function onChangeArticle(path, visibility) {
+  var onChangeArticle = function onChangeArticle(path, visibility, title) {
     var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('?seriesArticle=', '') : '';
     var newPath = router.asPath.split('?')[0] + '?seriesArticle=' + path;
-
     // Change URL and do other changes
     var doChanges = function doChanges() {
       if (firstLoad) {
         window.history.pushState({ page: path }, '', newPath);
       }
-      setArticleTitle(path);
+      document.title = title;
       refreshAD();
       setFirstLoad(true);
     };
@@ -8205,11 +8200,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    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',
@@ -8231,70 +8221,96 @@ var ArticleSeries = function ArticleSeries(_ref) {
       { className: 'article-container', style: { marginBottom: '2rem' } },
       nodes.articles.map(function (article, index) {
         return React__default.createElement(
-          InscreenSensor,
-          {
-            offSetTop: NavoffsetTop,
-            className: 'inscreen-wrapper',
-            key: '' + article.param.current,
-            id: '' + article.param.current,
-            ref: function ref(ele) {
-              return refArray.current[index] = ele;
-            },
-            onChange: function onChange(visible) {
-              if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                onChangeArticle(article.param.current, visible);
-              }
-            } },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            'article',
-            { className: 'article-wrapper' },
-            React__default.createElement(
-              'div',
-              { className: 'article-publishDate' },
-              moment(article.published).format('LL')
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'author-details-wrapper' },
-              article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
-                return React__default.createElement(
-                  'span',
-                  { key: index },
-                  renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
-                );
-              })
-            ),
-            React__default.createElement(
-              'h2',
-              { className: 'article-title' },
-              article.title
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'mt-2 mb-2' },
-              React__default.createElement(BlockContent, _extends({
-                serializers: getSerializers,
-                videoAccountIDs: accountIDs,
-                blocks: article.text,
-                imageOptions: { w: 320, h: 240, fit: 'max' }
-              }, client.config())),
-              React__default.createElement('hr', { className: 'article-seperater my-4' })
-            ),
+            InscreenSensor,
+            {
+              offSetTop: 120,
+              className: 'inscreen-wrapper',
+              key: '' + article.param.current,
+              id: '' + article.param.current,
+              ref: function ref(ele) {
+                return refArray.current[index] = ele;
+              },
+              onChange: function onChange(visible) {
+                if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
+                  onChangeArticle(article.param.current, visible, article.title);
+                }
+              } },
             React__default.createElement(
-              'div',
-              { className: 'objective-prevNext-Wrapper' },
+              'article',
+              { className: 'article-wrapper' },
               React__default.createElement(
-                'h5',
-                { className: 'objective-title' },
-                nodes.seriesTitle
+                'div',
+                { className: 'article-publishDate' },
+                moment(article.published).format('LL')
               ),
               React__default.createElement(
                 'div',
-                { className: 'prevNextWrapper' },
-                PrevNextCards(true, index)
-              )
+                { className: 'author-details-wrapper' },
+                article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
+                  return React__default.createElement(
+                    'span',
+                    { key: index },
+                    renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
+                  );
+                })
+              ),
+              React__default.createElement(
+                'h2',
+                { className: 'article-title' },
+                article.title
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'mt-2 mb-2' },
+                React__default.createElement(BlockContent, _extends({
+                  serializers: getSerializers,
+                  videoAccountIDs: accountIDs,
+                  blocks: article.text,
+                  imageOptions: { w: 320, h: 240, fit: 'max' }
+                }, client.config())),
+                React__default.createElement('hr', { className: 'article-seperater my-4' })
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'objective-prevNext-Wrapper' },
+                React__default.createElement(
+                  'h5',
+                  { className: 'objective-title' },
+                  nodes.seriesTitle
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'prevNextWrapper' },
+                  PrevNextCards(true, index)
+                )
+              ),
+              React__default.createElement('hr', { className: 'article-seperater' })
             ),
-            React__default.createElement('hr', { className: 'article-seperater' })
+            React__default.createElement(
+              'div',
+              { className: 'ad-box', style: { textAlign: 'center' } },
+              main_39 && nodes.articles.length - 1 !== index && Ads.map(function (ad, index) {
+                if (index === 0) {
+                  return React__default.createElement(
+                    'div',
+                    {
+                      key: index,
+                      id: 'addid-' + index,
+                      style: {
+                        display: 'flex',
+                        flex: '1 0 auto',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        textAlign: 'center'
+                      } },
+                    ad.component
+                  );
+                }
+              })
+            )
           )
         );
       }),
@@ -8587,7 +8603,8 @@ var getSerializers = function getSerializers() {
       autoplay = _props$ === undefined ? false : _props$,
       _props$2 = props[8],
       contextualADFlag = _props$2 === undefined ? false : _props$2,
-      articleId = props[9];
+      articleId = props[9],
+      Ads = props[10];
 
   return {
     types: {
@@ -8609,7 +8626,7 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React__default.createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers.apply(undefined, props), Ads: Ads || null });
       },
       figure: function figure(_ref4) {
         var node = _ref4.node;

package/dist/esm/index.js

@@ -73,7 +73,7 @@ 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-aba076f0.js';
+export { g as getSerializers } from './index-539e2942.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.633",
+  "version": "1.0.634",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",