@mjhls/mjh-framework 1.0.234 → 1.0.236

package/dist/cjs/QueueDeckExpanded.js

@@ -7,16 +7,16 @@ var React__default = _interopDefault(React);
 require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 require('prop-types');
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-8936e703.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
 var index$1 = require('./index-a4c53ff4.js');
 var index$2 = require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
+var main = require('./main-becc38ae.js');
 var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {

package/dist/cjs/{TaxonomyCard-d97685e2.js → TaxonomyCard-0d4ec68b.js}

@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 var index$1 = require('./index-a4c53ff4.js');
 var index$2 = require('./index-0d0efcfa.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 
 /*
 object-assign

package/dist/cjs/TaxonomyCard.js

@@ -10,8 +10,8 @@ require('react-bootstrap/Card');
 require('react-dom');
 require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
-require('./_babelHelpers-f321c258.js');
-var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
+require('./_babelHelpers-4a69caad.js');
+var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
 
 
 

package/dist/cjs/TemplateNormal.js

@@ -9,14 +9,14 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
 require('./debounce-a963b136.js');
-require('./main-58839f4e.js');
-require('./_babelHelpers-f321c258.js');
-require('./AdSlot-d87cef08.js');
+require('./main-becc38ae.js');
+require('./_babelHelpers-4a69caad.js');
+require('./AdSlot-983cfe5f.js');
 require('./get-126b1712.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-821546cd.js');
+var TemplateNormal = require('./Normal-815c5ad0.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/{Ustream-0d3dd953.js → Ustream-5f595d09.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 // THIS FILE IS AUTO GENERATED

package/dist/cjs/Ustream.js

@@ -1,9 +1,9 @@
 'use strict';
 
 require('react');
-require('./_babelHelpers-f321c258.js');
+require('./_babelHelpers-4a69caad.js');
 require('./index.esm-340d3792.js');
-var Ustream = require('./Ustream-0d3dd953.js');
+var Ustream = require('./Ustream-5f595d09.js');
 
 
 

package/dist/cjs/VideoSeriesListing.js

@@ -8,14 +8,14 @@ require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-8936e703.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 require('./index-0d0efcfa.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
 var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
 var index_esm = require('./index.esm-340d3792.js');
 

package/dist/cjs/{_babelHelpers-f321c258.js → _babelHelpers-4a69caad.js}

@@ -1,5 +1,34 @@
 'use strict';
 
+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");
@@ -111,6 +140,7 @@ var toConsumableArray = function (arr) {
 };
 
 exports._extends = _extends;
+exports.asyncToGenerator = asyncToGenerator;
 exports.classCallCheck = classCallCheck;
 exports.createClass = createClass;
 exports.inherits = inherits;

package/dist/cjs/index.js

@@ -13,7 +13,7 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 require('react-bootstrap/Card');
-var visibilitySensor = require('./visibility-sensor-bea3105d.js');
+var visibilitySensor = require('./visibility-sensor-8936e703.js');
 var Link = _interopDefault(require('next/link'));
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
@@ -21,17 +21,17 @@ var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 var index$1 = require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
+var main = require('./main-becc38ae.js');
 var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var AdSlot = require('./AdSlot-d87cef08.js');
+var _babelHelpers = require('./_babelHelpers-4a69caad.js');
+var AdSlot = require('./AdSlot-983cfe5f.js');
 var DeckContent = require('./DeckContent.js');
 require('./get-126b1712.js');
-var GridContent = require('./GridContent-757aef92.js');
+var GridContent = require('./GridContent-3f7dc5ac.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
-var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
+var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
 var GroupDeck = require('./GroupDeck.js');
 var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
 var reactBootstrap = require('react-bootstrap');
@@ -45,7 +45,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-821546cd.js');
+var TemplateNormal = require('./Normal-815c5ad0.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -61,7 +61,7 @@ var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
 var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
 var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
-var Ustream = require('./Ustream-0d3dd953.js');
+var Ustream = require('./Ustream-5f595d09.js');
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
@@ -3279,6 +3279,26 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
 
   var id = YoutubeGroup.getYoutubeId(url);
 
+  var _useState = React.useState(false),
+      _useState2 = _babelHelpers.slicedToArray(_useState, 2),
+      playReported = _useState2[0],
+      setPlayReported = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
+      endReported = _useState4[0],
+      setEndReported = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = _babelHelpers.slicedToArray(_useState5, 2),
+      intervalID = _useState6[0],
+      setIntervalID = _useState6[1];
+
+  var _useState7 = React.useState(0),
+      _useState8 = _babelHelpers.slicedToArray(_useState7, 2),
+      prevPercent = _useState8[0],
+      setPrevPercent = _useState8[1];
+
   var opts = {
     width: '100%',
     playerVars: {
@@ -3286,7 +3306,57 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
     }
   };
 
-  return React__default.createElement(YouTube, { videoId: id, opts: opts });
+  React.useEffect(function () {
+    console.log('Video ' + prevPercent);
+    AdSlot.Beam.report_beam_event('Video ' + prevPercent, main.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');
+
+      AdSlot.Beam.report_beam_event('Video Played', main.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');
+      AdSlot.Beam.report_beam_event('Video 100', main.main_16);
+      setEndReported(true);
+      clearInterval(intervalID);
+    }
+  };
+
+  return React__default.createElement(YouTube, { videoId: id, opts: opts, onPlay: handleOnPlay, onEnd: handleOnEnd });
 };
 
 var Sidebar = function Sidebar(_ref) {
@@ -12196,7 +12266,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      '
     )
   );
 };
@@ -13100,6 +13170,7 @@ var _initialiseProps = function _initialiseProps() {
 };
 
 exports.AdSlot = AdSlot.DFPAdSlot;
+exports.Beam = AdSlot.Beam;
 exports.DeckContent = DeckContent;
 exports.AD = GridContent.AD;
 exports.GridContent = GridContent.GridContent;

package/dist/cjs/{main-58839f4e.js → main-becc38ae.js}

@@ -853,6 +853,7 @@ var main_47 = main.osName;
 var main_48 = main.osVersion;
 var main_49 = main.withOrientationChange;
 
+exports.main_16 = main_16;
 exports.main_35 = main_35;
 exports.main_36 = main_36;
 exports.main_37 = main_37;