@mjhls/mjh-framework 1.0.445 → 1.0.446

package/dist/cjs/RelatedContent.js

@@ -0,0 +1,107 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+var React = require('react');
+var moment = require('./moment-66a6a284.js');
+var index = require('./index-be0c82be.js');
+require('react-bootstrap/Media');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/*
+Sample query
+                let references = ''
+                if(article.taxonomyMapping.length > 0){
+                    article.taxonomyMapping.forEach((ref, index) => {
+                    references = references + `references('${ref._ref}') `
+                    if(index+1 !== article.taxonomyMapping.length){
+                        references = references + ` && `
+                    }
+                    })
+                }
+                
+                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    authorMapping[]->,
+                    contentCategory->
+                }`
+                const relatedArticles = await client.fetch(relatedArticlesQuery)
+
+Sample usage
+            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
+
+
+*/
+var RelatedContent = function RelatedContent(props) {
+  var client = props.client,
+      dataRecord = props.dataRecord,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
+
+  var builder = index.imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source);
+  }
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    React__default['default'].createElement(
+      'h1',
+      { className: 'mb-4 pb-2', style: { borderBottom: '1px solid #ccc', fontSize: '1.2rem', fontWeight: 'bold', color: '#252525' } },
+      'Related Content'
+    ),
+    React__default['default'].createElement(
+      'div',
+      { className: 'related-articles-container' },
+      dataRecord.map(function (article, index) {
+        return React__default['default'].createElement(
+          'a',
+          { key: index, href: '/view/' + article.url.current, className: 'related-article' },
+          React__default['default'].createElement(
+            'figure',
+            null,
+            React__default['default'].createElement('img', {
+              src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
+              alt: article.title
+            })
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'related-article-body' },
+            React__default['default'].createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
+            props.showPublished && React__default['default'].createElement(
+              'p',
+              { className: 'pb-0 mb-0' },
+              moment.moment(article.published).format('MMMM DD, YYYY hh:mma')
+            ),
+            props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default['default'].createElement(
+              'p',
+              null,
+              'By ',
+              React__default['default'].createElement(
+                'b',
+                null,
+                article.authorMapping[0].displayName
+              )
+            )
+          )
+        );
+      }),
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .related-article {\n            width: 100%;\n            display: flex;\n            flex-direction: ' + (props.reverse ? 'row-reverse' : 'row') + ';\n            margin-bottom: 1rem;\n          }\n          .related-article figure {\n            width: 165px;\n            height: 110px;\n            min-width: 165px;\n          }\n          .related-article figure img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n          }\n          .related-article-body {\n            flex: 1 1 auto;\n            padding: 0 1rem;\n          }\n          .related-article-body h4 {\n            font-weight: bold;\n            font-size: 1.1rem;\n            margin-bottom: 0.25rem;\n            line-height: 1.3;\n          }\n          @media screen and (max-width: 430px) {\n            .related-article {\n              flex-direction: column;\n            }\n            .related-article figure {\n              width: 80%;\n              height: auto;\n              min-width: 80%;\n              margin: 0 auto;\n            }\n            .related-article figure img {\n              width: 100%;\n              height: auto;\n              object-fit: cover;\n            }\n          }\n        '
+      )
+    )
+  );
+};
+
+module.exports = RelatedContent;

package/dist/cjs/RelatedTopicsDropdown.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var React = require('react');
+var DropdownButton = require('react-bootstrap/DropdownButton');
+var Dropdown = require('react-bootstrap/Dropdown');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DropdownButton__default = /*#__PURE__*/_interopDefaultLegacy(DropdownButton);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+
+var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
+  var parentTaxonomy = _ref.parentTaxonomy,
+      subTaxonomies = _ref.subTaxonomies,
+      _ref$page = _ref.page,
+      page = _ref$page === undefined ? '/' : _ref$page,
+      _ref$exclude = _ref.exclude,
+      exclude = _ref$exclude === undefined ? 'clinical' : _ref$exclude,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === undefined ? 'primary' : _ref$variant,
+      _ref$className = _ref.className,
+      className = _ref$className === undefined ? '' : _ref$className;
+
+  /*
+  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
+  example:
+  <RelatedTopicDropdown
+      page='/clinical'
+      exclude="clinical"
+      className='mb-3'
+      parentTaxonomy={props.parentTaxonomy}
+      subTaxonomies={props.subTaxonomies}
+  />
+  */
+  if (subTaxonomies.length === 0 && parentTaxonomy) {
+    if (parentTaxonomy.identifier == exclude) {
+      return '';
+    }
+    return React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 50vh !important;\n            box-shadow: 0px 0px 25px #ccc;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              box-shadow: 0px 0px 25px #ccc;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
+      React__default['default'].createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React__default['default'].createElement(
+          DropdownButton__default['default'],
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          React__default['default'].createElement(
+            Dropdown__default['default'].Item,
+            { href: parentTaxonomy.identifier },
+            parentTaxonomy.name
+          )
+        )
+      )
+    );
+  } else {
+    return React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(
+        'style',
+        { jsx: true },
+        '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 40vh !important;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
+      ),
+      React__default['default'].createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React__default['default'].createElement(
+          DropdownButton__default['default'],
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
+            return React__default['default'].createElement(
+              Dropdown__default['default'].Item,
+              { key: index, href: page + '/' + taxonomy.identifier },
+              taxonomy.name
+            );
+          })
+        )
+      )
+    );
+  }
+};
+
+module.exports = RelatedTopicsDropdown;

