@mjhls/mjh-framework 1.0.883 → 1.0.884-beta.1

package/dist/esm/PartnerDetailListingPaginated.js

@@ -0,0 +1,307 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-86d4db69.js';
+import './_library-528f1934.js';
+import './_iter-detect-130ee549.js';
+import './toConsumableArray-32282905.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-5b1796d4.js';
+import './_object-sap-8b8ea5a9.js';
+import './inherits-2409637d.js';
+import './define-property-6d26cb48.js';
+import './web.dom.iterable-f8f967cd.js';
+import './typeof-c05a82ba.js';
+import './_is-array-4df618a6.js';
+import React__default from 'react';
+import './events-6c3a7a63.js';
+import './index-41a678ea.js';
+import 'prop-types';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Card';
+import './moment-e2f9b20c.js';
+import 'next/router';
+import './isSymbol-1981418f.js';
+import './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import 'react-dom';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
+import urlFor from './urlFor.js';
+import './index-5f7e79e7.js';
+import './main-c0612122.js';
+import './entities-7cc3bf45.js';
+import './stringify-70b72959.js';
+import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-7bf8bc4d.js';
+import './Segment.js';
+import './Beam.js';
+import './AdSlot.js';
+import './ADInfeed-d767ebe2.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-cee95aa2.js';
+import './getContentCategory-15dcc413.js';
+import './AuthorComponent-e6f95c2f.js';
+import 'react-bootstrap/Button';
+import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
+import './index-c7e2ac95.js';
+import './smoothscroll-0cd4c7a6.js';
+import './GroupDeck.js';
+import 'react-bootstrap';
+import './timeDifferenceCalc.js';
+import './iconBase-602d52fe.js';
+import './index.esm-29e48d38.js';
+import { g as getSerializers } from './index-d1476645.js';
+import './util-7700fc59.js';
+import './brightcove-react-player-loader.es-83f53e4e.js';
+import 'next/head';
+import 'react-share';
+import './SocialShare.js';
+import './_object-to-array-c54dd835.js';
+import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Tooltip';
+import 'react-bootstrap/Popover';
+import './inherits-77d5e4fc.js';
+import 'react-bootstrap/Carousel';
+import Feature from './Feature.js';
+import 'react-bootstrap/Breadcrumb';
+import Breadcrumbs from './Breadcrumbs.js';
+import { I as ImageSlider, T as TwitterTimelineEmbed, F as Facebook, P as Page } from './ImageSlider-a3154b97.js';
+import 'react-paginate';
+import './Pagination-c0db7ca1.js';
+import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
+
+var _this = undefined;
+
+var checkIsFacebookGroup = function checkIsFacebookGroup(url) {
+  return (/www\.facebook\.com\/groups/.test(url)
+  );
+};
+
+var PartnerDetails = function PartnerDetails(_ref) {
+  var posts = _ref.posts,
+      totalPostsCount = _ref.totalPostsCount,
+      query = _ref.query,
+      params = _ref.params,
+      features = _ref.features,
+      currentPage = _ref.currentPage,
+      partnerDetails = _ref.partnerDetails,
+      client = _ref.client,
+      Settings = _ref.Settings,
+      pageview = _ref.pageview,
+      page = _ref.page;
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(Breadcrumbs, null),
+    React__default.createElement(
+      'div',
+      { className: 'partners-page' },
+      React__default.createElement(
+        'div',
+        { className: 'my-5 partner-logo-wrap', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+        partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default.createElement(
+          'a',
+          { className: 'partners-logo', style: { width: '25%', minWidth: '25%' }, href: partnerDetails.thumbnail.link, target: partnerDetails.thumbnail.blank ? '_blank' : '' },
+          React__default.createElement(
+            'figure',
+            { style: { width: '100%', textAlign: 'center' } },
+            React__default.createElement('img', {
+              alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
+              style: { maxWidth: '100%' },
+              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
+            }),
+            partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
+              'figcaption',
+              null,
+              partnerDetails.thumbnail.caption
+            )
+          )
+        ) : React__default.createElement(
+          'figure',
+          { className: 'partners-logo', style: { width: '25%', minWidth: '25%', textAlign: 'center' } },
+          React__default.createElement('img', {
+            alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
+            style: { maxWidth: '100%' },
+            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
+          }),
+          partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
+            'figcaption',
+            null,
+            partnerDetails.thumbnail.caption
+          )
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n            @media screen and (max-width: 768px) {\n              .partners-logo {\n                width: 100%;\n                min-width: 100%;\n              }\n              .partner-logo-wrap {\n                flex-wrap: wrap;\n              }\n              .block-content-partners {\n                padding-left: 0 !important;\n              }\n            }\n          '
+        ),
+        (partnerDetails.description || partnerDetails.linkedin || partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(
+          'div',
+          { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
+          partnerDetails.description && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+          (partnerDetails.linkedin || partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(
+            'div',
+            null,
+            React__default.createElement(
+              'p',
+              { className: 'd-inline-block font-weight-bold' },
+              'Connect with us:'
+            ),
+            '  ',
+            partnerDetails.linkedin && React__default.createElement(reactSocialIcons_1, {
+              url: '' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all',
+              target: '_blank',
+              rel: 'noopener noreferrer',
+              style: { height: 30, width: 30 }
+            }),
+            (partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(reactSocialIcons_1, { url: partnerDetails.facebook, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } })
+          )
+        )
+      ),
+      partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
+        'div',
+        { className: 'mb-4', style: { padding: '0 15px' } },
+        partnerDetails.affiliates[0].title && React__default.createElement(
+          'h2',
+          { className: 'bb-gold' },
+          partnerDetails.affiliates[0].title
+        ),
+        React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
+      ),
+      features.length > 0 && React__default.createElement(
+        'div',
+        { className: ' mb-5' },
+        React__default.createElement(Feature, { dataset: features, client: client })
+      ),
+      (partnerDetails.twitter || partnerDetails.facebook && !checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(
+        'div',
+        { className: 'mb-5', style: { width: '100%', maxWidth: '100%', textAlign: 'center', padding: '15px', border: '2px solid #aaa', borderRadius: '15px' } },
+        partnerDetails.twitter ? React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } }) : partnerDetails.facebook && React__default.createElement(
+          Facebook,
+          { appId: ' ' },
+          React__default.createElement(Page, { href: partnerDetails.facebook, tabs: 'timeline', width: '500', height: '500' })
+        )
+      ),
+      React__default.createElement(
+        'div',
+        null,
+        posts && posts.length > 0 && React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'h2',
+            { className: 'bb-gold mb-2' },
+            'Latest from ',
+            partnerDetails.name
+          ),
+          React__default.createElement('hr', null)
+        ),
+        React__default.createElement(QueueDeckExpanded, {
+          client: client,
+          mapping: Settings.mapping,
+          dataRecord: posts,
+          totalDataCount: totalPostsCount,
+          query: query,
+          params: params,
+          currentPage: currentPage,
+          seoPaginate: true,
+          columns: 'rotate',
+          variant: 'top',
+          page: page,
+          autoScroll: true,
+          defaultImage: Settings.logo,
+          showPublished: true,
+          showCategory: true,
+          pageview: pageview
+        })
+      )
+    )
+  );
+};
+
+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 featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQueryFilters, articlesQuerySorts, articlesQueryProjection, articlesQuery, totalArticlesCountQuery, _ref5, _ref6, articles, totalArticlesCount;
+
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+
+
+            if (category) {
+              // if partners page has a sub category such as onclive
+              // e.g. /sap-partner/[category]/[partner]
+
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+            }
+
+            taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
+
+            if (category) {
+              taxonomyQuery = '*[_type == \'documentGroup\' \n     && !(_id in path("drafts.**"))\n     && isShow != false\n     && identifier.current == \'' + identifier + '\' && references(*[_type == \'documentGroup\' && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')]._id)] [0] {\n         \'id\': _id,\n         \'title\': name\n     }';
+            }
+            _context.next = 7;
+            return _Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
+
+          case 7:
+            _ref3 = _context.sent;
+            _ref4 = _slicedToArray(_ref3, 3);
+            features = _ref4[0];
+            partnerDetails = _ref4[1];
+            taxonomyDetails = _ref4[2];
+            articlesQueryFilters = '[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && is_visible == true \n    && defined(url) \n    && published <= now()\n    && passwordLocked != true \n    && references(\'' + taxonomyDetails.id + '\')\n  ]';
+            articlesQuerySorts = 'order(published desc)[$from...$to]';
+            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail,\n    url,\n    published,\n    contentCategory->\n  }';
+            articlesQuery = ['*'].concat(articlesQueryFilters).concat(articlesQuerySorts).concat(articlesQueryProjection).join('|');
+            totalArticlesCountQuery = 'count(' + ['*'].concat(articlesQueryFilters).join('|') + ')';
+            _context.next = 19;
+            return _Promise.all([client.fetch(articlesQuery, params), client.fetch(totalArticlesCountQuery)]);
+
+          case 19:
+            _ref5 = _context.sent;
+            _ref6 = _slicedToArray(_ref5, 2);
+            articles = _ref6[0];
+            totalArticlesCount = _ref6[1];
+
+
+            // need to exclude slideshows from body due to the affiliate slider
+            if (partnerDetails && partnerDetails.description) {
+              partnerDetails.description = partnerDetails.description.filter(function (block) {
+                return block._type !== 'slideshows';
+              });
+            }
+
+            return _context.abrupt('return', {
+              articles: articles,
+              totalArticlesCount: totalArticlesCount,
+              taxonomyDetails: taxonomyDetails,
+              partnerDetails: category ? partnerDetails.partner : partnerDetails,
+              features: features,
+              featureQuery: featureQuery,
+              partnerQuery: partnerQuery,
+              taxonomyQuery: taxonomyQuery,
+              articlesQuery: articlesQuery
+            });
+
+          case 25:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2, _x3, _x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+export default PartnerDetails;

