@mjhls/mjh-framework 1.0.383 → 1.0.384

package/dist/cjs/{slicedToArray-879ab2fb.js → slicedToArray-419d467a.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
-var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
+var web_dom_iterable = require('./web.dom.iterable-5c889cf1.js');
 
 var ITERATOR = web_dom_iterable._wks('iterator');
 

package/dist/cjs/{toConsumableArray-34b5e9a7.js → toConsumableArray-3cf1df2c.js}

@@ -2,8 +2,8 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
-var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
-var main = require('./main-987c23c6.js');
+var web_dom_iterable = require('./web.dom.iterable-5c889cf1.js');
+var main = require('./main-2020ba94.js');
 
 var _createProperty = function (object, index, value) {
   if (index in object) _toObject._objectDp.f(object, index, _toObject._propertyDesc(0, value));

package/dist/cjs/{web.dom.iterable-8b02d65e.js → web.dom.iterable-5c889cf1.js}

@@ -279,6 +279,8 @@ for (var i = 0; i < DOMIterables.length; i++) {
 
 exports._classof = _classof;
 exports._html = _html;
+exports._iterDefine = _iterDefine;
+exports._iterStep = _iterStep;
 exports._iterators = _iterators;
 exports._objectCreate = _objectCreate;
 exports._objectGpo = _objectGpo;

package/dist/esm/{ADInfeed-c65835b9.js → ADInfeed-cb72a50c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Card from 'react-bootstrap/Card';
-import { D as DFPAdSlot } from './AdSlot-1cc6bdb0.js';
+import { D as DFPAdSlot } from './AdSlot-691d4ea0.js';
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/esm/{AdSlot-1cc6bdb0.js → AdSlot-691d4ea0.js}

@@ -1,11 +1,11 @@
 import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
-import { b as _core } from './_to-object-b9b796ec.js';
+import { b as _core } from './_to-object-18b775df.js';
 import { d as debounce_1, e as lib_2 } from './debounce-702eb224.js';
-import { a as main_16 } from './main-cb86f95d.js';
+import { a as main_16 } from './main-b2628307.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
-import { p as promise } from './promise-86cb8313.js';
+import { _ as _slicedToArray } from './slicedToArray-e6f2ff4b.js';
+import { p as promise } from './promise-e74ec3c8.js';
 
 var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
 var stringify = function stringify(it) { // eslint-disable-line no-unused-vars

package/dist/esm/AuthorComponent-2d328934.js

@@ -0,0 +1,94 @@
+import React__default, { useEffect, useState, useRef } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-e6f2ff4b.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,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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 { m as main_39 } from './main-b2628307.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6e77ffeb.js';
+import { _ as _extends } from './extends-886d1c3d.js';
+import { c as _inherits, d as _classCallCheck, e as _possibleConstructorReturn, f as _Object$getPrototypeOf, g as _createClass } from './inherits-08eb6462.js';
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
@@ -19,10 +19,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-e6f2ff4b.js';
+import './AdSlot-691d4ea0.js';
+import './promise-e74ec3c8.js';
+import { A as ADInfeed } from './ADInfeed-cb72a50c.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -1,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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 { m as main_39 } from './main-b2628307.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6e77ffeb.js';
+import { _ as _extends } from './extends-886d1c3d.js';
+import { c as _inherits, d as _classCallCheck, e as _possibleConstructorReturn, f as _Object$getPrototypeOf, g as _createClass } from './inherits-08eb6462.js';
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';

package/dist/esm/{Dfp-7c317aa4.js → Dfp-9f16c743.js}

@@ -1,12 +1,12 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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-49d5805d.js';
 import 'react-dom';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
+import { _ as _slicedToArray } from './slicedToArray-e6f2ff4b.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

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

@@ -1,9 +1,9 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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-e6f2ff4b.js';
 import { Figure as Figure$1 } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, client) {

package/dist/esm/{GridContent-6aafc29f.js → GridContent-2c9483e5.js}

@@ -1,8 +1,8 @@
 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-b2628307.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6e77ffeb.js';
+import { _ as _extends } from './extends-886d1c3d.js';
+import { c as _inherits, d as _classCallCheck, e as _possibleConstructorReturn, f as _Object$getPrototypeOf, g as _createClass } from './inherits-08eb6462.js';
 import React__default, { Suspense } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -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 { A as ADInfeed } from './ADInfeed-cb72a50c.js';
 import { g as get_1 } from './get-36d03764.js';
+import { A as AuthorComponent } from './AuthorComponent-2d328934.js';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-7c317aa4.js');
+  return import('./Dfp-9f16c743.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,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.js';
 import './debounce-702eb224.js';
-import './main-cb86f95d.js';
-import './toConsumableArray-2718dc16.js';
-import './extends-26d3b609.js';
-import './inherits-4b85034c.js';
+import './main-b2628307.js';
+import './toConsumableArray-6e77ffeb.js';
+import './extends-886d1c3d.js';
+import './inherits-08eb6462.js';
 import 'react';
 import 'prop-types';
 import 'react-bootstrap/Container';
@@ -19,9 +19,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 './slicedToArray-e6f2ff4b.js';
+import './AdSlot-691d4ea0.js';
+import './promise-e74ec3c8.js';
+import './ADInfeed-cb72a50c.js';
 import './get-36d03764.js';
-export { G as default } from './GridContent-6aafc29f.js';
+export { G as default } from './GridContent-2c9483e5.js';
+import './AuthorComponent-2d328934.js';

package/dist/esm/GroupDeck.js

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.js';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
+import { _ as _slicedToArray } from './slicedToArray-e6f2ff4b.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
 
 /*

package/dist/esm/MasterDeck.js

@@ -1,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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 { m as main_39 } from './main-b2628307.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6e77ffeb.js';
+import { _ as _extends } from './extends-886d1c3d.js';
+import { c as _inherits, d as _classCallCheck, e as _possibleConstructorReturn, f as _Object$getPrototypeOf, g as _createClass } from './inherits-08eb6462.js';
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
@@ -17,7 +17,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-e74ec3c8.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/{Normal-308179a5.js → Normal-1dbb3ddd.js}

@@ -1,10 +1,10 @@
-import { m as main_39, c as main_40 } from './main-cb86f95d.js';
+import { m as main_39, c as main_40 } from './main-b2628307.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 { _ as _slicedToArray } from './slicedToArray-e6f2ff4b.js';
+import { D as DFPAdSlot } from './AdSlot-691d4ea0.js';
 import { g as get_1 } from './get-36d03764.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';

package/dist/esm/QueueDeckExpanded.js

@@ -1,10 +1,10 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './web.dom.iterable-7e9bebf9.js';
+import './_to-object-18b775df.js';
+import './web.dom.iterable-21cbfc63.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 { m as main_39 } from './main-b2628307.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6e77ffeb.js';
+import { _ as _extends } from './extends-886d1c3d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import 'react-bootstrap/Card';
@@ -15,10 +15,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-e6f2ff4b.js';
+import './AdSlot-691d4ea0.js';
+import './promise-e74ec3c8.js';
+import { A as ADInfeed } from './ADInfeed-cb72a50c.js';
+import { A as AuthorComponent } from './AuthorComponent-2d328934.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {
@@ -123,56 +124,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 +208,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 +285,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 +363,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-dace0e7a.js}

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

package/dist/esm/TaxonomyCard.js

@@ -1,6 +1,6 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b9b796ec.js';
-import './extends-26d3b609.js';
+import './_to-object-18b775df.js';
+import './extends-886d1c3d.js';
 import 'react';
 import 'prop-types';
 import 'react-bootstrap/Container';
@@ -10,5 +10,5 @@ import 'react-bootstrap/Card';
 import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-f1f072ab.js';
+export { T as default } from './TaxonomyCard-dace0e7a.js';
 import './react-social-icons-a7d5c5c7.js';