package/dist/cjs/Search.js

@@ -0,0 +1,67 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+var Button = require('react-bootstrap/Button');
+var Form = require('react-bootstrap/Form');
+var FormControl = require('react-bootstrap/FormControl');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
+
+var Search = function Search(props) {
+  var _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === undefined ? 'Search' : _props$placeholder,
+      _props$btnText = props.btnText,
+      btnText = _props$btnText === undefined ? 'Search' : _props$btnText,
+      _props$device = props.device,
+      device = _props$device === undefined ? 'desktop' : _props$device;
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var submitSearch = function submitSearch(e) {
+    e.preventDefault();
+    window.location.href = '/search?searchTerm=' + searchKey;
+  };
+
+  return React__default['default'].createElement(
+    Form__default['default'],
+    { inline: true, onSubmit: function onSubmit(e) {
+        return submitSearch(e);
+      } },
+    React__default['default'].createElement(FormControl__default['default'], {
+      className: device === 'mobile' ? 'mobile-search mr-sm-2' : 'mr-sm-2',
+      type: 'text',
+      placeholder: placeholder,
+      value: searchKey,
+      onChange: function onChange(e) {
+        return setSearchKey(e.target.value);
+      }
+    }),
+    React__default['default'].createElement(
+      Button__default['default'],
+      { variant: 'secondary', onClick: function onClick(e) {
+          return submitSearch(e);
+        } },
+      btnText
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .mobile-search {\n          width: 75%;\n          margin-right: 15px;\n        }\n      '
+    )
+  );
+};
+
+module.exports = Search;

package/dist/cjs/Segment.js

@@ -0,0 +1,225 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var asyncToGenerator = require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+
+require("babel-polyfill");
+
+var Segment = {
+    // onclive default 
+    init: function init() {
+        var apiKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'BBbKMoOjmhsxPnbd2nO6osz3zq67DzuN';
+
+        if (typeof window === 'undefined') {
+            throw new Error('window object is not defined');
+        }
+
+        var Analytics = require('@segment/analytics.js-core/build/analytics');
+        var SegmentIntegration = require('@segment/analytics.js-integration-segmentio');
+
+        var analytics = new Analytics();
+        analytics.use(SegmentIntegration);
+
+        var integrationSettings = {
+            "Segment.io": {
+                apiKey: apiKey,
+                retryQueue: true,
+                addBundledMetadata: true
+            }
+        };
+
+        analytics.initialize(integrationSettings);
+        window.$segment = analytics;
+    },
+    getIDs: function getIDs() {
+        var _this = this;
+
+        return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+            var res, json;
+            return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+                while (1) {
+                    switch (_context.prev = _context.next) {
+                        case 0:
+                            _context.next = 2;
+                            return fetch('https://beam.mjhlifesciences.com/api/beam/id', {
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    Accept: 'application/json'
+                                },
+                                method: 'post',
+                                credentials: 'include'
+                            });
+
+                        case 2:
+                            res = _context.sent;
+                            _context.next = 5;
+                            return res.json();
+
+                        case 5:
+                            json = _context.sent;
+                            return _context.abrupt('return', json);
+
+                        case 7:
+                        case 'end':
+                            return _context.stop();
+                    }
+                }
+            }, _callee, _this);
+        }))();
+    },
+    pageview: function pageview(domain) {
+        var _this2 = this;
+
+        return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+            var segment, result, beam_id, session_id;
+            return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+                while (1) {
+                    switch (_context2.prev = _context2.next) {
+                        case 0:
+                            segment = window.$segment;
+
+                            if (segment) {
+                                _context2.next = 4;
+                                break;
+                            }
+
+                            console.error('Segment not initialized', window);
+                            return _context2.abrupt('return');
+
+                        case 4:
+                            _context2.next = 6;
+                            return _this2.getIDs();
+
+                        case 6:
+                            result = _context2.sent;
+                            beam_id = result.beam_id ? result.beam_id : '';
+                            session_id = result.session_id ? result.session_id : '';
+
+
+                            segment.track('pageviews', {
+                                beamid: beam_id,
+                                sessionid: session_id,
+                                category: '',
+                                domain: domain
+                            });
+
+                        case 10:
+                        case 'end':
+                            return _context2.stop();
+                    }
+                }
+            }, _callee2, _this2);
+        }))();
+    },
+    adClicked: function adClicked(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+        var _this3 = this;
+
+        return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee3() {
+            var segment, result, beam_id, session_id;
+            return asyncToGenerator.regenerator.wrap(function _callee3$(_context3) {
+                while (1) {
+                    switch (_context3.prev = _context3.next) {
+                        case 0:
+                            segment = window.$segment;
+
+                            if (segment) {
+                                _context3.next = 4;
+                                break;
+                            }
+
+                            console.error('Segment not initialized');
+                            return _context3.abrupt('return');
+
+                        case 4:
+                            _context3.next = 6;
+                            return _this3.getIDs();
+
+                        case 6:
+                            result = _context3.sent;
+                            beam_id = result.beam_id ? result.beam_id : '';
+                            session_id = result.session_id ? result.session_id : '';
+
+
+                            segment.track('Ad Clicked', {
+                                beamid: beam_id,
+                                sessionid: session_id,
+                                advertiserid: advertiserid,
+                                campaignid: campaignid,
+                                creativeid: creativeid,
+                                itemid: itemid,
+                                size: size,
+                                isemptyline: isemptyline,
+                                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+                                sourceAgnosticlineId: sourceAgnosticlineId,
+                                domain: domain
+                            });
+
+                        case 10:
+                        case 'end':
+                            return _context3.stop();
+                    }
+                }
+            }, _callee3, _this3);
+        }))();
+    },
+    adViewed: function adViewed(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+        var _this4 = this;
+
+        return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee4() {
+            var segment, result, beam_id, session_id;
+            return asyncToGenerator.regenerator.wrap(function _callee4$(_context4) {
+                while (1) {
+                    switch (_context4.prev = _context4.next) {
+                        case 0:
+                            segment = window.$segment;
+
+                            if (segment) {
+                                _context4.next = 4;
+                                break;
+                            }
+
+                            console.error('Segment not initialized');
+                            return _context4.abrupt('return');
+
+                        case 4:
+                            _context4.next = 6;
+                            return _this4.getIDs();
+
+                        case 6:
+                            result = _context4.sent;
+                            beam_id = result.beam_id ? result.beam_id : '';
+                            session_id = result.session_id ? result.session_id : '';
+
+
+                            segment.track('Impression Viewed', {
+                                beamid: beam_id,
+                                sessionid: session_id,
+                                advertiserid: advertiserid,
+                                campaignid: campaignid,
+                                creativeid: creativeid,
+                                itemid: itemid,
+                                size: size,
+                                isemptyline: isemptyline,
+                                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+                                sourceAgnosticlineId: sourceAgnosticlineId,
+                                domain: domain
+                            });
+
+                        case 10:
+                        case 'end':
+                            return _context4.stop();
+                    }
+                }
+            }, _callee4, _this4);
+        }))();
+    }
+};
+
+module.exports = Segment;

