'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

require('./_commonjsHelpers-06173234.js');
require('./_to-object-329a650b.js');
require('./es6.string.iterator-cc0bbaa4.js');
require('./_library-dd23b178.js');
require('./_iter-detect-60b2f026.js');
require('./toConsumableArray-9a3476fe.js');
require('./core.get-iterator-method-f62321d4.js');
require('./_object-pie-68c5bcbc.js');
require('./extends-60837c34.js');
require('./_object-sap-5e74ba08.js');
require('./inherits-c9f99d47.js');
require('./define-property-f4d12f4e.js');
require('./web.dom.iterable-a0e279c1.js');
var _typeof = require('./typeof-725500bc.js');
require('./_is-array-754e012d.js');
var React = require('react');
var React__default = _interopDefault(React);
require('./index-8bf6c863.js');
require('prop-types');
require('react-bootstrap/Container');
require('react-bootstrap/Row');
require('react-bootstrap/Col');
require('react-bootstrap/Card');
var moment = require('./moment-575fe24c.js');
require('next/router');
require('./isSymbol-04666465.js');
require('./debounce-eb287781.js');
require('./index.es-9110add6.js');
require('react-dom');
require('./visibility-sensor-0c45a583.js');
require('./index-be0c82be.js');
require('./index-da796b8c.js');
require('./main-02daeefe.js');
require('./slicedToArray-8f385299.js');
require('./stringify-7c5aff47.js');
var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
require('./_set-species-f92c67c5.js');
require('./Segment.js');
require('./Beam.js');
require('./AdSlot.js');
require('./ADInfeed-547e399f.js');
require('./lodash-fc2922d0.js');
require('./ADlgInfeed-84cd6750.js');
var index$3 = require('./index-187c967e.js');
var MasterDeck = require('./MasterDeck.js');
require('react-bootstrap/Breadcrumb');
var Breadcrumbs = require('./Breadcrumbs.js');
require('./style-inject.es-dcee06b6.js');
var VideoSeriesCard = require('./VideoSeriesCard.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._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
    var taxonomyId = arguments[3];
    var today, urlQuery, seriesName, currentPage, start, params, query, posts, seriesTitle, summary, url;
    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            today = moment.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._typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
                  var id = index$3.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);
  };
}();

module.exports = VideoSeriesLandingPage;
