@mjhls/mjh-framework 1.0.949 → 1.0.950-deck-pagination-v1

package/dist/cjs/EventsDeck.js

@@ -1,35 +1,42 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var defineProperty = require('./defineProperty-9673846a.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-5cb3af28.js');
-require('./_iter-detect-ee3d4802.js');
-var toConsumableArray = require('./toConsumableArray-39fd0757.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-1d905ddb.js');
-require('./define-property-530a5e9e.js');
-require('./web.dom.iterable-a9359910.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
+var _objectToArray = require('./_object-to-array-ce86cae7.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var _extends = require('./extends-7c86182f.js');
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
+var stringify = require('./stringify-f7a37a8d.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 Card = _interopDefault(require('react-bootstrap/Card'));
-require('./moment-ca3bd9fb.js');
-var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var index_es = require('./index.es-e9d84959.js');
-var slicedToArray = require('./slicedToArray-0a78cdf3.js');
-require('./main-bc7d4bf8.js');
-var stringify = require('./stringify-13405ce2.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
-var Form = _interopDefault(require('react-bootstrap/Form'));
-var _objectToArray = require('./_object-to-array-18379aba.js');
-var defineProperty$1 = require('./defineProperty-5ca424cd.js');
-var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var index$4 = require('./index-79eed652.js');
+var index_es = require('./index.es-f3e47207.js');
+var Container = require('react-bootstrap/Container');
+var Spinner = require('react-bootstrap/Spinner');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var Form = require('react-bootstrap/Form');
+var Button = require('react-bootstrap/Button');
+require('./main-f1c77adb.js');
+var index = require('./index-f86bb269.js');
 var js_cookie = require('./js.cookie-a511c430.js');
+var Router = require('next/router');
+require('./define-property-e8404b64.js');
+require('./_object-pie-083f2dd6.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_iter-detect-b1df62f0.js');
+require('./moment-aca40de1.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
 // https://github.com/tc39/proposal-object-values-entries
 
@@ -41,17 +48,17 @@ core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
   }
 });
 
-var entries = core_getIteratorMethod._core.Object.entries;
+var entries$1 = core_getIteratorMethod._core.Object.entries;
 
-var entries$1 = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": entries, __esModule: true };
+var entries = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": entries$1, __esModule: true };
 });
 
