@mjhls/mjh-framework 1.0.1015 → 1.0.1016

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.1015
+# mjh-framework v. 1.0.1016
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/CEDeckSupabase.js

@@ -0,0 +1,446 @@
+'use strict';
+
+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-6054981e.js');
+var Router = require('next/router');
+var index$1 = require('./index-7435b964.js');
+var index = require('./index-65621b6c.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('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" };
+styleInject_es.styleInject(css);
+
+var CMEDeck = function CMEDeck(_ref) {
+  var _ref$autoScroll = _ref.autoScroll,
+      autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === undefined ? 'left' : _ref$variant,
+      rightItems = _ref.rightItems,
+      _ref$seoPaginate = _ref.seoPaginate,
+      seoPaginate = _ref$seoPaginate === undefined ? true : _ref$seoPaginate,
+      pageview = _ref.pageview,
+      _ref$enablePer = _ref.enablePer,
+      enablePer = _ref$enablePer === undefined ? true : _ref$enablePer,
+      perData = _ref.perData,
+      _ref$enablePtce = _ref.enablePtce,
+      enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
+      ptceData = _ref.ptceData,
+      _ref$itemsPerPage = _ref.itemsPerPage,
+      itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
+      _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
+      numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
+
+  var router = Router.useRouter();
+
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = React.useState(router && router.query && router.query.page ? parseInt(router.query.page) : 1),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      currentPage = _useState6[0],
+      setCurrentPage = _useState6[1];
+
+  var _useState7 = React.useState([]),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      data = _useState8[0],
+      setData = _useState8[1];
+
+  var _useState9 = React.useState(itemsPerPage),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      to = _useState10[0],
+      setTo = _useState10[1];
+
+  var _useState11 = React.useState(enablePer ? 'per' : 'ptce'),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      active = _useState12[0],
+      setActive = _useState12[1];
+
+  var getData = function getData() {
+    if (active == 'per') {
+      setIsLoading(true);
+      var currentData = void 0;
+      if (to >= perData.length - 1) {
+        currentData = perData.slice(0, perData.length);
+      } else {
+        currentData = perData.length && perData.slice(0, to);
+      }
+      setIsLoading(false);
+      setData(currentData);
+      if (data.length == perData.length) setScrolling(false);
+    } else {
+      setIsLoading(true);
+      var _currentData = void 0;
+      if (to >= ptceData.length - 1) {
+        _currentData = ptceData.slice(0, ptceData.length);
+      } else {
+        _currentData = ptceData.length && ptceData.slice(0, to);
+      }
+      setIsLoading(false);
+      setData(_currentData);
+      if (data.length == ptceData.length) setScrolling(false);
+    }
+  };
+
+  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 (currentPage !== pageNumber) {
+        index$1.lib_3.refresh();
+
+        setCurrentPage(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 loadMore = function loadMore() {
+    setTo(function (prevTo) {
+      return prevTo + itemsPerPage;
+    });
+  };
+  React.useEffect(function () {
+    getData();
+  }, [to, active]);
+
+  var cardLoader = function cardLoader() {
+    return React__default["default"].createElement(
+      'div',
+      null,
+      React__default["default"].createElement(
+        'div',
+        { id: styles.ceToggles },
+        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(
+            'p',
+            { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
+            'Physician Education'
+          )
+        ),
+        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(
+            'p',
+            null,
+            'Pharmacist Education'
+          )
+        )
+      ),
+      React__default["default"].createElement(
+        reactBootstrap.Row,
+        null,
+        data && data.map(function (row, index$1) {
+          var pageNumber = Math.ceil((index$1 + 1) / itemsPerPage);
+          var baseUrl = void 0;
+          if (row.brandName && row.brandName === 'AllPtce') {
+            baseUrl = 'https://www.pharmacytimes.org/courses';
+          } else {
+            baseUrl = 'https://www.gotoper.com/courses';
+          }
+
+          if (variant === 'left') {
+            var _React$createElement;
+
+            return React__default["default"].createElement(
+              React__default["default"].Fragment,
+              { key: index$1 },
+              React__default["default"].createElement(
+                visibilitySensor.VisibilitySensor,
+                {
+                  partialVisibility: true,
+                  onChange: function onChange(isVisible) {
+                    isVisible && changePageNumber(pageNumber);
+                  } },
+                React__default["default"].createElement(
+                  reactBootstrap.Col,
+                  { xl: 12, style: { marginBottom: '1rem' } },
+                  React__default["default"].createElement(
+                    reactBootstrap.Row,
+                    null,
+                    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(
+                        'a',
+                        { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
+                        React__default["default"].createElement(
+                          index.LazyLoad,
+                          null,
+                          React__default["default"].createElement('img', { className: styles.cardImage, src: row.thumbnail })
+                        )
+                      )
+                    ),
+                    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(
+                        '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(
+                          'p',
+                          defineProperty._defineProperty({ className: 'mb-2' }, 'className', styles.cardText),
+                          ' ',
+                          row.expirationDate && 'Expiration Date: ' + row.expirationDate
+                        ),
+                        React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                      )
+                    )
+                  )
+                )
+              ),
+              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,
+              { key: index$1 },
+              React__default["default"].createElement(
+                visibilitySensor.VisibilitySensor,
+                {
+                  partialVisibility: true,
+                  onChange: function onChange(isVisible) {
+                    isVisible && changePageNumber(pageNumber);
+                  } },
+                React__default["default"].createElement(
+                  reactBootstrap.Row,
+                  { style: { margin: '0', padding: '0' } },
+                  React__default["default"].createElement(
+                    reactBootstrap.Col,
+                    { xs: 9, sm: 8, lg: 8, xl: 8 },
+                    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(
+                        'p',
+                        { className: 'mb-2' },
+                        ' ',
+                        row.expirationDate && 'Expiration Date: ' + row.expirationDate
+                      ),
+                      React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                    )
+                  ),
+                  React__default["default"].createElement(
+                    reactBootstrap.Col,
+                    { xs: 3, sm: 4, lg: 4, xl: 4 },
+                    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 })
+                    )
+                  )
+                )
+              ),
+              main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
+                'div',
+                { style: { margin: '0 auto' } },
+                renderMobileAd(index$1, numberOfItemsBeforeAd)
+              )
+            );
+          }
+        })
+      )
+    );
+  };
+
+  var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
+    var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
+    return React__default["default"].createElement(
+      reactBootstrap.Col,
+      { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
+      rightItems[i].component
+    );
+  };
+
+  var renderManualPagination = function renderManualPagination() {
+    var currentPage = 1;
+    return React__default["default"].createElement(
+      'div',
+      { className: 'd-flex justify-content-between' },
+      currentPage && currentPage > 1 && React__default["default"].createElement(
+        'a',
+        { href: '?page=' + (currentPage - 1) },
+        '<< Previous'
+      ),
+      React__default["default"].createElement(
+        'a',
+        { href: '?page=' + (currentPage + 1) },
+        'Next >>'
+      )
+    );
+  };
+
+  if (isLoading) {
+    return React__default["default"].createElement(
+      'div',
+      { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
+      React__default["default"].createElement(
+        reactBootstrap.Spinner,
+        { animation: 'border', role: 'status' },
+        React__default["default"].createElement(
+          'span',
+          { className: 'sr-only' },
+          'Loading...'
+        )
+      )
+    );
+  }
+
+  if (data.length > 0) {
+    return React__default["default"].createElement(
+      'div',
+      { className: 'contentDeck' },
+      autoScroll ? React__default["default"].createElement(
+        React__default["default"].Fragment,
+        null,
+        React__default["default"].createElement(
+          'style',
+          { jsx: true },
+          '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
+        ),
+        React__default["default"].createElement(
+          index_es.InfiniteScroll,
+          {
+            dataLength: data && data.length,
+            next: loadMore,
+            hasMore: scrolling,
+            scrollThreshold: 0.8
+          },
+          React__default["default"].createElement(
+            reactBootstrap.Container,
+            null,
+            cardLoader()
+          )
+        ),
+        React__default["default"].createElement(
+          'noscript',
+          null,
+          renderManualPagination()
+        )
+      ) : React__default["default"].createElement(
+        React__default["default"].Fragment,
+        null,
+        React__default["default"].createElement(
+          reactBootstrap.Container,
+          null,
+          cardLoader()
+        ),
+        React__default["default"].createElement(
+          'div',
+          { style: { padding: '0px 10px' } },
+          scrolling ? React__default["default"].createElement(
+            'button',
+            {
+              style: { margin: 'auto', width: '100%' },
+              onClick: function onClick(e) {
+                loadMore();
+              } },
+            'Load More'
+          ) : React__default["default"].createElement(
+            'p',
+            { style: { textAlign: 'center' } },
+            React__default["default"].createElement(
+              'b',
+              null,
+              'End of data'
+            )
+          )
+        ),
+        React__default["default"].createElement(
+          'noscript',
+          null,
+          renderManualPagination()
+        )
+      )
+    );
+  } else {
+    return React__default["default"].createElement(
+      'div',
+      null,
+      React__default["default"].createElement(
+        'div',
+        null,
+        'No data found '
+      )
+    );
+  }
+};
+
+module.exports = CMEDeck;

