@mjhls/mjh-framework 1.0.891 → 1.0.892

package/dist/esm/Ustream.js

@@ -1,8 +1,7 @@
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as IoIosOpen } from './index.esm-f6156a57.js';
-import { F as FaRegWindowClose } from './index.esm-0a31ab97.js';
+import { F as FaWindowClose } from './index.esm-1bd8a0a8.js';
 import { m as main_43 } from './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -15,27 +14,26 @@ var _this = undefined;
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
-      width = _ref$width === undefined ? '300px' : _ref$width,
+      width = _ref$width === undefined ? '320px' : _ref$width,
       _ref$height = _ref.height,
-      height = _ref$height === undefined ? '168px' : _ref$height,
+      height = _ref$height === undefined ? 'auto' : _ref$height,
       _ref$close = _ref.close,
-      close = _ref$close === undefined ? false : _ref$close,
-      _ref$right = _ref.right,
-      right = _ref$right === undefined ? false : _ref$right,
-      _ref$src = _ref.src,
+      close = _ref$close === undefined ? false : _ref$close;
+      _ref.right;
+      var _ref$src = _ref.src,
       src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src,
       _ref$logEvent = _ref.logEvent,
       logEvent = _ref$logEvent === undefined ? function () {} : _ref$logEvent;
 
   var _useState = useState(width),
       _useState2 = _slicedToArray(_useState, 2),
-      currentWidth = _useState2[0],
-      setWidth = _useState2[1];
+      currentWidth = _useState2[0];
+      _useState2[1];
 
   var _useState3 = useState(height),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentHeight = _useState4[0],
