@mjhls/mjh-framework 1.0.338 → 1.0.339

package/dist/esm/{ADInfeed-aadcfc25.js → ADInfeed-ca26fca6.js}

@@ -36,7 +36,16 @@ var ADInfeed = function ADInfeed(_ref) {
     React__default.createElement(
       Card,
       { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
-      React__default.createElement(DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound })
+      React__default.createElement(DFPAdSlot, {
+        className: className,
+        networkID: networkID,
+        adUnit: adUnit,
+        slotId: slotId,
+        targeting: targeting,
+        sizes: sizes,
+        checkIsAdFound: checkIsAdFound,
+        refreshFlag: false
+      })
     ),
     React__default.createElement(
       'style',

package/dist/esm/DeckContent.js

@@ -12,8 +12,9 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visibility-sensor-3cea5efb.js';
+import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
+import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
@@ -21,7 +22,7 @@ import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-a47a84a4.js';
 import './AdSlot-8946358f.js';
 import './promise-86cb8313.js';
-import { A as ADInfeed } from './ADInfeed-aadcfc25.js';
+import { A as ADInfeed } from './ADInfeed-ca26fca6.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -12,8 +12,9 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visibility-sensor-3cea5efb.js';
+import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
+import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';

package/dist/esm/{Dfp-9293acfb.js → Dfp-7c317aa4.js}

@@ -4,7 +4,7 @@ import './web.dom.iterable-7e9bebf9.js';
 import { d as debounce_1, a as lib_1, e as lib_2 } from './debounce-702eb224.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
+import { V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
 

package/dist/esm/{GridContent-f2278de3.js → GridContent-e2b1de22.js}

@@ -8,16 +8,17 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-3cea5efb.js';
+import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
+import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-49d5805d.js';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { A as ADInfeed } from './ADInfeed-aadcfc25.js';
+import { A as ADInfeed } from './ADInfeed-ca26fca6.js';
 import { g as get_1 } from './get-36d03764.js';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-9293acfb.js');
+  return import('./Dfp-7c317aa4.js');
 });
 
 var AD = function AD(props) {

package/dist/esm/GridContent.js

@@ -12,8 +12,9 @@ import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './visibility-sensor-3cea5efb.js';
+import './moment-12415288.js';
 import 'next/router';
+import './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
@@ -21,6 +22,6 @@ import './entities-7cc3bf45.js';
 import './slicedToArray-a47a84a4.js';
 import './AdSlot-8946358f.js';
 import './promise-86cb8313.js';
-import './ADInfeed-aadcfc25.js';
+import './ADInfeed-ca26fca6.js';
 import './get-36d03764.js';
-export { G as default } from './GridContent-f2278de3.js';
+export { G as default } from './GridContent-e2b1de22.js';

package/dist/esm/IssueContentDeck.js

@@ -4,70 +4,195 @@ import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
+import { m as moment } from './moment-12415288.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Badge from 'react-bootstrap/Badge';
 
-var IssueContentDeck = function IssueContentDeck(props) {
-  var data = props.data,
+var urlFor = function urlFor(source, client) {
+  var builder = imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(props) {
+  var coverImage = props.coverImage,
       imageHeight = props.imageHeight,
       imageWidth = props.imageWidth,
-      Website = props.Website,
-      client = props.client;
-
+      client = props.client,
+      Settings = props.Settings;
 
-  var urlFor = function urlFor(source) {
-    var builder = imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
+  if (coverImage && coverImage.asset) {
+    var url = urlFor(coverImage, client);
+    if (imageHeight) url = url.height(imageHeight);
+    if (imageWidth) url = url.width(imageWidth);
+    return url.url();
+  } else {
+    return Settings.logo;
+  }
+};
 
-  var renderCardImage = function renderCardImage(thumbnail) {
-    if (thumbnail && thumbnail.asset) {
-      var url = urlFor(thumbnail);
-      if (imageHeight) url = url.height(imageHeight);
-      if (imageWidth) url = url.width(imageWidth);
-      return url.url();
-    } else {
-      return Website.logo;
-    }
-  };
+var PublicationDeckStack = function PublicationDeckStack(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      published = props.published,
+      author = props.author,
+      summary = props.summary,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
 
   return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      return row.url && row.url.current && React__default.createElement(
-        Col,
-        { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+    Col,
+    { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          LazyLoad,
+          { height: imageHeight },
+          React__default.createElement(Card.Img, {
+            variant: 'right',
+            src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+            alt: title,
+            style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '1rem', float: 'left', marginTop: '1rem', paddingBottom: '1rem' }
+          })
+        ),
         React__default.createElement(
-          Card,
+          Card.Body,
           null,
+          section ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section.name
+          ) : '',
           React__default.createElement(
-            'a',
-            { href: '/view/' + row.url.current },
-            row.thumbnail && React__default.createElement(
-              LazyLoad,
-              { height: imageHeight },
-              React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
-            ),
+            Card.Title,
+            { style: { color: '#121212', fontSize: '1.1rem' } },
             React__default.createElement(
-              Card.Body,
+              'span',
               null,
-              row.issueSection && row.issueSection.name ? React__default.createElement(
-                Badge,
-                { variant: 'success' },
-                row.issueSection && row.issueSection.name.name
-              ) : '',
+              title
+            ),
+            React__default.createElement('br', null),
+            React__default.createElement(
+              'div',
+              { style: { float: 'left', marginTop: '10px' } },
               React__default.createElement(
-                Card.Title,
-                null,
-                row.title
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                moment(published).format('MMMM DD, YYYY ')
+              ),
+              author.length > 0 && React__default.createElement(
+                'p',
+                { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
+                'By ',
+                author
               )
             )
+          ),
+          React__default.createElement(
+            'p',
+            { style: { float: 'left' } },
+            summary
+          )
+        )
+      )
+    )
+  );
+};
+
+var PublicationDeckBlock = function PublicationDeckBlock(props) {
+  var title = props.title,
+      coverImage = props.coverImage,
+      link = props.link,
+      section = props.section,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      client = props.client,
+      Settings = props.Settings,
+      key = props.key;
+
+  return React__default.createElement(
+    Col,
+    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: key },
+    React__default.createElement(
+      Card,
+      null,
+      React__default.createElement(
+        'a',
+        { href: '/view/' + link },
+        coverImage && React__default.createElement(
+          LazyLoad,
+          { height: imageHeight },
+          React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
+        ),
+        React__default.createElement(
+          Card.Body,
+          null,
+          section && section.name ? React__default.createElement(
+            Badge,
+            { variant: 'success' },
+            section && section.name
+          ) : '',
+          React__default.createElement(
+            Card.Title,
+            null,
+            title
           )
         )
-      );
+      )
+    )
+  );
+};
+
+var IssueContentDeck = function IssueContentDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      website = props.website,
+      client = props.client,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'block' : _props$variant;
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.length ? data.map(function (row, index) {
+      if (variant === 'stack') {
+        return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
+          key: index,
+          title: row.title,
+          coverImage: row.thumbnail,
+          link: row.url.current,
+          section: row.issueSection,
+          Settings: website,
+          imageHeight: imageHeight,
+          imageWidth: imageWidth,
+          client: client,
+          published: row.published,
+          author: row.authorMapping.displayName || '',
+          summary: row.summary
+        });
+      }
+      return React__default.createElement(PublicationDeckBlock, {
+        key: index,
+        title: row.title,
+        coverImage: row.thumbnail,
+        link: row.url.current,
+        section: row.issueSection,
+        Settings: website,
+        imageHeight: imageHeight,
+        imageWidth: imageWidth,
+        client: client
+      });
     }) : React__default.createElement(
       'div',
       null,

package/dist/esm/MasterDeck.js

@@ -12,8 +12,9 @@ import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-3cea5efb.js';
+import './moment-12415288.js';
 import { withRouter } from 'next/router';
+import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import './index-51a80699.js';
 import { _ as _Promise } from './promise-86cb8313.js';

package/dist/esm/QueueDeckExpanded.js

@@ -8,8 +8,9 @@ import { _ as _extends } from './extends-26d3b609.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-3cea5efb.js';
+import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
@@ -17,7 +18,7 @@ import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
 import './AdSlot-8946358f.js';
 import './promise-86cb8313.js';
-import { A as ADInfeed } from './ADInfeed-aadcfc25.js';
+import { A as ADInfeed } from './ADInfeed-ca26fca6.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/VideoSeriesListing.js

@@ -7,8 +7,9 @@ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn,
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
+import './moment-12415288.js';
 import { withRouter } from 'next/router';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import './index-5f9f807a.js';
 import './slicedToArray-a47a84a4.js';

package/dist/esm/index.js

@@ -12,8 +12,9 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
+import { m as moment } from './moment-12415288.js';
 import Router, { useRouter } from 'next/router';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import './index-5f9f807a.js';
@@ -22,10 +23,10 @@ import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-a47a84a4
 import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-8946358f.js';
 export { D as AdSlot, B as Beam } from './AdSlot-8946358f.js';
 import './promise-86cb8313.js';
-import './ADInfeed-aadcfc25.js';
+import './ADInfeed-ca26fca6.js';
 export { default as DeckContent } from './DeckContent.js';
 import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-36d03764.js';
-export { A as AD, G as GridContent } from './GridContent-f2278de3.js';
+export { A as AD, G as GridContent } from './GridContent-e2b1de22.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';