@mjhls/mjh-framework 1.0.717 → 1.0.719

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.717
+# mjh-framework v. 1.0.719
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/ArticleProgramLandingPage.js

@@ -0,0 +1,175 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
+var slicedToArray = require('./slicedToArray-db24842a.js');
+var _extends = require('./extends-1e24fc8d.js');
+var React = require('react');
+var BlockContent = require('./BlockContent-eca358e4.js');
+var getSerializers = require('./index-7d880c49.js');
+var ArticleSeriesListing = require('./ArticleSeriesListing.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./web.dom.iterable-4480325a.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-b4615fd3.js');
+require('./_set-species-a8cfdb84.js');
+require('./_iter-detect-2613ffa1.js');
+require('./_object-pie-68c5bcbc.js');
+require('prop-types');
+require('./index-d48b231c.js');
+require('react-bootstrap');
+require('./index-5ad2b070.js');
+require('next/router');
+require('./index-187c967e.js');
+require('./util-6f784d85.js');
+require('./Beam.js');
+require('./stringify-01cf47f7.js');
+require('./Segment.js');
+require('./main-dc082238.js');
+require('./index-80f57cff.js');
+require('react-dom');
+require('./typeof-97065d40.js');
+require('./_is-array-63ae4740.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./moment-aca40de1.js');
+require('./_object-to-array-bec5fcf2.js');
+require('./toConsumableArray-cf0865fc.js');
+require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
+require('./entities-3f9d0f2f.js');
+require('./AdSlot.js');
+require('./debounce-eb287781.js');
+require('./isSymbol-04666465.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('next/head');
+require('./inherits-2eb23889.js');
+require('./_object-sap-c5bd707d.js');
+require('./define-property-aff11f8a.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
+require('react-bootstrap/Figure');
+require('react-bootstrap/Container');
+require('./visibility-sensor-8b54af99.js');
+require('./YoutubeGroup.js');
+require('./index.es-f3e47207.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var ArticleProgramLandingPage = function ArticleProgramLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      mapping = props.mapping,
+      query = props.query,
+      params = props.params,
+      currentPage = props.currentPage,
+      pageview = props.pageview,
+      _props$columns = props.columns,
+      columns = _props$columns === undefined ? 'rotate' : _props$columns,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'top' : _props$variant,
+      _props$page = props.page,
+      page = _props$page === undefined ? '' : _props$page,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
+      virtualBlock = props.virtualBlock,
+      pageDescription = props.pageDescription,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    virtualBlock && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    pageDescription && React__default['default'].createElement(
+      'div',
+      { className: 'mb-3' },
+      pageDescription.image && React__default['default'].createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
+      pageDescription.description && React__default['default'].createElement(
+        'p',
+        null,
+        pageDescription.description
+      )
+    ),
+    posts && React__default['default'].createElement(ArticleSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+ArticleProgramLandingPage.getInitialData = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+
+    var pathname, urlQuery, url, page, currentPage, start, params, query, postsPromise, virtualBlockPromise, posts, virtualBlock, _ref2, _ref3;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            pathname = context.pathname, urlQuery = context.query;
+            url = pathname ? pathname : '';
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'43b2f8fa-bf75-473b-8f9f-8019bb552468\')\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n      \'pageNumber\': ' + currentPage + '\n    }';
+            postsPromise = client.fetch(query, params);
+            virtualBlockPromise = client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+            posts = void 0, virtualBlock = void 0;
+            _context.prev = 10;
+_context.next = 14;
+            return asyncToGenerator._Promise.all([postsPromise, virtualBlockPromise]);
+
+          case 14:
+            _ref2 = _context.sent;
+            _ref3 = slicedToArray._slicedToArray(_ref2, 2);
+            posts = _ref3[0];
+            virtualBlock = _ref3[1];
+            _context.next = 23;
+            break;
+
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context['catch'](10);
+
+            console.error(_context.t0);
+
+          case 23:
+            return _context.abrupt('return', { posts: posts, virtualBlock: virtualBlock, url: url, query: query });
+
+          case 24:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this, [[10, 20]]);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = ArticleProgramLandingPage;

package/dist/cjs/ArticleSeriesLandingPage.js

@@ -0,0 +1,162 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
+var React = require('react');
+var MasterDeck = require('./MasterDeck.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./web.dom.iterable-4480325a.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-b4615fd3.js');
+require('./_set-species-a8cfdb84.js');
+require('./_iter-detect-2613ffa1.js');
+require('./toConsumableArray-cf0865fc.js');
+require('./extends-1e24fc8d.js');
+require('./_object-pie-68c5bcbc.js');
+require('./inherits-2eb23889.js');
+require('./_object-sap-c5bd707d.js');
+require('./define-property-aff11f8a.js');
+require('./typeof-97065d40.js');
+require('./_is-array-63ae4740.js');
+require('./index-5ad2b070.js');
+require('prop-types');
+require('react-bootstrap/Container');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('react-bootstrap/Card');
+require('./moment-aca40de1.js');
+require('next/router');
+require('./lodash-4ef21f0f.js');
+require('./debounce-eb287781.js');
+require('./isSymbol-04666465.js');
+require('./index.es-f3e47207.js');
+require('./visibility-sensor-8b54af99.js');
+require('react-dom');
+require('./index-d48b231c.js');
+require('./ADlgInfeed-fb101797.js');
+require('./stringify-01cf47f7.js');
+require('./slicedToArray-db24842a.js');
+require('./AdSlot.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./main-dc082238.js');
+require('./ADInfeed-2c7a6dd8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var ArticleSeriesLandingPage = function ArticleSeriesLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      summary = props.summary,
+      seriesTitle = props.seriesTitle,
+      seriesName = props.seriesName,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      mapping = props.mapping,
+      deck = props.deck,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'left' : _props$variant,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage;
+
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    summary && React__default['default'].createElement(
+      'div',
+      { style: { fontSize: '1rem' }, className: 'article-series-summary px-1 mt-2 mb-4' },
+      summary
+    ),
+    seriesTitle && React__default['default'].createElement(
+      'h1',
+      { className: 'article-series-title' },
+      React__default['default'].createElement(
+        'a',
+        seriesName && { href: '/view/' + seriesName },
+        seriesTitle
+      )
+    ),
+    posts && deck && React__default['default'].createElement(MasterDeck, {
+      deck: deck,
+      variant: variant,
+      defaultImage: defaultImage,
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      autoScroll: autoScroll
+    })
+  );
+};
+
+ArticleSeriesLandingPage.getInitialData = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var urlQuery, seriesName, page, currentPage, start, params, query, posts, seriesTitle, summary, url;
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            urlQuery = context.query;
+            seriesName = urlQuery.series;
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'43b2f8fa-bf75-473b-8f9f-8019bb552468\')\n    && url.current == \'' + seriesName + '\'\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      summary,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n    }';
+            _context.next = 9;
+            return client.fetch(query, params);
+
+          case 9:
+            posts = _context.sent;
+            seriesTitle = '';
+            summary = false;
+
+
+            if (posts.length > 0 && posts[0].body[0].articles) {
+              url = posts[0].url.current + '?seriesArticle=';
+
+              seriesTitle = posts[0].title;
+              summary = posts[0].summary;
+              posts = posts[0].body[0].articles;
+              //start youtube thumbnail fix
+              posts.map(function (post, index) {
+                return post['url'] = {
+                  current: url + post.param.current
+                };
+              });
+              //end
+            }
+            return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, seriesName: seriesName, summary: summary });
+
+          case 14:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = ArticleSeriesLandingPage;

