@mjhls/mjh-framework 1.0.973-pratner-listing-nojs-v1 → 1.0.973-ptce-test

package/dist/esm/Pagination-cd21f8c2.js

@@ -0,0 +1,82 @@
+import React__default from 'react';
+import ReactPaginate from 'react-paginate';
+import Button from 'react-bootstrap/Button';
+import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
+
+var Pagination = function Pagination(props) {
+  var pageCount = props.pageCount,
+      _props$marginPagesDis = props.marginPagesDisplayed,
+      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
+      _props$pageRangeDispl = props.pageRangeDisplayed,
+      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      _onPageChange = props.onPageChange,
+      _props$needLargePagin = props.needLargePaginateButtons,
+      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
+
+  if (!pageCount || pageCount <= 1) return null;
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-nxt' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage + 1);
+          },
+          disabled: currentPage === pageCount,
+          href: currentPage === pageCount ? '' : '?page=' + (currentPage + 1) },
+        'NEXT PAGE',
+        React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
+      )
+    ),
+    React__default.createElement(ReactPaginate, {
+      pageCount: pageCount,
+      marginPagesDisplayed: marginPagesDisplayed,
+      pageRangeDisplayed: pageRangeDisplayed,
+      forcePage: currentPage - 1,
+      onPageChange: function onPageChange(_ref) {
+        var selected = _ref.selected;
+        return _onPageChange(selected + 1);
+      },
+      hrefBuilder: function hrefBuilder(page) {
+        return '?page=' + page;
+      },
+      previousLabel: '<',
+      nextLabel: '>',
+      containerClassName: 'pagination-container',
+      previousLinkClassName: 'previous',
+      nextLinkClassName: 'next',
+      disabledClassName: 'disabled',
+      activeClassName: 'active'
+    }),
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-prv' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage - 1);
+          },
+          disabled: currentPage === 1,
+          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
+        React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
+        'PREVIOUS PAGE'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+    )
+  );
+};
+
+export { Pagination as P };

package/dist/esm/PartnerDetailListing.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-e89d33c8.js';
+import { g as getSerializers } from './index-e9a70085.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -26,12 +26,13 @@ import 'react-bootstrap';
 import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
-import './index-5cc7b406.js';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
 import 'next/router';
 import './index-755f2cc2.js';
 import './main-1894c974.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-0852ff35.js';
+import './ADInfeed-6d1fc6bf.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -42,14 +43,14 @@ import './stringify-2b084bee.js';
 import './Segment.js';
 import './AuthorComponent-11adff02.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-5fb3b724.js';
+import './ADlgInfeed-dc36c928.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import './index-3f5c03b2.js';
 import 'react-bootstrap/Breadcrumb';
 import 'react-bootstrap/Carousel';
 import './index-c7e2ac95.js';
-import './util-8ed16d48.js';
+import './util-d39bca09.js';
 import './urlForFile-b69adffc.js';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';
@@ -169,9 +170,24 @@ var PartnerDetails = function PartnerDetails(_ref) {
               rel: 'noopener noreferrer',
               style: { height: 30, width: 30 }
             }),
-            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default.createElement(reactSocialIcons_1, { url: partnerDetails.youtube, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } }),
-            partnerDetails.twitter && partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, { url: partnerDetails.twitter, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } }),
-            partnerDetails.facebook && !partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, { url: partnerDetails.facebook, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } })
+            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default.createElement(reactSocialIcons_1, {
+              url: partnerDetails.youtube,
+              target: '_blank',
+              rel: 'noopener noreferrer',
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            }),
+            partnerDetails.twitter && partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, {
+              url: partnerDetails.twitter,
+              target: '_blank',
+              rel: 'noopener noreferrer',
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            }),
+            partnerDetails.facebook && !partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, {
+              url: partnerDetails.facebook,
+              target: '_blank',
+              rel: 'noopener noreferrer',
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            })
           )
         )
       ),
@@ -228,8 +244,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
           defaultImage: Settings.logo,
           showPublished: true,
           showCategory: true,
-          pageview: pageview,
-          nextPagePostsCount: props.nextPagePostsCount
+          pageview: pageview
         })
       )
     )
