@mjhls/mjh-framework 1.0.383 → 1.0.385

package/dist/esm/AuthorComponent-beb2ad16.js

@@ -0,0 +1,94 @@
+import React__default, { useEffect, useState, useRef } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
+
+var AuthorComponent = function AuthorComponent(_ref) {
+  var authors = _ref.authors,
+      index = _ref.index;
+
+  var renderAuthor = function renderAuthor(authorDetail, index, length) {
+    if (authorDetail) {
+      var _id = authorDetail._id,
+          displayName = authorDetail.displayName,
+          url = authorDetail.url;
+
+
+      if (displayName && url && url.current) {
+        return React__default.createElement(
+          'span',
+          { key: _id },
+          index === 0 && React__default.createElement(
+            'span',
+            { className: 'pr-1' },
+            'By'
+          ),
+          React__default.createElement(
+            'a',
+            { href: '/authors/' + url.current, className: 'text-muted' },
+            displayName
+          ),
+          length !== index + 1 && ' , '
+        );
+      } else if (displayName) {
+        return React__default.createElement(
+          'span',
+          { key: _id },
+          index === 0 && React__default.createElement(
+            'span',
+            { className: 'pr-1' },
+            'By'
+          ),
+          React__default.createElement(
+            'span',
+            { className: 'text-muted' },
+            displayName,
+            length !== index + 1 && React__default.createElement(
+              'span',
+              { className: 'author-seperator' },
+              ','
+            )
+          )
+        );
+      }
+    } else return null;
+  };
+
+  var onOverlayClick = function onOverlayClick() {
+    if (authorRef && authorRef.current) {
+      authorRef.current.classList.remove('hide-content');
+      sethideContent(false);
+    }
+  };
+
+  useEffect(function () {
+    if (authorRef && authorRef.current.clientHeight && authorRef.current.clientHeight > 50) {
+      authorRef.current.classList.add('hide-content');
+      sethideContent(true);
+    }
+  }, []);
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      hideContent = _useState2[0],
+      sethideContent = _useState2[1];
+
+  var overlayRef = useRef(null);
+  var authorRef = useRef(null);
+
+  return React__default.createElement(
+    'div',
+    { id: 'author-sec' + index, ref: authorRef },
+    hideContent && React__default.createElement('div', { onClick: function onClick() {
+        return onOverlayClick();
+      }, ref: overlayRef, id: 'overlay-content' + index }),
+    authors.map(function (authorDetail, index) {
+      return renderAuthor(authorDetail, index, authors.length);
+    }),
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n          .author-seperator {\n            padding-left: 2px;\n            padding-right: 2px;\n          }\n        '
+    )
+  );
+};
+
+export { AuthorComponent as A };

package/dist/esm/DeckContent.js

@@ -1,12 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
-import { m as main_39 } from './main-cb86f95d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
-import { _ as _extends } from './extends-26d3b609.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-4b85034c.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import { m as main_39 } from './main-25bb2c75.js';
+import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-92072fff.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-cacd91d8.js';
+import './typeof-e4b50250.js';
 import React__default from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -19,10 +22,10 @@ import 'react-dom';
 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 './slicedToArray-a47a84a4.js';
-import './AdSlot-1cc6bdb0.js';
-import './promise-86cb8313.js';
-import { A as ADInfeed } from './ADInfeed-c65835b9.js';
+import './slicedToArray-04e02710.js';
+import './AdSlot-971ce41c.js';
+import './promise-5d7cd78a.js';
+import { A as ADInfeed } from './ADInfeed-88c335d9.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -1,12 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
-import { m as main_39 } from './main-cb86f95d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
-import { _ as _extends } from './extends-26d3b609.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-4b85034c.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import { m as main_39 } from './main-25bb2c75.js';
+import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-92072fff.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-cacd91d8.js';
+import './typeof-e4b50250.js';
 import React__default from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -19,7 +22,7 @@ import 'react-dom';
 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 { g as get_1 } from './get-36d03764.js';