package/dist/cjs/SetCookie.js

@@ -0,0 +1,10 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+var js_cookie = require('./js.cookie-a511c430.js');
+
+var SetCookie = function SetCookie(key, value) {
+  js_cookie.js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
+};
+
+module.exports = SetCookie;

package/dist/cjs/SideFooter.js

@@ -0,0 +1,103 @@
+'use strict';
+
+require('./_commonjsHelpers-06173234.js');
+var React = require('react');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./_arrayMap-3b4a0f75.js');
+var get = require('./get-5dfcdc33.js');
+var reactSocialIcons = require('./react-social-icons-07939b41.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var year = new Date().getFullYear();
+
+var renderLink = function renderLink(row) {
+  if (row.blank) {
+    return React__default['default'].createElement(
+      'a',
+      { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
+      row.title
+    );
+  }
+  return React__default['default'].createElement(
+    'a',
+    { href: row.url },
+    row.title
+  );
+};
+
+var SideFooter = function SideFooter(props) {
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  */
+  var _get = get.get_1(props, 'cache.siteSettingCache', {}),
+      socialLinks = _get.socialLinks,
+      footerLinks = _get.footerLinks,
+      name = _get.name;
+
+  var logo = props.logo;
+
+  return React__default['default'].createElement(
+    'div',
+    { className: 'side-footer' },
+    React__default['default'].createElement(
+      'ul',
+      null,
+      footerLinks && footerLinks.map(function (row, index) {
+        return React__default['default'].createElement(
+          'li',
+          { key: index },
+          renderLink(row)
+        );
+      }),
+      React__default['default'].createElement(
+        'li',
+        { style: { marginTop: '10px' } },
+        socialLinks && socialLinks.map(function (row, index) {
+          return React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
+        })
+      )
+    ),
+    logo && React__default['default'].createElement(
+      'ul',
+      null,
+      React__default['default'].createElement(
+        'li',
+        { className: 'pt-2' },
+        React__default['default'].createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React__default['default'].createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+        )
+      )
+    ),
+    React__default['default'].createElement(
+      'p',
+      null,
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences',
+      React__default['default'].createElement(
+        'sup',
+        null,
+        '\u2122'
+      ),
+      ' ',
+      name && name.toLowerCase().includes(' and ') ? ', ' : ' and ',
+      name,
+      '. All rights reserved.'
+    )
+  );
+};
+
+module.exports = SideFooter;