@@ -240,7 +255,7 @@ PartnerDetails.returnGetInitialProps = function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(identifier, partnerPageUrl, partnerDocumentGroupID, params, currentPage, client) {
     var category = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
 
-    var today, featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQuery, itemsPerPage, articles, nextPagePostsCount;
+    var today, featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQuery, articles;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -273,17 +288,12 @@ PartnerDetails.returnGetInitialProps = function () {
             partnerDetails = _ref4[1];
             taxonomyDetails = _ref4[2];
             articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail{ ..., asset-> },\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
-            itemsPerPage = params.itemsPerPage ? params.itemsPerPage : params.from && params.to ? parseInt(params.to) - parseInt(params.from) : 10;
-            _context.next = 17;
+            _context.next = 16;
             return client.fetch(articlesQuery, params);
 
-          case 17:
+          case 16:
             articles = _context.sent;
-            _context.next = 20;
-            return client.fetch('count(' + articlesQuery + ')', _extends({}, params, { from: params.to, to: params.to + itemsPerPage }));
 
-          case 20:
-            nextPagePostsCount = _context.sent;
 
             // need to exclude slideshows from body due to the affiliate slider
             if (partnerDetails && partnerDetails.description) {
@@ -292,19 +302,9 @@ PartnerDetails.returnGetInitialProps = function () {
               });
             }
 
-            return _context.abrupt('return', {
-              articles: articles,
-              taxonomyDetails: taxonomyDetails,
-              partnerDetails: category ? partnerDetails.partner : partnerDetails,
-              features: features,
-              featureQuery: featureQuery,
-              partnerQuery: partnerQuery,
-              taxonomyQuery: taxonomyQuery,
-              articlesQuery: articlesQuery,
-              nextPagePostsCount: nextPagePostsCount
-            });
+            return _context.abrupt('return', { articles: articles, taxonomyDetails: taxonomyDetails, partnerDetails: category ? partnerDetails.partner : partnerDetails, features: features, featureQuery: featureQuery, partnerQuery: partnerQuery, taxonomyQuery: taxonomyQuery, articlesQuery: articlesQuery });
 
-          case 23:
+          case 19:
           case 'end':
             return _context.stop();
         }

package/dist/esm/PartnerDetailListingPaginated.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-e89d33c8.js';
+import { g as getSerializers } from './index-e9a70085.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -23,14 +23,15 @@ import 'prop-types';
 import './smoothscroll-fa4e3f8c.js';
 import './toConsumableArray-f7074d7c.js';
 import 'react-bootstrap';
-import './index-5cc7b406.js';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
 import 'next/router';
 import './index-755f2cc2.js';
 import 'react-dom';
 import './lodash-f97fd99a.js';
 import './main-1894c974.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-0852ff35.js';
+import './ADInfeed-6d1fc6bf.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -40,10 +41,11 @@ import './Beam.js';
 import './stringify-2b084bee.js';
 import './Segment.js';
 import './AuthorComponent-11adff02.js';
-import './ADlgInfeed-5fb3b724.js';
+import './ADlgInfeed-dc36c928.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
-import './Pagination-dc30727b.js';
+import './Pagination-cd21f8c2.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
@@ -51,7 +53,7 @@ import './index-3f5c03b2.js';
 import 'react-bootstrap/Breadcrumb';
 import 'react-bootstrap/Carousel';
 import './index-c7e2ac95.js';
-import './util-8ed16d48.js';
+import './util-d39bca09.js';
 import './urlForFile-b69adffc.js';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';

package/dist/esm/PtceDeck.js