+import { g as get_1 } from './get-53653403.js';
 
 var DeckQueue = function (_React$Component) {
   _inherits(DeckQueue, _React$Component);

package/dist/esm/{Dfp-7c317aa4.js → Dfp-3b3273ee.js}

@@ -1,12 +1,12 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import { d as debounce_1, a as lib_1, e as lib_2 } from './debounce-702eb224.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
 import React__default, { useState } from 'react';
+import { d as debounce_1, a as lib_1, e as lib_2 } from './debounce-df468b0e.js';
 import PropTypes from 'prop-types';
 import { V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
 import 'react-dom';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/esm/{Figure-aa16a017.js → Figure-7ba30e53.js}

@@ -1,9 +1,9 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
 import React__default, { useState } from 'react';
 import { i as imageUrlBuilder } from './index-51a80699.js';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { Figure as Figure$1 } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/{GridContent-6aafc29f.js → GridContent-3229be76.js}

@@ -1,9 +1,9 @@
-import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
-import { m as main_39 } from './main-cb86f95d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
-import { _ as _extends } from './extends-26d3b609.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-4b85034c.js';
+import { m as main_39 } from './main-25bb2c75.js';
+import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import { _ as _extends } from './extends-92072fff.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-cacd91d8.js';
 import React__default, { Suspense } from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -14,11 +14,12 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
 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-c65835b9.js';
-import { g as get_1 } from './get-36d03764.js';
+import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { g as get_1 } from './get-53653403.js';
+import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-7c317aa4.js');
+  return import('./Dfp-3b3273ee.js');
 });
 
 var AD = function AD(props) {
@@ -185,54 +186,6 @@ var GridContent = function (_React$Component) {
           });
         }
       }