package/dist/esm/PdfDownload.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import './iconBase-602d52fe.js';
-import { a as MdPictureAsPdf } from './index.esm-c6715e80.js';
+import { a as MdPictureAsPdf } from './index.esm-f8aaeeeb.js';
 
 var PdfDownload = function PdfDownload(props) {
   return React__default.createElement(

package/dist/esm/PopUpModal.js

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './web.dom.iterable-6b037ff9.js';
+import './core.get-iterator-method-86d4db69.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default, { useState } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
 import Modal from 'react-bootstrap/Modal';
 
 var PopUpModal = function PopUpModal(props) {

package/dist/esm/PubSection.js

@@ -1,40 +1,40 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-86d4db69.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './toConsumableArray-e333293f.js';
+import './_iter-detect-130ee549.js';
+import './toConsumableArray-32282905.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-9a61581c.js';
-import './web.dom.iterable-6b037ff9.js';
+import { _ as _extends } from './extends-5b1796d4.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
 import './events-6c3a7a63.js';
 import './index-41a678ea.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import './moment-b6f49411.js';
+import './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
-import './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import './index.es-a6137319.js';
+import './debounce-9207d8ee.js';
+import './toNumber-2f7a84cd.js';
+import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-72fd8f8b.js';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
 import './urlFor.js';
 import './index-5f7e79e7.js';
-import './main-ede573ee.js';
-import './entities-731f3fdb.js';
-import './stringify-ebc16384.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-40371743.js';
+import './main-c0612122.js';
+import './entities-7cc3bf45.js';
+import './stringify-70b72959.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf8bc4d.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-7db96917.js';
-import './lodash-a818d390.js';
-import './ADlgInfeed-a3931e68.js';
+import './ADInfeed-d767ebe2.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-cee95aa2.js';
 import './getContentCategory-15dcc413.js';
-import './AuthorComponent-2277b67c.js';
+import './AuthorComponent-e6f95c2f.js';
 import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';

package/dist/esm/PubToc.js

@@ -1,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-86d4db69.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './web.dom.iterable-6b037ff9.js';
+import './_iter-detect-130ee549.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-40371743.js';
+import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf8bc4d.js';
 
 var _this = undefined;
 

package/dist/esm/PublicationDeck.js

@@ -1,18 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './web.dom.iterable-6b037ff9.js';
+import './core.get-iterator-method-86d4db69.js';
+import './web.dom.iterable-f8f967cd.js';
 import React__default from 'react';
 import 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import './slicedToArray-67a08c9c.js';
+import './index-73819142.js';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-5f7e79e7.js';
-import { l as lodash } from './lodash-a818d390.js';
-import Button$1 from 'react-bootstrap/Button';
+import { l as lodash } from './lodash-17fdfebb.js';
+import Button from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
@@ -55,14 +55,14 @@ var PublicationDeck = function PublicationDeck(props) {
       'div',
       { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
       sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
-        Row$1,
+        Row,
         { className: 'regular-publication-wrapper' },
         sortedRegPubs.map(function (row, index) {
           return row.identifier && row.identifier.current && React__default.createElement(
-            Col$1,
+            Col,
             { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
             React__default.createElement(
-              Card$1,
+              Card,
               { className: 'block-card', style: { width: '200px' } },
               React__default.createElement(
                 'a',
@@ -70,18 +70,18 @@ var PublicationDeck = function PublicationDeck(props) {
                 row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                   LazyLoad,
                   { height: imageHeight },
-                  React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
                 ) : React__default.createElement('p', { className: 'placeholder-tag' }),
                 React__default.createElement(
-                  Card$1.Body,
+                  Card.Body,
                   { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
                   React__default.createElement(
-                    Card$1.Title,
+                    Card.Title,
                     null,
                     row.name
                   ),
                   React__default.createElement(
-                    Button$1,
+                    Button,
                     { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                     'Browse Issues'
                   )
@@ -110,14 +110,14 @@ var PublicationDeck = function PublicationDeck(props) {
           React__default.createElement('hr', null)
         ),
         React__default.createElement(
-          Row$1,
+          Row,
           { className: 'legacy-publication-wrapper' },
           sortedLegacyPubs.map(function (row, index) {
             return row.identifier && row.identifier.current && React__default.createElement(
-              Col$1,
+              Col,
               { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
               React__default.createElement(
-                Card$1,
+                Card,
                 { className: 'block-card', style: { width: '200px' } },
                 React__default.createElement(
                   'a',
@@ -125,18 +125,18 @@ var PublicationDeck = function PublicationDeck(props) {
                   row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
                   ) : React__default.createElement('p', { className: 'placeholder-tag' }),
                   React__default.createElement(
-                    Card$1.Body,
+                    Card.Body,
                     { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
                     React__default.createElement(
-                      Card$1.Title,
+                      Card.Title,
                       null,
                       row.name
                     ),
                     React__default.createElement(
-                      Button$1,
+                      Button,
                       { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                       'Browse Issues'
                     )

package/dist/esm/PublicationFeature-fa24dedb.js

@@ -0,0 +1,121 @@
+import React__default from 'react';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-5f7e79e7.js';
+import Button from 'react-bootstrap/Button';
+
+var PublicationFeature = function PublicationFeature(_ref) {
+  var data = _ref.data,
+      _ref$issueMapping = _ref.issueMapping,
+      issueMapping = _ref$issueMapping === undefined ? '/publications' : _ref$issueMapping,
+      defaultImage = _ref.defaultImage,
+      client = _ref.client;
+
+  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+  var _data$parent = data.parent;
+  _data$parent = _data$parent === undefined ? {} : _data$parent;
+  var _data$parent$identifi = _data$parent.identifier;
+  _data$parent$identifi = _data$parent$identifi === undefined ? {} : _data$parent$identifi;
+  var parentSlug = _data$parent$identifi.current,
+      _data$identifier = data.identifier;
+  _data$identifier = _data$identifier === undefined ? {} : _data$identifier;
+  var childSlug = _data$identifier.current,
+      name = data.name,
+      articles = data.articles,
+      month = data.month,
+      year = data.year,
+      thumbnail = data.thumbnail;
+
+  if (name && articles && articles.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'publication-feature-container border rounded p-2' },
+      React__default.createElement(
+        Row,
+        null,
+        React__default.createElement(
+          Col,
+          { xs: 12 },
+          React__default.createElement(
+            'h4',
+            null,
+            name,
+            month && year && React__default.createElement(
+              'span',
+              null,
+              ' ',
+              '| ',
+              months[parseInt(month, 10)],
+              ' ',
+              year
+            )
+          )
+        ),
+        React__default.createElement(
+          Col,
+          { xs: 12, sm: 4 },
+          React__default.createElement(
+            LazyLoad,
+            { once: true },
+            React__default.createElement('img', { className: 'w-100 mb-2', src: thumbnail && thumbnail.asset && client ? urlFor({ client: client, source: thumbnail.asset }) : defaultImage, alt: name || '' })
+          )
+        ),
+        React__default.createElement(
+          Col,
+          { xs: 12, sm: 8 },
+          React__default.createElement(
+            Row,
+            null,
+            articles.map(function (article) {
+              return React__default.createElement(
+                Col,
+                { key: article._id, xs: 12, sm: 6 },
+                article.issueSection && article.issueSection.name && React__default.createElement(
+                  'h6',
+                  { className: 'text-primary m-0 p-0 text-uppercase font-weight-bold' },
+                  article.issueSection.name
+                ),
+                article.title && React__default.createElement(
+                  React__default.Fragment,
+                  null,
+                  article.url && article.url.current ? React__default.createElement(
+                    'a',
+                    { href: '/view/' + article.url.current },
+                    React__default.createElement(
+                      'h6',
+                      { className: 'text-break' },
+                      article.title
+                    )
+                  ) : React__default.createElement(
+                    'h6',
+                    { className: 'text-break' },
+                    article.title
+                  )
+                )
+              );
+            })
+          )
+        ),
+        issueMapping && parentSlug && childSlug && React__default.createElement(
+          Col,
+          { xs: 12 },
+          React__default.createElement(
+            Button,
+            { href: issueMapping + '/' + parentSlug + '/' + childSlug, className: 'float-right', variant: 'outline-primary' },
+            'More Articles ',
+            '>>'
+          )
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .row {\n            margin-top: -15px;\n            margin-left: -15px;\n            margin-right: 0;\n          }\n          .row > * {\n            padding-top: 15px;\n            padding-left: 15px;\n            padding-right: 0;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+export { PublicationFeature as P };