@mjhls/mjh-framework 1.0.984 → 1.0.985-article-abstract-v1

package/dist/esm/EventsDeck.js

@@ -1,29 +1,29 @@
+import { _ as _defineProperty } from './defineProperty-8c30428f.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _export, a as _core } from './core.get-iterator-method-8c71f470.js';
-import './_iter-detect-72edfd60.js';
-import { _ as _toConsumableArray } from './toConsumableArray-47a5394a.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-7fbbe94e.js';
-import './define-property-a8a00786.js';
-import './web.dom.iterable-406140e0.js';
-import React, { useState, useEffect } from 'react';
+import { _ as _export, a as _core } from './core.get-iterator-method-ea258bb1.js';
+import { _ as _objectToArray } from './_object-to-array-2300e51b.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-6ebcbfea.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import { _ as _JSON$stringify } from './stringify-2b084bee.js';
+import React__default, { useState, useEffect } from 'react';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
 import Container from 'react-bootstrap/Container';
+import Spinner from 'react-bootstrap/Spinner';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import './moment-b6f49411.js';
-import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-c6222053.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-99bcfd93.js';
-import './main-43ca42fe.js';
-import { _ as _JSON$stringify } from './stringify-0c65d837.js';
-import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
-import { _ as _objectToArray } from './_object-to-array-fa0feeff.js';
-import { _ as _defineProperty } from './defineProperty-3518b6fe.js';
-import Spinner from 'react-bootstrap/Spinner';
-import { m as momentTimezone } from './index-fa2ffe86.js';
+import Button from 'react-bootstrap/Button';
+import './main-1894c974.js';
+import { m as momentTimezone } from './index-79cfd25c.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
+import { useRouter } from 'next/router';
+import './define-property-5f1bda73.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_iter-detect-98db3b07.js';
+import './moment-bc12cb97.js';
 
 // https://github.com/tc39/proposal-object-values-entries
 
@@ -35,13 +35,13 @@ _export(_export.S, 'Object', {
   }
 });
 
-var entries = _core.Object.entries;
+var entries$1 = _core.Object.entries;
 
