@mjhls/mjh-framework 1.0.383 → 1.0.384

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.383
+# mjh-framework v. 1.0.384
 
 
 > Foundation Framework

package/dist/cjs/{ADInfeed-9f564bd2.js → ADInfeed-5949653c.js}

@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var AdSlot = require('./AdSlot-b5f0c396.js');
+var AdSlot = require('./AdSlot-91bc9d77.js');
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/cjs/{AdSlot-b5f0c396.js → AdSlot-91bc9d77.js}

@@ -5,12 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
+var main = require('./main-2020ba94.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
-var promise = require('./promise-3b44b2a3.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
+var promise = require('./promise-f3635def.js');
 
 var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
 var stringify = function stringify(it) { // eslint-disable-line no-unused-vars

package/dist/cjs/AuthorComponent-37deda17.js

@@ -0,0 +1,99 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-419d467a.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);
+    }
+  };
+
+  React.useEffect(function () {
+    if (authorRef && authorRef.current.clientHeight && authorRef.current.clientHeight > 50) {
+      authorRef.current.classList.add('hide-content');
+      sethideContent(true);
+    }
+  }, []);
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      hideContent = _useState2[0],
+      sethideContent = _useState2[1];
+
+  var overlayRef = React.useRef(null);
+  var authorRef = React.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        '
+    )
+  );
+};
+
+exports.AuthorComponent = AuthorComponent;

package/dist/cjs/DeckContent.js

