@mjhls/mjh-framework 1.0.1005-next12-0001 → 1.0.1005-next12-0002

package/dist/cjs/MediaSeriesLanding.js

@@ -1,508 +1 @@
-'use strict';
-
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-05795553.js');
-require('./toConsumableArray-c9b8a0d0.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-7df78678.js');
-require('./_object-sap-171b9ea5.js');
-require('./inherits-420ee86f.js');
-require('./define-property-21887c62.js');
-require('./web.dom.iterable-e34bf324.js');
-var _typeof = require('./typeof-ec08d471.js');
-require('./_is-array-aa52fa1e.js');
-var React = require('react');
-require('./index-44481153.js');
-require('prop-types');
-require('react-bootstrap/Container');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('react-bootstrap/Card');
-require('./moment-ca3bd9fb.js');
-require('next/router');
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('./index.es-f3e47207.js');
-require('react-dom');
-require('./visibility-sensor-eb2c5b69.js');
-var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-require('./index-b5eb3ff8.js');
-require('./urlFor.js');
-require('./index-9d365128.js');
-require('./main-7b5e57b0.js');
-require('./entities-310b46ee.js');
-require('./stringify-bbc68047.js');
-var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
-require('./Segment.js');
-require('./Beam.js');
-require('./AdSlot.js');
-require('./ADInfeed-08a6ef56.js');
-require('./lodash-7fd85bcf.js');
-require('./ADlgInfeed-f46139b2.js');
-require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-8b494587.js');
-require('./checkSisterSite-b29833b2.js');
-require('./index-187c967e.js');
-require('./smoothscroll-5054361f.js');
-require('./GroupDeck.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-48e0f0d8.js');
-var getSerializers = require('./index-b278e08f.js');
-require('./util-f2c1b65b.js');
-require('./urlForFile-ad96158c.js');
-require('./brightcove-react-player-loader.es-5c98aec7.js');
-require('./_object-to-array-9bac8737.js');
-require('./keys-d207942e.js');
-require('react-bootstrap/Modal');
-require('react-bootstrap/Form');
-require('react-ga');
-require('next/head');
-require('react-share');
-require('./SocialShare.js');
-require('react-bootstrap/Pagination');
-require('react-bootstrap/Figure');
-require('react-bootstrap/OverlayTrigger');
-require('react-bootstrap/Tooltip');
-require('react-bootstrap/Popover');
-require('react-script-tag');
-var MasterDeck = require('./MasterDeck.js');
-require('./style-inject.es-dcee06b6.js');
-var Tooltip = require('./Tooltip-7be5df78.js');
-var Link = require('next/link');
-var MediaSeriesCard = require('./MediaSeriesCard-a6e3f32e.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,
-      currentPage = props.currentPage,
-      docGroupID = props.docGroupID,
-      parentUrl = props.parentUrl,
-      nextPagePostsCount = props.nextPagePostsCount;
-
-  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.params),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      params = _useState12[0],
-      setParams = _useState12[1];
-
-  var _useState13 = React.useState(props.query),
-      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
-      query = _useState14[0],
-      setQuery = _useState14[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, seriesQuery, newData;
-      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              newParams = _extends._extends({}, params, { from: 0, to: 10 });
-              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 + '\')' : '';
-              }
-
-              seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID + '\') ' + filterQuery + ' && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now())] | order(published desc) [$from...$to] {\n      _id,\n      name,\n      identifier,\n      published,\n      thumbnail{..., asset-> },\n      description,\n      topicMapping[]->,\n      \'pageNumber\': ' + currentPage + ',\n      \'parentUrl\': \'' + parentUrl + '\'\n  }';
-              _context.next = 6;
-              return client.fetch(seriesQuery, newParams);
-
-            case 6:
-              newData = _context.sent;
-
-              setParams(newParams);
-              setQuery(seriesQuery);
-              setSeriesData(newData);
-
-            case 10:
-            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(MasterDeck, {
-      deck: MediaSeriesCard.MediaSeriesCard,
-      variant: 'left',
-      defaultImage: '/placeholder.jpg',
-      client: client,
-      dataRecord: seriesData,
-      query: query && query,
-      params: params && params,
-      currentPage: currentPage,
-      pageview: pageview,
-      autoScroll: true,
-      seoPaginate: true,
-      nextPagePostsCount: nextPagePostsCount
-    })
-  );
-};
-
-MediaSeriesLanding.getInitialData = function () {
-  var _ref3 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2(ctx, client, cache) {
-    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, nextPagePostsCount, 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, req = ctx.req;
-            identifier = pathname.replace('/', '');
-            itemsPerPage = 10;
-            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;
-            seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail{ ..., asset-> },\n        description,\n        topicMapping[]->,\n        isGated,\n        \'pageNumber\': ' + currentPage + ',\n        \'parentUrl\': \'' + identifier + '\'\n    }';
-            _context2.next = 13;
-            return client.fetch(seriesQuery, params);
-
-          case 13:
-            seriesData = _context2.sent;
-            _context2.next = 16;
-            return client.fetch('count(' + seriesQuery + ')', _extends._extends({}, params, { from: params.to, to: params.to + itemsPerPage }));
-
-          case 16:
-            nextPagePostsCount = _context2.sent;
-            _context2.next = 19;
-            return client.fetch('*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ]  {\n    topicMapping[]->\n  }');
-
-          case 19:
-            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 = 24;
-            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 24:
-            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,
-              query: seriesQuery,
-              params: params,
-              currentPage: currentPage,
-              taxonomyFilter: taxonomyFilter,
-              identifier: identifier,
-              docGroupID: docGroupID._id,
-              parentUrl: identifier,
-              statusCode: statusCode,
-              docGroup: docGroupID,
-              nextPagePostsCount: nextPagePostsCount
-            });
-
-          case 28:
-          case 'end':
-            return _context2.stop();
-        }
-      }
-    }, _callee2, _this);
-  }));
-
-  return function (_x, _x2, _x3) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-
-module.exports = MediaSeriesLanding;
+"use strict";var e=require("./typeof-a861d137.js"),r=require("./index-3291d44c.js"),t=require("./defineProperty-ba7cd53d.js"),n=require("./slicedToArray-c9e22c6a.js"),a=require("react"),i=require("next/link"),o=require("./MasterDeck-0e168ac1.js"),c=require("./MediaSeriesCard-07b6f758.js"),l=require("@sanity/block-content-to-react"),u=require("./index-14c8083b.js"),d=require("./DropdownButton-3f21ccbf.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./unsupportedIterableToArray-294d47a8.js"),require("./extends-5ede7877.js"),require("./toConsumableArray-7afb7984.js"),require("./getPrototypeOf-99b1cfd8.js"),require("react-dfp"),require("react-bootstrap/Container"),require("react-bootstrap/Row"),require("react-bootstrap/Col"),require("react-bootstrap/Card"),require("moment"),require("next/router"),require("lodash"),require("lodash/debounce"),require("react-infinite-scroll-component"),require("react-visibility-sensor"),require("./ADlgInfeed-42059b30.js"),require("./AdSlot-8a0b4211.js"),require("prop-types"),require("./segment-lib-7a16e514.js"),require("react-device-detect"),require("./ADInfeed-7019b746.js"),require("react-lazyload"),require("./urlFor-86a2f4db.js"),require("@sanity/image-url"),require("./style-inject.es-dcee06b6.js"),require("react-bootstrap"),require("get-youtube-id"),require("react-youtube"),require("./urlForFile-52afb8e9.js"),require("@brightcove/react-player-loader"),require("react-bootstrap/Modal"),require("react-bootstrap/Button"),require("react-bootstrap/Form"),require("react-player"),require("react-ga"),require("./GroupDeck-6920bcf7.js"),require("smoothscroll-polyfill"),require("./SocialShare-3d7c8abe.js"),require("next/head"),require("react-share"),require("react-bootstrap/Pagination"),require("./entities-8feddf1d.js"),require("striptags"),require("./_commonjsHelpers-0a7b82d9.js"),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 p=s(a),f=s(i),m=s(l);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 b(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),f=s[0],m=s[1],h=a.useState(null),g=n._slicedToArray(h,2),y=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 b(b({},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 b(b({},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 b(b({},r),{},{name:e.name?e.name:"All",_id:e._id})})),e._id)t([e._id,f._id]);else{var a=[];a.push(f._id),y.data.forEach((function(e){a.push(e._id)})),t(a)}};return p.default.createElement("div",{className:"flex-container"},c&&p.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn",title:c.name?c.name:"Filter By Category"},p.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"parent")}},"All"),c.data.map((function(e){return e._id?p.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"parent")}},e.name):null}))),f&&f.data&&f.data.length>0&&p.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn ml-3",title:f.name?f.name:"Filter By Topic"},p.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"child")}},"All"),f.data.map((function(e){return e._id?p.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"child")}},e.name):null}))),y&&y.data&&y.data.length>0&&p.default.createElement(d.DropdownButton,{drop:"down",style:{borderRadius:"3px"},className:"filter-btn ml-3",title:y.name?y.name:"Select Sub Topic"},p.default.createElement(d.Dropdown.Item,{onSelect:function(){return _({},"grandchild")}},"All"),y.data.map((function(e){return e._id?p.default.createElement(d.Dropdown.Item,{key:e._id,onSelect:function(){return _(e,"grandchild")}},e.name):null}))),p.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      "))},y=function(t){var i=t.client,l=t.pageview,d=t.currentPage,s=t.docGroupID,h=t.parentUrl,y=t.nextPagePostsCount,q=a.useState(!1),_=n._slicedToArray(q,2),x=_[0],j=_[1],w=a.useState(t.seriesData),v=n._slicedToArray(w,2),S=v[0],E=v[1],D=a.useState(t.params),P=n._slicedToArray(D,2),T=P[0],O=P[1],k=a.useState(t.query),A=n._slicedToArray(k,2),I=A[0],G=A[1];a.useEffect((function(){x&&C()}),[x]);var C=function(){var t=r._asyncToGenerator(r.regenerator.mark((function t(){var n,a,o,c,l;return r.regenerator.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=b(b({},T),{},{from:0,to:10}),"object"==e._typeof(x))for(a="&& (",o=0;o<x.length;o++)a+=" references('".concat(x[o],"') "),o==x.length-1?a+=" )":a+=" || ";else a="all"!==x?" && references('".concat(x,"')"):"";return c="*[_type == 'documentGroup' && references('".concat(s,"') ").concat(a," && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now())] | order(published desc) [$from...$to] {\n      _id,\n      name,\n      identifier,\n      published,\n      thumbnail{..., asset-> },\n      description,\n      topicMapping[]->,\n      'pageNumber': ").concat(d,",\n      'parentUrl': '").concat(h,"'\n  }"),r.next=5,i.fetch(c,n);case 5:l=r.sent,O(n),G(c),E(l);case 9:case"end":return r.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return 404===t.statusCode?p.default.createElement("div",{className:"d-flex flex-column align-items-center mt-3"},p.default.createElement("h3",null,"404: Resource not found"),p.default.createElement("p",null,"We seem to have misplaced the page you're looking for. Sorry! Please try checking the URL for errors."),p.default.createElement("p",null,"Click here to",p.default.createElement(f.default,{href:"/"},p.default.createElement("a",{style:{color:"blue",textDecoration:"underline"}}," return to homepage.")))):p.default.createElement("div",{className:"mb-5"},t.docGroup&&t.docGroup.description&&p.default.createElement(m.default,{blocks:t.docGroup.description,serializers:u.getSerializers(i)}),t.taxonomyFilter&&t.taxonomyFilter&&p.default.createElement("div",{className:"filter-btn-container"},p.default.createElement(g,{setFilterTopicID:j,filterData:t.taxonomyFilter}),p.default.createElement("hr",null)),S&&p.default.createElement(o.MasterDeck$1,{deck:c.MediaSeriesCard,variant:"left",defaultImage:"/placeholder.jpg",client:i,dataRecord:S,query:I&&I,params:T&&T,currentPage:d,pageview:l,autoScroll:!0,seoPaginate:!0,nextPagePostsCount:y}))};y.getInitialData=function(){var e=r._asyncToGenerator(r.regenerator.mark((function e(t,n,a){var i,o,c,l,u,d,s,p,f,m,h,g,y,q,_,x;return r.regenerator.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=t.query,o=t.pathname,c=o.replace("/",""),l=10,u=i.page?parseInt(i.page):1,s=200,p={count:l,from:d=(u-1)*l,to:d+l,url:o,itemsPerPage:l},e.next=9,n.fetch("*[_type == 'documentGroup' && identifier.current == '".concat(c,"'][0]{\n    _id, \n    isGated,\n    name,\n    description,\n    pixelTrackingCode->\n  }"));case 9:return f=e.sent,m="*[_type == 'documentGroup' && references('".concat(f._id,"') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail{ ..., asset-> },\n        description,\n        topicMapping[]->,\n        isGated,\n        'pageNumber': ").concat(u,",\n        'parentUrl': '").concat(c,"'\n    }"),e.next=13,n.fetch(m,p);case 13:return h=e.sent,e.next=16,n.fetch("count(".concat(m,")"),b(b({},p),{},{from:p.to,to:p.to+l}));case 16:return g=e.sent,e.next=19,n.fetch("*[_type == 'documentGroup' && references('".concat(f._id,"') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ]  {\n    topicMapping[]->\n  }"));case 19:return y=e.sent,q=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},_=q(y),e.next=24,n.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 24:return(x=e.sent).forEach((function(e){e.children&&(e.children.forEach((function(e){e.grandchildren&&(e.grandchildren=e.grandchildren.filter((function(e){return!!_.includes(e._id)}))),_.includes(e._id)&&e.grandchildren||(e._id=null,e.name=null)})),e.children=e.children.filter((function(e){return null!==e._id})))})),u>1&&0===h.length&&(s=404),e.abrupt("return",{seriesData:h,query:m,params:p,currentPage:u,taxonomyFilter:x,identifier:c,docGroupID:f._id,parentUrl:c,statusCode:s,docGroup:f,nextPagePostsCount:g});case 28:case"end":return e.stop()}}),e)})));return function(r,t,n){return e.apply(this,arguments)}}(),module.exports=y;