@mjhls/mjh-framework 1.0.445 → 1.0.446

package/dist/esm/QueueDeckExpanded.js

@@ -1,31 +1,40 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
-import './web.dom.iterable-e6bf2bf6.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
-import './_iter-detect-7c281f0a.js';
-import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
+import './_iter-detect-6e099a34.js';
+import './from-2c0a5f49.js';
+import { _ as _toConsumableArray } from './toConsumableArray-8712d678.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-92072fff.js';
+import { _ as _extends } from './extends-6e00b262.js';
+import './web.dom.iterable-46c95e52.js';
 import React, { useEffect, useState, useRef } from 'react';
-import { l as lib_3 } from './debounce-42a7f724.js';
+import { l as lib_3 } from './index-fb49124c.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
 import { I as InfiniteScroll } from './index.es-27d0bae9.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
 import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-c5fd0af5.js';
-import { m as main_36 } from './main-cf4930f0.js';
+import { m as main_36 } from './main-8c8784b8.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import './AdSlot-362a1c30.js';
-import './promise-2592a80a.js';
-import { A as ADInfeed } from './ADInfeed-dff74bbe.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
+import { A as ADInfeed } from './ADInfeed-1c17dc0e.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7b29db85.js';
-import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
+import { A as ADlgInfeed } from './ADlgInfeed-94d7f5dd.js';
+import { A as AuthorComponent } from './AuthorComponent-f67cb027.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {

package/dist/esm/RelatedContent.js

@@ -0,0 +1,101 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import React from 'react';
+import { m as moment } from './moment-12415288.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import 'react-bootstrap/Media';
+
+/*
+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 = imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source);
+  }
+
+  return React.createElement(
+    'div',
+    null,
+    React.createElement(
+      'h1',
+      { className: 'mb-4 pb-2', style: { borderBottom: '1px solid #ccc', fontSize: '1.2rem', fontWeight: 'bold', color: '#252525' } },
+      'Related Content'
+    ),
+    React.createElement(
+      'div',
+      { className: 'related-articles-container' },
+      dataRecord.map(function (article, index) {
+        return React.createElement(
+          'a',
+          { key: index, href: '/view/' + article.url.current, className: 'related-article' },
+          React.createElement(
+            'figure',
+            null,
+            React.createElement('img', {
+              src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
+              alt: article.title
+            })
+          ),
+          React.createElement(
+            'div',
+            { className: 'related-article-body' },
+            React.createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
+            props.showPublished && React.createElement(
+              'p',
+              { className: 'pb-0 mb-0' },
+              moment(article.published).format('MMMM DD, YYYY hh:mma')
+            ),
+            props.showAuthor && article.authorMapping && article.authorMapping[0] && React.createElement(
+              'p',
+              null,
+              'By ',
+              React.createElement(
+                'b',
+                null,
+                article.authorMapping[0].displayName
+              )
+            )
+          )
+        );
+      }),
+      React.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        '
+      )
+    )
+  );
+};
+
+export default RelatedContent;

package/dist/esm/RelatedTopicsDropdown.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import DropdownButton from 'react-bootstrap/DropdownButton';
+import Dropdown from 'react-bootstrap/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.createElement(
+      'div',
+      null,
+      React.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.createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React.createElement(
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          React.createElement(
+            Dropdown.Item,
+            { href: parentTaxonomy.identifier },
+            parentTaxonomy.name
+          )
+        )
+      )
+    );
+  } else {
+    return React.createElement(
+      'div',
+      null,
+      React.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.createElement(
+        'div',
+        { id: 'related_dropdown', className: className },
+        React.createElement(
+          DropdownButton,
+          { id: 'related_button', variant: variant, title: 'Related Topics' },
+          subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
+            return React.createElement(
+              Dropdown.Item,
+              { key: index, href: page + '/' + taxonomy.identifier },
+              taxonomy.name
+            );
+          })
+        )
+      )
+    );
+  }
+};
+
+export default RelatedTopicsDropdown;

package/dist/esm/Search.js

@@ -0,0 +1,58 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import Button from 'react-bootstrap/Button';
+import Form from 'react-bootstrap/Form';
+import FormControl from 'react-bootstrap/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 = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var submitSearch = function submitSearch(e) {
+    e.preventDefault();
+    window.location.href = '/search?searchTerm=' + searchKey;
+  };
+
+  return React.createElement(
+    Form,
+    { inline: true, onSubmit: function onSubmit(e) {
+        return submitSearch(e);
+      } },
+    React.createElement(FormControl, {
+      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.createElement(
+      Button,
+      { variant: 'secondary', onClick: function onClick(e) {
+          return submitSearch(e);
+        } },
+      btnText
+    ),
+    React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .mobile-search {\n          width: 75%;\n          margin-right: 15px;\n        }\n      '
+    )
+  );
+};
+
+export default Search;

package/dist/esm/Segment.js

@@ -0,0 +1,223 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.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( /*#__PURE__*/regenerator.mark(function _callee() {
+            var res, json;
+            return 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( /*#__PURE__*/regenerator.mark(function _callee2() {
+            var segment, result, beam_id, session_id;
+            return 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( /*#__PURE__*/regenerator.mark(function _callee3() {
+            var segment, result, beam_id, session_id;
+            return 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( /*#__PURE__*/regenerator.mark(function _callee4() {
+            var segment, result, beam_id, session_id;
+            return 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);
+        }))();
+    }
+};
+
+export default Segment;

package/dist/esm/SetCookie.js

@@ -0,0 +1,8 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import { j as js_cookie } from './js.cookie-6874175c.js';
+
+var SetCookie = function SetCookie(key, value) {
+  js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
+};
+
+export default SetCookie;

package/dist/esm/SideFooter.js

@@ -0,0 +1,97 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import React from 'react';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './_arrayMap-a8dd2b2c.js';
+import { g as get_1 } from './get-ae817b75.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var year = new Date().getFullYear();
+
+var renderLink = function renderLink(row) {
+  if (row.blank) {
+    return React.createElement(
+      'a',
+      { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
+      row.title
+    );
+  }
+  return React.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_1(props, 'cache.siteSettingCache', {}),
+      socialLinks = _get.socialLinks,
+      footerLinks = _get.footerLinks,
+      name = _get.name;
+
+  var logo = props.logo;
+
+  return React.createElement(
+    'div',
+    { className: 'side-footer' },
+    React.createElement(
+      'ul',
+      null,
+      footerLinks && footerLinks.map(function (row, index) {
+        return React.createElement(
+          'li',
+          { key: index },
+          renderLink(row)
+        );
+      }),
+      React.createElement(
+        'li',
+        { style: { marginTop: '10px' } },
+        socialLinks && socialLinks.map(function (row, index) {
+          return React.createElement(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.createElement(
+      'ul',
+      null,
+      React.createElement(
+        'li',
+        { className: 'pt-2' },
+        React.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+        )
+      )
+    ),
+    React.createElement(
+      'p',
+      null,
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences',
+      React.createElement(
+        'sup',
+        null,
+        '\u2122'
+      ),
+      ' ',
+      name && name.toLowerCase().includes(' and ') ? ', ' : ' and ',
+      name,
+      '. All rights reserved.'
+    )
+  );
+};
+
+export default SideFooter;