@@ -4,12 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
-var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
+var main = require('./main-2020ba94.js');
+var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 var _extends$2 = require('./extends-4c2285ff.js');
-var inherits$2 = require('./inherits-7548e3e8.js');
+var inherits$2 = require('./inherits-cfb3a105.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
@@ -25,10 +25,10 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-require('./slicedToArray-879ab2fb.js');
-require('./AdSlot-b5f0c396.js');
-require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-9f564bd2.js');
+require('./slicedToArray-419d467a.js');
+require('./AdSlot-91bc9d77.js');
+require('./promise-f3635def.js');
+var ADInfeed = require('./ADInfeed-5949653c.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);

package/dist/cjs/DeckQueue.js

@@ -4,12 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
-var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
+var main = require('./main-2020ba94.js');
+var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 var _extends$2 = require('./extends-4c2285ff.js');
-var inherits$2 = require('./inherits-7548e3e8.js');
+var inherits$2 = require('./inherits-cfb3a105.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');

package/dist/cjs/{Dfp-e77be4e4.js → Dfp-25e669fe.js}

@@ -4,14 +4,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var debounce = require('./debounce-528ad412.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
 var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/cjs/{Figure-04b8dbbe.js → Figure-c49ee0f8.js}

@@ -4,11 +4,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var index = require('./index-b5eb3ff8.js');
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/{GridContent-a0c81f9f.js → GridContent-1f1041b1.js}

@@ -3,10 +3,10 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
-var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
+var main = require('./main-2020ba94.js');
+var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 var _extends$2 = require('./extends-4c2285ff.js');
-var inherits$2 = require('./inherits-7548e3e8.js');
+var inherits$2 = require('./inherits-cfb3a105.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
@@ -20,11 +20,12 @@ var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-9f564bd2.js');
+var ADInfeed = require('./ADInfeed-5949653c.js');
 var get$1 = require('./get-3b23d857.js');
+var AuthorComponent = require('./AuthorComponent-37deda17.js');
 
 var Dfp = React__default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-e77be4e4.js'); });
+  return Promise.resolve().then(function () { return require('./Dfp-25e669fe.js'); });
 });
 
 var AD = function AD(props) {
@@ -191,54 +192,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) {
@@ -327,9 +280,11 @@ var GridContent = function (_React$Component) {
                         { style: { marginTop: 0 } },
                         moment.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(
+                        index$1.LazyLoad,
+                        { height: 50 },
+                        React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                      ),
                       React__default.createElement(
                         Card.Text,
                         null,
@@ -441,9 +396,11 @@ var GridContent = function (_React$Component) {
                           { style: { marginTop: 0 } },
                           moment.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(
+                          index$1.LazyLoad,
+                          { height: 50 },
+                          React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                        ),
                         React__default.createElement(
                           Card.Text,
                           { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -503,9 +460,11 @@ var GridContent = function (_React$Component) {
                           { style: { marginTop: 0 } },
                           moment.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(
+                          index$1.LazyLoad,
+                          { height: 50 },
+                          React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                        ),
                         React__default.createElement(
                           Card.Text,
                           { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },
@@ -563,9 +522,11 @@ var GridContent = function (_React$Component) {
                       { style: { marginTop: 0 } },
                       moment.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(
+                      index$1.LazyLoad,
+                      { height: 50 },
+                      React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: row.authorMapping })
+                    ),
                     React__default.createElement(
                       Card.Text,
                       { className: index === 0 || index % 4 === 0 ? '' : 'card-subtext' },

package/dist/cjs/GridContent.js

@@ -2,12 +2,12 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 require('./debounce-528ad412.js');
-require('./main-987c23c6.js');
-require('./toConsumableArray-34b5e9a7.js');
+require('./main-2020ba94.js');
+require('./toConsumableArray-3cf1df2c.js');
 require('./extends-4c2285ff.js');
-require('./inherits-7548e3e8.js');
+require('./inherits-cfb3a105.js');
 require('react');
 require('prop-types');
 require('react-bootstrap/Container');
@@ -21,12 +21,13 @@ require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
-require('./slicedToArray-879ab2fb.js');
-require('./AdSlot-b5f0c396.js');
-require('./promise-3b44b2a3.js');
-require('./ADInfeed-9f564bd2.js');
+require('./slicedToArray-419d467a.js');
+require('./AdSlot-91bc9d77.js');
+require('./promise-f3635def.js');
+require('./ADInfeed-5949653c.js');
 require('./get-3b23d857.js');
-var GridContent = require('./GridContent-a0c81f9f.js');
+var GridContent = require('./GridContent-1f1041b1.js');
+require('./AuthorComponent-37deda17.js');
 
 
 

package/dist/cjs/GroupDeck.js

@@ -4,10 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 
 /*

package/dist/cjs/MasterDeck.js

@@ -4,12 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
-var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
+var main = require('./main-2020ba94.js');
+var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 var _extends$2 = require('./extends-4c2285ff.js');
-var inherits$2 = require('./inherits-7548e3e8.js');
+var inherits$2 = require('./inherits-cfb3a105.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
@@ -23,7 +23,7 @@ var Router__default = _interopDefault(Router);
 var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
-var promise = require('./promise-3b44b2a3.js');
+var promise = require('./promise-f3635def.js');
 
 var MasterDeck = function (_React$Component) {
   inherits$2._inherits(MasterDeck, _React$Component);

package/dist/cjs/{Normal-6b148627.js → Normal-c96bc60c.js}

@@ -2,14 +2,14 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var main = require('./main-987c23c6.js');
+var main = require('./main-2020ba94.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
-var AdSlot = require('./AdSlot-b5f0c396.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
+var AdSlot = require('./AdSlot-91bc9d77.js');
 var get$1 = require('./get-3b23d857.js');
 var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
 var reactBootstrap = require('react-bootstrap');

package/dist/cjs/QueueDeckExpanded.js

@@ -4,10 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-987c23c6.js');
-var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
+var main = require('./main-2020ba94.js');
+var toConsumableArray = require('./toConsumableArray-3cf1df2c.js');
 var _extends$2 = require('./extends-4c2285ff.js');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -21,10 +21,11 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
-require('./AdSlot-b5f0c396.js');
-require('./promise-3b44b2a3.js');
-var ADInfeed = require('./ADInfeed-9f564bd2.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
+require('./AdSlot-91bc9d77.js');
+require('./promise-f3635def.js');
+var ADInfeed = require('./ADInfeed-5949653c.js');
+var AuthorComponent = require('./AuthorComponent-37deda17.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {
@@ -129,56 +130,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);
 };
@@ -263,9 +214,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                     moment.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(
+                    index$1.LazyLoad,
+                    { height: 50 },
+                    React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  ),
                   article.source && React__default.createElement(
                     'p',
                     { className: 'p-0 mb-1' },
@@ -338,9 +291,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                     moment.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(
+                    index$1.LazyLoad,
+                    { height: 50 },
+                    React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                  ),
                   article.source && React__default.createElement(
                     'p',
                     { className: 'p-0 mb-1' },
@@ -414,9 +369,15 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                 moment.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(
+                  index$1.LazyLoad,
+                  { height: 50 },
+                  React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                )
+              ),
               article.source && React__default.createElement(
                 'p',
                 { className: 'p-0 mb-1' },

package/dist/cjs/TemplateNormal.js

@@ -2,23 +2,23 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 require('./debounce-528ad412.js');
-require('./main-987c23c6.js');
+require('./main-2020ba94.js');
 require('react');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-require('./slicedToArray-879ab2fb.js');
-require('./AdSlot-b5f0c396.js');
-require('./promise-3b44b2a3.js');
+require('./slicedToArray-419d467a.js');
+require('./AdSlot-91bc9d77.js');
+require('./promise-f3635def.js');
 require('./get-3b23d857.js');
 require('./react-social-icons-cd0d9d3b.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-6b148627.js');
+var TemplateNormal = require('./Normal-c96bc60c.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/{Ustream-f5f53782.js → Ustream-c7baf022.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var slicedToArray = require('./slicedToArray-419d467a.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 // THIS FILE IS AUTO GENERATED

package/dist/cjs/Ustream.js

@@ -2,11 +2,11 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-8b02d65e.js');
+require('./web.dom.iterable-5c889cf1.js');
 require('react');
-require('./slicedToArray-879ab2fb.js');
+require('./slicedToArray-419d467a.js');
 require('./index.esm-340d3792.js');
-var Ustream = require('./Ustream-f5f53782.js');
+var Ustream = require('./Ustream-c7baf022.js');