-      setHeight = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2);
+      _useState4[0];
+      _useState4[1];
 
   var _useState5 = useState(true),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -43,41 +41,35 @@ var Ustream = function Ustream(_ref) {
       setIsMuted = _useState6[1];
 
   var ustreamContainer = useRef(null);
+  var clickableLink = useRef(null);
+  var frameUrl = 'https://mjh-web.s3.amazonaws.com/_media/mwn_frame_v2.jpg';
 
+  function handleClose(ev) {
+    ev.preventDefault();
+    ev.stopPropagation();
+    ustreamContainer.current.remove();
+  }
   useEffect(function () {
-    try {
-      var container = document.getElementById('ustream-container');
-      var ustream = document.getElementById('ustream-iframe');
-      ustream.setAttribute('src', src);
-
-      if (close) {
-        var closeBtn = document.querySelector('.ustream-close');
-        closeBtn.addEventListener('click', function () {
-          container.remove();
-        });
-      } else {
-        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
-          container.style.position = 'static';
-          container.style.padding = '0 1rem';
-          container.classList.add('closed');
-          setWidth('100%');
-          // aspect ratio
-          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
-          setHeight(newHeight);
-          document.querySelector('.ustream-minimize').remove();
+    if (!main_43) {
+      try {
+        var container = document.getElementById('ustream-container');
+        var ustream = document.getElementById('ustream-iframe');
+        ustream.setAttribute('src', src);
+        var referrerUrl = window && window.location.hostname.replace('www.', '').replace('.com', '').replace('.net', '').replace('.vercel.app', '') || ';';
+        var mwnUrl = 'https://www.medicalworldnews.com/?utm_source=' + referrerUrl + '&utm_medium=web&utm_campaign=mwn&ultv=true';
+        clickableLink.current.href = mwnUrl;
+        if (close) {
           var closeBtn = document.querySelector('.ustream-close');
-          closeBtn.style.display = 'block';
           closeBtn.addEventListener('click', function () {
             container.remove();
           });
-        });
-      }
-    } catch (err) {}
+        }
+      } catch (err) {}
+    }
   }, []);
 
   useEffect(function () {
-
-    if (isMuted) {
+    if (isMuted && !main_43) {
       var loadUstreamListener = function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
           var UstreamEmbed, viewer, reporting;
@@ -120,36 +112,35 @@ var Ustream = function Ustream(_ref) {
   if (main_43) {
     return null;
   }
+
   return React__default.createElement(
     'div',
-    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
+    {
+      id: 'ustream-container',
+      ref: ustreamContainer,
+      style: { width: '' + currentWidth, position: 'fixed', bottom: '2rem', left: '2rem', zIndex: '999999', boxShadow: '2px 4px 8px rgba(0,0,0,.35)', borderRadius: '5px', overflow: 'hidden' } },
     React__default.createElement(
-      'div',
-      { style: { position: 'relative' } },
-      close ? React__default.createElement(
+      'a',
+      { ref: clickableLink, target: '_blank', href: '' },
+      React__default.createElement(FaWindowClose, { style: { position: 'absolute', top: '0', right: '0', width: '22px', height: '20px', color: '#fff', background: '#000', padding: '2px' }, onClick: function onClick(e) {
+          return handleClose(e);
+        } }),
+      React__default.createElement('img', { src: frameUrl, style: { width: '100%' } }),
+      React__default.createElement(
         'div',
-        { className: 'ustream-close' },
-        React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(
-          'div',
-          { className: 'ustream-minimize' },
-          React__default.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
-        ),
+        { style: { position: 'absolute', top: '48px', left: '26px', width: '272px' } },
         React__default.createElement(
           'div',
-          { className: 'ustream-close' },
-          React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          { style: { position: 'relative', width: '100%', paddingTop: '56.25%', overflow: 'hidden', borderRadius: '10px' } },
+          React__default.createElement('iframe', {
+            id: 'ustream-iframe',
+            webkitallowfullscreen: 'true',
+            allowFullScreen: true,
+            frameBorder: 'no',
+            style: { position: 'absolute', top: '0', bottom: '0', left: '0', right: '0', width: '100%', height: '100%', pointerEvents: 'none', borderRadius: '10px' }
+          })
         )
-      ),
-      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          /* Updating z-index to fix gutter ad over ustream */\n          z-index: 999999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
+      )
     )
   );
 };

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-ca0c9ff5.js';
+import { g as getSerializers } from './index-d7489d39.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -50,7 +50,7 @@ import 'react-bootstrap/Row';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
 import './define-property-5f1bda73.js';
-import './index.esm-f6156a57.js';
+import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';

package/dist/esm/VideoSeriesListing.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 import { l as lib_3 } from './index-f0fc23eb.js';
 import Container from 'react-bootstrap/Container';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
-import { I as IoIosArrowForward } from './index.esm-f6156a57.js';
+import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { withRouter } from 'next/router';
 import YoutubeGroup from './YoutubeGroup.js';

package/dist/esm/View.js

@@ -15,14 +15,14 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-ca0c9ff5.js';
+import { r as renderAuthor, g as getSerializers } from './index-d7489d39.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-45adb8dc.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-4061f839.js';
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';
 import { _ as _typeof } from './typeof-e9fc0c5d.js';
-import { b as FaMinus, c as FaPlus } from './index.esm-0a31ab97.js';
+import { b as FaMinus, c as FaPlus } from './index.esm-1bd8a0a8.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-755f2cc2.js';
 import { DiscussionEmbed } from 'disqus-react';
@@ -60,7 +60,7 @@ import 'react-bootstrap/Col';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
 import './define-property-5f1bda73.js';
-import './index.esm-f6156a57.js';
+import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';

package/dist/esm/getSerializers.js

@@ -1,6 +1,6 @@
 import './extends-6d8e3924.js';
 import 'react';
-export { g as default } from './index-ca0c9ff5.js';
+export { g as default } from './index-d7489d39.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './_commonjsHelpers-0c4b6f40.js';
@@ -48,7 +48,7 @@ import 'react-bootstrap/Col';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
 import './define-property-5f1bda73.js';
-import './index.esm-f6156a57.js';
+import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';

package/dist/esm/{index-ca0c9ff5.js → index-d7489d39.js}

@@ -31,7 +31,7 @@ import Row$1 from 'react-bootstrap/Row';
 import Col$1 from 'react-bootstrap/Col';
 import Head from 'next/head';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a6ba2ec4.js';
-import { d as IoIosArrowDropupCircle } from './index.esm-f6156a57.js';
+import { c as IoIosArrowDropupCircle } from './index.esm-eb1e8e80.js';
 import Figure$2 from 'react-bootstrap/Figure';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';

package/dist/esm/{index.esm-0a31ab97.js → index.esm-1bd8a0a8.js}

@@ -11,8 +11,8 @@ function FaArrowLeft (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}}]})(props);
 }function FaPlus (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}}]})(props);
-}function FaRegWindowClose (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
+}function FaWindowClose (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-83.6 290.5c4.8 4.8 4.8 12.6 0 17.4l-40.5 40.5c-4.8 4.8-12.6 4.8-17.4 0L256 313.3l-66.5 67.1c-4.8 4.8-12.6 4.8-17.4 0l-40.5-40.5c-4.8-4.8-4.8-12.6 0-17.4l67.1-66.5-67.1-66.5c-4.8-4.8-4.8-12.6 0-17.4l40.5-40.5c4.8-4.8 12.6-4.8 17.4 0l66.5 67.1 66.5-67.1c4.8-4.8 12.6-4.8 17.4 0l40.5 40.5c4.8 4.8 4.8 12.6 0 17.4L313.3 256l67.1 66.5z"}}]})(props);
 }
 