-var _Object$entries = _commonjsHelpers.unwrapExports(entries$1);
+var _Object$entries = _commonjsHelpers.unwrapExports(entries);
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
-var currentTime = index$4.momentTimezone().toISOString();
+var currentTime = index.momentTimezone().toISOString();
 var itemsPerPage = 200;
 
 var EventsDeck = function EventsDeck(_ref) {
@@ -155,9 +162,9 @@ var EventsDeck = function EventsDeck(_ref) {
           if (a.start.indexOf('TBD') >= 0 || b.start.indexOf('TBD') >= 0) {
             return -1;
           }
-          if (index$4.momentTimezone(a.start).isAfter(b.start)) {
+          if (index.momentTimezone(a.start).isAfter(b.start)) {
             return 1;
-          } else if (index$4.momentTimezone(a.start).isBefore(b.start)) {
+          } else if (index.momentTimezone(a.start).isBefore(b.start)) {
             return -1;
           }
           return 0;
@@ -249,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -296,11 +303,11 @@ var EventsDeck = function EventsDeck(_ref) {
     var newLink = void 0;
     var checkProtocol = links && links.summary && links.summary.href.includes('https');
     if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React__default.createElement(
-        Button,
+      React__default['default'].createElement(
+        Button__default['default'],
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         cta
       )
@@ -310,11 +317,11 @@ var EventsDeck = function EventsDeck(_ref) {
     var newLink = void 0;
     var checkProtocol = links && links.summary && links.summary.href.includes('https');
     if (!checkProtocol) newLink = links.summary.href.replace('http', 'https');
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React__default.createElement(
-        Button,
+      React__default['default'].createElement(
+        Button__default['default'],
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         'Learn More'
       )
@@ -327,7 +334,7 @@ var EventsDeck = function EventsDeck(_ref) {
     evt.persist();
     setDeckAdvancedFilters(function (prevState) {
       console.dir(prevState);
-      return _extends._extends({}, prevState, defineProperty$1._defineProperty({}, evt.target.dataset['filtername'], {
+      return _extends._extends({}, prevState, defineProperty._defineProperty({}, evt.target.dataset['filtername'], {
         value: evt.target.value,
         selected: evt.target.value.length > 0 ? true : false,
         param: prevState[evt.target.dataset['filtername']].param
@@ -343,8 +350,8 @@ var EventsDeck = function EventsDeck(_ref) {
 
     var valuesArray = _Object$entries(deckAdvancedFilters).map(function (_ref6, index) {
       var _ref7 = slicedToArray._slicedToArray(_ref6, 2),
-          key = _ref7[0],
-          value = _ref7[1];
+          key = _ref7[0];
+          _ref7[1];
 
       var temp = [];
       for (var evt in data) {
@@ -387,52 +394,52 @@ var EventsDeck = function EventsDeck(_ref) {
       }
     }
 
-    return valuesArray.length > 0 ? React__default.createElement(
-      React__default.Fragment,
+    return valuesArray.length > 0 ? React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h5',
         { className: 'filterTitle' },
         'Filters:'
       ),
-      React__default.createElement(
-        Form,
+      React__default['default'].createElement(
+        Form__default['default'],
         null,
         _Object$entries(deckAdvancedFilters).map(function (_ref8, index) {
           var _ref9 = slicedToArray._slicedToArray(_ref8, 2),
               key = _ref9[0],
               value = _ref9[1];
 
-          return React__default.createElement(
-            Form.Group,
+          return React__default['default'].createElement(
+            Form__default['default'].Group,
             null,
-            React__default.createElement(
-              Form.Label,
+            React__default['default'].createElement(
+              Form__default['default'].Label,
               null,
               key
             ),
-            React__default.createElement(
-              Form.Control,
+            React__default['default'].createElement(
+              Form__default['default'].Control,
               { as: 'select', 'data-filterName': key, onChange: function onChange(evt) {
                   return handleFilterSelected(evt);
                 } },
-              React__default.createElement(
-                React__default.Fragment,
+              React__default['default'].createElement(
+                React__default['default'].Fragment,
                 null,
-                React__default.createElement(
+                React__default['default'].createElement(
                   'option',
                   null,
                   ' '
                 ),
                 valuesArray[index].map(function (text, index) {
                   if (value.value.toLowerCase() === text.toLowerCase()) {
-                    return React__default.createElement(
+                    return React__default['default'].createElement(
                       'option',
                       { selected: true },
                       text
                     );
                   }
-                  return React__default.createElement(
+                  return React__default['default'].createElement(
                     'option',
                     null,
                     text
@@ -443,7 +450,7 @@ var EventsDeck = function EventsDeck(_ref) {
           );
         })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: true },
         '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
@@ -602,10 +609,10 @@ var EventsDeck = function EventsDeck(_ref) {
     var filteredData = localData;
 
     if (filteredData.length <= 0) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           null,
           'No events found '
@@ -613,10 +620,10 @@ var EventsDeck = function EventsDeck(_ref) {
       );
     }
 
-    return React__default.createElement(
-      Container,
+    return React__default['default'].createElement(
+      Container__default['default'],
       { style: { padding: 1 } },
-      filteredData && filteredData.map(function (row, index) {
+      filteredData && filteredData.map(function (row, index$1) {
         var speakerInfo = [];
         if (row.customFields) {
           speakerInfo = row.customFields.filter(function (x) {
@@ -634,8 +641,8 @@ var EventsDeck = function EventsDeck(_ref) {
             _row$showEndDate = row.showEndDate,
             showEndDate = _row$showEndDate === undefined ? true : _row$showEndDate;
 
-        var now = index$4.momentTimezone().tz(timezone);
-        var isRegister = index$4.momentTimezone(now).isBefore(end);
+        var now = index.momentTimezone().tz(timezone);
+        var isRegister = index.momentTimezone(now).isBefore(end);
         var discussionTopic = row.customFields ? row.customFields.reduce(function (result, item) {
           if (item.name === 'Discussion Topic' && item.value) {
             result = item.value[0];
@@ -650,110 +657,110 @@ var EventsDeck = function EventsDeck(_ref) {
           }
           return result;
         }, '') : '';
-        var startDay = index$4.momentTimezone(start).tz(timezone).format();
-        var endDay = index$4.momentTimezone(end).tz(timezone).format();
-        var showEndTime = index$4.momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + index$4.momentTimezone(end).tz(timezone).format('LLL zz') : null;
+        var startDay = index.momentTimezone(start).tz(timezone).format();
+        var endDay = index.momentTimezone(end).tz(timezone).format();
+        var showEndTime = index.momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + index.momentTimezone(end).tz(timezone).format('LLL zz') : null;
         var isCompleted = row.status === 'Completed';
-        return React__default.createElement(
-          React__default.Fragment,
-          { key: index },
-          React__default.createElement(
-            Card,
+        return React__default['default'].createElement(
+          React__default['default'].Fragment,
+          { key: index$1 },
+          React__default['default'].createElement(
+            Card__default['default'],
             null,
-            isHardcoded ? _links && React__default.createElement(
-              Row,
+            isHardcoded ? _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderLearnMoreButton(_links)
               )
-            ) : isRegister && _links && React__default.createElement(
-              Row,
+            ) : isRegister && _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderRegisterButton(_links)
               )
             ),
-            isCompleted && _links && React__default.createElement(
-              Row,
+            isCompleted && _links && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
                 renderLearnMoreButton(_links)
               )
             ),
-            discussionTopic && React__default.createElement(
-              Row,
+            discussionTopic && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
+                React__default['default'].createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
               )
             ),
-            start && timezone && React__default.createElement(
-              Row,
+            start && timezone && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                start.indexOf('TBD') >= 0 ? React__default.createElement(
+                start.indexOf('TBD') >= 0 ? React__default['default'].createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start
-                ) : React__default.createElement(
+                ) : React__default['default'].createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
-                  start.indexOf('T') >= 0 ? index$4.momentTimezone(start).tz(timezone).format('LLL zz') : index$4.momentTimezone(start).format('LL'),
+                  start.indexOf('T') >= 0 ? index.momentTimezone(start).tz(timezone).format('LLL zz') : index.momentTimezone(start).format('LL'),
                   showEndDate && showEndTime
                 )
               )
             ),
-            eventRegion && React__default.createElement(
-              Row,
+            eventRegion && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default.createElement(
+                React__default['default'].createElement(
                   '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['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default.createElement(
+                React__default['default'].createElement(
                   'p',
                   { className: 'venue', style: { padding: 0, margin: 0 } },
                   venues[0].name
                 )
               )
             ),
-            speakerInfo && speakerInfo.length > 0 && React__default.createElement(
-              Row,
+            speakerInfo && speakerInfo.length > 0 && React__default['default'].createElement(
+              Row__default['default'],
               null,
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 null,
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
                   speakerInfo.map(function (info, index) {
-                    return React__default.createElement(
+                    return React__default['default'].createElement(
                       'p',
                       { key: index, style: { marginBottom: '0' } },
                       info.value.map(function (speaker, index) {
-                        return React__default.createElement(
+                        return React__default['default'].createElement(
                           'b',
                           { key: index, className: 'kol-speaker' },
                           speaker,
@@ -766,14 +773,14 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          mobileView && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
             'div',
             { style: { margin: '0 auto' } },
-            renderMobileAd(index, numberOfItemsBeforeAd)
+            renderMobileAd(index$1, numberOfItemsBeforeAd)
           )
         );
       }),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .card {\n            -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);\n            border-radius: 8px;\n            padding: 12px;\n          }\n          .row {\n            margin-bottom: 8px;\n          }\n        '
@@ -783,21 +790,21 @@ var EventsDeck = function EventsDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default.createElement(
-      Col,
+    return React__default['default'].createElement(
+      Col__default['default'],
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
     );
   };
 
   if (isLoading) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default.createElement(
-        Spinner,
+      React__default['default'].createElement(
+        Spinner__default['default'],
         { animation: 'border', role: 'status' },
-        React__default.createElement(
+        React__default['default'].createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -807,34 +814,34 @@ var EventsDeck = function EventsDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default.createElement(
-      React__default.Fragment,
+    return React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      data && advancedFilters && React__default.createElement(
+      data && advancedFilters && React__default['default'].createElement(
         'div',
         { className: 'advancedFilters ' + (showFilters ? 'show' : 'hide') },
         grabAdvancedFilters()
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'cvent-events' },
-        React__default.createElement(
+        React__default['default'].createElement(
           index_es.InfiniteScroll,
           { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
           eventCards
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: true },
         '\n          .advancedFilters {\n            overflow: hidden;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n            box-shadow: #00000075 0 0 5px 2px;\n          }\n          .form-label {\n            margin-bottom: 0;\n          }\n          .hide {\n            opacity: 0;\n            height: 0;\n            display: none;\n          }\n          .show {\n            opacity: 1;\n            min-height: 50px;\n            height: auto;\n            display: block;\n          }\n        '
       )
     );
   } else {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         null,
         'No events found '