@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next12

package/dist/cjs/ArticleProgramLandingPage.js

@@ -0,0 +1,184 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var _extends = require('./extends-7c86182f.js');
+var React = require('react');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var getSerializers = require('./index-7361fa72.js');
+var ArticleSeriesListing = require('./ArticleSeriesListing.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.js');
+require('./_object-pie-083f2dd6.js');
+require('prop-types');
+require('./index-efca863c.js');
+require('react-bootstrap');
+require('./urlFor.js');
+require('./index-0e4427c8.js');
+require('next/router');
+require('./index-187c967e.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./main-f1c77adb.js');
+require('./urlForFile-29d3815a.js');
+require('./index-eadd5035.js');
+require('react-dom');
+require('./typeof-567e31ff.js');
+require('./_is-array-54228b29.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
+require('react-bootstrap/Modal');
+require('react-bootstrap/Button');
+require('react-bootstrap/Form');
+require('react-ga');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./moment-aca40de1.js');
+require('./SocialShare.js');
+require('next/head');
+require('react-share');
+require('./_object-to-array-ce86cae7.js');
+require('./toConsumableArray-d7797c2b.js');
+require('react-bootstrap/Pagination');
+require('./entities-3f9d0f2f.js');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./inherits-de66ea16.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./index.esm-d81454e7.js');
+require('./iconBase-be4097c0.js');
+require('react-bootstrap/Figure');
+require('react-bootstrap/OverlayTrigger');
+require('react-bootstrap/Tooltip');
+require('react-bootstrap/Popover');
+require('react-bootstrap/Container');
+require('./visibility-sensor-eb2c5b69.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 taxonomyId = arguments[3];
+
+    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,
+              itemsPerPage: itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\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-77821af0.js');
+var React = require('react');
+var MasterDeck = require('./MasterDeck.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.js');
+require('./toConsumableArray-d7797c2b.js');
+require('./extends-7c86182f.js');
+require('./_object-pie-083f2dd6.js');
+require('./inherits-de66ea16.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./typeof-567e31ff.js');
+require('./_is-array-54228b29.js');
+require('./index-0e4427c8.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-f0783643.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./index.es-f3e47207.js');
+require('./visibility-sensor-eb2c5b69.js');
+require('react-dom');
+require('./slicedToArray-067dd3bc.js');
+require('./index-efca863c.js');
+require('./ADlgInfeed-d06624d8.js');
+require('./AdSlot.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./main-f1c77adb.js');
+require('./ADInfeed-cf54cb8a.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 taxonomyId = arguments[3];
+    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,
+              itemsPerPage: itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\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/ArticleSeriesListing.js

@@ -0,0 +1,315 @@
+'use strict';
+
+var _extends = require('./extends-7c86182f.js');
+var inherits = require('./inherits-de66ea16.js');
+var React = require('react');
+var index = require('./index-0e4427c8.js');
+var Container = require('react-bootstrap/Container');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
+var index_esm = require('./index.esm-d81454e7.js');
+var moment = require('./moment-aca40de1.js');
+var Router = require('next/router');
+var YoutubeGroup = require('./YoutubeGroup.js');
+var debounce = require('./debounce-d4a2369b.js');
+var index_es = require('./index.es-f3e47207.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./_object-pie-083f2dd6.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./typeof-567e31ff.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_is-array-54228b29.js');
+require('./_library-dd23b178.js');
+require('prop-types');
+require('react-dom');
+require('./iconBase-be4097c0.js');
+require('./slicedToArray-067dd3bc.js');
+require('./index-187c967e.js');
+require('./index-eadd5035.js');
+require('./smoothscroll-99df7f93.js');
+require('./urlFor.js');
+require('./index-efca863c.js');
+require('./main-f1c77adb.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+
+var ArticleSeriesListing = function (_React$Component) {
+  inherits._inherits(ArticleSeriesListing, _React$Component);
+
+  function ArticleSeriesListing() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    inherits._classCallCheck(this, ArticleSeriesListing);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || inherits._Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.today = moment.moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr.map(function (item) {
+        var tempObj = item;
+        if (tempObj.body) {
+          var filteredBody = tempObj.body.map(function (item) {
+            if (item._type === 'articleSeries') {
+              var innerObj = item;
+              var filteredArticles = innerObj.articles.filter(function (article) {
+                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && _this.today >= article.published) {
+                  return article;
+                }
+              });
+              innerObj.body = filteredArticles;
+              return innerObj;
+            } else {
+              return item;
+            }
+          });
+
+          tempObj.body = filteredBody;
+        }
+        return tempObj;
+      }),
+      per: _this.params ? _this.params.to : 2,
+      page: _this.props.currentPage || 1,
+      from: _this.params ? _this.params.from : 0,
+      to: _this.params ? _this.params.to : 2,
+      total_pages: null,
+      scrolling: _this.autoScroll,
+      query: _this.query,
+      currentPage: _this.props.currentPage || 1
+    }, _this.loadMore = debounce.debounce_1(function () {
+      _this.setState(function (state) {
+        var page = state.page,
+            from = state.from,
+            per = state.per,
+            to = state.to;
+
+        return {
+          page: page + 1,
+          from: from + per,
+          to: to + per
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          from = _this$state.from,
+          to = _this$state.to;
+          _this$state.data;
+          var query = _this$state.query,
+          page = _this$state.page;
+      var client = _this.props.client;
+      //this.changePageNumber(page)
+
+      var params = _extends._extends({}, _this.params, { from: from, to: to
+        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
+        // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
+      });client.fetch(query, params).then(function (dataArr) {
+        if (_this.pointer && _this.pointerArray) {
+          var pointer = _this.pointer;
+          dataArr = dataArr[_this.pointerArray][pointer];
+        }
+        dataArr = dataArr.map(function (item) {
+          return _extends._extends({}, item, {
+            pageNumber: page
+          });
+        });
+
+        _this.setState(function () {
+          if (dataArr.length > 0) {
+            var newDataArr = _this.state.data;
+            newDataArr.push(dataArr);
+            return {
+              data: newDataArr,
+              scrolling: true
+            };
+          } else {
+            return {
+              scrolling: false
+            };
+          }
+        });
+      });
+    }, _this.changePageNumber = function (pageNumber) {
+      var _this$props = _this.props,
+          seoPaginate = _this$props.seoPaginate,
+          pageview = _this$props.pageview,
+          router = _this$props.router;
+      var currentPage = _this.state.currentPage;
+
+      if (seoPaginate) {
+        var path = router.asPath;
+        var qrIndex = path.indexOf('?');
+        var pathname = router.pathname;
+        var queryString = '';
+
+        if (qrIndex > 0) {
+          path = path.substring(1, qrIndex);
+
+          var partialQS = router.asPath.substring(qrIndex + 1);
+          var partialQSArr = partialQS.split('&');
+
+          // exclude page=xxx from query string
+          partialQSArr.map(function (item) {
+            var itemArr = item.split('=');
+            var key = itemArr[0];
+            var val = itemArr[1];
+
+            if (key !== 'page') {
+              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+            }
+          });
+        }
+
+        if (queryString.length > 0) {
+          path += '?' + queryString;
+        }
+
+        pageNumber = parseInt(pageNumber);
+
+        if (currentPage !== pageNumber) {
+          index.lib_3.refresh();
+
+          _this.setState({
+            currentPage: pageNumber
+          }, function () {
+            if (path[0] !== '/') {
+              path = '/' + path;
+            }
+
+            var newPath = pageNumber === 1 ? '' + path : '' + path + (path.includes('?') ? '&page=' + pageNumber : '?page=' + pageNumber);
+
+            if (pageview) {
+              pageview(newPath);
+            }
+
+            router.push(pathname, newPath, {
+              shallow: true
+            });
+          });
+        }
+      }
+    }, _this.renderManualPagination = function () {
+      var currentPage = _this.state.currentPage;
+
+      return React__default['default'].createElement(
+        'div',
+        { className: 'd-flex justify-content-between' },
+        currentPage && currentPage > 1 && React__default['default'].createElement(
+          'a',
+          { href: '?page=' + (currentPage - 1) },
+          '<< Previous'
+        ),
+        React__default['default'].createElement(
+          'a',
+          { href: '?page=' + (currentPage + 1) },
+          'Next >>'
+        )
+      );
+    }, _this.renderSeries = function (seriesData) {
+      var itemCounter = 0;
+
+      return React__default['default'].createElement(
+        'div',
+        null,
+        seriesData && seriesData.map(function (docSeries, index) {
+          if (docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles) {
+            docSeries.body[0].articles.map(function (singleArticle, indexInner) {
+              singleArticle.link = '/view/' + docSeries.url.current + '?seriesArticle=' + singleArticle.param.current;
+            });
+          }
+
+          return React__default['default'].createElement(
+            'div',
+            { key: index, counter: itemCounter++ },
+            React__default['default'].createElement(
+              'h4',
+              { className: 'article-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
+              React__default['default'].createElement(
+                'a',
+                { href: '/' + _this.props.page + '/' + docSeries.url.current },
+                docSeries.title,
+                React__default['default'].createElement(
+                  'span',
+                  { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)', display: 'inline-block' } },
+                  React__default['default'].createElement(index_esm.IoIosArrowForward, null)
+                )
+              )
+            ),
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React__default['default'].createElement(
+              'p',
+              null,
+              'No Article Found.'
+            )
+          );
+        })
+      );
+    }, _temp), inherits._possibleConstructorReturn(_this, _ret);
+  }
+
+  inherits._createClass(ArticleSeriesListing, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
+        null,
+        this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
+        React__default['default'].createElement(
+          index_es.InfiniteScroll,
+          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
+          React__default['default'].createElement(
+            Container__default['default'],
+            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;
+
+              return React__default['default'].createElement(
+                React__default['default'].Fragment,
+                { key: index },
+                React__default['default'].createElement(
+                  visibilitySensor.VisibilitySensor,
+                  {
+                    onChange: function onChange(isVisible) {
+                      isVisible && _this2.changePageNumber(page);
+                    } },
+                  React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  null,
+                  _this2.renderSeries(series)
+                )
+              );
+            })
+          )
+        ) : React__default['default'].createElement(
+          'div',
+          { style: { marginTop: '10px' } },
+          React__default['default'].createElement(
+            'h5',
+            null,
+            React__default['default'].createElement(
+              'em',
+              null,
+              'New content coming soon, please check back later.'
+            )
+          )
+        )
+      );
+    }
+  }]);
+
+  return ArticleSeriesListing;
+}(React__default['default'].Component);
+
+var ArticleSeriesListing$1 = Router.withRouter(ArticleSeriesListing);
+
+module.exports = ArticleSeriesListing$1;