import './_commonjsHelpers-0c4b6f40.js';
import './_to-object-a4107da3.js';
import './es6.string.iterator-c990c18c.js';
import './_library-528f1934.js';
import './_iter-detect-5d49a330.js';
import './toConsumableArray-43aa614d.js';
import './core.get-iterator-method-e1de7503.js';
import './_object-pie-33c40e79.js';
import { _ as _extends } from './extends-6f2fcc99.js';
import './_object-sap-964b6feb.js';
import './inherits-75d45541.js';
import './define-property-8af5f002.js';
import './web.dom.iterable-4439f05a.js';
import './typeof-af9c50d8.js';
import './_is-array-58e95429.js';
import React from 'react';
import './index-acfb8079.js';
import 'prop-types';
import 'react-bootstrap/Container';
import 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import './moment-b6f49411.js';
import 'next/router';
import './isSymbol-1981418f.js';
import './debounce-9207d8ee.js';
import './toNumber-2f7a84cd.js';
import './index.es-c6222053.js';
import 'react-dom';
import './visibility-sensor-f40c2564.js';
import './index-51a80699.js';
import './index-6c12bdd5.js';
import './main-747e7d25.js';
import './entities-7cc3bf45.js';
import './slicedToArray-641f241f.js';
import './stringify-4330ccdc.js';
import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
import './Segment.js';
import './Beam.js';
import './AdSlot.js';
import { B as BlockContent } from './BlockContent-d05b5b23.js';
import './index-c7e2ac95.js';
import './smoothscroll-0cd4c7a6.js';
import './GroupDeck.js';
import './YoutubeGroup.js';
import 'react-bootstrap';
import './iconBase-602d52fe.js';
import './index.esm-3fdda599.js';
import VideoSeriesListing from './VideoSeriesListing.js';
import { g as getSerializers } from './index-52068e2b.js';
import './util-7700fc59.js';
import './brightcove-react-player-loader.es-4abff0b1.js';
import 'next/head';
import 'react-share';
import './SocialShare.js';
import './_object-to-array-7e804fce.js';
import 'react-bootstrap/Pagination';
import Button from 'react-bootstrap/Button';
import 'react-bootstrap/Figure';
import Form from 'react-bootstrap/Form';

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.createElement(
    'div',
    null,
    virtualBlock && React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
    React.createElement(
      'div',
      { className: 'peer-exchange-filter-container' },
      React.createElement(
        Form,
        { className: 'ml-3', method: 'post' },
        React.createElement(
          Form.Row,
          null,
          React.createElement(
            Col,
            null,
            React.createElement(
              Form.Group,
              { controlId: 'topic' },
              React.createElement(
                Form.Control,
                { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
                React.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.createElement(
                      'option',
                      { value: topic._id },
                      topic.name
                    );
                  }
                })
              )
            )
          ),
          React.createElement(
            Col,
            null,
            React.createElement(
              Button,
              { type: 'submit', variant: 'secondary' },
              'Apply'
            )
          )
        )
      )
    ),
    posts && React.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
            };

            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,\n  \t\turl,\n  \t\ttaxonomy,\n  \t\tcontentCategory->,\n  \t\tbody[_type == "youtubeGallery"],\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;
