@mjhls/mjh-framework 1.0.366 → 1.0.368

package/dist/cjs/index.js

@@ -30,7 +30,7 @@ var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-879ab2fb.js');
 var AdSlot = require('./AdSlot-c5bff604.js');
 require('./promise-3b44b2a3.js');
-require('./ADInfeed-43996091.js');
+var ADInfeed = require('./ADInfeed-43996091.js');
 var DeckContent = require('./DeckContent.js');
 var get$1 = require('./get-3b23d857.js');
 var GridContent = require('./GridContent-7a85d904.js');
@@ -75,6 +75,632 @@ var useSWR = _interopDefault(require('swr'));
 var Local = _interopDefault(require('passport-local'));
 var mysql = _interopDefault(require('mysql'));
 
+var urlFor$1 = function urlFor(source, builder) {
+  return builder.image(source).auto('format');
+};
+
+var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
+  var url = urlFor$1(row.thumbnail, builder);
+  if (imageHeight) url = url.height(imageHeight);
+  if (imageWidth) url = url.width(imageWidth);
+  return url.url();
+};
+
+var loadMore = function loadMore(values, setValues, per) {
+  setValues({
+    page: values.page + 1,
+    from: values.from + per,
+    to: values.to + per
+  });
+};
+
+var loadData = function loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray) {
+  params = _extends$2._extends({}, params, {
+    from: values.from,
+    to: values.to
+  });
+
+  client.fetch(query, params).then(function (dataArr) {
+    if (pointer && pointerArray) {
+      dataArr = dataArr[pointerArray][pointer];
+    }
+
+    if (!dataArr) {
+      dataArr = [];
+    }
+
+    dataArr = dataArr.map(function (item) {
+      return _extends$2._extends({}, item, {
+        pageNumber: values.page
+      });
+    });
+
+    if (dataArr.length > 0) {
+      setData(function (prevData) {
+        return [].concat(toConsumableArray._toConsumableArray(prevData), toConsumableArray._toConsumableArray(dataArr));
+      });
+      setScrolling(true);
+    } else {
+      setScrolling(false);
+    }
+  });
+};
+
+var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, itemIndex) {
+  if (seoPaginate) {
+    var path = router.asPath;
+    var qrIndex = path.indexOf('?');
+    var pathname = router.pathname;
+    var queryString = '';
+
+    if (qrIndex > 0) {
+      path = path.substring(1, qrIndex);
+
+      var partialQS = router.asPath.substring(qrIndex + 1);
+      var partialQSArr = partialQS.split('&');
+
+      // exclude page=xxx from query string
+      partialQSArr.map(function (item) {
+        var itemArr = item.split('=');
+        var key = itemArr[0];
+        var val = itemArr[1];
+
+        if (key !== 'page') {
+          queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+        }
+      });
+    }
+
+    if (queryString.length > 0) {
+      path += '?' + queryString;
+    }
+
+    // pageNumber = parseInt(pageNumber)
+
+    var index = Number(itemIndex);
+    var perPage = Number(itemsPerPage);
+
+    pageNumber = Math.ceil((index + 1) / perPage);
+
+    if (currentPage !== pageNumber) {
+      debounce.lib_3.refresh();
+
+      setCurrentPage(pageNumber);
+      if (path[0] !== '/') {
+        path = '/' + path;
+      }
+      var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
+
+      if (pageview) {
+        pageview(newPath);
+      }
+
+      router.push(pathname, newPath, {
+        shallow: true
+      });
+    }
+  }
+};
+
+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(
+        'div',
+        { 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('br', null)
+        )
+      );
+    } else if (displayName) {
+      return React__default.createElement(
+        'div',
+        { 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('br', null)
+        )
+      );
+    }
+  } else return null;
+};
+
+var checkExternalUrl = function checkExternalUrl(url) {
+  return new RegExp(['http', 'https'].join('|')).test(url);
+};
+
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage) {
+  var numberOfItemsBeforeAd = 6;
+
+  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
+    return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
+  };
+  if (showBI && brandInsightAd) {
+    var pos = 0;
+    for (var i = 1; pos < data.length; i++) {
+      var inFeedAd = {
+        adUnit: brandInsightAd.adUnit,
+        className: brandInsightAd.className,
+        networkID: brandInsightAd.networkID,
+        sizes: brandInsightAd.sizes,
+        slotId: brandInsightAd.slotId + '_' + i,
+        targeting: {
+          pos: 'article' + i,
+          content_placement: brandInsightAd.targeting.content_placement,
+          document_url: brandInsightAd.targeting.document_url
+        },
+        _type: 'brandInsightAd'
+      };
+
+      data = insertBrandInsightAd(data, pos, inFeedAd);
+      pos += brandInsightAd.interval + 1;
+    }
+  }
+
+  return React__default.createElement(
+    'div',
+    null,
+    data && data.length > 0 ? data.map(function (article, index) {
+      var pageNumber = article.pageNumber || values.page;
+
+      var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
+
+      if (article._type === 'feature') {
+        if (article.blank || checkExternalUrl(article.url.current)) {
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: article._id ? article._id : index },
+            React__default.createElement(
+              visibilitySensor.VisibilitySensor,
+              {
+                key: article._id ? article._id : index,
+                partialVisibility: true,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  reactBootstrap.Media,
+                  {
+                    key: article._id ? article._id : index,
+                    className: 'feature-media',
+                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                    'a',
+                    { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
+                    React__default.createElement(
+                      index$1.LazyLoad,
+                      { height: imageHeight },
+                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    )
+                  ),
+                  React__default.createElement(
+                    reactBootstrap.Media.Body,
+                    null,
+                    React__default.createElement(
+                      'a',
+                      { href: article.url.current, target: '_blank' },
+                      article.title && React__default.createElement(
+                        'h4',
+                        { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                        article.title
+                      )
+                    ),
+                    showPublished && article.published && React__default.createElement(
+                      'p',
+                      { 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);
+                    }),
+                    article.source && React__default.createElement(
+                      'p',
+                      { className: 'p-0 mb-1' },
+                      article.source
+                    ),
+                    showCategory && article.contentCategory && React__default.createElement(
+                      'p',
+                      {
+                        className: 'article-category',
+                        style: {
+                          background: '#3FB618',
+                          color: '#ffffff',
+                          marginBottom: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      entities.clean_html_1(article.summary)
+                    )
+                  )
+                )
+              )
+            ),
+            main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+          );
+        } else {
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: article._id ? article._id : index },
+            React__default.createElement(
+              visibilitySensor.VisibilitySensor,
+              {
+                key: article._id ? article._id : index,
+                partialVisibility: true,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  reactBootstrap.Media,
+                  {
+                    key: article._id ? article._id : index,
+                    className: 'feature-media',
+                    style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                    'a',
+                    { href: article.url.current, className: 'feature-wrapper' },
+                    React__default.createElement(
+                      index$1.LazyLoad,
+                      { height: imageHeight },
+                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                    )
+                  ),
+                  React__default.createElement(
+                    reactBootstrap.Media.Body,
+                    null,
+                    React__default.createElement(
+                      'a',
+                      { href: article.url.current },
+                      article.title && React__default.createElement(
+                        'h4',
+                        { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                        article.title
+                      )
+                    ),
+                    showPublished && article.published && React__default.createElement(
+                      'p',
+                      { 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);
+                    }),
+                    article.source && React__default.createElement(
+                      'p',
+                      { className: 'p-0 mb-1' },
+                      article.source
+                    ),
+                    showCategory && article.contentCategory && React__default.createElement(
+                      'p',
+                      {
+                        style: {
+                          background: '#3FB618',
+                          color: '#ffffff',
+                          marginBottom: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      entities.clean_html_1(article.summary)
+                    )
+                  )
+                )
+              )
+            ),
+            main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+          );
+        }
+      } else if (article._type === 'brandInsightAd' && article.adUnit) {
+        return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
+      }
+
+      return React__default.createElement(
+        React__default.Fragment,
+        { key: article._id ? article._id : index },
+        React__default.createElement(
+          visibilitySensor.VisibilitySensor,
+          {
+            key: article._id ? article._id : index,
+            onChange: function onChange(isVisible) {
+              isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
+            } },
+          React__default.createElement(
+            React__default.Fragment,
+            null,
+            React__default.createElement(
+              reactBootstrap.Media,
+              {
+                key: article._id ? article._id : index,
+                style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+              (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                'a',
+                { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
+                React__default.createElement(
+                  index$1.LazyLoad,
+                  { height: imageHeight },
+                  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                )
+              ),
+              React__default.createElement(
+                reactBootstrap.Media.Body,
+                null,
+                React__default.createElement(
+                  'a',
+                  { href: mapping[contentCategoryName] + '/' + article.url.current },
+                  article.title && React__default.createElement(
+                    'h4',
+                    { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                    article.title
+                  )
+                ),
+                showPublished && article.published && React__default.createElement(
+                  'p',
+                  { 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);
+                }),
+                article.source && React__default.createElement(
+                  'p',
+                  { className: 'p-0 mb-1' },
+                  article.source
+                ),
+                showCategory && article.contentCategory && React__default.createElement(
+                  'p',
+                  {
+                    style: {
+                      background: '#3FB618',
+                      color: '#ffffff',
+                      marginBottom: '.25rem',
+                      display: 'inline-block',
+                      padding: '0 .25rem',
+                      fontSize: '.8rem'
+                    } },
+                  article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                ),
+                article.summary && React__default.createElement(
+                  'p',
+                  { className: 'pt-2 card-text' },
+                  entities.clean_html_1(article.summary)
+                )
+              )
+            )
+          )
+        ),
+        main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+      );
+    }) : React__default.createElement(
+      'div',
+      null,
+      React__default.createElement(
+        'h5',
+        null,
+        React__default.createElement(
+          'em',
+          null,
+          'New content coming soon, please check back later.'
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
+    )
+  );
+};
+
+var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd, rightItems) {
+  var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
+  return React__default.createElement(
+    'div',
+    { style: { display: 'flex', flex: '1 0 auto' } },
+    rightItems[i].component
+  );
+};
+
+var renderManualPagination = function renderManualPagination(currentPage) {
+  return React__default.createElement(
+    'div',
+    { className: 'd-flex justify-content-between' },
+    currentPage && currentPage > 1 && React__default.createElement(
+      'a',
+      { href: '?page=' + (currentPage - 1) },
+      '<< Previous'
+    ),
+    React__default.createElement(
+      'a',
+      { href: '?page=' + (currentPage + 1) },
+      'Next >>'
+    )
+  );
+};
+
+var usePrevious = function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+var InfiniteScrollDeck = function InfiniteScrollDeck(props) {
+  var router = Router.useRouter();
+  var initialData = props.dataRecord,
+      client = props.client,
+      params = props.params,
+      query = props.query,
+      autoScroll = props.autoScroll,
+      pointer = props.pointer,
+      pointerArray = props.pointerArray,
+      mapping = props.mapping,
+      seoPaginate = props.seoPaginate,
+      pageview = props.pageview,
+      defaultImage = props.defaultImage,
+      showAuthor = props.showAuthor,
+      showCategory = props.showCategory,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      rightItems = props.rightItems,
+      brandInsightAd = props.brandInsightAd,
+      _props$showBI = props.showBI,
+      showBI = _props$showBI === undefined ? false : _props$showBI;
+  var initialCurrentPage = props.currentPage,
+      showPublished = props.showPublished;
+
+  var builder = index.imageUrlBuilder(client);
+
+  var _useState = React.useState(initialData),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = React.useState(params ? params.to : 0),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 1),
+      per = _useState6[0];
+
+  var _useState7 = React.useState(initialCurrentPage || 1),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      currentPage = _useState8[0],
+      setCurrentPage = _useState8[1];
+
+  var _useState9 = React.useState({
+    from: params ? params.from : 0,
+    to: params ? params.to : 0,
+    page: 1
+  }),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      values = _useState10[0],
+      setValues = _useState10[1];
+
+  var itemsPerPage = params.itemsPerPage;
+
+  var prevValues = usePrevious(values);
+
+  React.useEffect(function () {
+    if (prevValues) {
+      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
+        loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray);
+      }
+    }
+  }, [values, prevValues, query, client, params, setData, setScrolling, pointer, pointerArray]);
+
+  React.useEffect(function () {
+    document.addEventListener('scroll', trackScrolling);
+    return function () {
+      document.removeEventListener('scroll', trackScrolling);
+    };
+  }, [currentPage]);
+
+  var trackScrolling = function trackScrolling(current) {
+    if (window.pageYOffset === 0) {
+      if (currentPage > 1) {
+        changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, 1);
+      }
+    }
+  };
+
+  return React__default.createElement(
+    'div',
+    null,
+    autoScroll ? React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        visibilitySensor.InfiniteScroll,
+        { dataLength: data && data.length, next: function next() {
+            return loadMore(values, setValues, per);
+          }, hasMore: scrolling, scrollThreshold: 0.9 },
+        React__default.createElement(
+          reactBootstrap.Container,
+          null,
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage)
+        )
+      ),
+      React__default.createElement(
+        'noscript',
+        null,
+        renderManualPagination(currentPage)
+      )
+    ) : React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        reactBootstrap.Container,
+        null,
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage)
+      ),
+      React__default.createElement(
+        'div',
+        { style: { padding: '0px 10px' } },
+        scrolling ? React__default.createElement(
+          'button',
+          {
+            style: { margin: 'auto', width: '100%' },
+            onClick: function onClick(e) {
+              loadMore(values, setValues, per);
+            } },
+          'Load More'
+        ) : React__default.createElement(
+          'p',
+          { style: { textAlign: 'center' } },
+          React__default.createElement(
+            'b',
+            null,
+            'End of data'
+          )
+        )
+      ),
+      React__default.createElement(
+        'noscript',
+        null,
+        renderManualPagination(currentPage)
+      )
+    )
+  );
+};
+
 var momentTimezone = _commonjsHelpers.createCommonjsModule(function (module) {
 //! moment-timezone.js
 //! version : 0.5.31
@@ -1626,12 +2252,12 @@ var latest = {
 };
 
 var latest$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	version: version,
-	zones: zones,
-	links: links,
-	countries: countries,
-	'default': latest
+  __proto__: null,
+  version: version,
+  zones: zones,
+  links: links,
+  countries: countries,
+  'default': latest
 });
 
 var require$$1 = _commonjsHelpers.getCjsExportFromNamespace(latest$1);
