@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next-12

package/dist/cjs/PdfDownload.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index_esm = require('./index.esm-c1e16606.js');
+var React = require('react');
+require('./iconBase-be4097c0.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PdfDownload = function PdfDownload(props) {
+  return React__default['default'].createElement(
+    'div',
+    { className: 'pdf-download', style: { textAlign: 'center', padding: '1rem 0', borderTop: '1px solid #eee', marginTop: '1rem' } },
+    React__default['default'].createElement(
+      'a',
+      { rel: 'noopener', href: props.issueInfo.asset.url, target: '_blank' },
+      React__default['default'].createElement(index_esm.MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
+      React__default['default'].createElement(
+        'span',
+        null,
+        'Click to download this publication issue.'
+      )
+    )
+  );
+};
+
+module.exports = PdfDownload;

package/dist/cjs/PixelTracking.js

@@ -0,0 +1,165 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PixelTrackingLandingPages = React__default['default'].memo(function (_ref) {
+  var pixelTracking = _ref.pixelTracking;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      needTracking = _useState2[0],
+      setNeedTracking = _useState2[1];
+
+  var _useState3 = React.useState(pixelTracking && pixelTracking.trackingCode ? pixelTracking.trackingCode : null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      trackingCode = _useState4[0];
+      _useState4[1];
+
+  if (!pixelTracking) return null;
+
+  var router = Router.useRouter();
+
+  React.useEffect(function () {
+    if (trackingCode && pixelTracking.is_active) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  React.useEffect(function () {
+    router.events.on('routeChangeComplete', function () {
+      handleReload();
+    });
+    return function () {
+      router.events.off('routeChangeComplete', function () {});
+    };
+  }, [router.events]);
+
+  var handleReload = function handleReload() {
+    setNeedTracking(false);
+    setTimeout(function () {
+      setNeedTracking(true);
+    }, 100);
+  };
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    needTracking && React__default['default'].createElement('div', { style: { height: '0', opacity: 0 }, key: trackingCode, dangerouslySetInnerHTML: { __html: trackingCode } })
+  );
+});
+
+// Article page tracking
+
+var PixelTrackingArticle = React__default['default'].memo(function (_ref2) {
+  var article = _ref2.article,
+      infiniteScroll = _ref2.infiniteScroll;
+
+  var _useState5 = React.useState(false),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      needTracking = _useState6[0],
+      setNeedTracking = _useState6[1];
+
+  var _useState7 = React.useState([]),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      trackingCode = _useState8[0],
+      setTrackingCode = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      inView = _useState10[0],
+      setInView = _useState10[1];
+
+  var _useState11 = React.useState(0),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      containerHeight = _useState12[0],
+      setContainerHeight = _useState12[1];
+
+  if (!article) return null;
+
+  React.useEffect(function () {
+    setContainerHeight(window.innerHeight);
+    var trackingArray = [];
+
+    //content_placement
+    if (article.content_placement && article.content_placement.length) {
+      article.content_placement.forEach(function (cp) {
+        if (cp.pixelTrackingCode && cp.pixelTrackingCode.trackingCode && cp.pixelTrackingCode.is_active) {
+          //  console.log('has pixel code: content placement :', cp.pixelTrackingCode.trackingCode)
+          if (!trackingArray.includes(cp.pixelTrackingCode.trackingCode)) {
+            trackingArray.push(cp.pixelTrackingCode.trackingCode);
+          }
+        }
+      });
+    }
+
+    //documentGroup
+    if (article.documentGroup && article.documentGroup.pixelTrackingCode) {
+      if (article.documentGroup.pixelTrackingCode.trackingCode && article.documentGroup.pixelTrackingCode.is_active) {
+        // console.log('has pixel code: docGroup :', article.documentGroup.pixelTrackingCode.trackingCode)
+        if (!trackingArray.includes(article.documentGroup.pixelTrackingCode.trackingCode)) {
+          trackingArray.push(article.documentGroup.pixelTrackingCode.trackingCode);
+        }
+      }
+    }
+
+    //documentGroupMapping
+    if (article.documentGroupMapping && article.documentGroupMapping.length) {
+      article.documentGroupMapping.forEach(function (dg) {
+        if (dg.pixelTrackingCode && dg.pixelTrackingCode.trackingCode && dg.pixelTrackingCode.is_active) {
+          // console.log('has pixel code: DG  Mapping :', dg.pixelTrackingCode.trackingCode)
+          if (!trackingArray.includes(dg.pixelTrackingCode.trackingCode)) {
+            trackingArray.push(dg.pixelTrackingCode.trackingCode);
+          }
+        }
+      });
+    }
+    if (trackingArray.length > 0) {
+      setTrackingCode(trackingArray);
+    }
+  }, []);
+
+  React.useEffect(function () {
+    if (trackingCode && trackingCode.length > 0) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  var triggerOffset = 20;
+  return React__default['default'].createElement(
+    visibilitySensor.VisibilitySensor,
+    {
+      partialVisibility: true,
+      offset: { bottom: triggerOffset, top: containerHeight && containerHeight },
+      onChange: function onChange(isVisible) {
+
+        if (isVisible && !inView) {
+          setInView(true);
+        } else if (infiniteScroll) {
+          if (inView) setInView(false);
+        }
+      } },
+    React__default['default'].createElement(
+      'div',
+      { style: { height: '100%', position: 'absolute', width: '1px', opacity: 0 } },
+      needTracking && inView && trackingCode && trackingCode.map(function (code, index) {
+        return React__default['default'].createElement('span', { key: code, id: 'pixel-' + (index + 1), dangerouslySetInnerHTML: { __html: code } });
+      })
+    )
+  );
+});
+
+exports.PixelTrackingArticle = PixelTrackingArticle;
+exports.PixelTrackingLandingPages = PixelTrackingLandingPages;

package/dist/cjs/PopUpModal.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Modal = require('react-bootstrap/Modal');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+
+var PopUpModal = function PopUpModal(props) {
+  var _ref = props.ModalImage ? React.useState(true) : React.useState(false),
+      _ref2 = slicedToArray._slicedToArray(_ref, 2),
+      show = _ref2[0],
+      setShow = _ref2[1];
+
+  var launchModalButton = function launchModalButton(e) {
+    window.open(props.landingURL, '_blank');
+    setShow(false);
+  };
+
+  return React__default['default'].createElement(
+    Modal__default['default'],
+    { show: show, onHide: function onHide() {
+        return setShow(false);
+      }, 'aria-labelledby': 'Popup-Modal' },
+    React__default['default'].createElement(Modal__default['default'].Title, null),
+    React__default['default'].createElement(
+      Modal__default['default'].Body,
+      null,
+      React__default['default'].createElement(
+        'div',
+        { className: 'modalImageHolder' },
+        React__default['default'].createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+            return launchModalButton();
+          } }),
+        React__default['default'].createElement(
+          'div',
+          { className: 'modalClose', onClick: function onClick() {
+              return setShow(false);
+            } },
+          'X'
+        )
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .modalImageHolder {\n            display: flex;\n            justify-content: center;\n          }\n          .modalClose {\n            display: flex;\n            justify-content: center;\n            width: 25px;\n            height: 25px;\n            font-size: 1.25rem;\n            color: #fff;\n            cursor: pointer;\n          }\n          .modalImage {\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
+module.exports = PopUpModal;

package/dist/cjs/PtceDeck.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
+var stringify = require('./stringify-f7a37a8d.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var moment = require('./moment-aca40de1.js');
+var React = require('react');
+var reactBootstrap = require('react-bootstrap');
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function PtceDeck(props) {
+  var _this = this;
+
+  var initialData = props.initialData;
+
+  var _useState = React.useState(),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      cmeData = _useState2[0],
+      setCmeData = _useState2[1];
+
+  var _useState3 = React.useState(),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      hasMore = _useState4[0],
+      setHasMore = _useState4[1];
+
+  var _useState5 = React.useState(),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      paginatedPoint = _useState6[0],
+      setPaginatedPoint = _useState6[1];
+
+  React.useEffect(function () {
+    //set inital data
+    if (initialData && initialData.pageInfo) {
+      setHasMore(initialData.pageInfo.hasMore);
+      setPaginatedPoint(initialData.pageInfo.cursor);
+      setCmeData(initialData.contentItems);
+    }
+    //set hasMore and breakpoint
+  }, []);
+
+  var loadMore = function () {
+    var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+      var response, data;
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return fetch('/api/get_activities-CE', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  Accept: 'application/json'
+                },
+                method: 'post',
+                credentials: 'same-origin',
+                body: stringify._JSON$stringify({ params: { paginatedPoint: paginatedPoint } })
+              });
+
+            case 2:
+              response = _context.sent;
+              _context.next = 5;
+              return response.json();
+
+            case 5:
+              data = _context.sent;
+
+
+              if (data.pageInfo) {
+                setHasMore(data.pageInfo.hasMore);
+                setPaginatedPoint(data.pageInfo.cursor);
+                setCmeData(function (prevState) {
+                  return [].concat(toConsumableArray._toConsumableArray(prevState), toConsumableArray._toConsumableArray(data.contentItems));
+                });
+              }
+
+            case 7:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function loadMore() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    cmeData && cmeData.map(function (activity) {
+      var href = activity.url ? activity.url : 'https://www.pharmacytimes.org/courses/' + activity.slug;
+      return 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' } },
+            React__default['default'].createElement(
+              'a',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: activity.asset })
+            )
+          ),
+          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',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default['default'].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: activity.title } }),
+              React__default['default'].createElement(
+                'p',
+                { className: 'mb-2' },
+                'Expiration Date: ',
+                moment.moment(activity.courseEndDate).format('MMM Do YYYY')
+              ),
+              React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: activity.description } })
+            )
+          )
+        )
+      );
+    }),
+    hasMore && React__default['default'].createElement(
+      'div',
+      { className: 'text-center my-5' },
+      React__default['default'].createElement(
+        'button',
+        { onClick: loadMore, className: 'btn btn-lg btn-primary' },
+        'Load More'
+      )
+    )
+  );
+}
+
+module.exports = PtceDeck;