-    }, _this.renderAuthor = function (authorDetail, index, length) {
-      if (authorDetail) {
-        var _id = authorDetail._id,
-            displayName = authorDetail.displayName,
-            url = authorDetail.url;
-
-        if (displayName && url && url.current) {
-          return React__default.createElement(
-            'span',
-            { key: _id },
-            index === 0 && React__default.createElement(
-              'span',
-              { className: 'pr-1' },
-              'By'
-            ),
-            React__default.createElement(
-              'a',
-              { href: '/authors/' + url.current, className: 'text-muted' },
-              displayName,
-              length !== index + 1 && React__default.createElement(
-                'span',
-                { style: { paddingLeft: 7, paddingRight: 7 } },
-                '|'
-              )
-            )
-          );
-        } else if (displayName) {
-          return React__default.createElement(
-            'span',
-            { key: _id },
-            index === 0 && React__default.createElement(
-              'span',
-              { className: 'pr-1' },
-              'By'
-            ),
-            React__default.createElement(
-              'span',
-              { className: 'text-muted' },
-              displayName,
-              length !== index + 1 && React__default.createElement(
-                'span',
-                { style: { paddingLeft: 7, paddingRight: 7 } },
-                '|'
-              )
-            )
-          );
-        }
-      } else return null;
     }, _this.checkExternalUrl = function (url) {
       return new RegExp(['http', 'https'].join('|')).test(url);
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd) {
@@ -321,9 +274,11 @@ var GridContent = function (_React$Component) {
                         { style: { marginTop: 0 } },
                         moment(row.published).format('MMMM DD, YYYY')
                       ),
-                      _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
-                        return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
-                      }),
+                      _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
+                        LazyLoad,
+                        { height: 50 },
+                        React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                      ),
                       React__default.createElement(
                         Card.Text,
                         null,
@@ -435,9 +390,11 @@ var GridContent = function (_React$Component) {
                           { style: { marginTop: 0 } },
                           moment(row.published).format('MMMM DD, YYYY')
                         ),
-                        _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
-                          return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
-                        }),
+                        _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
+                          LazyLoad,
+                          { height: 50 },
+                          React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                        ),
                         React__default.createElement(
                           Card.Text,
                           { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -497,9 +454,11 @@ var GridContent = function (_React$Component) {
                           { style: { marginTop: 0 } },
                           moment(row.published).format('MMMM DD, YYYY')
                         ),
-                        _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
-                          return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
-                        }),
+                        _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
+                          LazyLoad,
+                          { height: 50 },
+                          React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                        ),
                         React__default.createElement(
                           Card.Text,
                           { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -557,9 +516,11 @@ var GridContent = function (_React$Component) {
                       { style: { marginTop: 0 } },
                       moment(row.published).format('MMMM DD, YYYY')
                     ),
-                    _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
-                      return _this2.renderAuthor(authorDetail, index, row.authorMapping.length);
-                    }),
+                    _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && React__default.createElement(
+                      LazyLoad,
+                      { height: 50 },
+                      React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                    ),
                     React__default.createElement(
                       Card.Text,
                       { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },

package/dist/esm/GridContent.js

@@ -1,12 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import './debounce-702eb224.js';
-import './main-cb86f95d.js';
-import './toConsumableArray-2718dc16.js';
-import './extends-26d3b609.js';
-import './inherits-4b85034c.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import './main-25bb2c75.js';
+import './toConsumableArray-d7054876.js';
+import './_object-pie-33c40e79.js';
+import './extends-92072fff.js';
+import './inherits-cacd91d8.js';
+import './typeof-e4b50250.js';
 import 'react';
+import './debounce-df468b0e.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -19,9 +22,10 @@ import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
 import './entities-7cc3bf45.js';
-import './slicedToArray-a47a84a4.js';
-import './AdSlot-1cc6bdb0.js';
-import './promise-86cb8313.js';
-import './ADInfeed-c65835b9.js';
-import './get-36d03764.js';
-export { G as default } from './GridContent-6aafc29f.js';
+import './slicedToArray-04e02710.js';
+import './AdSlot-971ce41c.js';
+import './promise-5d7cd78a.js';
+import './ADInfeed-88c335d9.js';
+import './get-53653403.js';
+export { G as default } from './GridContent-3229be76.js';
+import './AuthorComponent-beb2ad16.js';

package/dist/esm/GroupDeck.js

@@ -1,8 +1,12 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import './_object-pie-33c40e79.js';
+import { b as _typeof } from './typeof-e4b50250.js';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
 
 /*
@@ -22,6 +26,11 @@ var GroupDeck = function GroupDeck(props) {
       tileSize = _useState2[0],
       setTileSize = _useState2[1];
 
+  var urlFor = function urlFor(source, client) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+
   useEffect(function () {
     //IE11 Polyfill
     smoothscroll.polyfill();
@@ -134,7 +143,15 @@ var GroupDeck = function GroupDeck(props) {
           // If there is a current prop, means this will overlay a currently playing video
           if (current !== '') {
             var url = video.url;
-            var thumbnail = video.thumbnail || 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
+            var thumbnail = void 0;
+
+            if (video.thumbnail && video.thumbnail.asset) {
+              thumbnail = urlFor(video.thumbnail, props.client);
+            } else if (_typeof(video.thumbnail == 'string')) {
+              thumbnail = video.thumbnail;
+            } else {
+              thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
+            }
 
             return React__default.createElement(
               'div',
@@ -177,7 +194,14 @@ var GroupDeck = function GroupDeck(props) {
           } else {
             // slider by itself
             var _url = '' + video.link;
-            var _thumbnail = video.thumbnail || 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
+            var _thumbnail = void 0;
+            if (video.thumbnail && video.thumbnail.asset) {
+              _thumbnail = urlFor(video.thumbnail, props.client);
+            } else if (_typeof(video.thumbnail == 'string')) {
+              _thumbnail = video.thumbnail;
+            } else {
+              _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
+            }
             return React__default.createElement(
               'div',
               { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },

package/dist/esm/MasterDeck.js

@@ -1,12 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
-import { m as main_39 } from './main-cb86f95d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
-import { _ as _extends } from './extends-26d3b609.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-4b85034c.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import { m as main_39 } from './main-25bb2c75.js';
+import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-92072fff.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-cacd91d8.js';
+import './typeof-e4b50250.js';
 import React__default from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -17,7 +20,7 @@ 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';
+import { d as _Promise } from './promise-5d7cd78a.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/{Normal-308179a5.js → Normal-508d09f1.js}

@@ -1,11 +1,11 @@
-import { m as main_39, c as main_40 } from './main-cb86f95d.js';
+import { m as main_39, c as main_40 } from './main-25bb2c75.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
-import { D as DFPAdSlot } from './AdSlot-1cc6bdb0.js';
-import { g as get_1 } from './get-36d03764.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
+import { D as DFPAdSlot } from './AdSlot-971ce41c.js';
+import { g as get_1 } from './get-53653403.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';

package/dist/esm/QueueDeckExpanded.js

@@ -1,11 +1,13 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
-import { l as lib_3 } from './debounce-702eb224.js';
-import { m as main_39 } from './main-cb86f95d.js';
-import { _ as _toConsumableArray } from './toConsumableArray-2718dc16.js';
-import { _ as _extends } from './extends-26d3b609.js';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_library-528f1934.js';
+import { m as main_39 } from './main-25bb2c75.js';
+import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-92072fff.js';
 import React__default, { useState, useEffect, useRef } from 'react';
+import { l as lib_3 } from './debounce-df468b0e.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
@@ -15,10 +17,11 @@ import 'react-dom';
 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 { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
-import './AdSlot-1cc6bdb0.js';
-import './promise-86cb8313.js';
-import { A as ADInfeed } from './ADInfeed-c65835b9.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
+import './AdSlot-971ce41c.js';
+import './promise-5d7cd78a.js';
+import { A as ADInfeed } from './ADInfeed-88c335d9.js';
+import { A as AuthorComponent } from './AuthorComponent-beb2ad16.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {
@@ -123,56 +126,6 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
   }
 };
 
-var renderAuthor = function renderAuthor(authorDetail, index, length) {
-  if (authorDetail) {
-    var _id = authorDetail._id,
-        displayName = authorDetail.displayName,
-        url = authorDetail.url;
-
-    if (displayName && url && url.current) {
-      return React__default.createElement(
-        'span',
-        { key: _id },
-        index === 0 && React__default.createElement(
-          'span',
-          { className: 'pr-1' },
-          'By'
-        ),
-        React__default.createElement(
-          'a',
-          { href: '/authors/' + url.current, className: 'text-muted' },
-          displayName,
-          length !== index + 1 && React__default.createElement(
-            'span',
-            { style: { paddingLeft: 7, paddingRight: 7 } },
-            '|'
-          )
-        )
-      );
-    } else if (displayName) {
-      return React__default.createElement(
-        'span',
-        { key: _id },
-        index === 0 && React__default.createElement(
-          'span',
-          { className: 'pr-1' },
-          'By'
-        ),
-        React__default.createElement(
-          'span',
-          { className: 'text-muted' },
-          displayName,
-          length !== index + 1 && React__default.createElement(
-            'span',
-            { style: { paddingLeft: 7, paddingRight: 7 } },
-            '|'
-          )
-        )
-      );
-    }
-  } else return null;
-};
-
 var checkExternalUrl = function checkExternalUrl(url) {
   return new RegExp(['http', 'https'].join('|')).test(url);
 };
@@ -257,9 +210,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                     moment(article.published).format('MMMM DD, YYYY')
                   ),
-                  showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                    return renderAuthor(authorDetail, index, article.authorMapping.length);
-                  }),
+                  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                    LazyLoad,
+                    { height: 50 },
+                    React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  ),
                   article.source && React__default.createElement(
                     'p',
                     { className: 'p-0 mb-1' },
@@ -332,9 +287,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                     moment(article.published).format('MMMM DD, YYYY')
                   ),
-                  showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                    return renderAuthor(authorDetail, index, article.authorMapping.length);
-                  }),
+                  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                    LazyLoad,
+                    { height: 50 },
+                    React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  ),
                   article.source && React__default.createElement(
                     'p',
                     { className: 'p-0 mb-1' },
@@ -408,9 +365,15 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                 moment(article.published).format('MMMM DD, YYYY')
               ),
-              showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
-                return renderAuthor(authorDetail, index, article.authorMapping.length);
-              }),
+              React__default.createElement(
+                'div',
+                { className: 'author-sec', style: { lineHeight: 1.5 } },
+                showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                  LazyLoad,
+                  { height: 50 },
+                  React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                )
+              ),
               article.source && React__default.createElement(
                 'p',
                 { className: 'p-0 mb-1' },

package/dist/esm/{TaxonomyCard-f1f072ab.js → TaxonomyCard-12f0a90a.js}

@@ -1,4 +1,4 @@
-import { _ as _extends } from './extends-26d3b609.js';
+import { _ as _extends } from './extends-92072fff.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';