@mjhls/mjh-framework 1.0.234 → 1.0.236

package/dist/esm/TaxonomyCard.js

@@ -8,5 +8,5 @@ import 'react-bootstrap/Card';
 import 'react-dom';
 import './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
-import './_babelHelpers-67c05996.js';
-export { T as default } from './TaxonomyCard-f9c93953.js';
+import './_babelHelpers-c212c59c.js';
+export { T as default } from './TaxonomyCard-92f9e327.js';

package/dist/esm/TemplateNormal.js

@@ -7,14 +7,14 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './debounce-dc0c02e5.js';
-import './main-cd81c243.js';
-import './_babelHelpers-67c05996.js';
-import './AdSlot-0ea49f7e.js';
+import './main-e84e7749.js';
+import './_babelHelpers-c212c59c.js';
+import './AdSlot-c40f4438.js';
 import './get-b074314b.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-20ff5bf5.js';
+export { T as default } from './Normal-ebb02255.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/{Ustream-6bb45fe7.js → Ustream-2bfb1813.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
 import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
 
 // THIS FILE IS AUTO GENERATED

package/dist/esm/Ustream.js

@@ -1,4 +1,4 @@
 import 'react';
-import './_babelHelpers-67c05996.js';
+import './_babelHelpers-c212c59c.js';
 import './index.esm-536609db.js';
-export { U as default } from './Ustream-6bb45fe7.js';
+export { U as default } from './Ustream-2bfb1813.js';

package/dist/esm/VideoSeriesListing.js