package/dist/cjs/PubSection.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var _extends = require('./extends-7c86182f.js');
+var React = require('react');
+var QueueDeckExpanded = require('./QueueDeckExpanded.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');
+require('./_object-pie-083f2dd6.js');
+require('./toConsumableArray-d7797c2b.js');
+require('react-bootstrap');
+require('./urlFor.js');
+require('./index-efca863c.js');
+require('./index.es-f3e47207.js');
+require('./moment-aca40de1.js');
+require('./visibility-sensor-eb2c5b69.js');
+require('react-dom');
+require('./index-0e4427c8.js');
+require('prop-types');
+require('next/router');
+require('./index-eadd5035.js');
+require('./main-f1c77adb.js');
+require('./entities-3f9d0f2f.js');
+require('./ADInfeed-cf54cb8a.js');
+require('react-bootstrap/Card');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./AuthorComponent-39b37d84.js');
+require('./lodash-f0783643.js');
+require('./ADlgInfeed-d06624d8.js');
+require('./getContentCategory-f38a4c00.js');
+require('./timeDifferenceCalc.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var PubSection = function PubSection(props) {
+  var pubSection = props.pubSection,
+      tocUrl = props.tocUrl;
+
+  return React__default['default'].createElement(
+    'div',
+    { id: 'pubSection' },
+    pubSection.publication && pubSection.publication.name && React__default['default'].createElement(
+      'h2',
+      null,
+      pubSection.publication.name
+    ),
+    React__default['default'].createElement(
+      'p',
+      null,
+      React__default['default'].createElement(
+        'a',
+        { id: 'back', href: tocUrl ? tocUrl : 'toc' },
+        'Back to Table of Contents'
+      )
+    ),
+    React__default['default'].createElement(QueueDeckExpanded, _extends._extends({ dataRecord: pubSection.articles }, props))
+  );
+};
+
+PubSection.getInitialProps = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, section, res, params, query, _ref2, _ref3, pubSection;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ctx$query = ctx.query, publication = _ctx$query.publication, issue = _ctx$query.issue, section = _ctx$query.section, res = ctx.res;
+            params = {
+              publication: publication,
+              section: section
+            };
+            query = '*[_type == \'publicationSection\'\n    && defined(parent)\n    && parent->identifier == $publication\n    && identifier == $section] {\n      ...,\n      parent->,\n      \'articles\': *[_type == \'article\'\n      \t&& !(_id in path("drafts.**")) \n\t\t    && defined(title) \n\t\t    && defined(url) \n\t\t    && is_visible \n\t\t    && defined(published) \n        && dateTime(published) <= dateTime(now())\n        && passwordLock != true\n        && references(^._id)] {\n          ...,\n          contentCategory->,\n          authorMapping[]->,\n        },\n      \'publication\': *[_type == \'publication\'\n        && identifier.current == $publication] [0]\n    }';
+            _context.next = 5;
+            return client.fetch(query, params);
+
+          case 5:
+            _ref2 = _context.sent;
+            _ref3 = slicedToArray._slicedToArray(_ref2, 1);
+            pubSection = _ref3[0];
+
+            if (pubSection) {
+              _context.next = 11;
+              break;
+            }
+
+            res.statusCode = 404;
+            return _context.abrupt('return', { show404: true });
+
+          case 11:
+            return _context.abrupt('return', { publication: publication, issue: issue, section: section, pubSection: pubSection });
+
+          case 12:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = PubSection;