package/dist/cjs/EventsDeck.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var defineProperty = require('./defineProperty-9673846a.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var defineProperty$1 = require('./define-property-e8404b64.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');
@@ -21,6 +21,7 @@ require('./main-6054981e.js');
 var index = require('./index-96c331fd.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');
@@ -37,34 +38,6 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-var defineProperty = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _defineProperty2 = _interopRequireDefault(defineProperty$1.defineProperty);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = function (obj, key, value) {
-  if (key in obj) {
-    (0, _defineProperty2.default)(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-};
-});
-
-var _defineProperty = _commonjsHelpers.unwrapExports(defineProperty);
-
 // https://github.com/tc39/proposal-object-values-entries
 
 var $entries = _objectToArray._objectToArray(true);
@@ -363,7 +336,7 @@ var EventsDeck = function EventsDeck(_ref) {
     evt.persist();
     setDeckAdvancedFilters(function (prevState) {
       console.dir(prevState);
-      return _extends._extends({}, prevState, _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

package/dist/cjs/defineProperty-9673846a.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var defineProperty$1 = require('./define-property-e8404b64.js');
+
+var defineProperty = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _defineProperty2 = _interopRequireDefault(defineProperty$1.defineProperty);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = function (obj, key, value) {
+  if (key in obj) {
+    (0, _defineProperty2.default)(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+};
+});
+
+var _defineProperty = _commonjsHelpers.unwrapExports(defineProperty);
+
+exports._defineProperty = _defineProperty;

package/dist/cjs/getTIData.js

@@ -0,0 +1,92 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.js');
+
+var _this = undefined;
+
+var _require = require('@supabase/supabase-js'),
+    createClient = _require.createClient;
+
+var SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJvbGUiOiJhbm9uIiwiaWF0IjoxNjQyNjIxNjAyLCJleHAiOjE5NTgxOTc2MDJ9.EkxMVx3xgnzkKAXk7-IRi5rLjKyUmlOE7p49LvYKHvY';
+var SUPABASE_URL = "https://mefavzufrirdpagxuxvd.supabase.co";
+
+var supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
+
+var getTIData = function () {
+    var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(tableName, brandName) {
+        var _ref2, tiData, error, _ref3, _tiData, _error;
+
+        return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+            while (1) {
+                switch (_context.prev = _context.next) {
+                    case 0:
+                        if (brandName) {
+                            _context.next = 13;
+                            break;
+                        }
+
+                        _context.next = 3;
+                        return supabase.from('' + tableName).select('*');
+
+                    case 3:
+                        _ref2 = _context.sent;
+                        tiData = _ref2.data;
+                        error = _ref2.error;
+
+                        if (!error) {
+                            _context.next = 10;
+                            break;
+                        }
+
+                        return _context.abrupt('return', {
+                            msg: error.message,
+                            fail: true
+                        });
+
+                    case 10:
+                        return _context.abrupt('return', tiData);
+
+                    case 11:
+                        _context.next = 23;
+                        break;
+
+                    case 13:
+                        _context.next = 15;
+                        return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
+
+                    case 15:
+                        _ref3 = _context.sent;
+                        _tiData = _ref3.data;
+                        _error = _ref3.error;
+
+                        if (!_error) {
+                            _context.next = 22;
+                            break;
+                        }
+
+                        return _context.abrupt('return', {
+                            msg: _error.message,
+                            fail: true
+                        });
+
+                    case 22:
+                        return _context.abrupt('return', _tiData);
+
+                    case 23:
+                    case 'end':
+                        return _context.stop();
+                }
+            }
+        }, _callee, _this);
+    }));
+
+    return function getTIData(_x, _x2) {
+        return _ref.apply(this, arguments);
+    };
+}();
+module.exports = getTIData;

package/dist/cjs/index.js

@@ -153,6 +153,7 @@ require('react-bootstrap');
 require('./timeDifferenceCalc.js');
 require('./index.esm-d81454e7.js');
 require('./iconBase-be4097c0.js');
+require('./defineProperty-9673846a.js');
 require('./_object-to-array-ce86cae7.js');
 require('react-bootstrap/Spinner');
 require('react-bootstrap/Form');

package/dist/esm/CEDeckSupabase.js

@@ -0,0 +1,440 @@
+import { _ as _defineProperty } from './defineProperty-8c30428f.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import React__default, { useState, useEffect } from 'react';
+import { Spinner, Container, Row, Col } from 'react-bootstrap';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import { m as main_43 } from './main-9f6806ea.js';
+import { useRouter } from 'next/router';
+import { l as lib_3 } from './index-5cc7b406.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './define-property-5f1bda73.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import 'react-dom';
+import 'prop-types';
+
+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" };
+styleInject(css);
+
+var CMEDeck = function CMEDeck(_ref) {
+  var _ref$autoScroll = _ref.autoScroll,
+      autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === undefined ? 'left' : _ref$variant,
+      rightItems = _ref.rightItems,
+      _ref$seoPaginate = _ref.seoPaginate,
+      seoPaginate = _ref$seoPaginate === undefined ? true : _ref$seoPaginate,
+      pageview = _ref.pageview,
+      _ref$enablePer = _ref.enablePer,
+      enablePer = _ref$enablePer === undefined ? true : _ref$enablePer,
+      perData = _ref.perData,
+      _ref$enablePtce = _ref.enablePtce,
+      enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
+      ptceData = _ref.ptceData,
+      _ref$itemsPerPage = _ref.itemsPerPage,
+      itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
+      _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
+      numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
+
+  var router = useRouter();
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = useState(router && router.query && router.query.page ? parseInt(router.query.page) : 1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentPage = _useState6[0],
+      setCurrentPage = _useState6[1];
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      data = _useState8[0],
+      setData = _useState8[1];
+
+  var _useState9 = useState(itemsPerPage),
+      _useState10 = _slicedToArray(_useState9, 2),
+      to = _useState10[0],
+      setTo = _useState10[1];
+
+  var _useState11 = useState(enablePer ? 'per' : 'ptce'),
+      _useState12 = _slicedToArray(_useState11, 2),
+      active = _useState12[0],
+      setActive = _useState12[1];
+
+  var getData = function getData() {
+    if (active == 'per') {
+      setIsLoading(true);
+      var currentData = void 0;
+      if (to >= perData.length - 1) {
+        currentData = perData.slice(0, perData.length);
+      } else {
+        currentData = perData.length && perData.slice(0, to);
+      }
+      setIsLoading(false);
+      setData(currentData);
+      if (data.length == perData.length) setScrolling(false);
+    } else {
+      setIsLoading(true);
+      var _currentData = void 0;
+      if (to >= ptceData.length - 1) {
+        _currentData = ptceData.slice(0, ptceData.length);
+      } else {
+        _currentData = ptceData.length && ptceData.slice(0, to);
+      }
+      setIsLoading(false);
+      setData(_currentData);
+      if (data.length == ptceData.length) setScrolling(false);
+    }
+  };
+
+  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 (currentPage !== pageNumber) {
+        lib_3.refresh();
+
+        setCurrentPage(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 loadMore = function loadMore() {
+    setTo(function (prevTo) {
+      return prevTo + itemsPerPage;
+    });
+  };
+  useEffect(function () {
+    getData();
+  }, [to, active]);
+
+  var cardLoader = function cardLoader() {
+    return React__default.createElement(
+      'div',
+      null,
+      React__default.createElement(
+        'div',
+        { id: styles.ceToggles },
+        enablePer && React__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.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.createElement(
+            'p',
+            { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
+            'Physician Education'
+          )
+        ),
+        enablePtce && React__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.createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
+          React__default.createElement(
+            'p',
+            null,
+            'Pharmacist Education'
+          )
+        )
+      ),
+      React__default.createElement(
+        Row,
+        null,
+        data && data.map(function (row, index) {
+          var pageNumber = Math.ceil((index + 1) / itemsPerPage);
+          var baseUrl = void 0;
+          if (row.brandName && row.brandName === 'AllPtce') {
+            baseUrl = 'https://www.pharmacytimes.org/courses';
+          } else {
+            baseUrl = 'https://www.gotoper.com/courses';
+          }
+
+          if (variant === 'left') {
+            var _React$createElement;
+
+            return React__default.createElement(
+              React__default.Fragment,
+              { key: index },
+              React__default.createElement(
+                VisibilitySensor,
+                {
+                  partialVisibility: true,
+                  onChange: function onChange(isVisible) {
+                    isVisible && changePageNumber(pageNumber);
+                  } },
+                React__default.createElement(
+                  Col,
+                  { xl: 12, style: { marginBottom: '1rem' } },
+                  React__default.createElement(
+                    Row,
+                    null,
+                    React__default.createElement(
+                      Col,
+                      { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0', borderTop: '1px solid #EEE' } },
+                      React__default.createElement(
+                        'a',
+                        { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
+                        React__default.createElement(
+                          LazyLoad,
+                          null,
+                          React__default.createElement('img', { className: styles.cardImage, src: row.thumbnail })
+                        )
+                      )
+                    ),
+                    React__default.createElement(
+                      Col,
+                      { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
+                      React__default.createElement(
+                        'a',
+                        { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
+                        React__default.createElement('h4', (_React$createElement = { className: 'mb-1' }, _defineProperty(_React$createElement, 'className', styles.cardText), _defineProperty(_React$createElement, 'dangerouslySetInnerHTML', { __html: row.title }), _React$createElement)),
+                        React__default.createElement(
+                          'p',
+                          _defineProperty({ className: 'mb-2' }, 'className', styles.cardText),
+                          ' ',
+                          row.expirationDate && 'Expiration Date: ' + row.expirationDate
+                        ),
+                        React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                      )
+                    )
+                  )
+                )
+              ),
+              main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                'div',
+                { style: { margin: '0 auto' } },
+                renderMobileAd(index, numberOfItemsBeforeAd)
+              )
+            );
+          } else {
+            return React__default.createElement(
+              React__default.Fragment,
+              { key: index },
+              React__default.createElement(
+                VisibilitySensor,
+                {
+                  partialVisibility: true,
+                  onChange: function onChange(isVisible) {
+                    isVisible && changePageNumber(pageNumber);
+                  } },
+                React__default.createElement(
+                  Row,
+                  { style: { margin: '0', padding: '0' } },
+                  React__default.createElement(
+                    Col,
+                    { xs: 9, sm: 8, lg: 8, xl: 8 },
+                    React__default.createElement(
+                      'a',
+                      { rel: 'noopener', href: row.href, target: '_blank' },
+                      React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                      React__default.createElement(
+                        'p',
+                        { className: 'mb-2' },
+                        ' ',
+                        row.expirationDate && 'Expiration Date: ' + row.expirationDate
+                      ),
+                      React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                    )
+                  ),
+                  React__default.createElement(
+                    Col,
+                    { xs: 3, sm: 4, lg: 4, xl: 4 },
+                    React__default.createElement(
+                      'a',
+                      { rel: 'noopener', href: row.href, target: '_blank' },
+                      React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail })
+                    )
+                  )
+                )
+              ),
+              main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                'div',
+                { style: { margin: '0 auto' } },
+                renderMobileAd(index, numberOfItemsBeforeAd)
+              )
+            );
+          }
+        })
+      )
+    );
+  };
+
+  var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
+    var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
+    return React__default.createElement(
+      Col,
+      { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
+      rightItems[i].component
+    );
+  };
+
+  var renderManualPagination = function renderManualPagination() {
+    var currentPage = 1;
+    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 >>'
+      )
+    );
+  };
+
+  if (isLoading) {
+    return React__default.createElement(
+      'div',
+      { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
+      React__default.createElement(
+        Spinner,
+        { animation: 'border', role: 'status' },
+        React__default.createElement(
+          'span',
+          { className: 'sr-only' },
+          'Loading...'
+        )
+      )
+    );
+  }
+
+  if (data.length > 0) {
+    return React__default.createElement(
+      'div',
+      { className: 'contentDeck' },
+      autoScroll ? React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'style',
+          { jsx: true },
+          '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
+        ),
+        React__default.createElement(
+          InfiniteScroll,
+          {
+            dataLength: data && data.length,
+            next: loadMore,
+            hasMore: scrolling,
+            scrollThreshold: 0.8
+          },
+          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()
+        )
+      )
+    );
+  } else {
+    return React__default.createElement(
+      'div',
+      null,
+      React__default.createElement(
+        'div',
+        null,
+        'No data found '
+      )
+    );
+  }
+};
+
+export { CMEDeck as default };

