@mjhls/mjh-framework 1.0.445 → 1.0.447

package/dist/esm/{AuthorComponent-4f5f15ed.js → AuthorComponent-f67cb027.js}

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,

package/dist/esm/Beam.js

@@ -0,0 +1,345 @@
+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 _JSON$stringify } from './stringify-e30bc114.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+
+require("babel-polyfill");
+// server key for beam 
+// fnADs4Gtx6ACEgKgwlNo-eNSIrdwykH9Zj74GsDI
+
+var beam_domain = 'https://beam.mjhlifesciences.com';
+
+function getCookie(cname) {
+  var name = cname + "=";
+  var decodedCookie = decodeURIComponent(document.cookie);
+  var ca = decodedCookie.split(';');
+  for (var i = 0; i < ca.length; i++) {
+    var c = ca[i];
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+  return "";
+}
+
+var Beam = {
+  proc_url: function proc_url() {
+    var $_GET = {};
+    document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
+      function decode(s) {
+        return decodeURIComponent(s.split("+").join(" "));
+      }
+      $_GET[decode(arguments[1])] = decode(arguments[2]);
+    });
+
+    return $_GET;
+  },
+  proc_eKey: function proc_eKey($_GET) {
+    var _this = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var eKey;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              eKey = "N/A";
+
+
+              if ($_GET["eKey"]) {
+                eKey = $_GET["eKey"];
+              } else if (typeof window.eKey !== 'undefined') {
+                eKey = window.eKey;
+              }
+
+              if (!eKey || eKey === 'N/A') {
+                eKey = getCookie('eKey');
+              }
+
+              return _context.abrupt('return', eKey);
+
+            case 4:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }))();
+  },
+  proc_source: function proc_source() {
+    var referrer = "N/A";
+
+    if (encodeURIComponent(document.referrer)) {
+      referrer = encodeURIComponent(document.referrer);
+    }
+
+    return referrer;
+  },
+  proc_meta: function proc_meta() {
+    var data = {};
+
+    //keyword processing
+    var element = document.querySelector('meta[name="keywords"]');
+
+    data.keywords = "N/A";
+
+    if (element && element.getAttribute("content")) {
+      data.keywords = element.getAttribute("content");
+    }
+
+    //title processing
+    data.title = "N/A";
+    if (document.title !== "undefined") {
+      data.title = document.title;
+    }
+
+    return data;
+  },
+  proc_host: function proc_host() {
+    var data = {};
+    data.domain = window.location.hostname;
+    data.uri = window.location.pathname;
+    data.host = window.location.host;
+    data.protocol = window.location.protocol;
+
+    if (window.location.search) {
+      data.uri = data.uri + window.location.search;
+    }
+
+    return data;
+  },
+  get_beam: function get_beam(deviceType) {
+    var _this2 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var beam;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              beam = {};
+              _context2.next = 3;
+              return _this2.proc_eKey(_this2.proc_url());
+
+            case 3:
+              beam.eKey = _context2.sent;
+
+              beam.source = _this2.proc_source();
+              beam.meta = _this2.proc_meta();
+              beam.host = _this2.proc_host();
+              beam.device = deviceType;
+              return _context2.abrupt('return', beam);
+
+            case 9:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this2);
+    }))();
+  },
+
+
+  /* for client use */
+  report_beam_event: function report_beam_event(action, deviceType) {
+    var _this3 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
+      var beam, response, res;
+      return regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return _this3.get_beam(deviceType);
+
+            case 2:
+              beam = _context3.sent;
+
+
+              console.log('Call Beam', action, beam);
+
+              _context3.next = 6;
+              return fetch(beam_domain + '/api/beam/event', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: _JSON$stringify({
+                  event: 'Beam',
+                  action: action,
+                  beam: _JSON$stringify(beam)
+                })
+              });
+
+            case 6:
+              response = _context3.sent;
+              _context3.next = 9;
+              return response.json();
+
+            case 9:
+              res = _context3.sent;
+
+              if (res.error) {
+                console.error('Beam reporting error:', res.error);
+              }
+
+            case 11:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this3);
+    }))();
+  },
+  report_beam_ad: function report_beam_ad(action, deviceType, cID, lID, campID, adSize, slotId) {
+    var adType = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'DFP';
+
+    var _this4 = this;
+
+    var adDurationBrightCove = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
+    var adIDBrightCove = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : '';
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
+      var beam, data, response, res;
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _this4.get_beam(deviceType);
+
+            case 2:
+              beam = _context4.sent;
+              data = {};
+
+              data.campaignId = campID;
+              data.lineItemId = lID;
+              data.creativeId = cID;
+              data.size = adSize;
+              data.slotId = slotId;
+
+              data.adType = adType;
+              data.adDurationBrightCove = adDurationBrightCove;
+              data.adIDBrightCove = adIDBrightCove;
+
+              console.log('Call ' + adType, action, data);
+
+              _context4.next = 15;
+              return fetch(beam_domain + '/api/beam/ad', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: _JSON$stringify({
+                  event: 'DFP',
+                  action: action,
+                  beam: _JSON$stringify(beam),
+                  data: _JSON$stringify(data)
+                })
+              });
+
+            case 15:
+              response = _context4.sent;
+              _context4.next = 18;
+              return response.json();
+
+            case 18:
+              res = _context4.sent;
+
+              if (res.error) {
+                console.error('DFP reporting error:', res.error);
+              }
+
+            case 20:
+            case 'end':
+              return _context4.stop();
+          }
+        }
+      }, _callee4, _this4);
+    }))();
+  },
+  report_beam_video: function report_beam_video(action, deviceType, duration, current, segment) {
+    var videoType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'Youtube';
+    var brightCovePlayerID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+
+    var _this5 = this;
+
+    var brightCoveAccountID = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
+    var brightCoveVideoID = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
+      var beam, data, response, res;
+      return regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return _this5.get_beam(deviceType);
+
+            case 2:
+              beam = _context5.sent;
+              data = {};
+
+              data.duration = duration;
+              data.queue = Math.floor(duration / 10);
+              data.segment = segment;
+              data.current = current;
+
+              data.videoType = videoType;
+              data.brightCovePlayerID = brightCovePlayerID;
+              data.brightCoveAccountID = brightCoveAccountID;
+              data.brightCoveVideoID = brightCoveVideoID;
+
+              console.log('Call ' + videoType, action, data);
+
+              _context5.next = 15;
+              return fetch(beam_domain + '/api/beam/video', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: _JSON$stringify({
+                  event: 'Video',
+                  action: action,
+                  beam: _JSON$stringify(beam),
+                  data: _JSON$stringify(data)
+                })
+              });
+
+            case 15:
+              response = _context5.sent;
+              _context5.next = 18;
+              return response.json();
+
+            case 18:
+              res = _context5.sent;
+
+              if (res.error) {
+                console.error('Video reporting error:', res.error);
+              }
+
+            case 20:
+            case 'end':
+              return _context5.stop();
+          }
+        }
+      }, _callee5, _this5);
+    }))();
+  }
+};
+
+export default Beam;

