import { _ as _extends } from './extends-6d8e3924.js';
import React__default from 'react';
import QueueDeckExpanded from './QueueDeckExpanded.js';
import Breadcrumbs from './Breadcrumbs.js';
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
import { g as getSerializers } from './index-cefa7325.js';
import './_commonjsHelpers-0c4b6f40.js';
import './core.get-iterator-method-ea258bb1.js';
import './_object-pie-133f504a.js';
import './slicedToArray-6ebcbfea.js';
import './web.dom.iterable-ab4dea5c.js';
import './toConsumableArray-f7074d7c.js';
import './_iter-detect-98db3b07.js';
import 'react-bootstrap';
import './urlFor.js';
import './index-3f5c03b2.js';
import './index.es-a6137319.js';
import './moment-bc12cb97.js';
import './visibility-sensor-72fd8f8b.js';
import 'react-dom';
import './index-f0fc23eb.js';
import './events-6c3a7a63.js';
import 'prop-types';
import 'next/router';
import './index-755f2cc2.js';
import './main-1894c974.js';
import './entities-6d9154b4.js';
import './ADInfeed-6d1fc6bf.js';
import 'react-bootstrap/Card';
import './AdSlot.js';
import './debounce-533d9748.js';
import './isSymbol-a7e9aafe.js';
import './toNumber-5aeba6e7.js';
import './Beam.js';
import './stringify-2b084bee.js';
import './asyncToGenerator-958ef5fc.js';
import './_library-528f1934.js';
import './Segment.js';
import './AuthorComponent-11adff02.js';
import './lodash-f97fd99a.js';
import './ADlgInfeed-dc36c928.js';
import './getContentCategory-15dcc413.js';
import './timeDifferenceCalc.js';
import 'react-bootstrap/Breadcrumb';
import './index-c7e2ac95.js';
import './util-8ed16d48.js';
import './urlForFile-b69adffc.js';
import './typeof-e9fc0c5d.js';
import './_is-array-8d21b9e3.js';
import './brightcove-react-player-loader.es-57a70a56.js';
import 'react-bootstrap/Modal';
import 'react-bootstrap/Button';
import 'react-bootstrap/Form';
import './GroupDeck.js';
import './smoothscroll-fa4e3f8c.js';
import './SocialShare.js';
import 'next/head';
import 'react-share';
import './_object-to-array-2300e51b.js';
import 'react-bootstrap/Pagination';
import 'react-bootstrap/Row';
import 'react-bootstrap/Col';
import './inherits-a6ba2ec4.js';
import './_object-sap-7cee6f84.js';
import './define-property-5f1bda73.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';

/* usage
import Settings, { Ads } from '../../../../settings'
import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
import client from '../../../../client'
import moment from 'moment'
import Shell from '../../../../components/2.0/Shell'
import { pageview } from '../../../../utilities/gtag'

const Issue = (props) => {
  const { pubIssue, cache } = props
  const targeting = {
    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
  }
  return (
    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
    </Shell>
  )
}

Issue.getInitialProps = async (ctx) => {
  const { query } = ctx
  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
  )
  return { pubIssue }
}

export default Issue
*/

var IssueLanding = function IssueLanding(props) {
  var pubIssue = props.pubIssue,
      client = props.client,
      settings = props.settings,
      pageview = props.pageview,
      rightItems = props.rightItems,
      _props$showCategory = props.showCategory,
      showCategory = _props$showCategory === undefined ? true : _props$showCategory,
      _props$showPublished = props.showPublished,
      showPublished = _props$showPublished === undefined ? true : _props$showPublished,
      _props$seoPaginate = props.seoPaginate,
      seoPaginate = _props$seoPaginate === undefined ? true : _props$seoPaginate,
      _props$autoScroll = props.autoScroll,
      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
      _props$showAuthor = props.showAuthor,
      showAuthor = _props$showAuthor === undefined ? false : _props$showAuthor,
      _props$showPubInfo = props.showPubInfo,
      showPubInfo = _props$showPubInfo === undefined ? false : _props$showPubInfo,
      _props$imageHeight = props.imageHeight,
      imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
      _props$imageWidth = props.imageWidth,
      imageWidth = _props$imageWidth === undefined ? 480 : _props$imageWidth,
      _props$nextPagePostsC = props.nextPagePostsCount,
      nextPagePostsCount = _props$nextPagePostsC === undefined ? 1 : _props$nextPagePostsC;

  return React__default.createElement(
    'div',
    { id: 'issueLanding' },
    React__default.createElement(Breadcrumbs, null),
    pubIssue.issue.source && React__default.createElement(
      'p',
      { className: 'badge badge-primary' },
      pubIssue.issue.source
    ),
    pubIssue.issue.description && React__default.createElement(
      React__default.Fragment,
      null,
      React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: pubIssue.issue.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
      React__default.createElement('div', { style: { clear: 'both' } })
    ),
    React__default.createElement(QueueDeckExpanded, {
      client: client,
      mapping: settings.mapping,
      dataRecord: pubIssue.issue.articles,
      seoPaginate: seoPaginate,
      pageview: pageview,
      showAuthor: showAuthor,
      autoScroll: autoScroll,
      defaultImage: settings.logo,
      showPublished: showPublished,
      showCategory: showCategory,
      imageHeight: imageHeight,
      imageWidth: imageWidth,
      rightItems: rightItems,
      showPubInfo: showPubInfo,
      columns: 'rotate',
      variant: 'top',
      contentCategoryMapping: settings.contentCategoryMapping ? settings.contentCategoryMapping : [],
      nextPagePostsCount: nextPagePostsCount
    })
  );
};

export default IssueLanding;