package/dist/esm/EventsDeck.js

@@ -1,5 +1,5 @@
+import { _ as _defineProperty } from './defineProperty-8c30428f.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { d as defineProperty$1 } from './define-property-5f1bda73.js';
 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';
@@ -19,39 +19,12 @@ import './main-9f6806ea.js';
 import { m as momentTimezone } from './index-30a6257d.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';
 
-var defineProperty = createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _defineProperty2 = _interopRequireDefault(defineProperty$1);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = function (obj, key, value) {
-  if (key in obj) {
-    (0, _defineProperty2.default)(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-};
-});
-
-var _defineProperty = unwrapExports(defineProperty);
-
 // https://github.com/tc39/proposal-object-values-entries
 
 var $entries = _objectToArray(true);

package/dist/esm/defineProperty-8c30428f.js

@@ -0,0 +1,32 @@
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { d as defineProperty$1 } from './define-property-5f1bda73.js';
+
+var defineProperty = createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _defineProperty2 = _interopRequireDefault(defineProperty$1);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = function (obj, key, value) {
+  if (key in obj) {
+    (0, _defineProperty2.default)(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+};
+});
+
+var _defineProperty = unwrapExports(defineProperty);
+
+export { _defineProperty as _ };

package/dist/esm/getTIData.js

