@mjhls/mjh-framework 1.0.235 → 1.0.236

package/dist/esm/VideoSeriesListing.js

@@ -9,7 +9,7 @@ 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

@@ -13,19 +13,19 @@ 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-7990f509.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) {

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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.235",
+  "version": "1.0.236",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -86,9 +86,11 @@
     "dist"
   ],
   "dependencies": {
+    "cookie": "^0.4.1",
     "downloadjs": "^1.4.7",
     "faunadb": "^2.14.1",
     "js-cookie": "^2.2.1",
+    "next-cookies": "^2.0.3",
     "react-cookies": "^0.1.1",
     "shortid": "^2.2.15",
     "striptags": "^3.1.1"

package/dist/cjs/AdSlot-d87cef08.js

@@ -1,69 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var index = require('./index-0322e486.js');
-var PropTypes = _interopDefault(require('prop-types'));
-var debounce = require('./debounce-a963b136.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
-
-var DFPAdSlot = function DFPAdSlot(_ref) {
-  var adUnit = _ref.adUnit,
-      sizeMapping = _ref.sizeMapping,
-      className = _ref.className,
-      slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  var _useState = React.useState(false),
-      _useState2 = _babelHelpers.slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
-      adRefreshable = _useState4[0],
-      setAdRefreshable = _useState4[1];
-
-  var handleVisibilityChange = debounce.debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setAdRefreshable(false);
-    } else {
-      setAdRefreshable(true);
-    }
-  }, 500);
-
-  return React__default.createElement(
-    'div',
-    { className: className },
-    React__default.createElement(index.lib_2, {
-      slotId: slotId,
-      sizes: sizes,
-      adUnit: adUnit,
-      sizeMapping: sizeMapping,
-      targetingArguments: targeting,
-      onSlotRender: function onSlotRender(eventData) {
-        setAdRendered(true);
-      },
-      onSlotVisibilityChanged: handleVisibilityChange,
-      shouldRefresh: function shouldRefresh() {
-        if (adRendered && adRefreshable) return true;else return false;
-      }
-    })
-  );
-};
-
-DFPAdSlot.propTypes = {
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
-};
-
-exports.DFPAdSlot = DFPAdSlot;

package/dist/esm/AdSlot-0ea49f7e.js

@@ -1,64 +0,0 @@
-import React__default, { useState } from 'react';
-import { b as lib_2 } from './index-70f7c966.js';
-import PropTypes from 'prop-types';
-import { d as debounce_1 } from './debounce-dc0c02e5.js';
-import { s as slicedToArray } from './_babelHelpers-67c05996.js';
-
-var DFPAdSlot = function DFPAdSlot(_ref) {
-  var adUnit = _ref.adUnit,
-      sizeMapping = _ref.sizeMapping,
-      className = _ref.className,
-      slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  var _useState = useState(false),
-      _useState2 = slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = slicedToArray(_useState3, 2),
-      adRefreshable = _useState4[0],
-      setAdRefreshable = _useState4[1];
-
-  var handleVisibilityChange = debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setAdRefreshable(false);
-    } else {
-      setAdRefreshable(true);
-    }
-  }, 500);
-
-  return React__default.createElement(
-    'div',
-    { className: className },
-    React__default.createElement(lib_2, {
-      slotId: slotId,
-      sizes: sizes,
-      adUnit: adUnit,
-      sizeMapping: sizeMapping,
-      targetingArguments: targeting,
-      onSlotRender: function onSlotRender(eventData) {
-        setAdRendered(true);
-      },
-      onSlotVisibilityChanged: handleVisibilityChange,
-      shouldRefresh: function shouldRefresh() {
-        if (adRendered && adRefreshable) return true;else return false;
-      }
-    })
-  );
-};
-
-DFPAdSlot.propTypes = {
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
-};
-
-export { DFPAdSlot as D };