@mjhls/mjh-framework 1.0.1005-next12-0003 → 1.0.1005-sap-context-test

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -1 +1,534 @@
-"use strict";var e=require("./typeof-5f2c4427.js"),r=require("./index-6e1fba48.js"),t=require("./defineProperty-3cad0327.js"),n=require("./slicedToArray-e6d9072a.js"),a=require("react"),i=require("next/link"),o=require("@sanity/block-content-to-react"),c=require("./MasterDeckPaginated.js"),l=require("./MediaSeriesCard-8ae50064.js"),u=require("./index-83bcf60c.js"),d=require("./DropdownButton-469c179c.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./unsupportedIterableToArray-a6f9513d.js"),require("./extends-f8003900.js"),require("./toConsumableArray-bf649f24.js"),require("./getPrototypeOf-e5dabebb.js"),require("react-dfp"),require("react-bootstrap/Container"),require("react-bootstrap/Spinner"),require("next/router"),require("lodash"),require("react-device-detect"),require("./ADlgInfeed-01f5ef1b.js"),require("react-bootstrap/Card"),require("./AdSlot-d541f28d.js"),require("prop-types"),require("lodash/debounce"),require("./segment-lib-1c52764b.js"),require("./ADInfeed-f496a8f6.js"),require("./Pagination-825e4903.js"),require("react-paginate"),require("react-bootstrap/Button"),require("react-icons/fa"),require("react-lazyload"),require("./urlFor-ca017581.js"),require("@sanity/image-url"),require("moment"),require("./style-inject.es-dcee06b6.js"),require("react-bootstrap"),require("get-youtube-id"),require("react-youtube"),require("./urlForFile-266cd07c.js"),require("@brightcove/react-player-loader"),require("react-bootstrap/Modal"),require("react-bootstrap/Form"),require("react-player"),require("react-ga"),require("./GroupDeck-f3b67f3d.js"),require("smoothscroll-polyfill"),require("./SocialShare-3d7c8abe.js"),require("next/head"),require("react-share"),require("react-bootstrap/Pagination"),require("./entities-6106638a.js"),require("striptags"),require("./_commonjsHelpers-0a7b82d9.js"),require("react-bootstrap/Row"),require("react-bootstrap/Col"),require("react-icons/io"),require("react-bootstrap/Figure"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Tooltip"),require("react-bootstrap/Popover"),require("react-script-tag"),require("./checkSisterSite-d2d62375.js"),require("react-dom");var f=s(a),p=s(i),m=s(o);function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?h(Object(n),!0).forEach((function(r){t.defineProperty(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var g=function(e){var r=e.filterData,t=e.setFilterTopicID;if(!r||0==r.length)return null;var i=a.useState(null),o=n.slicedToArray(i,2),c=o[0],l=o[1],u=a.useState(null),s=n.slicedToArray(u,2),p=s[0],m=s[1],h=a.useState(null),g=n.slicedToArray(h,2),b=g[0],q=g[1];a.useEffect((function(){r.length<2?m({name:null,data:r[0].children,_id:r[0]._id}):l({name:null,data:r})}),[]);var _=function(e,r){if("parent"===r&&(l((function(r){return y(y({},r),{},{name:e.name?e.name:null})})),e&&e.children&&e.children.length>0?(m({data:e.children,_id:e._id}),t(e._id)):(m(null),q(null),t(e._id?e._id:"all"))),"child"===r)if(m((function(r){return y(y({},r),{},{name:e.name?e.name:null,_id:e._id})})),e&&e.grandchildren&&e.grandchildren.length>0){q({data:e.grandchildren,_id:e._id}),t(e._id);var n=[];n.push(e._id),e.grandchildren.forEach((function(e){n.push(e._id)})),t(n)}else q(null),t(e._id?e._id:"all");if("grandchild"===r)if(q((function(r){return y(y({},r),{},{name:e.name?e.name:"All",_id:e._id})})),e._id)t([e._id,p._id]);else{var a=[];a.push(p._id),b.data.forEach((function(e){a.push(e._id)})),t(a)}};return f.default.createElement("div",{className:"flex-container"},c&&f.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn",title:c.name?c.name:"Filter By Category"},f.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"parent")}},"All"),c.data.map((function(e){return e._id?f.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"parent")}},e.name):null}))),p&&p.data&&p.data.length>0&&f.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn ml-3",title:p.name?p.name:"Filter By Topic"},f.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"child")}},"All"),p.data.map((function(e){return e._id?f.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"child")}},e.name):null}))),b&&b.data&&b.data.length>0&&f.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn ml-3",title:b.name?b.name:"Select Sub Topic"},f.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"grandchild")}},"All"),b.data.map((function(e){return e._id?f.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"grandchild")}},e.name):null}))),f.default.createElement("style",{jsx:"true"},"\n        .flex-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n        }\n        .filter-btn button {\n          border-radius: 3px;\n          z-index: 99999;\n        }\n        .filter-btn .dropdown-menu {\n          z-index: 9999999;\n        }\n        @media (max-width: 768px) {\n          .flex-container {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      "))},b=function(t){var i=t.client,o=t.pageview,d=a.useState(!1),s=n.slicedToArray(d,2),h=s[0],b=s[1],q=a.useState(t.seriesData),_=n.slicedToArray(q,2),j=_[0],x=_[1],S=a.useState(t.totalSeriesCount),v=n.slicedToArray(S,2),w=v[0],E=v[1],P=a.useState(t.params),D=n.slicedToArray(P,2),T=D[0],A=D[1],O=a.useState(t.query),k=n.slicedToArray(O,2),F=k[0],I=k[1],C=a.useState(t.currentPage),G=n.slicedToArray(C,2),M=G[0],B=G[1];a.useEffect((function(){h&&N()}),[h]);var N=function(){var a=r.asyncToGenerator(r.regenerator.mark((function a(){var o,c,l,u,d,s,f,p,m,g,b,q;return r.regenerator.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(o=y(y({},T),{},{from:0,to:30}),"object"===e._typeof(h))for(c="[",l=0;l<h.length;l++)c+=" references('".concat(h[l],"') "),l===h.length-1?c+="]":c+=" || ";else c="all"!==h?"[references('".concat(h,"')]"):"";return u=t.seriesQuerySorts,d=t.seriesQueryProjection,s=t.seriesQueryFilters,f=["*"].concat(s=c?[s,c]:s).concat(u).concat(d).join("|"),p="count(".concat(["*"].concat(s).join("|"),")"),r.next=9,Promise.all([i.fetch(f,o),i.fetch(p)]);case 9:m=r.sent,g=n.slicedToArray(m,2),b=g[0],q=g[1],A(o),I(f),x(b),E(q),B(1);case 18:case"end":return r.stop()}}),a)})));return function(){return a.apply(this,arguments)}}();return 404===t.statusCode?f.default.createElement("div",{className:"d-flex flex-column align-items-center mt-3"},f.default.createElement("h3",null,"404: Resource not found"),f.default.createElement("p",null,"We seem to have misplaced the page you're looking for. Sorry! Please try checking the URL for errors."),f.default.createElement("p",null,"Click here to",f.default.createElement(p.default,{href:"/"},f.default.createElement("a",{style:{color:"blue",textDecoration:"underline"}}," return to homepage.")))):f.default.createElement("div",{className:"mb-5"},t.docGroup&&t.docGroup.description&&f.default.createElement(m.default,{blocks:t.docGroup.description,serializers:u.getSerializers(i)}),t.taxonomyFilter&&t.taxonomyFilter&&f.default.createElement("div",{className:"filter-btn-container"},f.default.createElement(g,{setFilterTopicID:b,filterData:t.taxonomyFilter}),f.default.createElement("hr",null)),j&&f.default.createElement(c,{deck:l.MediaSeriesCard,variant:"left",defaultImage:"/placeholder.jpg",client:i,dataRecord:j,totalDataCount:w,query:F&&F,params:T&&T,currentPage:M,pageview:o,needLargePaginateButtons:t.needLargePaginateButtons,seoPaginate:!0}))};b.getInitialData=function(){var e=r.asyncToGenerator(r.regenerator.mark((function e(t,a,i,o){var c,l,u,d,s,f,p,m,h,y,g,b,q,_,j,x,S,v,w,E,P,D;return r.regenerator.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c=t.query,l=t.pathname,u=l.replace("/",""),d=o&&o.itemsPerPage?o.itemsPerPage:30,s=c.page?parseInt(c.page):1,p=200,m={count:d,from:f=(s-1)*d,to:f+d,url:l,itemsPerPage:d},e.next=9,a.fetch("*[_type == 'documentGroup' && identifier.current == '".concat(u,"'][0]{\n    _id, \n    isGated,\n    name,\n    description,\n    pixelTrackingCode->\n  }"));case 9:return h=e.sent,y="[\n    _type == 'documentGroup' \n    && references('".concat(h._id,"') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]"),g="order(published desc) [$from...$to]",b="{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail{ ..., asset-> },\n    description,\n    topicMapping[]->,\n    isGated,\n    'parentUrl': '".concat(u,"'\n  }"),q=["*"].concat(y).concat(g).concat(b).join("|"),_="count(".concat(["*"].concat(y).join("|"),")"),e.next=17,Promise.all([a.fetch(q,m),a.fetch(_)]);case 17:return j=e.sent,x=n.slicedToArray(j,2),S=x[0],v=x[1],e.next=23,a.fetch("*[_type == 'documentGroup' && references('".concat(h._id,"') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ]  {\n    topicMapping[]->\n  }"));case 23:return w=e.sent,E=function(e){for(var r=[],t=0;t<e.length;t++)e[t].topicMapping&&e[t].topicMapping.length>0&&e[t].topicMapping.forEach((function(e){e&&e._id&&(r.includes(e._id)||r.push(e._id))}));return r},P=E(w),e.next=28,a.fetch("\n  *[_type == 'taxonomy' && !defined(parent) && isMainTopic]  | order(name asc) {\n    _id,\n    identifier,\n    name,\n    \"children\": *[_type == 'taxonomy' && references(^._id)]  | order(name asc) {\n        _id,\n        name,\n        identifier,\n        \"grandchildren\": *[_type == 'taxonomy' && references(^._id)] | order(name asc){...}\n      }\t\n    }");case 28:return(D=e.sent).forEach((function(e){e.children&&(e.children.forEach((function(e){e.grandchildren&&(e.grandchildren=e.grandchildren.filter((function(e){return!!P.includes(e._id)}))),P.includes(e._id)&&e.grandchildren||(e._id=null,e.name=null)})),e.children=e.children.filter((function(e){return null!==e._id})))})),s>1&&0===S.length&&(p=404),e.abrupt("return",{seriesData:S,totalSeriesCount:v,query:q,seriesQueryFilters:y,seriesQuerySorts:g,seriesQueryProjection:b,params:m,currentPage:s,taxonomyFilter:D,identifier:u,docGroupID:h._id,parentUrl:u,statusCode:p,docGroup:h});case 32:case"end":return e.stop()}}),e)})));return function(r,t,n,a){return e.apply(this,arguments)}}(),module.exports=b;
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var _typeof = require('./typeof-567e31ff.js');
+var _extends = require('./extends-7c86182f.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Tooltip = require('./Tooltip-4cb8849a.js');
+require('./index-50be6759.js');
+require('react-dom');
+var Link = require('next/link');
+var BlockContent = require('./BlockContent-96b44364.js');
+var MasterDeckPaginated = require('./MasterDeckPaginated.js');
+var MediaSeriesCard = require('./MediaSeriesCard-eacea66a.js');
+var getSerializers = require('./index-19fbbcea.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('./_is-array-54228b29.js');
+require('./_object-pie-083f2dd6.js');
+require('prop-types');
+require('./index-d48b231c.js');
+require('./stringify-f7a37a8d.js');
+require('./toConsumableArray-d7797c2b.js');
+require('./inherits-de66ea16.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./index-d2a6ef75.js');
+require('./events-1b438fe7.js');
+require('react-bootstrap/Container');
+require('react-bootstrap/Spinner');
+require('next/router');
+require('./lodash-f0783643.js');
+require('./main-3643d499.js');
+require('./ADlgInfeed-759969d6.js');
+require('react-bootstrap/Card');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./ADInfeed-0394f391.js');
+require('./Pagination-842c556f.js');
+require('react-bootstrap/Button');
+require('./index.esm-d51c9ac6.js');
+require('./iconBase-be4097c0.js');
+require('./index-65621b6c.js');
+require('./urlFor.js');
+require('./moment-aca40de1.js');
+require('./style-inject.es-dcee06b6.js');
+require('react-bootstrap');
+require('./index-187c967e.js');
+require('./util-93a37fd0.js');
+require('./urlForFile-29d3815a.js');
+require('./brightcove-react-player-loader.es-4c7825a1.js');
+require('./_object-to-array-ce86cae7.js');
+require('./keys-e982b3fa.js');
+require('react-bootstrap/Modal');
+require('react-bootstrap/Form');
+require('react-ga');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./SocialShare.js');
+require('next/head');
+require('react-share');
+require('react-bootstrap/Pagination');
+require('./entities-df1aed86.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./index.esm-d81454e7.js');
+require('react-bootstrap/Figure');
+require('react-bootstrap/OverlayTrigger');
+require('react-bootstrap/Tooltip');
+require('react-bootstrap/Popover');
+require('./checkSisterSite-b29833b2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
+
+var _this = undefined;
+
+var Filter = function Filter(_ref) {
+  var filterData = _ref.filterData,
+      setFilterTopicID = _ref.setFilterTopicID;
+
+  if (!filterData || filterData.length == 0) return null;
+
+  var _useState = React.useState(null),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      parentData = _useState2[0],
+      setParentData = _useState2[1];
+
+  var _useState3 = React.useState(null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      childData = _useState4[0],
+      setChildData = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      grandChildData = _useState6[0],
+      setGrandChildData = _useState6[1];
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
+    */
+
+
+  React.useEffect(function () {
+    if (filterData.length < 2) {
+      setChildData({ name: null, data: filterData[0].children, _id: filterData[0]._id });
+    } else {
+      setParentData({ name: null, data: filterData });
+    }
+  }, []);
+
+  var handleFilterSelect = function handleFilterSelect(group, type) {
+    if (type === 'parent') {
+      setParentData(function (prevState) {
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null });
+      });
+      if (group && group.children && group.children.length > 0) {
+        setChildData({ data: group.children, _id: group._id });
+        setFilterTopicID(group._id);
+      } else {
+        //handle filter
+        setChildData(null);
+        setGrandChildData(null);
+        setFilterTopicID(group._id ? group._id : 'all');
+      }
+    }
+    if (type === 'child') {
+      setChildData(function (prevState) {
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null, _id: group._id });
+      });
+      if (group && group.grandchildren && group.grandchildren.length > 0) {
+        setGrandChildData({ data: group.grandchildren, _id: group._id });
+        setFilterTopicID(group._id);
+        var topics = [];
+        topics.push(group._id);
+        group.grandchildren.forEach(function (topic) {
+          topics.push(topic._id);
+        });
+        setFilterTopicID(topics);
+      } else {
+        //handle filter
+        setGrandChildData(null);
+        setFilterTopicID(group._id ? group._id : 'all');
+      }
+    }
+    if (type === 'grandchild') {
+      setGrandChildData(function (prevState) {
+        return _extends._extends({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
+      });
+      //handle filter
+      if (!group._id) {
+        var _topics = [];
+        _topics.push(childData._id);
+        grandChildData.data.forEach(function (topic) {
+          _topics.push(topic._id);
+        });
+        setFilterTopicID(_topics);
+      } else {
+        setFilterTopicID([group._id, childData._id]);
+      }
+    }
+  };
+
+  return React__default["default"].createElement(
+    'div',
+    { className: 'flex-container' },
+    parentData && React__default["default"].createElement(
+      Tooltip.DropdownButton,
+      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
+      React__default["default"].createElement(
+        Tooltip.Dropdown.Item,
+        { onSelect: function onSelect() {
+            return handleFilterSelect({}, 'parent');
+          } },
+        'All'
+      ),
+      parentData.data.map(function (docGroup) {
+        if (!docGroup._id) return null;
+        return React__default["default"].createElement(
+          Tooltip.Dropdown.Item,
+          { key: docGroup._id, onSelect: function onSelect() {
+              return handleFilterSelect(docGroup, 'parent');
+            } },
+          docGroup.name
+        );
+      })
+    ),
+    childData && childData.data && childData.data.length > 0 && React__default["default"].createElement(
+      Tooltip.DropdownButton,
+      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
+      React__default["default"].createElement(
+        Tooltip.Dropdown.Item,
+        { onSelect: function onSelect() {
+            return handleFilterSelect({}, 'child');
+          } },
+        'All'
+      ),
+      childData.data.map(function (docGroup) {
+        if (!docGroup._id) return null;
+        return React__default["default"].createElement(
+          Tooltip.Dropdown.Item,
+          { key: docGroup._id, onSelect: function onSelect() {
+              return handleFilterSelect(docGroup, 'child');
+            } },
+          docGroup.name
+        );
+      })
+    ),
+    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default["default"].createElement(
+      Tooltip.DropdownButton,
+      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
+      React__default["default"].createElement(
+        Tooltip.Dropdown.Item,
+        { onSelect: function onSelect() {
+            return handleFilterSelect({}, 'grandchild');
+          } },
+        'All'
+      ),
+      grandChildData.data.map(function (docGroup) {
+        if (!docGroup._id) return null;
+        return React__default["default"].createElement(
+          Tooltip.Dropdown.Item,
+          { key: docGroup._id, onSelect: function onSelect() {
+              return handleFilterSelect(docGroup, 'grandchild');
+            } },
+          docGroup.name
+        );
+      })
+    ),
+    React__default["default"].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .flex-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n        }\n        .filter-btn button {\n          border-radius: 3px;\n          z-index: 99999;\n        }\n        .filter-btn .dropdown-menu {\n          z-index: 9999999;\n        }\n        @media (max-width: 768px) {\n          .flex-container {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      '
+    )
+  );
+};
+
+var MediaSeriesLanding = function MediaSeriesLanding(props) {
+  var client = props.client,
+      pageview = props.pageview;
+
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      filterTopicID = _useState8[0],
+      setFilterTopicID = _useState8[1];
+
+  var _useState9 = React.useState(props.seriesData),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      seriesData = _useState10[0],
+      setSeriesData = _useState10[1];
+
+  var _useState11 = React.useState(props.totalSeriesCount),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      totalSeriesCount = _useState12[0],
+      setTotalSeriesCount = _useState12[1];
+
+  var _useState13 = React.useState(props.params),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
+      params = _useState14[0],
+      setParams = _useState14[1];
+
+  var _useState15 = React.useState(props.query),
+      _useState16 = slicedToArray._slicedToArray(_useState15, 2),
+      query = _useState16[0],
+      setQuery = _useState16[1];
+
+  var _useState17 = React.useState(props.currentPage),
+      _useState18 = slicedToArray._slicedToArray(_useState17, 2),
+      currentPage = _useState18[0],
+      setCurrentPage = _useState18[1];
+
+  React.useEffect(function () {
+    if (filterTopicID) {
+      fetchFilteredData();
+    }
+  }, [filterTopicID]);
+
+  var fetchFilteredData = function () {
+    var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+      var newParams, filterQuery, x, seriesQuerySorts, seriesQueryProjection, seriesQueryFilters, seriesQuery, totalSeriesCountQuery, _ref3, _ref4, newData, newDataCount;
+
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              newParams = _extends._extends({}, params, { from: 0, to: 30 });
+              filterQuery = void 0;
+
+              if ((typeof filterTopicID === 'undefined' ? 'undefined' : _typeof._typeof(filterTopicID)) === 'object') {
+                filterQuery = '[';
+                for (x = 0; x < filterTopicID.length; x++) {
+                  filterQuery = filterQuery + (' references(\'' + filterTopicID[x] + '\') ');
+                  if (x === filterTopicID.length - 1) {
+                    filterQuery = filterQuery + ']';
+                  } else {
+                    filterQuery = filterQuery + ' || ';
+                  }
+                }
+              } else {
+                filterQuery = filterTopicID !== 'all' ? '[references(\'' + filterTopicID + '\')]' : '';
+              }
+
+              seriesQuerySorts = props.seriesQuerySorts, seriesQueryProjection = props.seriesQueryProjection;
+              seriesQueryFilters = props.seriesQueryFilters;
+
+              seriesQueryFilters = filterQuery ? [seriesQueryFilters, filterQuery] : seriesQueryFilters;
+              seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
+              totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
+              _context.next = 10;
+              return asyncToGenerator._Promise.all([client.fetch(seriesQuery, newParams), client.fetch(totalSeriesCountQuery)]);
+
+            case 10:
+              _ref3 = _context.sent;
+              _ref4 = slicedToArray._slicedToArray(_ref3, 2);
+              newData = _ref4[0];
+              newDataCount = _ref4[1];
+
+
+              setParams(newParams);
+              setQuery(seriesQuery);
+              setSeriesData(newData);
+              setTotalSeriesCount(newDataCount);
+              setCurrentPage(1);
+
+            case 19:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function fetchFilteredData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  if (props.statusCode === 404) {
+    return React__default["default"].createElement(
+      'div',
+      { className: 'd-flex flex-column align-items-center mt-3' },
+      React__default["default"].createElement(
+        'h3',
+        null,
+        '404: Resource not found'
+      ),
+      React__default["default"].createElement(
+        'p',
+        null,
+        'We seem to have misplaced the page you\'re looking for. Sorry! Please try checking the URL for errors.'
+      ),
+      React__default["default"].createElement(
+        'p',
+        null,
+        'Click here to',
+        React__default["default"].createElement(
+          Link__default["default"],
+          { href: '/' },
+          React__default["default"].createElement(
+            'a',
+            { style: { color: 'blue', textDecoration: 'underline' } },
+            ' return to homepage.'
+          )
+        )
+      )
+    );
+  }
+
+  return React__default["default"].createElement(
+    'div',
+    { className: 'mb-5' },
+    props.docGroup && props.docGroup.description && React__default["default"].createElement(BlockContent.BlockContent, { blocks: props.docGroup.description, serializers: getSerializers.getSerializers(client) }),
+    props.taxonomyFilter && props.taxonomyFilter && React__default["default"].createElement(
+      'div',
+      { className: 'filter-btn-container' },
+      React__default["default"].createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
+      React__default["default"].createElement('hr', null)
+    ),
+    seriesData && React__default["default"].createElement(MasterDeckPaginated, {
+      deck: MediaSeriesCard.MediaSeriesCard,
+      variant: 'left',
+      defaultImage: '/placeholder.jpg',
+      client: client,
+      dataRecord: seriesData,
+      totalDataCount: totalSeriesCount,
+      query: query && query,
+      params: params && params,
+      currentPage: currentPage,
+      pageview: pageview,
+      needLargePaginateButtons: props.needLargePaginateButtons,
+      seoPaginate: true
+    })
+  );
+};
+
+MediaSeriesLanding.getInitialData = function () {
+  var _ref5 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2(ctx, client, cache, parameters) {
+    var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQueryFilters, seriesQuerySorts, seriesQueryProjection, seriesQuery, totalSeriesCountQuery, _ref6, _ref7, seriesData, totalSeriesCount, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
+
+    return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            urlQuery = ctx.query, pathname = ctx.pathname;
+            identifier = pathname.replace('/', '');
+            itemsPerPage = parameters && parameters.itemsPerPage ? parameters.itemsPerPage : 30;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            statusCode = 200;
+            params = {
+              count: itemsPerPage,
+              from: start,
+              to: start + itemsPerPage,
+              url: pathname,
+              itemsPerPage: itemsPerPage
+            };
+            _context2.next = 9;
+            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description,\n    pixelTrackingCode->\n  }');
+
+          case 9:
+            docGroupID = _context2.sent;
+            seriesQueryFilters = '[\n    _type == \'documentGroup\' \n    && references(\'' + docGroupID._id + '\') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]';
+            seriesQuerySorts = 'order(published desc) [$from...$to]';
+            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail{ ..., asset-> },\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
+            seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
+            totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
+            _context2.next = 17;
+            return asyncToGenerator._Promise.all([client.fetch(seriesQuery, params), client.fetch(totalSeriesCountQuery)]);
+
+          case 17:
+            _ref6 = _context2.sent;
+            _ref7 = slicedToArray._slicedToArray(_ref6, 2);
+            seriesData = _ref7[0];
+            totalSeriesCount = _ref7[1];
+            _context2.next = 23;
+            return client.fetch('*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ]  {\n    topicMapping[]->\n  }');
+
+          case 23:
+            allSeries = _context2.sent;
+
+            //Take all series topicMapping and put in an array
+            buildUsedTopicsArray = function buildUsedTopicsArray(seriesArray) {
+              var usedTopics = [];
+              for (var x = 0; x < seriesArray.length; x++) {
+                if (seriesArray[x].topicMapping && seriesArray[x].topicMapping.length > 0) {
+                  seriesArray[x].topicMapping.forEach(function (topic) {
+                    if (topic && topic._id) {
+                      if (!usedTopics.includes(topic._id)) {
+                        usedTopics.push(topic._id);
+                      }
+                    }
+                  });
+                }
+              }
+              return usedTopics;
+            };
+
+            usedTopics = buildUsedTopicsArray(allSeries);
+            _context2.next = 28;
+            return client.fetch('\n  *[_type == \'taxonomy\' && !defined(parent) && isMainTopic]  | order(name asc) {\n    _id,\n    identifier,\n    name,\n    "children": *[_type == \'taxonomy\' && references(^._id)]  | order(name asc) {\n        _id,\n        name,\n        identifier,\n        "grandchildren": *[_type == \'taxonomy\' && references(^._id)] | order(name asc){...}\n      }\t\n    }');
+
+          case 28:
+            taxonomyFilter = _context2.sent;
+
+
+            taxonomyFilter.forEach(function (topic) {
+              if (topic.children) {
+                topic.children.forEach(function (child) {
+                  if (child.grandchildren) {
+                    child.grandchildren = child.grandchildren.filter(function (grandchild) {
+                      if (!usedTopics.includes(grandchild._id)) {
+                        return false;
+                      }
+                      return true;
+                    });
+                  }
+                  if (!usedTopics.includes(child._id) || !child.grandchildren) {
+                    child._id = null;
+                    child.name = null;
+                  }
+                });
+
+                topic.children = topic.children.filter(function (child) {
+                  return child._id !== null;
+                });
+              }
+            });
+
+            if (currentPage > 1 && seriesData.length === 0) {
+              statusCode = 404;
+            }
+
+            return _context2.abrupt('return', {
+              seriesData: seriesData,
+              totalSeriesCount: totalSeriesCount,
+              query: seriesQuery,
+              seriesQueryFilters: seriesQueryFilters,
+              seriesQuerySorts: seriesQuerySorts,
+              seriesQueryProjection: seriesQueryProjection,
+              params: params,
+              currentPage: currentPage,
+              taxonomyFilter: taxonomyFilter,
+              identifier: identifier,
+              docGroupID: docGroupID._id,
+              parentUrl: identifier,
+              statusCode: statusCode,
+              docGroup: docGroupID
+            });
+
+          case 32:
+          case 'end':
+            return _context2.stop();
+        }
+      }
+    }, _callee2, _this);
+  }));
+
+  return function (_x, _x2, _x3, _x4) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+
+module.exports = MediaSeriesLanding;