@@ -1804,7 +2430,9 @@ var itemsPerPage = 200;
 var EventsDeck = function EventsDeck(_ref) {
   var rightItems = _ref.rightItems,
       _ref$filter = _ref.filter,
-      filter = _ref$filter === undefined ? 'start gt \'' + currentTime + '\' and status eq \'Active\'' : _ref$filter;
+      filter = _ref$filter === undefined ? 'start gt \'' + currentTime + '\' and status eq \'Active\'' : _ref$filter,
+      _ref$hardCodedEvents = _ref.hardCodedEvents,
+      hardCodedEvents = _ref$hardCodedEvents === undefined ? null : _ref$hardCodedEvents;
 
   var _useState = React.useState(true),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -1845,11 +2473,31 @@ var EventsDeck = function EventsDeck(_ref) {
       return response.json();
     }).then(function (events) {
       setIsLoading(false);
+
+      if (hardCodedEvents) {
+        var temp = [].concat(toConsumableArray._toConsumableArray(events.data));
+        if (filter.indexOf('start') >= 0 && hardCodedEvents.upcomingEvents.length > 0) {
+          for (var event in hardCodedEvents.upcomingEvents) {
+            temp.push(hardCodedEvents.upcomingEvents[event]);
+          }
+        }
+        if (filter.indexOf('end') >= 0 && hardCodedEvents.pastEvents.length > 0) {
+          for (var _event in hardCodedEvents.pastEvents) {
+            temp.push(hardCodedEvents.pastEvents[_event]);
+          }
+        }
+        events.data = temp;
+      }
+
       if (events.data && events.data.length > 0) {
         var filteredEventsByTestMode = events.data.filter(function (event) {
           return event.testMode === false;
         });
         var sortedEventsByStartData = filteredEventsByTestMode.sort(function (a, b) {
+          console.log(a.start);
+          if (a.start.indexOf('TBD') >= 0 || b.start.indexOf('TBD') >= 0) {
+            return -1;
+          }
           if (momentTimezone$1(a.start).isAfter(b.start)) {
             return 1;
           } else if (momentTimezone$1(a.start).isBefore(b.start)) {
@@ -1920,10 +2568,10 @@ var EventsDeck = function EventsDeck(_ref) {
       fetch(url, {
         headers: {
           'Content-Type': 'application/json',
-          'Accept': 'application/json'
+          Accept: 'application/json'
         },
         method: 'post',
-        credentials: "include",
+        credentials: 'include',
         body: AdSlot._JSON$stringify({
           clientId: clientId,
           clientSecret: clientSecret
@@ -1951,6 +2599,17 @@ var EventsDeck = function EventsDeck(_ref) {
       )
     );
   };
+  var renderLearnMoreButton = function renderLearnMoreButton(links) {
+    return React__default.createElement(
+      'a',
+      { href: links.summary.href || '#', target: '_blank' },
+      React__default.createElement(
+        Button,
+        { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
+        'Learn More'
+      )
+    );
+  };
 
   var cardLoader = function cardLoader() {
     var numberOfItemsBeforeAd = 5;
@@ -1967,7 +2626,7 @@ var EventsDeck = function EventsDeck(_ref) {
             }
           });
         }
-
+        var isHardcoded = row.hardCoded;
         var start = row.start,
             end = row.end,
             venues = row.venues,
@@ -1990,14 +2649,24 @@ var EventsDeck = function EventsDeck(_ref) {
           }
           return result;
         }, '') : '';
-
+        var startDay = momentTimezone$1(start).tz(timezone).format();
+        var endDay = momentTimezone$1(end).tz(timezone).format();
+        var showEndTime = momentTimezone$1(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + momentTimezone$1(end).tz(timezone).format('LLL zz') : null;
         return React__default.createElement(
           React__default.Fragment,
           { key: index },
           React__default.createElement(
             Card,
             null,
-            isRegister && _links && React__default.createElement(
+            isHardcoded ? _links && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
+                null,
+                renderLearnMoreButton(_links)
+              )
+            ) : isRegister && _links && React__default.createElement(
               Row,
               null,
               React__default.createElement(
@@ -2021,10 +2690,15 @@ var EventsDeck = function EventsDeck(_ref) {
               React__default.createElement(
                 Col,
                 null,
-                React__default.createElement(
+                start.indexOf('TBD') >= 0 ? React__default.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
-                  momentTimezone$1(start).tz(timezone).format('LLL')
+                  start
+                ) : React__default.createElement(
+                  'p',
+                  { className: 'start-time', style: { padding: 0, margin: 0 } },
+                  start.indexOf('T') >= 0 ? momentTimezone$1(start).tz(timezone).format('LLL zz') : momentTimezone$1(start).format('LL'),
+                  showEndTime
                 )
               )
             ),
@@ -3162,7 +3836,7 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
   } else return null;
 };
 
-var urlFor$1 = function urlFor(source, builder) {
+var urlFor$2 = function urlFor(source, builder) {
   return builder.image(source).auto('format');
 };
 
@@ -3213,7 +3887,7 @@ var Slideshow = function Slideshow(_ref) {
         return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor$1(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default.createElement('img', { src: slide.asset && urlFor$2(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
@@ -13522,7 +14196,7 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var urlFor$2 = function urlFor(source, client) {
+var urlFor$3 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
@@ -13579,7 +14253,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               React__default.createElement(
                 index$1.LazyLoad,
                 null,
-                React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
+                React__default.createElement('img', { src: urlFor$3(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
               )
             ),
             React__default.createElement(
@@ -14013,13 +14687,13 @@ var SetCookie = function SetCookie(key, value) {
   js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
 };
 
-var urlFor$3 = function urlFor(source, client) {
+var urlFor$4 = function urlFor(source, client) {
   var builder = index.imageUrlBuilder(client);
   return builder.image(source).auto('format');
 };
 
-var renderCardImage = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor$3(thumbnail, client);
+var renderCardImage$1 = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
+  var url = urlFor$4(thumbnail, client);
   if (imageHeight) url = url.height(imageHeight);
   if (imageWidth) url = url.width(imageWidth);
   return url.url();
@@ -14046,7 +14720,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage$1(thumbnail, client, imageHeight, imageWidth) }),
       summary && React__default.createElement(
         reactBootstrap.Card.Footer,
         { className: 'h6' },
@@ -16217,7 +16891,7 @@ var InscreenSensor = function (_React$Component) {
   return InscreenSensor;
 }(React__default.Component);
 
-var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
+var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length) {
   if (authorName && authorURL) {
     return React__default.createElement(
       'a',
@@ -16519,7 +17193,7 @@ var Article = function Article(props) {
               return React__default.createElement(
                 'div',
                 { key: index },
-                renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length)
+                renderAuthor$1(authorDetail.displayName, authorDetail.url, index, authorDetails.length)
               );
             }),
             React__default.createElement(
@@ -17094,8 +17768,8 @@ function useUser() {
 }
 
 var hooks = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	useUser: useUser
+  __proto__: null,
+  useUser: useUser
 });
 
 var LoginForm = function LoginForm(props) {
@@ -18317,11 +18991,11 @@ function getTokenCookie(req) {
 }
 
 var authCookies = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	setTokenCookie: setTokenCookie,
-	removeTokenCookie: removeTokenCookie,
-	parseCookies: parseCookies,
-	getTokenCookie: getTokenCookie
+  __proto__: null,
+  setTokenCookie: setTokenCookie,
+  removeTokenCookie: removeTokenCookie,
+  parseCookies: parseCookies,
+  getTokenCookie: getTokenCookie
 });
 
 function encryptSession(session) {
@@ -18365,9 +19039,9 @@ var getSession = function () {
 }();
 
 var iron = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	encryptSession: encryptSession,
-	getSession: getSession
+  __proto__: null,
+  encryptSession: encryptSession,
+  getSession: getSession
 });
 
 var toStr = Object.prototype.toString;
@@ -20622,10 +21296,10 @@ var findUser$1 = function () {
 }();
 
 var user = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	createUser: createUser$1,
-	updateUser: updateUser$1,
-	findUser: findUser$1
+  __proto__: null,
+  createUser: createUser$1,
+  updateUser: updateUser$1,
+  findUser: findUser$1
 });
 
 var localStrategy = new Local.Strategy({
@@ -20641,8 +21315,8 @@ var localStrategy = new Local.Strategy({
 });
 
 var passportLocal = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	localStrategy: localStrategy
+  __proto__: null,
+  localStrategy: localStrategy
 });
 
 var _this$4 = undefined;
@@ -20889,6 +21563,7 @@ exports.GridHero = GridHero;
 exports.Hero = Hero;
 exports.HighlightenVideo = HighlightenVideo;
 exports.HorizontalHero = HorizontalHero;
+exports.InfiniteScrollDeck = InfiniteScrollDeck;
 exports.KMTracker = KMTracker;
 exports.OncliveHero = OncliveHero;
 exports.OncliveLargeHero = OncliveLargeHero;