package/dist/cjs/PubToc.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var PubToc = function PubToc(props) {
+  var toc = props.toc;
+
+  return React__default['default'].createElement(
+    'div',
+    { id: 'pubToc' },
+    React__default['default'].createElement(
+      'ul',
+      null,
+      toc && toc.parentSection && Array.isArray(toc.parentSection.sections) && toc.parentSection.sections.map(function (s) {
+        return React__default['default'].createElement(
+          'li',
+          { key: s.identifier },
+          React__default['default'].createElement(
+            'a',
+            { href: s.identifier },
+            s.name
+          )
+        );
+      })
+    )
+  );
+};
+
+PubToc.getInitialProps = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, res, params, query, _ref2, _ref3, toc;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ctx$query = ctx.query, publication = _ctx$query.publication, issue = _ctx$query.issue, res = ctx.res;
+            params = {
+              publication: publication
+            };
+            query = '*[_type == \'publication\'\n    && identifier.current == $publication] {\n      ...,\n      \'parentSection\': *[_type == \'publicationSection\'\n        && name == ^.name\n        && !defined(parent)] [0] {\n          ...,\n          \'sections\': *[_type == \'publicationSection\'\n            && references(^._id)]\n        }\n    }';
+            _context.next = 5;
+            return client.fetch(query, params);
+
+          case 5:
+            _ref2 = _context.sent;
+            _ref3 = slicedToArray._slicedToArray(_ref2, 1);
+            toc = _ref3[0];
+
+            if (!(!toc || !toc.parentSection)) {
+              _context.next = 11;
+              break;
+            }
+
+            res.statusCode = 404;
+            return _context.abrupt('return', { show404: true });
+
+          case 11:
+            return _context.abrupt('return', { publication: publication, issue: issue, toc: toc });
+
+          case 12:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = PubToc;