package/dist/cjs/View.js

@@ -266,7 +266,8 @@ styleInject_es.styleInject(css);
 
 var RelatedArticle = function RelatedArticle(_ref) {
   var articles = _ref.articles,
-      client = _ref.client;
+      client = _ref.client,
+      fallbackImage = _ref.fallbackImage;
 
   if (!articles || articles.length == 0 || !articles[0]) {
     return null;
@@ -281,11 +282,15 @@ var RelatedArticle = function RelatedArticle(_ref) {
         React__default['default'].createElement(
           'a',
           { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
-          article.thumbnail && React__default['default'].createElement('img', {
+          article.thumbnail ? React__default['default'].createElement('img', {
             style: { objectFit: 'cover', objectPosition: 'center' },
             src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
             alt: article.title
-          })
+          }) : React__default['default'].createElement(
+            React__default['default'].Fragment,
+            null,
+            fallbackImage && React__default['default'].createElement('img', { src: fallbackImage, alt: 'website logo', style: { objectFit: 'contain' } })
+          )
         ),
         React__default['default'].createElement(
           'div',
@@ -518,7 +523,10 @@ var Article = function Article(props) {
         });
       }
       if (issueGroup && issueGroup.name && issueGroup.identifier && issueGroup.identifier.current && issueGroup.parent && issueGroup.parent.identifier && issueGroup.parent.identifier.current) {
-        relatedLinks = [].concat(toConsumableArray._toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: '/publications/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
+        var _props$Settings$issue = props.Settings.issueMapping,
+            issueMapping = _props$Settings$issue === undefined ? '/publications' : _props$Settings$issue;
+
+        relatedLinks = [].concat(toConsumableArray._toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: issueMapping + '/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
       }
       if (relatedLinks && relatedLinks.length > 0) {
         return React__default['default'].createElement(
@@ -564,7 +572,7 @@ var Article = function Article(props) {
       React__default['default'].createElement(
         'div',
         { className: 'pt-2' },
-        React__default['default'].createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
+        React__default['default'].createElement(RelatedArticle, { articles: article.relatedArticle, client: client, fallbackImage: props.Settings.logo })
       )
     );
   };

package/dist/cjs/index.js

@@ -86,6 +86,8 @@ var View = require('./View.js');
 var PartnerDetailListing = require('./PartnerDetailListing.js');
 var VideoProgramLandingPage = require('./VideoProgramLandingPage.js');
 var VideoSeriesLandingPage = require('./VideoSeriesLandingPage.js');
+var ArticleProgramLandingPage = require('./ArticleProgramLandingPage.js');
+var ArticleSeriesLandingPage = require('./ArticleSeriesLandingPage.js');
 var urlFor = require('./urlFor.js');
 var getTargeting = require('./getTargeting-497b581d.js');
 var getKeywords = require('./getKeywords.js');
@@ -269,6 +271,8 @@ exports.View = View;
 exports.PartnerDetailListing = PartnerDetailListing;
 exports.VideoProgramLandingPage = VideoProgramLandingPage;
 exports.VideoSeriesLandingPage = VideoSeriesLandingPage;
+exports.ArticleProgramLandingPage = ArticleProgramLandingPage;
+exports.ArticleSeriesLandingPage = ArticleSeriesLandingPage;
 exports.urlFor = urlFor;
 exports.getTargeting = getTargeting.getTargeting;
 exports.getKeywords = getKeywords;

package/dist/esm/ArticleProgramLandingPage.js

@@ -0,0 +1,169 @@
+import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-2bd4099a.js';
+import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
+import { _ as _extends } from './extends-31d65aba.js';
+import React from 'react';
+import { B as BlockContent } from './BlockContent-d8cd739c.js';
+import { g as getSerializers } from './index-998e7b12.js';
+import ArticleSeriesListing from './ArticleSeriesListing.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
+import './_object-pie-33c40e79.js';
+import 'prop-types';
+import './index-3f5c03b2.js';
+import 'react-bootstrap';
+import './index-669ff425.js';
+import 'next/router';
+import './index-c7e2ac95.js';
+import './util-3ab476bf.js';
+import './Beam.js';
+import './stringify-d4839bab.js';
+import './Segment.js';
+import './main-1450d277.js';
+import './index-752d1dae.js';
+import 'react-dom';
+import './typeof-e9cea9e8.js';
+import './_is-array-674f71ec.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
+import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './_object-to-array-8f409e54.js';
+import './toConsumableArray-fa2dcda7.js';
+import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-1a993acf.js';
+import './isSymbol-807e927e.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'next/head';
+import './inherits-5906fbea.js';
+import './_object-sap-fd3054d0.js';
+import './define-property-ec6d528d.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/Container';
+import './visibility-sensor-082c757b.js';
+import './YoutubeGroup.js';
+import './index.es-c6222053.js';
+
+var _this = undefined;
+
+var ArticleProgramLandingPage = function ArticleProgramLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      mapping = props.mapping,
+      query = props.query,
+      params = props.params,
+      currentPage = props.currentPage,
+      pageview = props.pageview,
+      _props$columns = props.columns,
+      columns = _props$columns === undefined ? 'rotate' : _props$columns,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'top' : _props$variant,
+      _props$page = props.page,
+      page = _props$page === undefined ? '' : _props$page,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
+      virtualBlock = props.virtualBlock,
+      pageDescription = props.pageDescription,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
+
+  return React.createElement(
+    'div',
+    null,
+    virtualBlock && React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    pageDescription && React.createElement(
+      'div',
+      { className: 'mb-3' },
+      pageDescription.image && React.createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
+      pageDescription.description && React.createElement(
+        'p',
+        null,
+        pageDescription.description
+      )
+    ),
+    posts && React.createElement(ArticleSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+ArticleProgramLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+
+    var pathname, urlQuery, url, page, currentPage, start, params, query, postsPromise, virtualBlockPromise, posts, virtualBlock, _ref2, _ref3;
+
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            pathname = context.pathname, urlQuery = context.query;
+            url = pathname ? pathname : '';
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'43b2f8fa-bf75-473b-8f9f-8019bb552468\')\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n      \'pageNumber\': ' + currentPage + '\n    }';
+            postsPromise = client.fetch(query, params);
+            virtualBlockPromise = client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+            posts = void 0, virtualBlock = void 0;
+            _context.prev = 10;
+_context.next = 14;
+            return _Promise.all([postsPromise, virtualBlockPromise]);
+
+          case 14:
+            _ref2 = _context.sent;
+            _ref3 = _slicedToArray(_ref2, 2);
+            posts = _ref3[0];
+            virtualBlock = _ref3[1];
+            _context.next = 23;
+            break;
+
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context['catch'](10);
+
+            console.error(_context.t0);
+
+          case 23:
+            return _context.abrupt('return', { posts: posts, virtualBlock: virtualBlock, url: url, query: query });
+
+          case 24:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this, [[10, 20]]);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default ArticleProgramLandingPage;

package/dist/esm/ArticleSeriesLandingPage.js

@@ -0,0 +1,156 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
+import React from 'react';
+import MasterDeck from './MasterDeck.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
+import './toConsumableArray-fa2dcda7.js';
+import './extends-31d65aba.js';
+import './_object-pie-33c40e79.js';
+import './inherits-5906fbea.js';
+import './_object-sap-fd3054d0.js';
+import './define-property-ec6d528d.js';
+import './typeof-e9cea9e8.js';
+import './_is-array-674f71ec.js';
+import './index-669ff425.js';
+import 'prop-types';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Card';
+import './moment-bc12cb97.js';
+import 'next/router';
+import './lodash-ad27652f.js';
+import './debounce-1a993acf.js';
+import './isSymbol-807e927e.js';
+import './index.es-c6222053.js';
+import './visibility-sensor-082c757b.js';
+import 'react-dom';
+import './index-3f5c03b2.js';
+import './ADlgInfeed-0bf06b17.js';
+import './stringify-d4839bab.js';
+import './slicedToArray-cdeaee08.js';
+import './AdSlot.js';
+import './Beam.js';
+import './Segment.js';
+import './main-1450d277.js';
+import './ADInfeed-3ee501b9.js';
+
+var _this = undefined;
+
+var ArticleSeriesLandingPage = function ArticleSeriesLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      summary = props.summary,
+      seriesTitle = props.seriesTitle,
+      seriesName = props.seriesName,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      mapping = props.mapping,
+      deck = props.deck,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'left' : _props$variant,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage;
+
+
+  return React.createElement(
+    'div',
+    null,
+    summary && React.createElement(
+      'div',
+      { style: { fontSize: '1rem' }, className: 'article-series-summary px-1 mt-2 mb-4' },
+      summary
+    ),
+    seriesTitle && React.createElement(
+      'h1',
+      { className: 'article-series-title' },
+      React.createElement(
+        'a',
+        seriesName && { href: '/view/' + seriesName },
+        seriesTitle
+      )
+    ),
+    posts && deck && React.createElement(MasterDeck, {
+      deck: deck,
+      variant: variant,
+      defaultImage: defaultImage,
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      autoScroll: autoScroll
+    })
+  );
+};
+
+ArticleSeriesLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var urlQuery, seriesName, page, currentPage, start, params, query, posts, seriesTitle, summary, url;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            urlQuery = context.query;
+            seriesName = urlQuery.series;
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'43b2f8fa-bf75-473b-8f9f-8019bb552468\')\n    && url.current == \'' + seriesName + '\'\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      summary,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n    }';
+            _context.next = 9;
+            return client.fetch(query, params);
+
+          case 9:
+            posts = _context.sent;
+            seriesTitle = '';
+            summary = false;
+
+
+            if (posts.length > 0 && posts[0].body[0].articles) {
+              url = posts[0].url.current + '?seriesArticle=';
+
+              seriesTitle = posts[0].title;
+              summary = posts[0].summary;
+              posts = posts[0].body[0].articles;
+              //start youtube thumbnail fix
+              posts.map(function (post, index) {
+                return post['url'] = {
+                  current: url + post.param.current
+                };
+              });
+              //end
+            }
+            return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, seriesName: seriesName, summary: summary });
+
+          case 14:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default ArticleSeriesLandingPage;

package/dist/esm/View.js

@@ -256,7 +256,8 @@ styleInject(css);
 
 var RelatedArticle = function RelatedArticle(_ref) {
   var articles = _ref.articles,
-      client = _ref.client;
+      client = _ref.client,
+      fallbackImage = _ref.fallbackImage;
 
   if (!articles || articles.length == 0 || !articles[0]) {
     return null;
@@ -271,11 +272,15 @@ var RelatedArticle = function RelatedArticle(_ref) {
         React.createElement(
           'a',
           { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
-          article.thumbnail && React.createElement('img', {
+          article.thumbnail ? React.createElement('img', {
             style: { objectFit: 'cover', objectPosition: 'center' },
             src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
             alt: article.title
-          })
+          }) : React.createElement(
+            React.Fragment,
+            null,
+            fallbackImage && React.createElement('img', { src: fallbackImage, alt: 'website logo', style: { objectFit: 'contain' } })
+          )
         ),
         React.createElement(
           'div',
@@ -508,7 +513,10 @@ var Article = function Article(props) {
         });
       }
       if (issueGroup && issueGroup.name && issueGroup.identifier && issueGroup.identifier.current && issueGroup.parent && issueGroup.parent.identifier && issueGroup.parent.identifier.current) {
-        relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: '/publications/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
+        var _props$Settings$issue = props.Settings.issueMapping,
+            issueMapping = _props$Settings$issue === undefined ? '/publications' : _props$Settings$issue;
+
+        relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: issueMapping + '/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
       }
       if (relatedLinks && relatedLinks.length > 0) {
         return React.createElement(
@@ -554,7 +562,7 @@ var Article = function Article(props) {
       React.createElement(
         'div',
         { className: 'pt-2' },
-        React.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
+        React.createElement(RelatedArticle, { articles: article.relatedArticle, client: client, fallbackImage: props.Settings.logo })
       )
     );
   };

package/dist/esm/index.js

@@ -82,6 +82,8 @@ export { default as View } from './View.js';
 export { default as PartnerDetailListing } from './PartnerDetailListing.js';
 export { default as VideoProgramLandingPage } from './VideoProgramLandingPage.js';
 export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
+export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
+export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
 export { default as urlFor } from './urlFor.js';
 export { g as getTargeting } from './getTargeting-2d402d66.js';
 export { default as getKeywords } from './getKeywords.js';

package/package.json

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