package/dist/esm/{TaxonomyCard-b22a742f.js → BlockContent-4af2feb9.js}

@@ -1,13 +1,6 @@
-import { _ as _extends } from './extends-92072fff.js';
 import React from 'react';
 import PropTypes from 'prop-types';
-import Container from 'react-bootstrap/Container';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Card from 'react-bootstrap/Card';
-import { n as node, i as imageUrlBuilder } from './index-73819142.js';
-import { L as LazyLoad } from './index-c5fd0af5.js';
-import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+import { n as node } from './index-73819142.js';
 
 /*
 object-assign
@@ -913,228 +906,4 @@ SanityBlockContent.defaultProps = {
 
 var BlockContent = SanityBlockContent;
 
-var TaxonomyCard = function TaxonomyCard(props) {
-  var columns = props.columns,
-      variant = props.variant,
-      _props$icon = props.icon,
-      icon = _props$icon === undefined ? false : _props$icon,
-      data = props.dataRecord,
-      defaultImage = props.defaultImage,
-      client = props.client,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      getSerializers = props.getSerializers;
-
-  var builder = imageUrlBuilder(client);
-
-  var urlFor = function urlFor(source) {
-    return builder.image(source).auto('format');
-  };
-
-  var renderCardImage = function renderCardImage(row) {
-    var url = urlFor(row.thumbnail);
-    if (imageHeight) url = url.height(imageHeight);
-    if (imageWidth) url = url.width(imageWidth);
-    return url.url();
-  };
-
-  var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
-
-  var itemCounter = 0;
-  var lgVar = 12;
-
-  return React.createElement(
-    'div',
-    { className: 'contentDeck' },
-    React.createElement(
-      Container,
-      null,
-      React.createElement(
-        Row,
-        null,
-        data && data.map(function (row, index) {
-          if (columns === 'rotate' && itemCounter % 3 === 0) {
-            lgVar = 12;
-          } else if (columns && columns !== 'rotate') {
-            lgVar = Math.floor(12 / columns);
-          } else {
-            lgVar = 6;
-          }
-          var thumbnailURL = row.thumbnail && row.thumbnail.asset ? renderCardImage(row) : defaultImage;
-          var address1 = row.address1,
-              address2 = row.address2,
-              city = row.city,
-              zip = row.zip,
-              state = row.state,
-              country = row.country,
-              company = row.company,
-              website = row.website,
-              email = row.email,
-              extraURL1 = row.extraURL1,
-              extraURL2 = row.extraURL2,
-              extraURL3 = row.extraURL3,
-              extraURL4 = row.extraURL4,
-              linkedIn = row.linkedIn,
-              twitter = row.twitter,
-              facebook = row.facebook;
-
-          var socialLinks = [linkedIn, twitter, facebook];
-          var address = [address1, address2, city, state, zip, country];
-          var companyDetails = [];
-          company && companyDetails.push({ key: 'company', value: company });
-          website && companyDetails.push({ key: 'url', value: website });
-          email && companyDetails.push({ key: 'email', value: email });
-          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
-          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
-          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
-          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
-          return React.createElement(
-            Col,
-            { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
-            React.createElement(
-              Card,
-              { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
-              React.createElement(
-                Card.Body,
-                null,
-                React.createElement(
-                  Row,
-                  null,
-                  thumbnailURL && React.createElement(
-                    Col,
-                    null,
-                    React.createElement(
-                      LazyLoad,
-                      { height: imageHeight },
-                      row && row.thumbnail && React.createElement(
-                        'figure',
-                        null,
-                        row.thumbnail.link ? React.createElement(
-                          'a',
-                          { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
-                          React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
-                        ) : React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
-                        row && row.thumbnail && row.thumbnail.caption && React.createElement(
-                          'figcaption',
-                          null,
-                          row.thumbnail.caption
-                        )
-                      )
-                    )
-                  ),
-                  React.createElement(
-                    Col,
-                    null,
-                    React.createElement(
-                      Row,
-                      null,
-                      React.createElement(
-                        'div',
-                        null,
-                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React.createElement(
-                          'div',
-                          { className: 'details-wrapper' },
-                          companyDetails && companyDetails.length > 0 && React.createElement(
-                            'div',
-                            { className: 'company-wrapper' },
-                            companyDetails.map(function (field, index) {
-                              if (field.value && field.key === 'company') {
-                                return React.createElement(
-                                  'p',
-                                  { className: 'details-field', key: index },
-                                  field.value
-                                );
-                              } else if (field.value && field.key === 'url') {
-                                return React.createElement(
-                                  'a',
-                                  { className: 'details-field', href: field.value, key: index },
-                                  field.value
-                                );
-                              }
-                              // else if (field.value && field.key === 'email') {
-                              //   return (
-                              //     <a className='details-field' href={`mailto:${field.value}`} key={index}>
-                              //       {field.value}
-                              //     </a>
-                              //   )
-                              // }
-                            })
-                          ),
-                          address && address.length > 0 && React.createElement(
-                            'div',
-                            { className: 'address-wrapper' },
-                            address.map(function (field, index) {
-                              if (field) {
-                                return React.createElement(
-                                  'p',
-                                  { className: 'details-field', key: index },
-                                  field
-                                );
-                              }
-                            })
-                          ),
-                          React.createElement(
-                            'style',
-                            { jsx: 'true' },
-                            '\n                                    .details-wrapper .details-field {\n                                      margin: 0px;\n                                      display: block;\n                                      font-size: 1rem;\n                                      margin-bottom: 3px;\n                                    }\n                                    .details-wrapper .company-wrapper {\n                                      margin-right: 20px;\n                                      display: inline-block;\n                                      width: 50%;\n                                      vertical-align: top;\n                                    }\n                                    .details-wrapper .address-wrapper {\n                                      width: 45%;\n                                      display: inline-block;\n                                    }\n                                  '
-                          )
-                        ),
-                        socialLinks && socialLinks.length && React.createElement(
-                          'div',
-                          { className: 'social-icons' },
-                          socialLinks.map(function (url, index) {
-                            if (url && url.length) {
-                              return React.createElement(reactSocialIcons_1, {
-                                target: '_blank',
-                                rel: 'noopener noreferrer',
-                                key: index,
-                                index: index,
-                                url: url,
-                                style: { width: 30, height: 30, marginRight: 10 }
-                              });
-                            }
-                          }),
-                          React.createElement(
-                            'style',
-                            { jsx: 'true' },
-                            '\n                                    .social-icons {\n                                      margin-top: 0px;\n                                      margin-bottom: 10px;\n                                    }\n                                  '
-                          )
-                        ),
-                        React.createElement(
-                          Card.Text,
-                          null,
-                          React.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
-                        )
-                      )
-                    )
-                  )
-                ),
-                icon && React.createElement(
-                  'span',
-                  {
-                    className: 'taxonomy-icon',
-                    style: {
-                      position: 'absolute',
-                      right: '20px',
-                      top: '50%',
-                      transform: 'translateY(-50%) translateX(50px)',
-                      transition: 'all .25s',
-                      pointerEvents: 'none'
-                    } },
-                  '\u2192'
-                )
-              )
-            )
-          );
-        })
-      )
-    ),
-    icon && React.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '
-    )
-  );
-};
-
-export { BlockContent as B, TaxonomyCard as T };
+export { BlockContent as B };

package/dist/esm/Breadcrumbs.js

@@ -0,0 +1,101 @@
+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, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import Breadcrumb from 'react-bootstrap/Breadcrumb';
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var _ref$data = _ref.data,
+      data = _ref$data === undefined ? [] : _ref$data,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === undefined ? '/' : _ref$separator;
+
+  // To be used on landing pages eg. /news/[url]
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      parentPath = _useState2[0],
+      setParentPath = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentPath = _useState4[0],
+      setCurrentPath = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      parentPathName = _useState6[0],
+      setParentPathName = _useState6[1];
+
+  var get_parent_path = function get_parent_path(parsedUrl) {
+    var parent_path = '';
+    for (var i = 1; i < parsedUrl.length - 3; i++) {
+      if (parsedUrl.length > i + 1) {
+        parent_path = '' + parsedUrl[parsedUrl.length - (i + 1)] + (parent_path ? '/' + parent_path : '');
+      }
+    }
+
+    return parent_path;
+  };
+
+  useEffect(function () {
+    var parsedUrl = window.location.href.split('/');
+    setCurrentPath(parsedUrl[parsedUrl.length - 1].split('?')[0]);
+    setParentPathName(parsedUrl[parsedUrl.length - 2].split('?')[0]);
+    setParentPath(get_parent_path(parsedUrl));
+  }, []);
+
+  if (data && data.length > 0) {
+    return React.createElement(
+      Breadcrumb,
+      null,
+      data.map(function (item, index) {
+        return React.createElement(
+          Breadcrumb.Item,
+          { key: index, href: item.url, active: item.isActive || false },
+          item.name
+        );
+      }),
+      React.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n        '
+      )
+    );
+  }
+
+  return React.createElement(
+    Breadcrumb,
+    null,
+    React.createElement(
+      Breadcrumb.Item,
+      { href: '/' },
+      'home'
+    ),
+    parentPath.split('/').length > 1 && React.createElement(
+      Breadcrumb.Item,
+      { active: true },
+      '...'
+    ),
+    React.createElement(
+      Breadcrumb.Item,
+      { href: '/' + parentPath },
+      parentPathName
+    ),
+    React.createElement(
+      Breadcrumb.Item,
+      { active: true },
+      currentPath
+    ),
+    React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n      '
+    )
+  );
+};
+
+var Breadcrumbs$1 = React.memo(Breadcrumbs);
+
+export default Breadcrumbs$1;