@mjhls/mjh-framework 1.0.884-beta.0 → 1.0.884-beta.1

package/dist/esm/RolesDeck.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import Container$1 from 'react-bootstrap/Container';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
 
 var RolesDeck = function RolesDeck(props) {
   var _props$icon = props.icon,
@@ -19,30 +19,30 @@ var RolesDeck = function RolesDeck(props) {
     'div',
     { className: 'rolesDeck' },
     React__default.createElement(
-      Container$1,
+      Container,
       null,
       React__default.createElement(
-        Row$1,
+        Row,
         null,
         data && data.map(function (row, index) {
           if (row && row.url && row.name) {
             return React__default.createElement(
-              Col$1,
+              Col,
               { key: index, md: 12, lg: 6, counter: index++, style: { display: 'flex', flex: '1 0 auto' } },
               React__default.createElement(
-                Card$1,
+                Card,
                 { className: 'taxonomy-card', style: { position: 'relative', overflow: 'hidden', borderBottom: '3px solid var(--primary)' } },
                 React__default.createElement(
-                  Card$1.Link,
+                  Card.Link,
                   { href: row.url },
                   React__default.createElement(
-                    Card$1.Body,
+                    Card.Body,
                     null,
                     React__default.createElement(
-                      Row$1,
+                      Row,
                       null,
                       React__default.createElement(
-                        Col$1,
+                        Col,
                         { className: 'details-content-wrapper' },
                         React__default.createElement(
                           'div',

package/dist/esm/Search.js

@@ -3,7 +3,7 @@ import './core.get-iterator-method-86d4db69.js';
 import './web.dom.iterable-f8f967cd.js';
 import React__default, { useState } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 
@@ -40,7 +40,7 @@ var Search = function Search(props) {
       }
     }),
     React__default.createElement(
-      Button$1,
+      Button,
       { variant: 'secondary', onClick: function onClick(e) {
           return submitSearch(e);
         } },

package/dist/esm/{SocialSearchComponent-b5be0e6c.js → SocialSearchComponent-dca69151.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
 import { f as main_30, c as main_37 } from './main-c0612122.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 import { I as IconContext } from './iconBase-602d52fe.js';
 import Form from 'react-bootstrap/Form';
 import { G as GoSearch } from './index.esm-fd746768.js';
@@ -100,7 +100,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(
-            Button$1,
+            Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },
@@ -147,7 +147,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(
-            Button$1,
+            Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },

package/dist/esm/TaxonomyCard.js

@@ -5,10 +5,10 @@ import { _ as _extends } from './extends-5b1796d4.js';
 import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
 import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
 import 'react-dom';
 import './slicedToArray-67a08c9c.js';
 import './index-73819142.js';
@@ -49,10 +49,10 @@ var TaxonomyCard = function TaxonomyCard(props) {
     'div',
     { className: 'contentDeck' },
     React__default.createElement(
-      Container$1,
+      Container,
       null,
       React__default.createElement(
-        Row$1,
+        Row,
         null,
         data && data.map(function (row, index) {
           if (columns === 'rotate' && itemCounter % 3 === 0) {
@@ -92,19 +92,19 @@ var TaxonomyCard = function TaxonomyCard(props) {
           extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
           extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
           return React__default.createElement(
-            Col$1,
+            Col,
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
             React__default.createElement(
-              Card$1,
+              Card,
               { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
               React__default.createElement(
-                Card$1.Body,
+                Card.Body,
                 null,
                 React__default.createElement(
-                  Row$1,
+                  Row,
                   null,
                   thumbnailURL && React__default.createElement(
-                    Col$1,
+                    Col,
                     null,
                     React__default.createElement(
                       LazyLoad,
@@ -115,8 +115,8 @@ var TaxonomyCard = function TaxonomyCard(props) {
                         row.thumbnail.link ? React__default.createElement(
                           'a',
                           { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
-                          React__default.createElement(Card$1.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
-                        ) : React__default.createElement(Card$1.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                          React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
                         row && row.thumbnail && row.thumbnail.caption && React__default.createElement(
                           'figcaption',
                           null,
@@ -126,10 +126,10 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     )
                   ),
                   React__default.createElement(
-                    Col$1,
+                    Col,
                     null,
                     React__default.createElement(
-                      Row$1,
+                      Row,
                       { className: 'details-content-wrapper' },
                       React__default.createElement(
                         'div',
@@ -204,7 +204,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                           )
                         ),
                         React__default.createElement(
-                          Card$1.Text,
+                          Card.Text,
                           null,
                           React__default.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
                         )

package/dist/esm/TaxonomyDescription.js

@@ -42,7 +42,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-0e04b7d7.js';
+import { g as getSerializers } from './index-d1476645.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import Head from 'next/head';

package/dist/esm/TemplateNormal.js

@@ -10,7 +10,7 @@ import React__default, { useState, useEffect } from 'react';
 import './events-6c3a7a63.js';
 import './index-41a678ea.js';
 import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
+import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
@@ -53,7 +53,7 @@ import './NavFooter-e27bd93b.js';
 import './index.esm-fd746768.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import './SocialSearchComponent-b5be0e6c.js';
+import './SocialSearchComponent-dca69151.js';
 import MagazineNav from './NavMagazine.js';
 import { NavNative } from './NavNative.js';
 import './Search.js';
@@ -181,14 +181,14 @@ var TemplateNormal = function TemplateNormal(props) {
       React__default.Fragment,
       null,
       horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
-        Container$1,
+        Container,
         null,
         React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
     website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
     React__default.createElement(
-      Container$1,
+      Container,
       null,
       layout()
     )

package/dist/esm/VideoProgramLandingPage.js

@@ -17,7 +17,7 @@ import './index-41a678ea.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
+import Col from 'react-bootstrap/Col';
 import './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
@@ -37,7 +37,7 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
@@ -47,7 +47,7 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
-import { g as getSerializers } from './index-0e04b7d7.js';
+import { g as getSerializers } from './index-d1476645.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -100,7 +100,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
           Form.Row,
           null,
           React__default.createElement(
-            Col$1,
+            Col,
             null,
             React__default.createElement(
               Form.Group,
@@ -128,10 +128,10 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
             )
           ),
           React__default.createElement(
-            Col$1,
+            Col,
             null,
             React__default.createElement(
-              Button$1,
+              Button,
               { type: 'submit', variant: 'secondary' },
               'Apply'
             )

package/dist/esm/VideoSeriesLandingPage.js

@@ -37,7 +37,7 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-8a038df9.js';
+import './ADInfeed-d767ebe2.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-cee95aa2.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';

package/dist/esm/VideoSeriesListing.js

@@ -13,7 +13,7 @@ import React__default from 'react';
 import './events-6c3a7a63.js';
 import { l as lib_3 } from './index-41a678ea.js';
 import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
+import Container from 'react-bootstrap/Container';
 import { m as moment } from './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-1981418f.js';
@@ -275,7 +275,7 @@ var VideoSeriesListing = function (_React$Component) {
             InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
             React__default.createElement(
-              Container$1,
+              Container,
               null,
               this.state.data && this.state.data.map(function (series, index) {
                 var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
@@ -326,7 +326,7 @@ var VideoSeriesListing = function (_React$Component) {
           this.state.data.length >= 1 && this.state.data[0].length > 0 ?
           //Check if any Video Groups available
           React__default.createElement(
-            Container$1,
+            Container,
             null,
             this.state.data && this.state.data.map(function (series, index) {
               var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;

package/dist/esm/View.js

@@ -36,7 +36,7 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf
 import './Segment.js';
 import './Beam.js';
 import DFPAdSlot from './AdSlot.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
 import './index-c7e2ac95.js';
 import './smoothscroll-0cd4c7a6.js';
@@ -44,7 +44,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-import { r as renderAuthor, g as getSerializers } from './index-0e04b7d7.js';
+import { r as renderAuthor, g as getSerializers } from './index-d1476645.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import Head from 'next/head';
@@ -70,7 +70,6 @@ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-2
 import getKeywords from './getKeywords.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { DiscussionEmbed } from 'disqus-react';
-import Schema from './Schema.js';
 
 var getArticleSummary = function getArticleSummary(article) {
   if (article.summary && article.summary.length > 0) {
@@ -436,6 +435,87 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
+function toPlainText() {
+  var blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  return blocks
+  // loop through each block
+  .map(function (block) {
+    // if it's not a text block with children,
+    // return nothing
+    if (block._type !== 'block' || !block.children) {
+      return '';
+    }
+    // loop through the children spans, and join the
+    // text strings
+    return block.children.map(function (child) {
+      return child.text;
+    }).join('');
+  })
+  // join the paragraphs leaving split by two linebreaks
+  .join('\n\n');
+}
+
+function generateSchema(props) {
+  var _props$article = props.article,
+      title = _props$article.title,
+      body = _props$article.body,
+      summary = _props$article.summary,
+      url = _props$article.url,
+      content_placement = _props$article.content_placement,
+      authorDetails = _props$article.authorDetails,
+      thumbnail = _props$article.thumbnail,
+      published = _props$article.published,
+      _updatedAt = _props$article._updatedAt,
+      seoTag = _props$article.seoTag,
+      _props$Website = props.Website,
+      liveDomain = _props$Website.liveDomain,
+      websiteTitle = _props$Website.title,
+      logo = _props$Website.logo,
+      client = props.client;
+
+  var authors = authorDetails && authorDetails.length > 0 && authorDetails.reduce(function (result, author) {
+    if (author.displayName) return [].concat(_toConsumableArray(result), [{
+      '@type': 'Person',
+      name: author.displayName
+    }]);else return result;
+  }, []);
+  var articleSection = content_placement && content_placement.map(function (cp) {
+    return cp.name;
+  });
+  var image = thumbnail && thumbnail.asset && client ? urlFor({ source: thumbnail, client: client }) : liveDomain && logo && 'https://' + liveDomain + logo;
+
+  if (title && published && _updatedAt) {
+    return _extends({
+      '@context': 'https://schema.org',
+      '@type': 'NewsArticle',
+      headline: title,
+      datePublished: published,
+      dateModified: _updatedAt,
+      inLanguage: 'en-US'
+    }, image && { image: image }, liveDomain && url && url.current && {
+      mainEntityOfPage: {
+        '@type': 'WebPage',
+        '@id': 'https://' + liveDomain + '/view/' + url.current
+      }
+    }, websiteTitle && liveDomain && logo && {
+      publisher: {
+        '@type': 'Organization',
+        name: websiteTitle,
+        logo: {
+          '@type': 'ImageObject',
+          url: 'https://' + liveDomain + logo
+        }
+      }
+    }, articleSection && { articleSection: articleSection }, seoTag && seoTag.length > 0 && { keywords: seoTag.join() }, body && body.length > 0 && { articleBody: toPlainText(body) }, summary && { description: summary }, authors && authors.length > 0 && { author: authors });
+  }
+  return null;
+}
+
+var Schema = function Schema(props) {
+  return React__default.createElement('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: _JSON$stringify(generateSchema(props)) } });
+};
+
 var Article = forwardRef(function (props, ref) {
   var onVote = function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -750,7 +830,7 @@ var Article = forwardRef(function (props, ref) {
               return setPasswordKey(e.target.value);
             }, placeholder: 'Password' }),
           React__default.createElement(
-            Button$1,
+            Button,
             {
               variant: 'primary',
               onClick: function onClick() {

package/dist/esm/getSerializers.js

@@ -42,7 +42,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-29e48d38.js';
-export { g as default } from './index-0e04b7d7.js';
+export { g as default } from './index-d1476645.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';

package/dist/esm/{index-0e04b7d7.js → index-d1476645.js}

@@ -31,11 +31,11 @@ import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f5
 import Head from 'next/head';
 import SocialShare from './SocialShare.js';
 import { _ as _objectToArray } from './_object-to-array-c54dd835.js';
-import Pagination$1 from 'react-bootstrap/Pagination';
+import Pagination from 'react-bootstrap/Pagination';
 import Figure$1$1 from 'react-bootstrap/Figure';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import Tooltip$1 from 'react-bootstrap/Tooltip';
-import Popover$1 from 'react-bootstrap/Popover';
+import Tooltip from 'react-bootstrap/Tooltip';
+import Popover from 'react-bootstrap/Popover';
 
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
@@ -7980,33 +7980,33 @@ var Quiz = function Quiz(_ref) {
 
   var renderPagination = function renderPagination() {
     return React__default.createElement(
-      Pagination$1,
+      Pagination,
       { className: 'p-0 m-0', size: main_35 && 'sm' },
-      React__default.createElement(Pagination$1.First, { onClick: function onClick() {
+      React__default.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination$1.Prev, { onClick: function onClick() {
+      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
           return changePage('prev');
         }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination$1.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
           return renderNewPages('prev');
         }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
       pages.map(function (page) {
         return React__default.createElement(
-          Pagination$1.Item,
+          Pagination.Item,
           { key: page, active: page === currentPage, onClick: function onClick() {
               return changePage(page);
             } },
           page
         );
       }),
-      React__default.createElement(Pagination$1.Ellipsis, { onClick: function onClick() {
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
           return renderNewPages('next');
         }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default.createElement(Pagination$1.Next, { onClick: function onClick() {
+      React__default.createElement(Pagination.Next, { onClick: function onClick() {
           return changePage('next');
         }, disabled: currentPage === pageCount }),
-      React__default.createElement(Pagination$1.Last, { onClick: function onClick() {
+      React__default.createElement(Pagination.Last, { onClick: function onClick() {
           return changePage('last');
         }, disabled: currentPage === pageCount })
     );
@@ -9050,22 +9050,22 @@ var FigureComponent = function FigureComponent(props) {
   var renderTooltip = function renderTooltip(props) {
     if (infoBox[0].title) {
       return React__default.createElement(
-        Popover$1,
+        Popover,
         { id: 'popover-basic-' + infoBox[0].title },
         React__default.createElement(
-          Popover$1.Title,
+          Popover.Title,
           { as: 'h3' },
           infoBox[0].title
         ),
         React__default.createElement(
-          Popover$1.Content,
+          Popover.Content,
           null,
           React__default.createElement(BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
         )
       );
     } else {
       return React__default.createElement(
-        Tooltip$1,
+        Tooltip,
         _extends$1({ id: 'button-tooltip' }, props),
         React__default.createElement(BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
       );
@@ -9361,22 +9361,22 @@ var MultiFigure = function MultiFigure(props) {
   var renderTooltip = function renderTooltip(image) {
     if (image.infoBox[0].title) {
       return React__default.createElement(
-        Popover$1,
+        Popover,
         { id: 'popover-basic-' + image.infoBox[0].title },
         React__default.createElement(
-          Popover$1.Title,
+          Popover.Title,
           { as: 'h3' },
           image.infoBox[0].title
         ),
         React__default.createElement(
-          Popover$1.Content,
+          Popover.Content,
           null,
           React__default.createElement(BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
         )
       );
     } else {
       return React__default.createElement(
-        Tooltip$1,
+        Tooltip,
         _extends$1({ id: 'button-tooltip' }, props),
         React__default.createElement(BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
       );

package/dist/esm/index.js

@@ -16,8 +16,8 @@ import './events-6c3a7a63.js';
 import './index-41a678ea.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import './moment-e2f9b20c.js';
 import 'next/router';
@@ -39,7 +39,7 @@ import './asyncToGenerator-7bf8bc4d.js';
 export { default as Segment } from './Segment.js';
 export { default as Beam } from './Beam.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-8a038df9.js';
+import './ADInfeed-d767ebe2.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
 import './ADlgInfeed-cee95aa2.js';
@@ -49,6 +49,7 @@ import './eq-b470f743.js';
 export { default as AD } from './AD.js';
 import './AuthorComponent-e6f95c2f.js';
 import 'react-bootstrap/Button';
+import './PublicationFeature-fa24dedb.js';
 export { default as GridContent } from './GridContent.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
@@ -69,7 +70,7 @@ import './index.esm-29e48d38.js';
 export { default as VideoSeriesListing } from './VideoSeriesListing.js';
 export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
 export { default as ArticleCarousel } from './ArticleCarousel.js';
-export { g as getSerializers } from './index-0e04b7d7.js';
+export { g as getSerializers } from './index-d1476645.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -121,7 +122,7 @@ import './NavFooter-e27bd93b.js';
 import './index.esm-fd746768.js';
 export { default as SocialIcons } from './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import './SocialSearchComponent-b5be0e6c.js';
+import './SocialSearchComponent-dca69151.js';
 export { default as NavMagazine } from './NavMagazine.js';
 export { NavNative } from './NavNative.js';
 export { default as Search } from './Search.js';
@@ -183,7 +184,7 @@ export { default as View } from './View.js';
 export { default as getKeywords } from './getKeywords.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
-export { default as Schema } from './Schema.js';
+import './ImageSlider-a3154b97.js';
 export { default as PartnerDetailListing } from './PartnerDetailListing.js';
 export { default as VideoProgramLandingPage } from './VideoProgramLandingPage.js';
 import './VideoSeriesCard.js';
@@ -220,10 +221,10 @@ var FeatureArticles = function FeatureArticles(props) {
         React__default.Fragment,
         null,
         React__default.createElement(
-          Row$1,
+          Row,
           { className: 'article-wrap' },
           React__default.createElement(
-            Col$1,
+            Col,
             { className: 'mb-4 m-fl-center deck', xs: 12, sm: 4, md: 4, lg: 3, xl: 3 },
             React__default.createElement(
               'a',
@@ -240,7 +241,7 @@ var FeatureArticles = function FeatureArticles(props) {
             )
           ),
           React__default.createElement(
-            Col$1,
+            Col,
             { className: 'article-wrap-body', xs: 12, sm: 8, md: 8, lg: 9, xl: 9, style: { paddingTop: '10px' } },
             React__default.createElement(
               'a',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.884-beta.0",
+  "version": "1.0.884-beta.1",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -71,6 +71,7 @@
     "react-icons": "^3.8.0",
     "react-infinite-scroll-component": "^5.0.4",
     "react-lazyload": "^2.6.5",
+    "react-paginate": "^7.1.3",
     "react-player": "^1.15.2",
     "react-scripts": "^1.1.4",
     "react-share": "^4.0.1",