-var entries$1 = createCommonjsModule(function (module) {
-module.exports = { "default": entries, __esModule: true };
+var entries = createCommonjsModule(function (module) {
+module.exports = { "default": entries$1, __esModule: true };
 });
 
-var _Object$entries = unwrapExports(entries$1);
+var _Object$entries = unwrapExports(entries);
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
@@ -245,23 +245,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';
@@ -292,10 +292,10 @@ 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.createElement(
+    return React__default.createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React.createElement(
+      React__default.createElement(
         Button,
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         cta
@@ -306,10 +306,10 @@ 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.createElement(
+    return React__default.createElement(
       'a',
       { rel: 'noopener', href: newLink ? newLink : links.summary.href || '#', target: '_blank' },
-      React.createElement(
+      React__default.createElement(
         Button,
         { size: 'sm', className: 'registration-button', style: { borderRadius: '8px' } },
         'Learn More'
@@ -339,8 +339,8 @@ var EventsDeck = function EventsDeck(_ref) {
 
     var valuesArray = _Object$entries(deckAdvancedFilters).map(function (_ref6, index) {
       var _ref7 = _slicedToArray(_ref6, 2),
-          key = _ref7[0],
-          value = _ref7[1];
+          key = _ref7[0];
+          _ref7[1];
 
       var temp = [];
       for (var evt in data) {
@@ -383,15 +383,15 @@ var EventsDeck = function EventsDeck(_ref) {
       }
     }
 
-    return valuesArray.length > 0 ? React.createElement(
-      React.Fragment,
+    return valuesArray.length > 0 ? React__default.createElement(
+      React__default.Fragment,
       null,
-      React.createElement(
+      React__default.createElement(
         'h5',
         { className: 'filterTitle' },
         'Filters:'
       ),
-      React.createElement(
+      React__default.createElement(
         Form,
         null,
         _Object$entries(deckAdvancedFilters).map(function (_ref8, index) {
@@ -399,36 +399,36 @@ var EventsDeck = function EventsDeck(_ref) {
               key = _ref9[0],
               value = _ref9[1];
 
-          return React.createElement(
+          return React__default.createElement(
             Form.Group,
             null,
-            React.createElement(
+            React__default.createElement(
               Form.Label,
               null,
               key
             ),
-            React.createElement(
+            React__default.createElement(
               Form.Control,
               { as: 'select', 'data-filterName': key, onChange: function onChange(evt) {
                   return handleFilterSelected(evt);
                 } },
-              React.createElement(
-                React.Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 null,
-                React.createElement(
+                React__default.createElement(
                   'option',
                   null,
                   ' '
                 ),
                 valuesArray[index].map(function (text, index) {
                   if (value.value.toLowerCase() === text.toLowerCase()) {
-                    return React.createElement(
+                    return React__default.createElement(
                       'option',
                       { selected: true },
                       text
                     );
                   }
-                  return React.createElement(
+                  return React__default.createElement(
                     'option',
                     null,
                     text
@@ -439,7 +439,7 @@ var EventsDeck = function EventsDeck(_ref) {
           );
         })
       ),
-      React.createElement(
+      React__default.createElement(
         'style',
         { jsx: true },
         '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
@@ -598,10 +598,10 @@ var EventsDeck = function EventsDeck(_ref) {
     var filteredData = localData;
 
     if (filteredData.length <= 0) {
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
-        React.createElement(
+        React__default.createElement(
           'div',
           null,
           emptyMsg,
@@ -610,7 +610,7 @@ var EventsDeck = function EventsDeck(_ref) {
       );
     }
 
-    return React.createElement(
+    return React__default.createElement(
       Container,
       { style: { padding: 1 } },
       filteredData && filteredData.map(function (row, index) {
@@ -651,58 +651,58 @@ var EventsDeck = function EventsDeck(_ref) {
         var endDay = momentTimezone(end).tz(timezone).format();
         var showEndTime = momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + momentTimezone(end).tz(timezone).format('LLL zz') : null;
         var isCompleted = row.status === 'Completed';
-        return React.createElement(
-          React.Fragment,
+        return React__default.createElement(
+          React__default.Fragment,
           { key: index },
-          React.createElement(
+          React__default.createElement(
             Card,
             null,
-            isHardcoded ? _links && React.createElement(
+            isHardcoded ? _links && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
                 renderLearnMoreButton(_links)
               )
-            ) : isRegister && _links && React.createElement(
+            ) : isRegister && _links && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
                 renderRegisterButton(_links)
               )
             ),
-            isCompleted && _links && React.createElement(
+            isCompleted && _links && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
                 renderLearnMoreButton(_links)
               )
             ),
-            discussionTopic && React.createElement(
+            discussionTopic && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
-                React.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
+                React__default.createElement('h5', { className: 'topic', style: { fontWeight: '500', marginBottom: 0 }, dangerouslySetInnerHTML: { __html: discussionTopic } })
               )
             ),
-            start && timezone && React.createElement(
+            start && timezone && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
-                start.indexOf('TBD') >= 0 ? React.createElement(
+                start.indexOf('TBD') >= 0 ? React__default.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start
-                ) : React.createElement(
+                ) : React__default.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
                   start.indexOf('T') >= 0 ? momentTimezone(start).tz(timezone).format('LLL zz') : momentTimezone(start).format('LL'),
@@ -710,47 +710,47 @@ var EventsDeck = function EventsDeck(_ref) {
                 )
               )
             ),
-            eventRegion && React.createElement(
+            eventRegion && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
-                React.createElement(
+                React__default.createElement(
                   'p',
                   { className: 'event-region', style: { padding: 0, margin: 0 } },
                   eventRegion
                 )
               )
             ),
-            venues && venues.length && venues[0].name && React.createElement(
+            venues && venues.length && venues[0].name && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
-                React.createElement(
+                React__default.createElement(
                   'p',
                   { className: 'venue', style: { padding: 0, margin: 0 } },
                   venues[0].name
                 )
               )
             ),
-            speakerInfo && speakerInfo.length > 0 && React.createElement(
+            speakerInfo && speakerInfo.length > 0 && React__default.createElement(
               Row,
               null,
-              React.createElement(
+              React__default.createElement(
                 Col,
                 null,
-                React.createElement(
+                React__default.createElement(
                   'div',
                   { className: 'speaker-section', style: { border: '1px solid', borderRadius: '8px', padding: '8px' } },
                   speakerInfo.map(function (info, index) {
-                    return React.createElement(
+                    return React__default.createElement(
                       'p',
                       { key: index, style: { marginBottom: '0' } },
                       info.value.map(function (speaker, index) {
-                        return React.createElement(
+                        return React__default.createElement(
                           'b',
                           { key: index, className: 'kol-speaker' },
                           speaker,
@@ -763,14 +763,14 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
+          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
           )
         );
       }),
-      React.createElement(
+      React__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        '
@@ -780,7 +780,7 @@ var EventsDeck = function EventsDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React.createElement(
+    return React__default.createElement(
       Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -788,13 +788,13 @@ var EventsDeck = function EventsDeck(_ref) {
   };
 
   if (isLoading) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React.createElement(
+      React__default.createElement(
         Spinner,
         { animation: 'border', role: 'status' },
-        React.createElement(
+        React__default.createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -804,34 +804,34 @@ var EventsDeck = function EventsDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React.createElement(
-      React.Fragment,
+    return React__default.createElement(
+      React__default.Fragment,
       null,
-      data && advancedFilters && React.createElement(
+      data && advancedFilters && React__default.createElement(
         'div',
         { className: 'advancedFilters ' + (showFilters ? 'show' : 'hide') },
         grabAdvancedFilters()
       ),
-      React.createElement(
+      React__default.createElement(
         'div',
         { className: 'cvent-events' },
-        React.createElement(
+        React__default.createElement(
           InfiniteScroll,
           { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
           eventCards
         )
       ),
-      React.createElement(
+      React__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.createElement(
+    return React__default.createElement(
       'div',
       null,
-      React.createElement(
+      React__default.createElement(
         'div',
         null,
         emptyMsg,