@mjhls/mjh-framework 1.0.351 → 1.0.353

package/dist/esm/PublicationDeck.js

@@ -17,6 +17,29 @@ var PublicationDeck = function PublicationDeck(props) {
       Website = props.Website,
       client = props.client;
 
+  var regPubs = data.filter(function (a) {
+    return typeof a.is_legacy === 'undefined' || a.is_legacy === false;
+  });
+  var legacyPubs = data.filter(function (a) {
+    return a.is_legacy === true;
+  });
+
+  var sortedLegacyPubs = legacyPubs.sort(function (a, b) {
+    if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
+      return 1;
+    } else {
+      return -1;
+    }
+  });
+
+  var sortedRegPubs = regPubs.sort(function (a, b) {
+    if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
+      return 1;
+    } else {
+      return -1;
+    }
+  });
+
   var urlFor = function urlFor(source) {
     var builder = imageUrlBuilder(client);
     return builder.image(source).auto('format');
@@ -33,47 +56,111 @@ var PublicationDeck = function PublicationDeck(props) {
     }
   };
 
-  return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      return row.identifier && row.identifier.current && React__default.createElement(
-        Col,
-        { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-        React__default.createElement(
-          Card,
-          { className: 'block-card', style: { width: '200px' } },
-          React__default.createElement(
-            'a',
-            { href: href + '/' + row.identifier.current },
-            row.childIssue && row.childIssue.thumbnail && React__default.createElement(
-              LazyLoad,
-              { height: imageHeight },
-              React__default.createElement(Card.Img, {
-                variant: 'top',
-                src: renderCardImage(row.childIssue.thumbnail),
-                alt: row.name,
-                style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
-              })
-            ),
+  if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
+    return React__default.createElement(
+      'div',
+      { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
+      sortedRegPubs && sortedRegPubs.length && React__default.createElement(
+        Row,
+        { className: 'regular-publication-wrapper' },
+        sortedRegPubs.map(function (row, index) {
+          return row.identifier && row.identifier.current && React__default.createElement(
+            Col,
+            { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
             React__default.createElement(
-              Card.Body,
-              { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-              React__default.createElement(
-                Card.Title,
-                null,
-                row.name
-              ),
+              Card,
+              { className: 'block-card', style: { width: '200px' } },
               React__default.createElement(
-                Button,
-                { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
-                'Browse Issues'
+                'a',
+                { href: href + '/' + row.identifier.current },
+                row.childIssue && row.childIssue.thumbnail && React__default.createElement(
+                  LazyLoad,
+                  { height: imageHeight },
+                  React__default.createElement(Card.Img, {
+                    variant: 'top',
+                    src: renderCardImage(row.childIssue.thumbnail),
+                    alt: row.name,
+                    style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
+                  })
+                ),
+                React__default.createElement(
+                  Card.Body,
+                  { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
+                  React__default.createElement(
+                    Card.Title,
+                    null,
+                    row.name
+                  ),
+                  React__default.createElement(
+                    Button,
+                    { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
+                    'Browse Issues'
+                  )
+                )
               )
             )
-          )
+          );
+        })
+      ),
+      sortedLegacyPubs && sortedLegacyPubs.length && React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'div',
+          { className: 'legacy-publication-title' },
+          React__default.createElement(
+            'h2',
+            null,
+            'Legacy'
+          ),
+          React__default.createElement('hr', null)
+        ),
+        React__default.createElement(
+          Row,
+          { className: 'legacy-publication-wrapper' },
+          sortedLegacyPubs.map(function (row, index) {
+            return row.identifier && row.identifier.current && React__default.createElement(
+              Col,
+              { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+              React__default.createElement(
+                Card,
+                { className: 'block-card', style: { width: '200px' } },
+                React__default.createElement(
+                  'a',
+                  { href: href + '/' + row.identifier.current },
+                  row.childIssue && row.childIssue.thumbnail && React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight },
+                    React__default.createElement(Card.Img, {
+                      variant: 'top',
+                      src: renderCardImage(row.childIssue.thumbnail),
+                      alt: row.name,
+                      style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
+                    })
+                  ),
+                  React__default.createElement(
+                    Card.Body,
+                    { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
+                    React__default.createElement(
+                      Card.Title,
+                      null,
+                      row.name
+                    ),
+                    React__default.createElement(
+                      Button,
+                      { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
+                      'Browse Issues'
+                    )
+                  )
+                )
+              )
+            );
+          })
         )
-      );
-    }) : React__default.createElement(
+      )
+    );
+  } else {
+    return React__default.createElement(
       'div',
       null,
       React__default.createElement(
@@ -85,8 +172,8 @@ var PublicationDeck = function PublicationDeck(props) {
           'New content coming soon, please check back later.'
         )
       )
-    )
-  );
+    );
+  }
 };
 
 export default PublicationDeck;

package/dist/esm/index.js

@@ -6,7 +6,7 @@ import { m as main_39, a as main_16, b as main_38 } from './main-cb86f95d.js';
 import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-2718dc16.js';
 import { _ as _extends$2, a as _Object$assign } from './extends-26d3b609.js';
 import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-4b85034c.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -1797,20 +1797,13 @@ var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
 var corsProxy = 'https://cors-anywhere.herokuapp.com/';
 var currentTime = momentTimezone$1().toISOString();
-var itemsPerPage = 10;
+var itemsPerPage = 200;
 
 var EventsDeck = function EventsDeck(_ref) {
-  var _ref$autoScroll = _ref.autoScroll,
-      autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
-      rightItems = _ref.rightItems,
-      _ref$seoPaginate = _ref.seoPaginate,
-      seoPaginate = _ref$seoPaginate === undefined ? true : _ref$seoPaginate,
-      pageview = _ref.pageview,
+  var rightItems = _ref.rightItems,
       _ref$filter = _ref.filter,
       filter = _ref$filter === undefined ? 'start gt \'' + currentTime + '\' and status eq \'Active\'' : _ref$filter;
 
-  var router = useRouter();
-
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       isLoading = _useState2[0],
@@ -1836,16 +1829,7 @@ var EventsDeck = function EventsDeck(_ref) {
       scrolling = _useState10[0],
       setScrolling = _useState10[1];
 
-  var _useState11 = useState(1),
-      _useState12 = _slicedToArray(_useState11, 2),
-      currentPage = _useState12[0],
-      setCurrentPage = _useState12[1];
-
-  var currentPageRef = useRef(currentPage);
-
-  var getEvents = function getEvents(params) {
-    var url = params.url;
-
+  var getEvents = function getEvents(url) {
     fetch(url, {
       headers: {
         Accept: 'application/json',
@@ -1860,43 +1844,49 @@ var EventsDeck = function EventsDeck(_ref) {
     }).then(function (events) {
       setIsLoading(false);
       if (events.data && events.data.length > 0) {
-        var newData = events.data.map(function (item) {
-          return _extends$2({}, item, {
-            pageNumber: currentPage
-          });
+        var filteredEventsByTestMode = events.data.filter(function (event) {
+          return event.testMode === false;
+        });
+        var sortedEventsByStartData = filteredEventsByTestMode.sort(function (a, b) {
+          if (momentTimezone$1(a.start).isAfter(b.start)) {
+            return 1;
+          } else if (momentTimezone$1(a.start).isBefore(b.start)) {
+            return -1;
+          }
+          return 0;
         });
         setData(function (prevData) {
-          return [].concat(_toConsumableArray(prevData), _toConsumableArray(newData));
+          return [].concat(_toConsumableArray(prevData), _toConsumableArray(sortedEventsByStartData));
         });
         setNextPageLink(events.paging._links.next ? events.paging._links.next.href : null);
-        newData.length === itemsPerPage ? setScrolling(true) : setScrolling(false);
+        setScrolling(events.paging._links.next ? true : false);
       } else {
         setScrolling(false);
       }
+    }).catch(function (e) {
+      console.error(e);
     });
   };
 
   useEffect(function () {
     // load initial data
-    if (accessToken && currentPage === 1) {
+    if (accessToken) {
       var initailUrl = 'https://api-platform.cvent.com/event/v1/events/filter?limit=' + itemsPerPage;
-      getEvents({ url: initailUrl });
+      getEvents(initailUrl);
     }
-  }, [accessToken, currentPage, filter]);
+  }, [accessToken, filter]);
 
-  useEffect(function () {
+  var loadMore = function loadMore() {
     // load more events
-    if (accessToken && nextPageLink && currentPage !== 1 && currentPage !== currentPageRef.current) {
-      getEvents({ url: nextPageLink });
+    if (accessToken && nextPageLink) {
+      getEvents(nextPageLink);
     }
-  }, [currentPage]);
+  };
 
   useEffect(function () {
     // reset state when filter changes
     setIsLoading(true);
     setData([]);
-    setCurrentPage(1);
-    currentPageRef.current = 1;
   }, [filter]);
 
   useEffect(function () {
@@ -1926,63 +1916,7 @@ var EventsDeck = function EventsDeck(_ref) {
     }
   }, []);
 
-  var loadMore = debounce_1(function () {
-    setCurrentPage(function (prevCurrentPage) {
-      return prevCurrentPage + 1;
-    });
-  }, 0);
-
-  var changePageNumber = function changePageNumber(pageNumber) {
-    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);
-
-      if (pageNumber !== currentPageRef.current) {
-        lib_3.refresh();
-
-        currentPageRef.current = pageNumber;
-        if (path[0] !== '/') {
-          path = '/' + path;
-        }
-        var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
-
-        if (pageview) {
-          pageview(newPath);
-        }
-
-        router.push(pathname, newPath, {
-          shallow: true
-        });
-      }
-    }
-  };
-
-  var renderRegisterButton = function renderRegisterButton(links, closeAfter, timezone) {
+  var renderRegisterButton = function renderRegisterButton(links) {
     return React__default.createElement(
       'a',
       { href: links.summary.href || '#', target: '_blank' },
@@ -1992,33 +1926,13 @@ var EventsDeck = function EventsDeck(_ref) {
         'Register Now'
       )
     );
-    // const now = moment().tz(timezone)
-    // closeAfter = moment(closeAfter).tz(timezone)
-    // const isRegister = moment(now).isBefore(closeAfter)
-    // if (isRegister) {
-    //   return (
-    //     <a href={links.registration.href || '#'} target='_blank'>
-    //       <Button size='sm' className='event-registration-button'>
-    //         Register Now
-    //       </Button>
-    //     </a>
-    //   )
-    // } else {
-    //   return (
-    //     <a href={links.summary.href || '#'} target='_blank'>
-    //       <Button size='sm' className='event-registration-button'>
-    //         Learn more
-    //       </Button>
-    //     </a>
-    //   )
-    // }
   };
 
   var cardLoader = function cardLoader() {
     var numberOfItemsBeforeAd = 5;
     return React__default.createElement(
-      React__default.Fragment,
-      null,
+      Container,
+      { style: { padding: 1 } },
       data && data.map(function (row, index) {
         var speakerInfo = [];
         if (row.customFields) {
@@ -2052,105 +1966,97 @@ var EventsDeck = function EventsDeck(_ref) {
           return result;
         }, '') : '';
 
-        var pageNumber = row.pageNumber || 1;
         return React__default.createElement(
           React__default.Fragment,
           { key: index },
           React__default.createElement(
-            VisibilitySensor,
-            {
-              onChange: function onChange(isVisible) {
-                isVisible && changePageNumber(pageNumber);
-              } },
-            React__default.createElement(
-              Card,
+            Card,
+            null,
+            isRegister && _links && React__default.createElement(
+              Row,
               null,
-              isRegister && _links && React__default.createElement(
-                Row,
+              React__default.createElement(
+                Col,
                 null,
-                React__default.createElement(
-                  Col,
-                  null,
-                  renderRegisterButton(_links)
-                )
-              ),
-              discussionTopic && React__default.createElement(
-                Row,
+                renderRegisterButton(_links)
+              )
+            ),
+            discussionTopic && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
                 null,
-                React__default.createElement(
-                  Col,
-                  null,
-                  React__default.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
-                )
-              ),
-              start && timezone && React__default.createElement(
-                Row,
+                React__default.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
+              )
+            ),
+            start && timezone && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
                 null,
                 React__default.createElement(
-                  Col,
-                  null,
-                  React__default.createElement(
-                    'p',
-                    { className: 'start-time', style: { padding: 0, margin: 0 } },
-                    momentTimezone$1(start).tz(timezone).format('LLL')
-                  )
+                  'p',
+                  { className: 'start-time', style: { padding: 0, margin: 0 } },
+                  momentTimezone$1(start).tz(timezone).format('LLL')
                 )
-              ),
-              eventRegion && React__default.createElement(
-                Row,
+              )
+            ),
+            eventRegion && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
                 null,
                 React__default.createElement(
-                  Col,
-                  null,
-                  React__default.createElement(
-                    'p',
-                    { className: 'event-region', style: { padding: 0, margin: 0 } },
-                    eventRegion
-                  )
+                  'p',
+                  { className: 'event-region', style: { padding: 0, margin: 0 } },
+                  eventRegion
                 )
-              ),
-              venues && venues.length && venues[0].name && React__default.createElement(
-                Row,
+              )
+            ),
+            venues && venues.length && venues[0].name && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
                 null,
                 React__default.createElement(
-                  Col,
-                  null,
-                  React__default.createElement(
-                    'p',
-                    { className: 'venue', style: { padding: 0, margin: 0 } },
-                    venues[0].name
-                  )
+                  'p',
+                  { className: 'venue', style: { padding: 0, margin: 0 } },
+                  venues[0].name
                 )
-              ),
-              speakerInfo && speakerInfo.length && React__default.createElement(
-                Row,
+              )
+            ),
+            speakerInfo && speakerInfo.length && React__default.createElement(
+              Row,
+              null,
+              React__default.createElement(
+                Col,
                 null,
                 React__default.createElement(
-                  Col,
-                  null,
+                  'div',
+                  { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
                   React__default.createElement(
-                    'div',
-                    { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
-                    React__default.createElement(
-                      'h6',
-                      { className: 'speaker-title', style: { fontWeight: '600', marginBottom: '0', marginTop: '.25rem;' } },
-                      'SPEAKER'
-                    ),
-                    speakerInfo.map(function (info) {
-                      return React__default.createElement(
-                        'p',
-                        { style: { marginBottom: '0' } },
-                        info.value.map(function (speaker, index) {
-                          return React__default.createElement(
-                            'span',
-                            { key: index, className: 'kol-speaker' },
-                            speaker,
-                            info.value.length > index + 1 ? ', ' : ''
-                          );
-                        })
-                      );
-                    })
-                  )
+                    'h6',
+                    { className: 'speaker-title', style: { fontWeight: '600', marginBottom: '0', marginTop: '.25rem' } },
+                    'SPEAKER'
+                  ),
+                  speakerInfo.map(function (info, index) {
+                    return React__default.createElement(
+                      'p',
+                      { key: index, style: { marginBottom: '0' } },
+                      info.value.map(function (speaker, index) {
+                        return React__default.createElement(
+                          'b',
+                          { key: index, className: 'kol-speaker' },
+                          speaker,
+                          info.value.length > index + 1 ? ', ' : ''
+                        );
+                      })
+                    );
+                  })
                 )
               )
             )
@@ -2179,20 +2085,6 @@ var EventsDeck = function EventsDeck(_ref) {
     );
   };
 
-  var renderManualPagination = function renderManualPagination() {
-    var currentPage = 1;
-    return React__default.createElement(
-      'div',
-      { className: 'd-flex justify-content-between' },
-       currentPage > 1 ,
-      React__default.createElement(
-        'a',
-        { href: '?page=' + (currentPage + 1) },
-        'Next >>'
-      )
-    );
-  };
-
   if (isLoading) {
     return React__default.createElement(
       'div',
@@ -2215,57 +2107,10 @@ var EventsDeck = function EventsDeck(_ref) {
     return React__default.createElement(
       'div',
       { className: 'cvent-events' },
-      autoScroll ? React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(
-          InfiniteScroll,
-          { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
-          React__default.createElement(
-            Container,
-            null,
-            cardLoader()
-          )
-        ),
-        React__default.createElement(
-          'noscript',
-          null,
-          renderManualPagination()
-        )
-      ) : React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(
-          Container,
-          null,
-          cardLoader()
-        ),
-        React__default.createElement(
-          'div',
-          { style: { padding: '0px 10px' } },
-          scrolling ? React__default.createElement(
-            'button',
-            {
-              style: { margin: 'auto', width: '100%' },
-              onClick: function onClick(e) {
-                loadMore();
-              } },
-            'Load More'
-          ) : React__default.createElement(
-            'p',
-            { style: { textAlign: 'center' } },
-            React__default.createElement(
-              'b',
-              null,
-              'End of data'
-            )
-          )
-        ),
-        React__default.createElement(
-          'noscript',
-          null,
-          renderManualPagination()
-        )
+      React__default.createElement(
+        InfiniteScroll,
+        { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
+        cardLoader()
       )
     );
   } else {
@@ -16710,6 +16555,7 @@ var Article = function Article(props) {
         );
       }
     }),
+    React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
     React__default.createElement('hr', { className: 'article-seperater' })
   );
 };
@@ -16929,7 +16775,7 @@ var ArticleQueue = function ArticleQueue(props) {
 
   return React__default.createElement(
     InfiniteScroll,
-    { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true },
+    { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
     queueData.map(function (article, index) {
       if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
         article.contextualAD = Ads.getNativeContextualAD(getTargeting(article, 'native-ad'));