@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next12

package/dist/esm/PixelTracking.js

@@ -0,0 +1,156 @@
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default, { useState, useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
+import 'react-dom';
+
+var PixelTrackingLandingPages = React__default.memo(function (_ref) {
+  var pixelTracking = _ref.pixelTracking;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      needTracking = _useState2[0],
+      setNeedTracking = _useState2[1];
+
+  var _useState3 = useState(pixelTracking && pixelTracking.trackingCode ? pixelTracking.trackingCode : null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      trackingCode = _useState4[0];
+      _useState4[1];
+
+  if (!pixelTracking) return null;
+
+  var router = useRouter();
+
+  useEffect(function () {
+    if (trackingCode && pixelTracking.is_active) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  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.createElement(
+    React__default.Fragment,
+    null,
+    needTracking && React__default.createElement('div', { style: { height: '0', opacity: 0 }, key: trackingCode, dangerouslySetInnerHTML: { __html: trackingCode } })
+  );
+});
+
+// Article page tracking
+
+var PixelTrackingArticle = React__default.memo(function (_ref2) {
+  var article = _ref2.article,
+      infiniteScroll = _ref2.infiniteScroll;
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      needTracking = _useState6[0],
+      setNeedTracking = _useState6[1];
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      trackingCode = _useState8[0],
+      setTrackingCode = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      inView = _useState10[0],
+      setInView = _useState10[1];
+
+  var _useState11 = useState(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      containerHeight = _useState12[0],
+      setContainerHeight = _useState12[1];
+
+  if (!article) return null;
+
+  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);
+    }
+  }, []);
+
+  useEffect(function () {
+    if (trackingCode && trackingCode.length > 0) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  var triggerOffset = 20;
+  return React__default.createElement(
+    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.createElement(
+      'div',
+      { style: { height: '100%', position: 'absolute', width: '1px', opacity: 0 } },
+      needTracking && inView && trackingCode && trackingCode.map(function (code, index) {
+        return React__default.createElement('span', { key: code, id: 'pixel-' + (index + 1), dangerouslySetInnerHTML: { __html: code } });
+      })
+    )
+  );
+});
+
+export { PixelTrackingArticle, PixelTrackingLandingPages };

package/dist/esm/PopUpModal.js

@@ -0,0 +1,51 @@
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default, { useState } from 'react';
+import Modal from 'react-bootstrap/Modal';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
+
+var PopUpModal = function PopUpModal(props) {
+  var _ref = props.ModalImage ? useState(true) : useState(false),
+      _ref2 = _slicedToArray(_ref, 2),
+      show = _ref2[0],
+      setShow = _ref2[1];
+
+  var launchModalButton = function launchModalButton(e) {
+    window.open(props.landingURL, '_blank');
+    setShow(false);
+  };
+
+  return React__default.createElement(
+    Modal,
+    { show: show, onHide: function onHide() {
+        return setShow(false);
+      }, 'aria-labelledby': 'Popup-Modal' },
+    React__default.createElement(Modal.Title, null),
+    React__default.createElement(
+      Modal.Body,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'modalImageHolder' },
+        React__default.createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+            return launchModalButton();
+          } }),
+        React__default.createElement(
+          'div',
+          { className: 'modalClose', onClick: function onClick() {
+              return setShow(false);
+            } },
+          'X'
+        )
+      )
+    ),
+    React__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        '
+    )
+  );
+};
+
+export default PopUpModal;

package/dist/esm/PtceDeck.js

