@mjhls/mjh-framework 1.0.99-0.next12 → 1.0.100

package/dist/esm/PublicationLanding.js

@@ -1,843 +0,0 @@
-import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-9716ae8d.js';
-import { _ as _extends } from './extends-dc6a71fd.js';
-import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { b as _isObject, c as _objectCreate, d as _ctx, e as _descriptors, f as _iterDefine, g as _objectDp, h as _wks, i as _toObject, j as _iobject, k as _toLength, l as _global, m as _fails, n as _hide, o as _setToStringTag, _ as _export, p as _classof, q as _aFunction, a as _core } from './core.get-iterator-method-e903ff31.js';
-import { _ as _iterStep } from './web.dom.iterable-fdf034f5.js';
-import { _ as _meta, a as _isArray } from './_is-array-893ab020.js';
-import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
-import React__default, { useState, useEffect } from 'react';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Dropdown from 'react-bootstrap/Dropdown';
-import Card from 'react-bootstrap/Card';
-import { useRouter } from 'next/router';
-import { L as LazyLoad } from './index-755f2cc2.js';
-import { u as urlForFile } from './urlForFile-413f5ddb.js';
-import './_library-528f1934.js';
-import './_iter-detect-f089461c.js';
-import './_object-pie-133f504a.js';
-import 'react-dom';
-import 'prop-types';
-
-var _validateCollection = function (it, TYPE) {
-  if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
-  return it;
-};
-
-var dP$1 = _objectDp.f;
-
-
-
-
-
-
-
-
-
-var fastKey = _meta.fastKey;
-
-var SIZE = _descriptors ? '_s' : 'size';
-
-var getEntry = function (that, key) {
-  // fast case
-  var index = fastKey(key);
-  var entry;
-  if (index !== 'F') return that._i[index];
-  // frozen object case
-  for (entry = that._f; entry; entry = entry.n) {
-    if (entry.k == key) return entry;
-  }
-};
-
-var _collectionStrong = {
-  getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
-    var C = wrapper(function (that, iterable) {
-      _anInstance(that, C, NAME, '_i');
-      that._t = NAME;         // collection type
-      that._i = _objectCreate(null); // index
-      that._f = undefined;    // first entry
-      that._l = undefined;    // last entry
-      that[SIZE] = 0;         // size
-      if (iterable != undefined) _forOf(iterable, IS_MAP, that[ADDER], that);
-    });
-    _redefineAll(C.prototype, {
-      // 23.1.3.1 Map.prototype.clear()
-      // 23.2.3.2 Set.prototype.clear()
-      clear: function clear() {
-        for (var that = _validateCollection(this, NAME), data = that._i, entry = that._f; entry; entry = entry.n) {
-          entry.r = true;
-          if (entry.p) entry.p = entry.p.n = undefined;
-          delete data[entry.i];
-        }
-        that._f = that._l = undefined;
-        that[SIZE] = 0;
-      },
-      // 23.1.3.3 Map.prototype.delete(key)
-      // 23.2.3.4 Set.prototype.delete(value)
-      'delete': function (key) {
-        var that = _validateCollection(this, NAME);
-        var entry = getEntry(that, key);
-        if (entry) {
-          var next = entry.n;
-          var prev = entry.p;
-          delete that._i[entry.i];
-          entry.r = true;
-          if (prev) prev.n = next;
-          if (next) next.p = prev;
-          if (that._f == entry) that._f = next;
-          if (that._l == entry) that._l = prev;
-          that[SIZE]--;
-        } return !!entry;
-      },
-      // 23.2.3.6 Set.prototype.forEach(callbackfn, thisArg = undefined)
-      // 23.1.3.5 Map.prototype.forEach(callbackfn, thisArg = undefined)
-      forEach: function forEach(callbackfn /* , that = undefined */) {
-        _validateCollection(this, NAME);
-        var f = _ctx(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
-        var entry;
-        while (entry = entry ? entry.n : this._f) {
-          f(entry.v, entry.k, this);
-          // revert to the last existing entry
-          while (entry && entry.r) entry = entry.p;
-        }
-      },
-      // 23.1.3.7 Map.prototype.has(key)
-      // 23.2.3.7 Set.prototype.has(value)
-      has: function has(key) {
-        return !!getEntry(_validateCollection(this, NAME), key);
-      }
-    });
-    if (_descriptors) dP$1(C.prototype, 'size', {
-      get: function () {
-        return _validateCollection(this, NAME)[SIZE];
-      }
-    });
-    return C;
-  },
-  def: function (that, key, value) {
-    var entry = getEntry(that, key);
-    var prev, index;
-    // change existing entry
-    if (entry) {
-      entry.v = value;
-    // create new entry
-    } else {
-      that._l = entry = {
-        i: index = fastKey(key, true), // <- index
-        k: key,                        // <- key
-        v: value,                      // <- value
-        p: prev = that._l,             // <- previous entry
-        n: undefined,                  // <- next entry
-        r: false                       // <- removed
-      };
-      if (!that._f) that._f = entry;
-      if (prev) prev.n = entry;
-      that[SIZE]++;
-      // add to index
-      if (index !== 'F') that._i[index] = entry;
-    } return that;
-  },
-  getEntry: getEntry,
-  setStrong: function (C, NAME, IS_MAP) {
-    // add .keys, .values, .entries, [@@iterator]
-    // 23.1.3.4, 23.1.3.8, 23.1.3.11, 23.1.3.12, 23.2.3.5, 23.2.3.8, 23.2.3.10, 23.2.3.11
-    _iterDefine(C, NAME, function (iterated, kind) {
-      this._t = _validateCollection(iterated, NAME); // target
-      this._k = kind;                     // kind
-      this._l = undefined;                // previous
-    }, function () {
-      var that = this;
-      var kind = that._k;
-      var entry = that._l;
-      // revert to the last existing entry
-      while (entry && entry.r) entry = entry.p;
-      // get next entry
-      if (!that._t || !(that._l = entry = entry ? entry.n : that._t._f)) {
-        // or finish the iteration
-        that._t = undefined;
-        return _iterStep(1);
-      }
-      // return step by kind
-      if (kind == 'keys') return _iterStep(0, entry.k);
-      if (kind == 'values') return _iterStep(0, entry.v);
-      return _iterStep(0, [entry.k, entry.v]);
-    }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
-
-    // add [@@species], 23.1.2.2, 23.2.2.2
-    _setSpecies(NAME);
-  }
-};
-
-var SPECIES = _wks('species');
-
-var _arraySpeciesConstructor = function (original) {
-  var C;
-  if (_isArray(original)) {
-    C = original.constructor;
-    // cross-realm fallback
-    if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
-    if (_isObject(C)) {
-      C = C[SPECIES];
-      if (C === null) C = undefined;
-    }
-  } return C === undefined ? Array : C;
-};
-
-// 9.4.2.3 ArraySpeciesCreate(originalArray, length)
-
-
-var _arraySpeciesCreate = function (original, length) {
-  return new (_arraySpeciesConstructor(original))(length);
-};
-
-// 0 -> Array#forEach
-// 1 -> Array#map
-// 2 -> Array#filter
-// 3 -> Array#some
-// 4 -> Array#every
-// 5 -> Array#find
-// 6 -> Array#findIndex
-
-
-
-
-
-var _arrayMethods = function (TYPE, $create) {
-  var IS_MAP = TYPE == 1;
-  var IS_FILTER = TYPE == 2;
-  var IS_SOME = TYPE == 3;
-  var IS_EVERY = TYPE == 4;
-  var IS_FIND_INDEX = TYPE == 6;
-  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
-  var create = $create || _arraySpeciesCreate;
-  return function ($this, callbackfn, that) {
-    var O = _toObject($this);
-    var self = _iobject(O);
-    var f = _ctx(callbackfn, that, 3);
-    var length = _toLength(self.length);
-    var index = 0;
-    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
-    var val, res;
-    for (;length > index; index++) if (NO_HOLES || index in self) {
-      val = self[index];
-      res = f(val, index, O);
-      if (TYPE) {
-        if (IS_MAP) result[index] = res;   // map
-        else if (res) switch (TYPE) {
-          case 3: return true;             // some
-          case 5: return val;              // find
-          case 6: return index;            // findIndex
-          case 2: result.push(val);        // filter
-        } else if (IS_EVERY) return false; // every
-      }
-    }
-    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
-  };
-};
-
-var dP = _objectDp.f;
-var each = _arrayMethods(0);
-
-
-var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
-  var Base = _global[NAME];
-  var C = Base;
-  var ADDER = IS_MAP ? 'set' : 'add';
-  var proto = C && C.prototype;
-  var O = {};
-  if (!_descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_fails(function () {
-    new C().entries().next();
-  }))) {
-    // create collection constructor
-    C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
-    _redefineAll(C.prototype, methods);
-    _meta.NEED = true;
-  } else {
-    C = wrapper(function (target, iterable) {
-      _anInstance(target, C, NAME, '_c');
-      target._c = new Base();
-      if (iterable != undefined) _forOf(iterable, IS_MAP, target[ADDER], target);
-    });
-    each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
-      var IS_ADDER = KEY == 'add' || KEY == 'set';
-      if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _hide(C.prototype, KEY, function (a, b) {
-        _anInstance(this, C, KEY);
-        if (!IS_ADDER && IS_WEAK && !_isObject(a)) return KEY == 'get' ? undefined : false;
-        var result = this._c[KEY](a === 0 ? 0 : a, b);
-        return IS_ADDER ? this : result;
-      });
-    });
-    IS_WEAK || dP(C.prototype, 'size', {
-      get: function () {
-        return this._c.size;
-      }
-    });
-  }
-
-  _setToStringTag(C, NAME);
-
-  O[NAME] = C;
-  _export(_export.G + _export.W + _export.F, O);
-
-  if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
-
-  return C;
-};
-
-var SET = 'Set';
-
-// 23.2 Set Objects
-_collection(SET, function (get) {
-  return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
-}, {
-  // 23.2.3.1 Set.prototype.add(value)
-  add: function add(value) {
-    return _collectionStrong.def(_validateCollection(this, SET), value = value === 0 ? 0 : value, value);
-  }
-}, _collectionStrong);
-
-var _arrayFromIterable = function (iter, ITERATOR) {
-  var result = [];
-  _forOf(iter, false, result.push, result, ITERATOR);
-  return result;
-};
-
-// https://github.com/DavidBruant/Map-Set.prototype.toJSON
-
-
-var _collectionToJson = function (NAME) {
-  return function toJSON() {
-    if (_classof(this) != NAME) throw TypeError(NAME + "#toJSON isn't generic");
-    return _arrayFromIterable(this);
-  };
-};
-
-// https://github.com/DavidBruant/Map-Set.prototype.toJSON
-
-
-_export(_export.P + _export.R, 'Set', { toJSON: _collectionToJson('Set') });
-
-// https://tc39.github.io/proposal-setmap-offrom/
-
-
-var _setCollectionOf = function (COLLECTION) {
-  _export(_export.S, COLLECTION, { of: function of() {
-    var length = arguments.length;
-    var A = new Array(length);
-    while (length--) A[length] = arguments[length];
-    return new this(A);
-  } });
-};
-
-// https://tc39.github.io/proposal-setmap-offrom/#sec-set.of
-_setCollectionOf('Set');
-
-// https://tc39.github.io/proposal-setmap-offrom/
-
-
-
-
-
-var _setCollectionFrom = function (COLLECTION) {
-  _export(_export.S, COLLECTION, { from: function from(source /* , mapFn, thisArg */) {
-    var mapFn = arguments[1];
-    var mapping, A, n, cb;
-    _aFunction(this);
-    mapping = mapFn !== undefined;
-    if (mapping) _aFunction(mapFn);
-    if (source == undefined) return new this();
-    A = [];
-    if (mapping) {
-      n = 0;
-      cb = _ctx(mapFn, arguments[2], 2);
-      _forOf(source, false, function (nextItem) {
-        A.push(cb(nextItem, n++));
-      });
-    } else {
-      _forOf(source, false, A.push, A);
-    }
-    return new this(A);
-  } });
-};
-
-// https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
-_setCollectionFrom('Set');
-
-var set$1 = _core.Set;
-
-var set = createCommonjsModule(function (module) {
-module.exports = { "default": set$1, __esModule: true };
-});
-
-var _Set = unwrapExports(set);
-
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
- **import urlFor from framework**
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor({client, source: issue.thumbnail})
-  })
-  return { pub, year }
-}
-export default Publication
-*/
-
-var generateContentPlacements = function generateContentPlacements(issues) {
-  var contentPlacements = [];
-  issues && issues.length > 0 && issues.forEach(function (issue) {
-    if (issue.taxonomyMapping && issue.taxonomyMapping.length > 0) {
-      issue.taxonomyMapping && issue.taxonomyMapping.forEach(function (tm) {
-        if (!contentPlacements.find(function (cp) {
-          return cp.identifier === tm.identifier;
-        }) && tm) {
-          contentPlacements.push({ _id: tm._id, name: tm.name, identifier: tm.identifier });
-        }
-      });
-    }
-  });
-  return contentPlacements;
-};
-
-var PublicationLanding = function PublicationLanding(props) {
-  var publication = props.publication,
-      _props$year = props.year,
-      year = _props$year === undefined ? '' : _props$year,
-      href = props.href;
-      props.pdf;
-      var _props$contentPlaceme = props.contentPlacement,
-      contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme,
-      client = props.client;
-
-
-  var router = useRouter();
-  var years = [].concat(_toConsumableArray(new _Set(publication.issues.map(function (issue) {
-    return issue.year;
-  })))).sort().reverse();
-  var contentPlacements = generateContentPlacements(publication.issues);
-
-  var _useState = useState(publication.issues),
-      _useState2 = _slicedToArray(_useState, 2),
-      issueData = _useState2[0],
-      setIssueData = _useState2[1];
-
-  var _useState3 = useState(year),
-      _useState4 = _slicedToArray(_useState3, 2),
-      activeYear = _useState4[0],
-      setActiveYear = _useState4[1];
-
-  var _useState5 = useState(contentPlacement),
-      _useState6 = _slicedToArray(_useState5, 2),
-      activeContentPlacement = _useState6[0],
-      setActiveContentPlacement = _useState6[1];
-
-  var _useState7 = useState(),
-      _useState8 = _slicedToArray(_useState7, 2),
-      sortedIssues = _useState8[0],
-      setSortedIssues = _useState8[1];
-
-  useEffect(function () {
-_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-      var _this = this;
-
-      var promises, articles;
-      return regenerator.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(issueData && issueData.length > 0 && client)) {
-                _context2.next = 12;
-                break;
-              }
-
-              _context2.prev = 1;
-              promises = issueData.map(function () {
-                var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(issue) {
-                  var articlesQuery;
-                  return regenerator.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          articlesQuery = '*[\n                _type == \'article\' \n                && !(_id in path("drafts.**"))\n                && defined(title)\n                && is_visible\n                && defined(url)\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock != true\n                && references(\'' + issue._id + '\')\n              ][0...1]{_id}';
-                          _context.t0 = _extends;
-                          _context.t1 = {};
-                          _context.t2 = issue;
-                          _context.next = 6;
-                          return client.fetch(articlesQuery);
-
-                        case 6:
-                          _context.t3 = _context.sent;
-                          _context.t4 = {
-                            articles: _context.t3
-                          };
-                          return _context.abrupt('return', (0, _context.t0)(_context.t1, _context.t2, _context.t4));
-
-                        case 9:
-                        case 'end':
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee, _this);
-                }));
-
-                return function (_x) {
-                  return _ref2.apply(this, arguments);
-                };
-              }());
-              _context2.next = 5;
-              return _Promise.all(promises);
-
-            case 5:
-              articles = _context2.sent;
-
-              setIssueData(articles);
-              _context2.next = 12;
-              break;
-
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2['catch'](1);
-
-              console.error(_context2.t0);
-
-            case 12:
-            case 'end':
-              return _context2.stop();
-          }
-        }
-      }, _callee2, this, [[1, 9]]);
-    }))();
-  }, []);
-  // function for filtering by year
-  var filterByYear = function filterByYear(year) {
-    return issueData.filter(function (issue) {
-      return issue.year == year;
-    });
-  };
-
-  //function for filtering by Content-Placement
-  var filterByCP = function filterByCP(contentPlacement) {
-    var issuesWithTM = issueData.filter(function (issue) {
-      return issue.taxonomyMapping;
-    });
-    return issuesWithTM.filter(function (issue) {
-      return issue.taxonomyMapping.find(function (tm) {
-        return tm.name == contentPlacement.name;
-      });
-    });
-  };
-
-  //function takes yearsArray and then assigns the object with year key with corresponding year data values
-  var assignDatabyYear = function assignDatabyYear() {
-    var data_by_year = {};
-    for (var i = 0; i < years.length; i++) {
-      data_by_year[years[i]] = sortedData[i];
-    }
-    return data_by_year;
-  };
-  var assignDatabyCP = function assignDatabyCP() {
-    var data_by_CP = {};
-    for (var i = 0; i < contentPlacements.length; i++) {
-      data_by_CP[contentPlacements[i].name] = sorted_Content_Placement[i];
-    }
-    return data_by_CP;
-  };
-
-  var sortedYearly = function sortedYearly() {
-    var dataArray = [];
-    for (var i = 0; i < years.length; i++) {
-      dataArray[i] = filterByYear(years[i]);
-    }
-    return dataArray;
-  };
-
-  var sortedCP = function sortedCP() {
-    var dataArray = [];
-    for (var i = 0; i < contentPlacements.length; i++) {
-      dataArray[i] = filterByCP(contentPlacements[i]);
-    }
-    return dataArray;
-  };
-
-  var sortByBoth = function sortByBoth() {
-    var sortedObj = {};
-    for (var i = 0; i < years.length; i++) {
-      var dataYear = filterByYear(years[i]);
-      sortedObj[years[i]] = dataYear;
-
-      var _loop = function _loop(j) {
-        sortedObj[years[i]][contentPlacements[j].name] = dataYear.filter(function (issue) {
-          return issue.taxonomyMapping && issue.taxonomyMapping.find(function (tm) {
-            return tm.name == contentPlacements[j].name;
-          });
-        });
-      };
-
-      for (var j = 0; j < contentPlacements.length; j++) {
-        _loop(j);
-      }
-    }
-    return sortedObj;
-  };
-
-  var dataByBoth = sortByBoth();
-
-  var sortedData = sortedYearly();
-
-  var sorted_Content_Placement = sortedCP();
-
-  var dataByYear = assignDatabyYear();
-
-  var dataByCP = assignDatabyCP();
-
-  useEffect(function () {
-    if (activeYear && activeContentPlacement && activeContentPlacement.id) {
-      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear + '&cp=' + activeContentPlacement.id, { shallow: true });
-      var filteredResult = dataByBoth[activeYear][activeContentPlacement.name];
-      setSortedIssues(filteredResult);
-    } else if (activeYear) {
-      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear, { shallow: true });
-
-      var filteredData = dataByYear[activeYear];
-      setSortedIssues(filteredData);
-    } else if (activeContentPlacement && activeContentPlacement.id) {
-      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?cp=' + activeContentPlacement.id, { shallow: true });
-      var filteredPlacement = dataByCP[activeContentPlacement.name];
-      setSortedIssues(filteredPlacement);
-    } else {
-      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current, { shallow: true });
-      setSortedIssues(null);
-      setIssueData(issueData);
-    }
-  }, [activeYear, activeContentPlacement, issueData]);
-
-  return React__default.createElement(
-    'div',
-    { id: 'publicationLanding' },
-    React__default.createElement(
-      'style',
-      { jsx: true },
-      '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n        '
-    ),
-    React__default.createElement(
-      Row,
-      null,
-      issueData && issueData.length > 0 && years.length > 0 && React__default.createElement(
-        Col,
-        { className: 'flex-grow-0 mb-3' },
-        React__default.createElement(
-          Dropdown,
-          { id: 'pubYearFilter' },
-          React__default.createElement(
-            Dropdown.Toggle,
-            null,
-            activeYear && !isNaN(activeYear) ? activeYear : 'Select Year'
-          ),
-          React__default.createElement(
-            Dropdown.Menu,
-            null,
-            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
-                return setActiveYear('');
-              } }),
-            years.map(function (yr, key) {
-              return React__default.createElement(
-                Dropdown.Item,
-                { key: key, onClick: function onClick() {
-                    return setActiveYear(yr);
-                  } },
-                yr
-              );
-            })
-          )
-        )
-      ),
-      contentPlacements && contentPlacements.length > 0 && React__default.createElement(
-        Col,
-        { className: 'flex-grow-0 mb-3' },
-        React__default.createElement(
-          Dropdown,
-          { id: 'contentPlacementFilter' },
-          React__default.createElement(
-            Dropdown.Toggle,
-            null,
-            activeContentPlacement && activeContentPlacement.name ? activeContentPlacement.name : 'Select Topic'
-          ),
-          React__default.createElement(
-            Dropdown.Menu,
-            null,
-            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
-                return setActiveContentPlacement('');
-              } }),
-            contentPlacements.map(function (cp) {
-              return React__default.createElement(
-                Dropdown.Item,
-                {
-                  key: cp._id,
-                  onClick: function onClick() {
-                    return setActiveContentPlacement({ id: cp.identifier, name: cp.name });
-                  },
-                  active: activeContentPlacement.id == cp.identifier ? true : false },
-                cp.name
-              );
-            })
-          )
-        )
-      )
-    ),
-    sortedIssues && sortedIssues.length > 0 ? sortedIssues.map(function (issue, key) {
-      return React__default.createElement(
-        Card,
-        { key: key, className: 'issueCard' },
-        React__default.createElement(
-          Row,
-          null,
-          issue.thumbnail && React__default.createElement(
-            Col,
-            { md: 3, id: 'issueThumbnail' },
-            React__default.createElement(
-              LazyLoad,
-              { once: true },
-              React__default.createElement(Card.Img, { src: issue.thumbnail })
-            )
-          ),
-          React__default.createElement(
-            Col,
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
-            React__default.createElement(
-              Card.Body,
-              null,
-              React__default.createElement(
-                Card.Title,
-                null,
-                issue.name
-              ),
-              issue.source && React__default.createElement(
-                'div',
-                { className: 'content-category-label' },
-                React__default.createElement(
-                  'div',
-                  { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
-                  issue.source
-                )
-              ),
-              issue.volume && issue.number && React__default.createElement(
-                'p',
-                null,
-                'Volume: ',
-                issue.volume,
-                React__default.createElement('br', null),
-                'Issue: ',
-                issue.number
-              )
-            ),
-            React__default.createElement(
-              Card.Footer,
-              null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default.createElement(
-                'a',
-                { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
-                'View Issue'
-              ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
-                'a',
-                { rel: 'noopener', href: urlForFile(issue.pdf), target: '_blank', className: 'btn btn-primary' },
-                'Download Issue'
-              )
-            )
-          )
-        )
-      );
-    }) : !activeContentPlacement && !activeYear && issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React__default.createElement(
-        Card,
-        { key: key, className: 'issueCard' },
-        React__default.createElement(
-          Row,
-          null,
-          issue.thumbnail && React__default.createElement(
-            Col,
-            { md: 3, id: 'issueThumbnail' },
-            React__default.createElement(
-              LazyLoad,
-              { once: true },
-              React__default.createElement(Card.Img, { src: issue.thumbnail })
-            )
-          ),
-          React__default.createElement(
-            Col,
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
-            React__default.createElement(
-              Card.Body,
-              null,
-              React__default.createElement(
-                Card.Title,
-                null,
-                issue.name
-              ),
-              issue.source && React__default.createElement(
-                'div',
-                { className: 'content-category-label' },
-                React__default.createElement(
-                  'div',
-                  { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
-                  issue.source
-                )
-              ),
-              issue.volume && issue.number && React__default.createElement(
-                'p',
-                null,
-                'Volume: ',
-                issue.volume,
-                React__default.createElement('br', null),
-                'Issue: ',
-                issue.number
-              )
-            ),
-            React__default.createElement(
-              Card.Footer,
-              null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default.createElement(
-                'a',
-                { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
-                'View Issue'
-              ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
-                'a',
-                { rel: 'noopener', href: urlForFile(issue.pdf), target: '_blank', className: 'btn btn-primary' },
-                'Download Issue'
-              )
-            )
-          )
-        )
-      );
-    }) : React__default.createElement(
-      'em',
-      null,
-      'New content coming soon, please check back later.'
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        .dropdown-toggle {\n          min-width: 5rem;\n        }\n        .dropdown-toggle:empty:after {\n          margin-left: 4rem;\n        }\n        .card-footer {\n          background-color: transparent;\n          border-top: 0;\n        }\n        .card-footer a:not(:first-child) {\n          margin-left: 1rem;\n        }\n      '
-    )
-  );
-};
-
-export default PublicationLanding;