-export { FaRegWindowClose as F, FaLongArrowAltRight as a, FaMinus as b, FaPlus as c, FaArrowRight as d, FaArrowLeft as e };
+export { FaWindowClose as F, FaLongArrowAltRight as a, FaMinus as b, FaPlus as c, FaArrowRight as d, FaArrowLeft as e };

package/dist/esm/{index.esm-f6156a57.js → index.esm-eb1e8e80.js}

@@ -5,12 +5,10 @@ function IoIosArrowDropupCircle (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 464c114.9 0 208-93.1 208-208S370.9 48 256 48 48 141.1 48 256s93.1 208 208 208zm0-244.5l-81.1 81.9c-7.5 7.5-19.8 7.5-27.3 0s-7.5-19.8 0-27.3l95.7-95.4c7.3-7.3 19.1-7.5 26.6-.6l94.3 94c3.8 3.8 5.7 8.7 5.7 13.7 0 4.9-1.9 9.9-5.6 13.6-7.5 7.5-19.7 7.6-27.3 0l-81-79.9z"}}]})(props);
 }function IoIosArrowForward (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"}}]})(props);
-}function IoIosOpen (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M227.8 300.2c-5.1-5.1-5.1-13.3 0-18.4l133.7-133.7c-5.3-2.6-11.2-4.1-17.5-4.1H88c-22 0-40 18-40 40v224c0 22 18 40 40 40h256c22 0 40-18 40-40V184c0-6.3-1.5-12.2-4.1-17.5L246.2 300.2c-5.1 5.1-13.3 5.1-18.4 0z"}},{"tag":"path","attr":{"d":"M459.5 68.5C457 66 453 64 449 64h-97c-7.2-.1-13.1 5.7-13.1 12.9-.1 7.2 5.7 13.1 12.9 13.1l67.3.5-57.6 57.6c8 3.9 14.5 10.4 18.4 18.4l57.6-57.6.5 67.3c.1 7.2 5.9 13 13.1 12.9 7.2-.1 13-5.9 12.9-13.1V78c0-3.5-2-7-4.5-9.5z"}}]})(props);
 }function IoMdArrowDropdown (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M128 192l128 128 128-128z"}}]})(props);
 }function IoMdLogIn (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 48c-42.9 0-84.2 13-119.2 37.5-34.2 24-60.2 57.2-75.1 96.1L58 192h45.7l1.9-5c8.2-17.8 19.4-33.9 33.5-48 31.2-31.2 72.7-48.4 116.9-48.4s85.7 17.2 116.9 48.4c31.2 31.2 48.4 72.7 48.4 116.9 0 44.1-17.2 85.7-48.4 116.9-31.2 31.2-72.7 48.4-116.9 48.4-44.1 0-85.6-17.2-116.9-48.4-14-14-25.3-30.1-33.5-47.9l-1.9-5H58l3.6 10.4c14.9 38.9 40.9 72.1 75.1 96.1C171.8 451.1 213 464 256 464c114.7 0 208-93.3 208-208S370.7 48 256 48z"}},{"tag":"path","attr":{"d":"M48 277.4h189.7l-43.6 44.7L224 352l96-96-96-96-31 29.9 44.7 44.7H48v42.8z"}}]})(props);
 }
 
-export { IoIosArrowForward as I, IoMdArrowDropdown as a, IoMdLogIn as b, IoIosOpen as c, IoIosArrowDropupCircle as d };
+export { IoIosArrowForward as I, IoMdArrowDropdown as a, IoMdLogIn as b, IoIosArrowDropupCircle as c };

package/dist/esm/index.js

@@ -79,7 +79,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-ca0c9ff5.js';
+export { g as getSerializers } from './index-d7489d39.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -143,7 +143,7 @@ import './index-c7e2ac95.js';
 import './smoothscroll-fa4e3f8c.js';
 import 'react-bootstrap';
 import './timeDifferenceCalc.js';
-import './index.esm-f6156a57.js';
+import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import './asyncToGenerator-5ef104a7.js';
 import './defineProperty-8c30428f.js';
@@ -175,7 +175,7 @@ import 'react-bootstrap/Breadcrumb';
 import './keys-31dcdb31.js';
 import 'react-bootstrap/DropdownButton';
 import 'react-bootstrap/Dropdown';
-import './index.esm-0a31ab97.js';
+import './index.esm-1bd8a0a8.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import './util-8ed16d48.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.891",
+  "version": "1.0.892",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",