@@ -0,0 +1,143 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
+import { _ as _JSON$stringify } from './stringify-c21932b3.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import { m as moment } from './moment-bc12cb97.js';
+import React__default, { useState, useEffect } from 'react';
+import { Col, Row } from 'react-bootstrap';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+
+function PtceDeck(props) {
+  var _this = this;
+
+  var initialData = props.initialData;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      cmeData = _useState2[0],
+      setCmeData = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasMore = _useState4[0],
+      setHasMore = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      paginatedPoint = _useState6[0],
+      setPaginatedPoint = _useState6[1];
+
+  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( /*#__PURE__*/regenerator.mark(function _callee() {
+      var response, data;
+      return 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: _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(prevState), _toConsumableArray(data.contentItems));
+                });
+              }
+
+            case 7:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function loadMore() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return React__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.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' } },
+            React__default.createElement(
+              'a',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: activity.asset })
+            )
+          ),
+          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',
+              { href: href, rel: 'noopener', target: '_blank' },
+              React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: activity.title } }),
+              React__default.createElement(
+                'p',
+                { className: 'mb-2' },
+                'Expiration Date: ',
+                moment(activity.courseEndDate).format('MMM Do YYYY')
+              ),
+              React__default.createElement('p', { dangerouslySetInnerHTML: { __html: activity.description } })
+            )
+          )
+        )
+      );
+    }),
+    hasMore && React__default.createElement(
+      'div',
+      { className: 'text-center my-5' },
+      React__default.createElement(
+        'button',
+        { onClick: loadMore, className: 'btn btn-lg btn-primary' },
+        'Load More'
+      )
+    )
+  );
+}
+
+export default PtceDeck;

package/dist/esm/PubSection.js

@@ -0,0 +1,114 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import React__default from 'react';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import './_object-pie-133f504a.js';
+import './toConsumableArray-7b1c0e23.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './index.es-a6137319.js';
+import './moment-bc12cb97.js';
+import './visibility-sensor-72fd8f8b.js';
+import 'react-dom';
+import './index-5cc7b406.js';
+import 'prop-types';
+import 'next/router';
+import './index-755f2cc2.js';
+import './main-1894c974.js';
+import './entities-932b50cf.js';
+import './ADInfeed-f684cac9.js';
+import 'react-bootstrap/Card';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './Beam.js';
+import './stringify-c21932b3.js';
+import './Segment.js';
+import './AuthorComponent-defe68b6.js';
+import './lodash-f97fd99a.js';
+import './ADlgInfeed-8c438cee.js';
+import './getContentCategory-15dcc413.js';
+import './timeDifferenceCalc.js';
+
+var _this = undefined;
+
+var PubSection = function PubSection(props) {
+  var pubSection = props.pubSection,
+      tocUrl = props.tocUrl;
+
+  return React__default.createElement(
+    'div',
+    { id: 'pubSection' },
+    pubSection.publication && pubSection.publication.name && React__default.createElement(
+      'h2',
+      null,
+      pubSection.publication.name
+    ),
+    React__default.createElement(
+      'p',
+      null,
+      React__default.createElement(
+        'a',
+        { id: 'back', href: tocUrl ? tocUrl : 'toc' },
+        'Back to Table of Contents'
+      )
+    ),
+    React__default.createElement(QueueDeckExpanded, _extends({ dataRecord: pubSection.articles }, props))
+  );
+};
+
+PubSection.getInitialProps = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, section, res, params, query, _ref2, _ref3, pubSection;
+
+    return 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(_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);
+  };
+}();
+
+export default PubSection;

package/dist/esm/PubToc.js

@@ -0,0 +1,81 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default from 'react';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+
+var _this = undefined;
+
+var PubToc = function PubToc(props) {
+  var toc = props.toc;
+
+  return React__default.createElement(
+    'div',
+    { id: 'pubToc' },
+    React__default.createElement(
+      'ul',
+      null,
+      toc && toc.parentSection && Array.isArray(toc.parentSection.sections) && toc.parentSection.sections.map(function (s) {
+        return React__default.createElement(
+          'li',
+          { key: s.identifier },
+          React__default.createElement(
+            'a',
+            { href: s.identifier },
+            s.name
+          )
+        );
+      })
+    )
+  );
+};
+
+PubToc.getInitialProps = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, res, params, query, _ref2, _ref3, toc;
+
+    return 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(_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);
+  };
+}();
+
+export default PubToc;