@@ -3,13 +3,13 @@ import './_commonjsHelpers-ae1b5db5.js';
 import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-71e50a91.js';
 import 'next/link';
 import { withRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import './index-3c1ee9ab.js';
-import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
 import { Y as YoutubeGroup } from './YoutubeGroup-1368335c.js';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';
 

package/dist/esm/{_babelHelpers-67c05996.js → _babelHelpers-c212c59c.js}

@@ -1,3 +1,32 @@
+var asyncToGenerator = function (fn) {
+  return function () {
+    var gen = fn.apply(this, arguments);
+    return new Promise(function (resolve, reject) {
+      function step(key, arg) {
+        try {
+          var info = gen[key](arg);
+          var value = info.value;
+        } catch (error) {
+          reject(error);
+          return;
+        }
+
+        if (info.done) {
+          resolve(value);
+        } else {
+          return Promise.resolve(value).then(function (value) {
+            step("next", value);
+          }, function (err) {
+            step("throw", err);
+          });
+        }
+      }
+
+      return step("next");
+    });
+  };
+};
+
 var classCallCheck = function (instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -108,4 +137,4 @@ var toConsumableArray = function (arr) {
   }
 };
 
-export { _extends as _, classCallCheck as a, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };
+export { _extends as _, classCallCheck as a, asyncToGenerator as b, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };

package/dist/esm/index.js

@@ -6,26 +6,26 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
+import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-71e50a91.js';
 import Link from 'next/link';
 import Router, { useRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
-import { m as main_36, a as main_35 } from './main-cd81c243.js';
+import { m as main_36, a as main_16, b as main_35 } from './main-e84e7749.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-e85d3a4a.js';
-import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
-export { D as AdSlot } from './AdSlot-0ea49f7e.js';
+import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn } from './_babelHelpers-c212c59c.js';
+import { D as DFPAdSlot, B as Beam } from './AdSlot-c40f4438.js';
+export { D as AdSlot, B as Beam } from './AdSlot-c40f4438.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b074314b.js';
-export { A as AD, G as GridContent } from './GridContent-d8bd7953.js';
+export { A as AD, G as GridContent } from './GridContent-e61fff04.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-f9c93953.js';
-export { T as TaxonomyCard } from './TaxonomyCard-f9c93953.js';
+import { B as BlockContent } from './TaxonomyCard-92f9e327.js';
+export { T as TaxonomyCard } from './TaxonomyCard-92f9e327.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
 import { g as getYoutubeId } from './YoutubeGroup-1368335c.js';
@@ -41,8 +41,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-20ff5bf5.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-20ff5bf5.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-ebb02255.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-ebb02255.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -58,8 +58,8 @@ import Carousel$1 from 'react-bootstrap/Carousel';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
 import DropdownButton from 'react-bootstrap/DropdownButton';
 import Dropdown from 'react-bootstrap/Dropdown';
-import { F as FaLongArrowAltRight } from './Ustream-6bb45fe7.js';
-export { U as Ustream } from './Ustream-6bb45fe7.js';
+import { F as FaLongArrowAltRight } from './Ustream-2bfb1813.js';
+export { U as Ustream } from './Ustream-2bfb1813.js';
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
@@ -3277,6 +3277,26 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
 
   var id = getYoutubeId(url);
 
+  var _useState = useState(false),
+      _useState2 = slicedToArray(_useState, 2),
+      playReported = _useState2[0],
+      setPlayReported = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = slicedToArray(_useState3, 2),
+      endReported = _useState4[0],
+      setEndReported = _useState4[1];
+
+  var _useState5 = useState(null),
+      _useState6 = slicedToArray(_useState5, 2),
+      intervalID = _useState6[0],
+      setIntervalID = _useState6[1];
+
+  var _useState7 = useState(0),
+      _useState8 = slicedToArray(_useState7, 2),
+      prevPercent = _useState8[0],
+      setPrevPercent = _useState8[1];
+
   var opts = {
     width: '100%',
     playerVars: {
@@ -3284,7 +3304,57 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     }
   };
 
-  return React__default.createElement(YouTube, { videoId: id, opts: opts });
+  useEffect(function () {
+    console.log('Video ' + prevPercent);
+    Beam.report_beam_event('Video ' + prevPercent, main_16);
+  }, [prevPercent]);
+
+  var handlePlayPercent = function handlePlayPercent(player) {
+    var time = player.getCurrentTime() * 100;
+    var duration = player.getDuration();
+    var ratio = Math.round(time / duration);
+    var percent = 0;
+
+    if (ratio > 10) percent = 10;
+    if (ratio > 20) percent = 20;
+    if (ratio > 30) percent = 30;
+    if (ratio > 40) percent = 40;
+    if (ratio > 50) percent = 50;
+    if (ratio > 60) percent = 60;
+    if (ratio > 70) percent = 70;
+    if (ratio > 80) percent = 80;
+    if (ratio > 90) percent = 90;
+    if (ratio > 95) percent = 95;
+
+    if (parseInt(prevPercent) != parseInt(percent)) {
+      setPrevPercent(percent);
+    }
+  };
+
+  var handleOnPlay = function handleOnPlay(event) {
+    // report play 
+    if (!playReported) {
+      console.log('Video Played');
+
+      Beam.report_beam_event('Video Played', main_16);
+      setPlayReported(true);
+      var _intervalID = setInterval(function () {
+        handlePlayPercent(event.target);
+      }, 1000);
+      setIntervalID(_intervalID);
+    }
+  };
+
+  var handleOnEnd = function handleOnEnd(event) {
+    if (!endReported) {
+      console.log('Video 100');
+      Beam.report_beam_event('Video 100', main_16);
+      setEndReported(true);
+      clearInterval(intervalID);
+    }
+  };
+
+  return React__default.createElement(YouTube, { videoId: id, opts: opts, onPlay: handleOnPlay, onEnd: handleOnEnd });
 };
 
 var Sidebar = function Sidebar(_ref) {
@@ -12194,7 +12264,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero-container {\n          margin: 0 -0.8rem;\n        }\n        @media screen and (min-width: 1400px) {\n          .article-hero-container {\n            display: flex;\n            flex-direction: row;\n          }\n        }\n        .top-article {\n          // width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        // .sub-articles-container {\n        //   width: 50%;\n        //   flex: 1 1 auto;\n        //   min-width: 350px;\n        // }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            // width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n        @media screen and (max-width: 1399px) and (min-width: 992px) {\n          .top-article {\n            // width: 50%;\n            flex: 1 1 auto;\n            margin-bottom: 1rem;\n          }\n          .middle-group {\n            display: none;\n          }\n          .middle-single {\n            display: block !important;\n            margin-top: 0 !important;\n          }\n          .top-article figure img {\n            max-height: 180px !important;\n          }\n          .top-article-summary {\n            display: none;\n          }\n        }\n        // @media only screen and (min-width) {\n        //   .sub-outer-container {\n        //     width: 50%;\n        //     flex: 1 1 auto;\n        //     min-width: 350px;\n        //   }\n        // }\n        .middle-single {\n          display: none;\n        }\n        .top-outer {\n          display: flex;\n        }\n      '
+      '\n        .article-hero-container {\n          margin: 0 -0.8rem;\n        }\n        @media screen and (min-width: 1400px) {\n          .article-hero-container {\n            display: flex;\n            flex-direction: row;\n            margin-bottom: 30px;\n          }\n          .top-outer {\n            width: 50%;\n          }\n          .sub-outer-container {\n            width: 50%;\n          }\n        }\n        .top-article {\n          // width: 50%;\n          margin: 0 1rem;\n          height: 100%;\n          display: block;\n        }\n        .top-article figure {\n          width: 100%;\n          height: 60%;\n        }\n        .top-article figure img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n        .top-article--body h1 {\n          font-size: 1.4rem;\n          color: black !important;\n          font-weight: bold;\n        }\n        // .sub-articles-container {\n        //   width: 50%;\n        //   flex: 1 1 auto;\n        //   min-width: 350px;\n        // }\n        .sub-article {\n          margin: 0 1rem 1rem;\n          display: flex;\n          flex-direction: row;\n        }\n        .sub-article figure {\n          width: 125px;\n        }\n        .sub-article figure img {\n          width: 125px;\n          height: auto;\n          object-fit: cover;\n        }\n        .sub-article--body {\n          padding-left: 1rem;\n          font-size: 0.9rem;\n        }\n        .sub-article--body h2 {\n          font-size: 1rem;\n          font-weight: bold;\n        }\n        @media screen and (max-width: 1368px) {\n          .article-hero-container {\n            flex-direction: column;\n          }\n          .top-article {\n            // width: unset;\n            flex: 1 1 auto;\n          }\n          .sub-articles-container {\n            width: 100%;\n            margin-top: 1rem;\n            min-width: 280px;\n          }\n        }\n        @media screen and (max-width: 1399px) and (min-width: 992px) {\n          .top-article {\n            // width: 50%;\n            flex: 1 1 auto;\n            margin-bottom: 1rem;\n          }\n          .middle-group {\n            display: none;\n          }\n          .middle-single {\n            display: block !important;\n            margin-top: 0 !important;\n          }\n          .top-article figure img {\n            max-height: 180px !important;\n          }\n          .top-article-summary {\n            display: none;\n          }\n        }\n        // @media only screen and (min-width) {\n        //   .sub-outer-container {\n        //     width: 50%;\n        //     flex: 1 1 auto;\n        //     min-width: 350px;\n        //   }\n        // }\n        .middle-single {\n          display: none;\n        }\n        .top-outer {\n          display: flex;\n        }\n      '
     )
   );
 };

package/dist/esm/{main-cd81c243.js → main-e84e7749.js}

@@ -848,4 +848,4 @@ var main_47 = main.osName;
 var main_48 = main.osVersion;
 var main_49 = main.withOrientationChange;
 
-export { main_35 as a, main_37 as b, main_36 as m };
+export { main_16 as a, main_35 as b, main_37 as c, main_36 as m };