@@ -0,0 +1,218 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import { _ as _JSON$stringify } from './stringify-2b084bee.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { m as moment } from './moment-bc12cb97.js';
+import React__default, { useState, useEffect } from 'react';
+import { f as fetch } from './index-99a4897c.js';
+import { Col, Row } from 'react-bootstrap';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+import './events-6c3a7a63.js';
+import './util-d39bca09.js';
+
+var _this2 = undefined;
+
+function PtceDeck(props) {
+  var _this = this;
+
+  var initialData = props.initialData;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      cmeData = _useState2[0],
+      setCmeData = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasMore = _useState4[0],
+      setHasMore = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      paginatedPoint = _useState6[0],
+      setPaginatedPoint = _useState6[1];
+
+  useEffect(function () {
+    //set inital data
+
+    if (initialData && initialData.pageInfo) {
+      setHasMore(initialData.pageInfo.hasMore);
+      setPaginatedPoint(initialData.pageInfo.cursor);
+      setCmeData(initialData.contentItems);
+    }
+    //set hasMore and breakpoint
+  }, []);
+
+  var loadMore = function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var response, data;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return fetch('/api/get_activities-CE', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  Accept: 'application/json'
+                },
+                method: 'post',
+                credentials: 'same-origin',
+                body: _JSON$stringify({ params: { paginatedPoint: paginatedPoint } })
+              });
+
+            case 2:
+              response = _context.sent;
+              _context.next = 5;
+              return response.json();
+
+            case 5:
+              data = _context.sent;
+
+
+              if (data.pageInfo) {
+                setHasMore(data.pageInfo.hasMore);
+                setPaginatedPoint(data.pageInfo.cursor);
+                setCmeData(function (prevState) {
+                  return [].concat(_toConsumableArray(prevState), _toConsumableArray(data.contentItems));
+                });
+              }
+              console.log('data', data);
+
+            case 8:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function loadMore() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return React__default.createElement(
+    'div',
+    null,
+    cmeData && cmeData.map(function (activity) {
+
+      var href = activity.url ? activity.url : 'https://www.pharmacytimes.org/courses/' + activity.slug;
+
+      return React__default.createElement(
+        Col,
+        { xl: 12, style: { marginBottom: '1rem' } },
+        React__default.createElement(
+          Row,
+          null,
+          React__default.createElement(
+            Col,
+            { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0' } },
+            React__default.createElement(
+              'a',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: activity.asset })
+            )
+          ),
+          React__default.createElement(
+            Col,
+            { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
+            React__default.createElement(
+              'a',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: activity.title } }),
+              React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'Expiration Date: ',
+                moment(activity.courseEndDate).format('MMM Do YYYY')
+              ),
+              React__default.createElement('p', { dangerouslySetInnerHTML: { __html: activity.description } })
+            )
+          )
+        )
+      );
+    }),
+    hasMore && React__default.createElement(
+      'div',
+      { className: 'text-center my-5' },
+      React__default.createElement(
+        'button',
+        { onClick: loadMore, className: 'btn btn-lg btn-primary' },
+        'Load More'
+      )
+    )
+  );
+}
+
+var getPtceActivities = function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(params) {
+    var hasMore, response, data;
+    return regenerator.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            hasMore = '';
+
+
+            if (params.paginatedPoint && params.paginatedPoint !== '') {
+              hasMore = '&cursor=' + params.paginatedPoint;
+            }
+            console.log(hasMore, 'has More', params);
+            _context2.next = 6;
+            return fetch('https://www.pharmacytimes.org/incoming/v2/content?types[]=courses&sort=publishDate:desc&query=status:published&limit=25' + hasMore, {
+              method: 'GET',
+              headers: { Authorization: 'Bearer drnc4y57arj3f190cpvqiwxt3cxpbken' }
+            });
+
+          case 6:
+            response = _context2.sent;
+            _context2.next = 9;
+            return response.json();
+
+          case 9:
+            data = _context2.sent;
+
+
+            data.contentItems = data.contentItems.filter(function (course) {
+              if (course.tags && course.tags[0] && course.tags[0].label == 'Hidden') {
+                return false;
+              }
+              course.pType_id = '1';
+              // course.expirationDate = moment(course.courseEndDate).format('MMM Do YYYY')
+
+              var current_date = new Date();
+              var courseEndDate = new Date(course.courseEndDate);
+
+              return current_date.getTime() < courseEndDate.getTime();
+            });
+
+            return _context2.abrupt('return', data);
+
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2['catch'](0);
+
+            console.log(_context2.t0);
+            return _context2.abrupt('return', []);
+
+          case 18:
+          case 'end':
+            return _context2.stop();
+        }
+      }
+    }, _callee2, _this2, [[0, 14]]);
+  }));
+
+  return function getPtceActivities(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+export default PtceDeck;
+export { getPtceActivities };

package/dist/esm/PubSection.js

@@ -17,13 +17,14 @@ import './index.es-a6137319.js';
 import './moment-bc12cb97.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
-import './index-5cc7b406.js';
+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-0852ff35.js';
+import './ADInfeed-6d1fc6bf.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -34,7 +35,7 @@ import './stringify-2b084bee.js';
 import './Segment.js';
 import './AuthorComponent-11adff02.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-5fb3b724.js';
+import './ADlgInfeed-dc36c928.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 

package/dist/esm/PublicationLanding.js

@@ -376,32 +376,32 @@ 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
+/* 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) {

package/dist/esm/QueueDeckExpanded.js

@@ -7,15 +7,15 @@ import urlFor from './urlFor.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
-import { l as lib_3 } from './index-5cc7b406.js';
+import { l as lib_3 } from './index-f0fc23eb.js';
 import { useRouter } from 'next/router';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-1894c974.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-0852ff35.js';
+import { A as ADInfeed } from './ADInfeed-6d1fc6bf.js';
 import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
 import { l as lodash } from './lodash-f97fd99a.js';
-import { A as ADlgInfeed } from './ADlgInfeed-5fb3b724.js';
+import { A as ADlgInfeed } from './ADlgInfeed-dc36c928.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import './_commonjsHelpers-0c4b6f40.js';
@@ -25,6 +25,7 @@ import './_iter-detect-98db3b07.js';
 import './_object-pie-133f504a.js';
 import './index-3f5c03b2.js';
 import 'react-dom';
+import './events-6c3a7a63.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
 import './AdSlot.js';

package/dist/esm/QueueDeckExpandedPaginated.js

@@ -5,25 +5,26 @@ import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import { Spinner, Container, Media } from 'react-bootstrap';
 import { m as moment } from './moment-bc12cb97.js';
-import { l as lib_3 } from './index-5cc7b406.js';
+import { l as lib_3 } from './index-f0fc23eb.js';
 import { useRouter } from 'next/router';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-1894c974.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as ADInfeed } from './ADInfeed-0852ff35.js';
+import { A as ADInfeed } from './ADInfeed-6d1fc6bf.js';
 import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
-import { A as ADlgInfeed } from './ADlgInfeed-5fb3b724.js';
+import { A as ADlgInfeed } from './ADlgInfeed-dc36c928.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import urlFor from './urlFor.js';
-import { P as Pagination } from './Pagination-dc30727b.js';
+import { P as Pagination } from './Pagination-cd21f8c2.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './_object-pie-133f504a.js';
+import './events-6c3a7a63.js';
 import 'prop-types';
 import 'react-dom';
 import 'react-bootstrap/Card';
@@ -35,6 +36,7 @@ import './Beam.js';
 import './stringify-2b084bee.js';
 import './Segment.js';
 import './index-3f5c03b2.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';