@mjhls/mjh-framework 1.0.1046 → 1.0.1047

package/dist/cjs/CEDeckSupabase.js

@@ -4,26 +4,27 @@ var defineProperty = require('./defineProperty-9673846a.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var reactBootstrap = require('react-bootstrap');
-var index_es = require('./index.es-1ab8dda7.js');
-var visibilitySensor = require('./visibility-sensor-56020df6.js');
-var main = require('./main-ae8472f3.js');
+var index_es = require('./index.es-f3e47207.js');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
+var main = require('./main-1ec1de84.js');
 var Router = require('next/router');
-var index$1 = require('./index-7435b964.js');
-var index = require('./index-65621b6c.js');
+var index$1 = require('./index-fc2f1ca2.js');
+var index = require('./index-eadd5035.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./_commonjsHelpers-06173234.js');
 require('./define-property-e8404b64.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
 require('react-dom');
+require('./events-1b438fe7.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css = "#CMEDeck-module_ceToggles__1QFCs {\n    display: flex;\n    padding: 1rem;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div {\n    box-sizing: border-box;\n    padding: 0.5rem;\n    width: 50%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-end;\n    justify-content: center;\n    cursor: pointer;\n    border-bottom: 3px solid #fff;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div:hover {\n    opacity: 1 !important;\n    border-color: #cecece;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div p {\n    margin: 0;\n    font-weight: 700;\n    width: 100%;\n    text-align: center;\n    font-size: 1rem;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div img {\n    width: 100%;\n    max-width: 10rem;\n  }\n\n  .CMEDeck-module_cardImage__3yM5u{\n    width: 268px;\n    max-width: 100%;\n    border-radius: 0 0 0 10%;\n    margin-bottom: 20px;\n    margin-top: 10px;\n    border-top: 1px solid #EEE;\n  }\n  .CMEDeck-module_cardText__2zCzZ{\n    font-size:22px;\n    font-weight: 500;\n\n  }\n  @media (max-width: 500px){\n    #CMEDeck-module_ceToggles__1QFCs div img {\n      width: 131px;\n      height: 46px;\n      max-width: 10rem;\n    }\n\n    .CMEDeck-module_cardText__2zCzZ{\n      font-size: 12px;\n      font-weight: 500;\n    }\n  }";
-var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
+var css = "#CMEDeck-module_ceToggles__1QFCs {\n    display: flex;\n    padding: 1rem;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div {\n    box-sizing: border-box;\n    padding: 0.5rem;\n    width: 50%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-end;\n    justify-content: center;\n    cursor: pointer;\n    border-bottom: 3px solid #fff;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div:hover {\n    opacity: 1 !important;\n    border-color: #cecece;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div p {\n    margin: 0;\n    font-weight: 700;\n    width: 100%;\n    text-align: center;\n    font-size: 1rem;\n  }\n  #CMEDeck-module_ceToggles__1QFCs div img {\n    width: 100%;\n    max-width: 10rem;\n  }\n\n  .CMEDeck-module_cardImage__3yM5u{\n    width: 268px;\n    max-width: 100%;\n    border-radius: 0 0 0 10%;\n    margin-bottom: 20px;\n    margin-top: 10px;\n    border-top: 1px solid #EEE;\n  }\n  .CMEDeck-module_cardText__2zCzZ{\n    font-size:22px;\n    font-weight: 500;\n\n  }\n  @media (max-width: 500px){\n    #CMEDeck-module_ceToggles__1QFCs div img {\n      width: 131px;\n      height: 46px;\n      max-width: 10rem;\n    }\n\n    .CMEDeck-module_cardText__2zCzZ{\n      font-size: 12px;\n      font-weight: 500;\n    }\n  }\n\n  .CMEDeck-module_networkLogo__1jFYP {\n    max-width: 200px;\n    height: 56px;\n    /* width: 100%; */\n    margin: auto;\n  }\n\n  @media screen and (max-width: 768px) {\n    #CMEDeck-module_ceToggles__1QFCs {\n      flex-wrap: wrap-reverse;\n      justify-content: center;\n    }\n    .CMEDeck-module_networkLogo__1jFYP {\n      max-width: 250px;\n      margin: 1rem 0;\n    }\n  }";
+var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ", "networkLogo": "CMEDeck-module_networkLogo__1jFYP" };
 styleInject_es.styleInject(css);
 
 var CMEDeck = function CMEDeck(_ref) {
@@ -44,7 +45,8 @@ var CMEDeck = function CMEDeck(_ref) {
       _ref$itemsPerPage = _ref.itemsPerPage,
       itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
       _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
-      numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
+      numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef,
+      networkLogo = _ref.networkLogo;
 
   var router = Router.useRouter();
 
@@ -163,42 +165,43 @@ var CMEDeck = function CMEDeck(_ref) {
   }, [to, active]);
 
   var cardLoader = function cardLoader() {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         { id: styles.ceToggles },
-        enablePer && React__default["default"].createElement(
+        enablePer && React__default['default'].createElement(
           'div',
           { onClick: function onClick() {
               setActive('per');
               setTo(itemsPerPage);
               if (perData.length > itemsPerPage) setScrolling(true);
             }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
-          React__default["default"].createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
-          React__default["default"].createElement(
+          React__default['default'].createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
+          React__default['default'].createElement(
             'p',
             { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
             'Physician Education'
           )
         ),
-        enablePtce && React__default["default"].createElement(
+        enablePtce && React__default['default'].createElement(
           'div',
           { onClick: function onClick() {
               setActive('ptce');
               setTo(itemsPerPage);
               if (ptceData.length > itemsPerPage) setScrolling(true);
             }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
-          React__default["default"].createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
-          React__default["default"].createElement(
+          React__default['default'].createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
+          React__default['default'].createElement(
             'p',
             null,
             'Pharmacist Education'
           )
-        )
+        ),
+        networkLogo ? React__default['default'].createElement('img', { src: networkLogo, alt: 'Network Logo', className: styles.networkLogo }) : ''
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Row,
         null,
         data && data.map(function (row, index$1) {
@@ -213,102 +216,102 @@ var CMEDeck = function CMEDeck(_ref) {
           if (variant === 'left') {
             var _React$createElement;
 
-            return React__default["default"].createElement(
-              React__default["default"].Fragment,
+            return React__default['default'].createElement(
+              React__default['default'].Fragment,
               { key: index$1 },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 visibilitySensor.VisibilitySensor,
                 {
                   partialVisibility: true,
                   onChange: function onChange(isVisible) {
                     isVisible && changePageNumber(pageNumber);
                   } },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   reactBootstrap.Col,
                   { xl: 12, style: { marginBottom: '1rem' } },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     reactBootstrap.Row,
                     null,
-                    React__default["default"].createElement(
+                    React__default['default'].createElement(
                       reactBootstrap.Col,
                       { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0', borderTop: '1px solid #EEE' } },
-                      React__default["default"].createElement(
+                      React__default['default'].createElement(
                         'a',
                         { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
-                        React__default["default"].createElement(
+                        React__default['default'].createElement(
                           index.LazyLoad,
                           null,
-                          React__default["default"].createElement('img', { className: styles.cardImage, src: row.thumbnail })
+                          React__default['default'].createElement('img', { className: styles.cardImage, src: row.thumbnail })
                         )
                       )
                     ),
-                    React__default["default"].createElement(
+                    React__default['default'].createElement(
                       reactBootstrap.Col,
                       { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
-                      React__default["default"].createElement(
+                      React__default['default'].createElement(
                         'a',
                         { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
-                        React__default["default"].createElement('h4', (_React$createElement = { className: 'mb-1' }, defineProperty._defineProperty(_React$createElement, 'className', styles.cardText), defineProperty._defineProperty(_React$createElement, 'dangerouslySetInnerHTML', { __html: row.title }), _React$createElement)),
-                        React__default["default"].createElement(
+                        React__default['default'].createElement('h4', (_React$createElement = { className: 'mb-1' }, defineProperty._defineProperty(_React$createElement, 'className', styles.cardText), defineProperty._defineProperty(_React$createElement, 'dangerouslySetInnerHTML', { __html: row.title }), _React$createElement)),
+                        React__default['default'].createElement(
                           'p',
                           defineProperty._defineProperty({ className: 'mb-2' }, 'className', styles.cardText),
                           ' ',
                           row.expirationDate && 'Expiration Date: ' + row.expirationDate
                         ),
-                        React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                        React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                       )
                     )
                   )
                 )
               ),
-              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
+              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
                 'div',
                 { style: { margin: '0 auto' } },
                 renderMobileAd(index$1, numberOfItemsBeforeAd)
               )
             );
           } else {
-            return React__default["default"].createElement(
-              React__default["default"].Fragment,
+            return React__default['default'].createElement(
+              React__default['default'].Fragment,
               { key: index$1 },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 visibilitySensor.VisibilitySensor,
                 {
                   partialVisibility: true,
                   onChange: function onChange(isVisible) {
                     isVisible && changePageNumber(pageNumber);
                   } },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   reactBootstrap.Row,
                   { style: { margin: '0', padding: '0' } },
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     reactBootstrap.Col,
                     { xs: 9, sm: 8, lg: 8, xl: 8 },
-                    React__default["default"].createElement(
+                    React__default['default'].createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default["default"].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                      React__default["default"].createElement(
+                      React__default['default'].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                      React__default['default'].createElement(
                         'p',
                         { className: 'mb-2' },
                         ' ',
                         row.expirationDate && 'Expiration Date: ' + row.expirationDate
                       ),
-                      React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                      React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                     )
                   ),
-                  React__default["default"].createElement(
+                  React__default['default'].createElement(
                     reactBootstrap.Col,
                     { xs: 3, sm: 4, lg: 4, xl: 4 },
-                    React__default["default"].createElement(
+                    React__default['default'].createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default["default"].createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail })
+                      React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail })
                     )
                   )
                 )
               ),
-              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
+              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
                 'div',
                 { style: { margin: '0 auto' } },
                 renderMobileAd(index$1, numberOfItemsBeforeAd)
@@ -322,7 +325,7 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -331,15 +334,15 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderManualPagination = function renderManualPagination() {
     var currentPage = 1;
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'd-flex justify-content-between' },
-      currentPage && currentPage > 1 && React__default["default"].createElement(
+      currentPage && currentPage > 1 && React__default['default'].createElement(
         'a',
         { href: '?page=' + (currentPage - 1) },
         '<< Previous'
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },
         'Next >>'
@@ -348,13 +351,13 @@ var CMEDeck = function CMEDeck(_ref) {
   };
 
   if (isLoading) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Spinner,
         { animation: 'border', role: 'status' },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -364,18 +367,18 @@ var CMEDeck = function CMEDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'contentDeck' },
-      autoScroll ? React__default["default"].createElement(
-        React__default["default"].Fragment,
+      autoScroll ? React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'style',
           { jsx: true },
           '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           index_es.InfiniteScroll,
           {
             dataLength: data && data.length,
@@ -383,29 +386,29 @@ var CMEDeck = function CMEDeck(_ref) {
             hasMore: scrolling,
             scrollThreshold: 0.8
           },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             reactBootstrap.Container,
             null,
             cardLoader()
           )
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'noscript',
           null,
           renderManualPagination()
         )
-      ) : React__default["default"].createElement(
-        React__default["default"].Fragment,
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           reactBootstrap.Container,
           null,
           cardLoader()
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'div',
           { style: { padding: '0px 10px' } },
-          scrolling ? React__default["default"].createElement(
+          scrolling ? React__default['default'].createElement(
             'button',
             {
               style: { margin: 'auto', width: '100%' },
@@ -413,17 +416,17 @@ var CMEDeck = function CMEDeck(_ref) {
                 loadMore();
               } },
             'Load More'
-          ) : React__default["default"].createElement(
+          ) : React__default['default'].createElement(
             'p',
             { style: { textAlign: 'center' } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'b',
               null,
               'End of data'
             )
           )
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'noscript',
           null,
           renderManualPagination()
@@ -431,10 +434,10 @@ var CMEDeck = function CMEDeck(_ref) {
       )
     );
   } else {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'div',
         null,
         'No data found '