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

package/dist/esm/VideoProgramLandingPage.js

@@ -0,0 +1,251 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import React__default from 'react';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
+import Col from 'react-bootstrap/Col';
+import Form from 'react-bootstrap/Form';
+import Button from 'react-bootstrap/Button';
+import { g as getSerializers } from './index-c60f3bb6.js';
+import VideoSeriesListing from './VideoSeriesListing.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import './_object-pie-133f504a.js';
+import 'prop-types';
+import './index-0dbff1d1.js';
+import './slicedToArray-ca2c8b8d.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-5cc7b406.js';
+import 'next/router';
+import './index-c7e2ac95.js';
+import './Beam.js';
+import './stringify-c21932b3.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './urlForFile-413f5ddb.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './typeof-83d9eb10.js';
+import './_is-array-893ab020.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-ga';
+import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
+import './_object-to-array-50a6b9a3.js';
+import './toConsumableArray-7b1c0e23.js';
+import 'react-bootstrap/Pagination';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './index.esm-eb1e8e80.js';
+import './iconBase-ccc56b97.js';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Tooltip';
+import 'react-bootstrap/Popover';
+import 'react-bootstrap/Container';
+import './visibility-sensor-72fd8f8b.js';
+import './YoutubeGroup.js';
+import './index.es-a6137319.js';
+
+var _this = undefined;
+
+var cache = { topic_ids: [] };
+
+var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
+  var client = props.client,
+      virtualBlock = props.virtualBlock,
+      topics = props.topics,
+      posts = props.posts,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _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$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      defaultImage = props.defaultImage,
+      mapping = props.mapping;
+
+  return React__default.createElement(
+    'div',
+    null,
+    virtualBlock && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    React__default.createElement(
+      'div',
+      { className: 'peer-exchange-filter-container' },
+      React__default.createElement(
+        Form,
+        { className: 'ml-3', method: 'post' },
+        React__default.createElement(
+          Form.Row,
+          null,
+          React__default.createElement(
+            Col,
+            null,
+            React__default.createElement(
+              Form.Group,
+              { controlId: 'topic' },
+              React__default.createElement(
+                Form.Control,
+                { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
+                React__default.createElement(
+                  'option',
+                  { value: '' },
+                  'All Topics'
+                ),
+                topics && topics.map(function (topic) {
+                  if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
+                    return null;
+                  } else {
+                    return React__default.createElement(
+                      'option',
+                      { value: topic._id },
+                      topic.name
+                    );
+                  }
+                })
+              )
+            )
+          ),
+          React__default.createElement(
+            Col,
+            null,
+            React__default.createElement(
+              Button,
+              { type: 'submit', variant: 'secondary' },
+              'Apply'
+            )
+          )
+        )
+      )
+    ),
+    posts && React__default.createElement(VideoSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+VideoProgramLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 6;
+    var topicId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+    var taxonomyId = arguments[4];
+    var pathname, virtualBlock, query, taxonomy_ids_res, taxonomy_ids, i, res, j, topics, urlQuery, currentPage, start, params, posts;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // Virtual Block
+            pathname = context.pathname;
+            _context.next = 3;
+            return client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+
+          case 3:
+            virtualBlock = _context.sent;
+
+
+            // Topics for filtering
+            query = '';
+
+            if (!(cache && cache.topic_ids && cache.topic_ids.length > 0)) {
+              _context.next = 8;
+              break;
+            }
+
+            _context.next = 15;
+            break;
+
+          case 8:
+            query = '*[\n        _type == \'article\' \n        && !(_id in path("drafts.**")) \n        && defined(title) \n        && defined(url)\n        && references(\'' + taxonomyId + '\') \n        && is_visible == true \n        && dateTime(published) <= dateTime(now())\n    ]{\n        \'taxonomy_id\': taxonomyMapping[]->_id\n    }';
+            _context.next = 11;
+            return client.fetch(query);
+
+          case 11:
+            taxonomy_ids_res = _context.sent;
+            taxonomy_ids = [];
+
+            for (i = 0; i < taxonomy_ids_res.length; i++) {
+              res = taxonomy_ids_res[i];
+
+              for (j = 0; j < res.taxonomy_id.length; j++) {
+                if (!taxonomy_ids.includes(res.taxonomy_id[j])) {
+                  taxonomy_ids.push(res.taxonomy_id[j]);
+                }
+              }
+            }
+            cache.topic_ids = taxonomy_ids;
+
+          case 15:
+            query = '*[_type == \'taxonomy\' && _id in $taxonomy_ids] | order(name asc)';
+            _context.next = 18;
+            return client.fetch(query, { taxonomy_ids: cache.topic_ids });
+
+          case 18:
+            topics = _context.sent;
+
+
+            // Posts
+            urlQuery = context.query;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              url: pathname,
+              itemsPerPage: itemsPerPage
+            };
+
+            query = '*[\n        _type == \'article\'\n        && !(_id in path("drafts.**"))\n        && defined(title)\n        && defined(url)\n        && is_visible == true\n        && dateTime(published) <= dateTime(now())\n        && references(\'' + taxonomyId + '\')\n        ' + (topicId ? '&& references(\'' + topicId + '\')' : '') + '\n      ] | order(published desc) [$from...$to]{\n  \t\t...,\n  \t\ttitle,\n  \t\tsummary,\n  \t\tpublished,\n  \t\tthumbnail{ ..., asset->},\n  \t\turl,\n  \t\ttaxonomy,\n  \t\tcontentCategory->,\n  \t\tbody[_type == "youtubeGallery"]{\n        ...,\n        videos[]{\n          ...,\n          thumbnail{...,asset->}\n        }\n      },\n  \t\t\'pageNumber\': ' + currentPage + '\n  \t}';
+            _context.next = 26;
+            return client.fetch(query, params);
+
+          case 26:
+            posts = _context.sent;
+            return _context.abrupt('return', { virtualBlock: virtualBlock, topics: topics, posts: posts, query: query, params: params, currentPage: currentPage });
+
+          case 28:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default VideoProgramLandingPage;

package/dist/esm/VideoSeriesCard.js

@@ -0,0 +1,82 @@
+import { _ as _typeof } from './typeof-83d9eb10.js';
+import React__default from 'react';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import 'prop-types';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_is-array-893ab020.js';
+import './_object-pie-133f504a.js';
+import './_library-528f1934.js';
+import 'react-dom';
+import './slicedToArray-ca2c8b8d.js';
+import './index-0dbff1d1.js';
+
+var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
+var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
+styleInject(css);
+
+var VideoSeriesCard = function VideoSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client,
+      index = props.index;
+
+  var episode = parseInt(index) + 1;
+
+  return React__default.createElement(
+    'div',
+    { className: styles.article },
+    React__default.createElement(
+      'a',
+      { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default.createElement(
+        'div',
+        { className: styles.thumb },
+        React__default.createElement(
+          'figure',
+          null,
+          React__default.createElement(
+            LazyLoad,
+            null,
+            React__default.createElement('img', {
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+            })
+          )
+        )
+      ),
+      React__default.createElement(
+        'div',
+        { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default.createElement(
+          'div',
+          { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
+          episode && 'EP ' + episode + ': ',
+          data.title
+        ),
+        data.published && React__default.createElement(
+          'p',
+          { className: styles.published },
+          moment(data.published).format('MMMM Do YYYY')
+        ),
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+          'p',
+          { className: styles.author },
+          'By ',
+          React__default.createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.intro && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+      )
+    )
+  );
+};
+
+export default VideoSeriesCard;

package/dist/esm/VideoSeriesFilter.js

@@ -0,0 +1,122 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default, { useState, useEffect } from 'react';
+import { withRouter } from 'next/router';
+import { DropdownButton, Dropdown } from 'react-bootstrap';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+
+var _this = undefined;
+
+var VideoSeriesFilter = function VideoSeriesFilter(props) {
+  var filterData = props.filterData,
+      queryProps = props.queryProps,
+      filteredList = props.filteredList,
+      loadingStatus = props.loadingStatus,
+      _props$exclude = props.exclude,
+      exclude = _props$exclude === undefined ? null : _props$exclude,
+      router = props.router;
+  var taxonomyID = queryProps.taxonomyID,
+      currentPage = queryProps.currentPage,
+      client = queryProps.client,
+      params = queryProps.params;
+
+  var _useState = useState({ name: 'All Topics', id: '' }),
+      _useState2 = _slicedToArray(_useState, 2),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
+
+  var filterList = function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var query;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              loadingStatus && loadingStatus(true);
+              filteredList(null);
+              query = '*[_type == \'article\'\n                    && !(_id in path("drafts.**"))\n                    && defined(title)\n                    && defined(url) ' + (filter.id ? ' && references(\'' + filter.id + '\')' : '') + '\n                    && references(\'' + taxonomyID + '\')\n                    && is_visible == true\n                    && published <= now()\n                    && passwordLock != true\n                  ] | order(published desc) [$from...$to]{\n                  ...,\n                  title,\n                  summary,\n                  published,\n                  thumbnail{ ..., asset->},\n                  url,\n                  taxonomy,\n                  contentCategory->,\n                  body[_type == "youtubeGallery"]{\n                    ...,\n                    videos[]{\n                      ...,\n                      thumbnail{...,asset->}\n                    }\n                  },\n                  \'pageNumber\': ' + currentPage + '\n                }';
+              _context.next = 5;
+              return client.fetch(query, params).then(function (res) {
+                filteredList({ posts: res, query: query });
+              });
+
+            case 5:
+              loadingStatus && loadingStatus(false);
+
+            case 6:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function filterList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (router && router.query && router.query.filter && filterData && filterData.length > 0) {
+      filterData.map(function (filterItem) {
+        if (filterItem.name === router.query.filter) {
+          setFilter({ name: filterItem.name, id: filterItem._id });
+        }
+      });
+    }
+  }, []);
+  useEffect(function () {
+    filterList();
+    var qString = '';
+    router.asPath.includes('?') && router.asPath.slice(router.asPath.indexOf('?') + 1).split('&').forEach(function (item) {
+      if (item.includes('=') && item.split('=')[0] !== 'filter') {
+        if (qString === '') {
+          qString += item.split('=')[0] + '=' + item.split('=')[1];
+        } else {
+          qString += '&' + item.split('=')[0] + '=' + item.split('=')[1];
+        }
+      }
+    });
+    if (filter.id !== '') {
+      router.push(router.pathname, router.pathname + '?filter=' + filter.name + (qString !== '' ? '&' + qString : ''), {
+        shallow: true
+      });
+    } else {
+      router.push(router.pathname, '' + router.pathname + (qString !== '' ? '?' + qString : ''), {
+        shallow: true
+      });
+    }
+  }, [filter]);
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      DropdownButton,
+      { className: 'filter_dropdown', variant: 'primary', title: filter.name },
+      React__default.createElement(
+        Dropdown.Item,
+        { key: 'all', onClick: function onClick() {
+            return setFilter({ name: 'All Topics', id: '' });
+          } },
+        'All Topics'
+      ),
+      filterData && filterData.map(function (filterItem) {
+        if (filterItem.identifier !== exclude) {
+          return React__default.createElement(
+            Dropdown.Item,
+            { key: filterItem._id, onClick: function onClick() {
+                return setFilter({ name: filterItem.name, id: filterItem._id });
+              }, value: filterItem._id, selected: true },
+            filterItem.name
+          );
+        }
+      })
+    )
+  );
+};
+var VideoSeriesFilter$1 = withRouter(VideoSeriesFilter);
+
+export default VideoSeriesFilter$1;