@@ -0,0 +1,90 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+
+var _this = undefined;
+
+var _require = require('@supabase/supabase-js'),
+    createClient = _require.createClient;
+
+var SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJvbGUiOiJhbm9uIiwiaWF0IjoxNjQyNjIxNjAyLCJleHAiOjE5NTgxOTc2MDJ9.EkxMVx3xgnzkKAXk7-IRi5rLjKyUmlOE7p49LvYKHvY';
+var SUPABASE_URL = "https://mefavzufrirdpagxuxvd.supabase.co";
+
+var supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
+
+var getTIData = function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(tableName, brandName) {
+        var _ref2, tiData, error, _ref3, _tiData, _error;
+
+        return regenerator.wrap(function _callee$(_context) {
+            while (1) {
+                switch (_context.prev = _context.next) {
+                    case 0:
+                        if (brandName) {
+                            _context.next = 13;
+                            break;
+                        }
+
+                        _context.next = 3;
+                        return supabase.from('' + tableName).select('*');
+
+                    case 3:
+                        _ref2 = _context.sent;
+                        tiData = _ref2.data;
+                        error = _ref2.error;
+
+                        if (!error) {
+                            _context.next = 10;
+                            break;
+                        }
+
+                        return _context.abrupt('return', {
+                            msg: error.message,
+                            fail: true
+                        });
+
+                    case 10:
+                        return _context.abrupt('return', tiData);
+
+                    case 11:
+                        _context.next = 23;
+                        break;
+
+                    case 13:
+                        _context.next = 15;
+                        return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
+
+                    case 15:
+                        _ref3 = _context.sent;
+                        _tiData = _ref3.data;
+                        _error = _ref3.error;
+
+                        if (!_error) {
+                            _context.next = 22;
+                            break;
+                        }
+
+                        return _context.abrupt('return', {
+                            msg: _error.message,
+                            fail: true
+                        });
+
+                    case 22:
+                        return _context.abrupt('return', _tiData);
+
+                    case 23:
+                    case 'end':
+                        return _context.stop();
+                }
+            }
+        }, _callee, _this);
+    }));
+
+    return function getTIData(_x, _x2) {
+        return _ref.apply(this, arguments);
+    };
+}();
+module.exports = getTIData;

package/dist/esm/index.js

@@ -150,6 +150,7 @@ import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
+import './defineProperty-8c30428f.js';
 import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Spinner';
 import 'react-bootstrap/Form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.1015",
+  "version": "1.0.1016",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -92,6 +92,7 @@
     "dist"
   ],
   "dependencies": {
+    "@supabase/supabase-js": "^1.29.4",
     "babel-polyfill": "^6.26.0",
     "cookie": "^0.4.1",
     "disqus-react": "^1.0.11",