package/dist/esm/VideoSeriesLandingPage.js

@@ -0,0 +1,172 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _typeof } from './typeof-83d9eb10.js';
+import React__default from 'react';
+import { m as moment } from './moment-bc12cb97.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
+import Breadcrumbs from './Breadcrumbs.js';
+import MasterDeck from './MasterDeck.js';
+import VideoSeriesCard from './VideoSeriesCard.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import './_is-array-893ab020.js';
+import './_object-pie-133f504a.js';
+import './slicedToArray-ca2c8b8d.js';
+import 'react-bootstrap/Breadcrumb';
+import './toConsumableArray-7b1c0e23.js';
+import './extends-dc6a71fd.js';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './index-5cc7b406.js';
+import 'prop-types';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Card';
+import 'next/router';
+import './lodash-f97fd99a.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-a6137319.js';
+import './visibility-sensor-72fd8f8b.js';
+import 'react-dom';
+import './index-0dbff1d1.js';
+import './ADlgInfeed-8c438cee.js';
+import './AdSlot.js';
+import './Beam.js';
+import './stringify-c21932b3.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './ADInfeed-f684cac9.js';
+import './index-755f2cc2.js';
+import './urlFor.js';
+import './style-inject.es-1f59c1d0.js';
+
+var _this = undefined;
+
+var VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
+  var summary = props.summary,
+      client = props.client,
+      posts = props.posts,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'left' : _props$variant,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
+      mapping = props.mapping,
+      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,
+      rightItems = props.rightItems,
+      brandInsightAd = props.brandInsightAd,
+      _props$showBI = props.showBI,
+      showBI = _props$showBI === undefined ? false : _props$showBI,
+      _props$lgInfeedAd = props.lgInfeedAd,
+      lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
+
+  return React__default.createElement(
+    'div',
+    null,
+    summary && React__default.createElement(
+      'div',
+      { style: { fontSize: '1rem' }, className: 'series-summary px-1 my-4' },
+      summary
+    ),
+    React__default.createElement(Breadcrumbs, null),
+    posts && React__default.createElement(MasterDeck, {
+      deck: VideoSeriesCard,
+      variant: variant,
+      client: client,
+      defaultImage: defaultImage,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      autoScroll: autoScroll,
+      rightItems: rightItems,
+      brandInsightAd: brandInsightAd,
+      showBI: showBI,
+      lgInfeedAd: lgInfeedAd
+    })
+  );
+};
+
+VideoSeriesLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var taxonomyId = arguments[3];
+    var today, urlQuery, seriesName, currentPage, start, params, query, posts, seriesTitle, summary, url;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            today = moment().utc().format();
+            urlQuery = context.query;
+            seriesName = urlQuery.series;
+            currentPage = urlQuery.page ? parseInt(urlQuery.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    && dateTime(published) <= dateTime(now()) \n    && references(\'' + taxonomyId + '\') \n    && is_visible == true \n    && url.current == \'' + seriesName + '\'\n  ][$from...$to] | order(published desc) {\n\t\ttitle,\n\t\tsummary,\n\t\tpublished,\n\t\tthumbnail,\n\t\turl,\n\t\ttaxonomy,\n\t\tbody[_type == "youtubeGallery"]\n\t}';
+            _context.next = 9;
+            return client.fetch(query, params);
+
+          case 9:
+            posts = _context.sent;
+            seriesTitle = '';
+            summary = '';
+
+
+            if (posts.length > 0 && posts[0].body.length > 0 && posts[0].body[0].videos) {
+              url = posts[0].url.current + '?seriesVid=';
+
+              seriesTitle = posts[0].title;
+              summary = posts[0].summary;
+              posts = posts[0].body[0].videos.filter(function (video) {
+                if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (today >= video.published || !video.hasOwnProperty('published'))) {
+                  return video;
+                }
+              });
+              //start youtube thumbnail fix
+              posts.map(function (post, index) {
+                if (post.thumbnail && _typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
+                  var id = getYoutubeId(post.url);
+                  var imageURL = 'https://img.youtube.com/vi/' + id + '/hqdefault.jpg';
+                  return post['thumbnail'] = imageURL, post['url'] = {
+                    current: url + (index + 1)
+                  };
+                }
+                return post['url'] = {
+                  current: url + (index + 1)
+                };
+              });
+              //end
+            }
+            return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, summary: summary, seriesName: seriesName });
+
+          case 14:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default VideoSeriesLandingPage;