@mjhls/mjh-framework 1.0.774 → 1.0.775

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.774
+# mjh-framework v. 1.0.775
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-db24842a.js');
 var _extends = require('./extends-1e24fc8d.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-1e24fc8d.js');
 var slicedToArray = require('./slicedToArray-db24842a.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var index = require('./index-4d74ffd6.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-974f47d9.js');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-821a2927.js');
 require('./_object-pie-68c5bcbc.js');

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var BlockContent = require('./BlockContent-eca358e4.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');
 require('./_to-object-821a2927.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-eca358e4.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');

package/dist/cjs/View.js

@@ -15,7 +15,7 @@ require('react-bootstrap/Dropdown');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var SocialShare = require('./SocialShare.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-193a2958.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 require('./BlockContent-eca358e4.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-db24842a.js');

package/dist/cjs/{index-9475e5ae.js → index-654bd07a.js}

@@ -2198,6 +2198,124 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
+var VideoMp4 = function VideoMp4(_ref) {
+  var url = _ref.url,
+      thumbnail = _ref.thumbnail,
+      vidLoaded = _ref.vidLoaded;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      playReported = _useState2[0],
+      setPlayReported = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      endReported = _useState4[0],
+      setEndReported = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      intervalID = _useState6[0],
+      setIntervalID = _useState6[1];
+
+  var queueProgress = [];
+
+  var handleOnReady = function handleOnReady(event) {
+    event.target.muted = true;
+    event.target.play();
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'MP4');
+  };
+
+  var handlePlayPercent = function handlePlayPercent(player) {
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    if (!queueProgress.includes(segment)) {
+      Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'MP4');
+      queueProgress.push(segment);
+    }
+  };
+
+  var handleOnPlay = function handleOnPlay(event) {
+    // report play
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'MP4');
+
+    if (!playReported) {
+      event.persist();
+      setPlayReported(true);
+      var _intervalID = setInterval(function () {
+        handlePlayPercent(event.target);
+      }, 1000);
+      setIntervalID(_intervalID);
+    }
+  };
+
+  var handleOnEnd = function handleOnEnd(event) {
+    if (!endReported) {
+      var player = event.target;
+      var current = player.currentTime;
+      var duration = player.duration;
+      var queue = Math.floor(duration / 10);
+      var segment = Math.floor(current / queue);
+
+      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'MP4');
+      setEndReported(true);
+      clearInterval(intervalID);
+    }
+  };
+
+  var handleOnPause = function handleOnPause(event) {
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration - current;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'MP4');
+  };
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    vidLoaded && React__default['default'].createElement(
+      'video',
+      {
+        poster: thumbnail || '',
+        style: { width: '100%' },
+        controls: true,
+        onCanPlay: function onCanPlay(e) {
+          return handleOnReady(e);
+        },
+        onPause: function onPause(e) {
+          return handleOnPause(e);
+        },
+        onEnded: function onEnded(e) {
+          return handleOnEnd(e);
+        },
+        onPlay: function onPlay(e) {
+          return handleOnPlay(e);
+        } },
+      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
+      'Your browser does not support the video tag.'
+    )
+  );
+};
+
 var Video = function Video(_ref) {
   var node = _ref.node,
       accountIDs = _ref.accountIDs,
@@ -2369,6 +2487,13 @@ var Video = function Video(_ref) {
     }
     return null;
   }
+  if (source === 'mp4') {
+    return React__default['default'].createElement(
+      'div',
+      null,
+      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+    );
+  }
 
   // TODO - add players for other video types
   return null;
@@ -6957,122 +7082,6 @@ var Audio = function Audio(_ref) {
   return null;
 };
 
-var VideoMp4 = function VideoMp4(_ref) {
-  var url = _ref.url,
-      thumbnail = _ref.thumbnail,
-      vidLoaded = _ref.vidLoaded;
-
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      playReported = _useState2[0],
-      setPlayReported = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      endReported = _useState4[0],
-      setEndReported = _useState4[1];
-
-  var _useState5 = React.useState(null),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      intervalID = _useState6[0],
-      setIntervalID = _useState6[1];
-
-  var queueProgress = [];
-
-  var handleOnReady = function handleOnReady(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main.main_16, duration, current, segment, 'MP4');
-  };
-
-  var handlePlayPercent = function handlePlayPercent(player) {
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main.main_16, duration, current, segment, 'MP4');
-      queueProgress.push(segment);
-    }
-  };
-
-  var handleOnPlay = function handleOnPlay(event) {
-    // report play
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Play', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main.main_16, duration, current, segment, 'MP4');
-
-    if (!playReported) {
-      event.persist();
-      setPlayReported(true);
-      var _intervalID = setInterval(function () {
-        handlePlayPercent(event.target);
-      }, 1000);
-      setIntervalID(_intervalID);
-    }
-  };
-
-  var handleOnEnd = function handleOnEnd(event) {
-    if (!endReported) {
-      var player = event.target;
-      var current = player.currentTime;
-      var duration = player.duration;
-      var queue = Math.floor(duration / 10);
-      var segment = Math.floor(current / queue);
-
-      Beam.report_beam_video('End', main.main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main.main_16, duration, current, segment, 'MP4');
-      setEndReported(true);
-      clearInterval(intervalID);
-    }
-  };
-
-  var handleOnPause = function handleOnPause(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration - current;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Pause', main.main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main.main_16, duration, current, segment, 'MP4');
-  };
-
-  return React__default['default'].createElement(
-    'div',
-    null,
-    vidLoaded && React__default['default'].createElement(
-      'video',
-      {
-        poster: thumbnail || '',
-        style: { width: '100%' },
-        controls: true,
-        onCanPlay: function onCanPlay(e) {
-          return handleOnReady(e);
-        },
-        onPause: function onPause(e) {
-          return handleOnPause(e);
-        },
-        onEnded: function onEnded(e) {
-          return handleOnEnd(e);
-        },
-        onPlay: function onPlay(e) {
-          return handleOnPlay(e);
-        } },
-      React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
-      'Your browser does not support the video tag.'
-    )
-  );
-};
-
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
   var biography = arguments[5];

package/dist/cjs/index.js

@@ -82,7 +82,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-9475e5ae.js');
+var getSerializers = require('./index-654bd07a.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import React from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import { m as momentTimezone } from './index-ccb770c7.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';

package/dist/esm/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
 import './_to-object-97770c52.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-d8cd739c.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-da6ed052.js';
+import { g as getSerializers } from './index-928f03b5.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';

package/dist/esm/View.js

@@ -13,7 +13,7 @@ import 'react-bootstrap/Dropdown';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-da6ed052.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-928f03b5.js';
 import SocialShare from './SocialShare.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-6a1081ff.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-da6ed052.js';
+export { g as default } from './index-928f03b5.js';
 import './BlockContent-d8cd739c.js';
 import './entities-932b50cf.js';
 import './slicedToArray-cdeaee08.js';

package/dist/esm/{index-da6ed052.js → index-928f03b5.js}

@@ -2184,6 +2184,124 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
+var VideoMp4 = function VideoMp4(_ref) {
+  var url = _ref.url,
+      thumbnail = _ref.thumbnail,
+      vidLoaded = _ref.vidLoaded;
+
+  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 queueProgress = [];
+
+  var handleOnReady = function handleOnReady(event) {
+    event.target.muted = true;
+    event.target.play();
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Ready', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'MP4');
+  };
+
+  var handlePlayPercent = function handlePlayPercent(player) {
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    if (!queueProgress.includes(segment)) {
+      Beam.report_beam_video('Segment', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'MP4');
+      queueProgress.push(segment);
+    }
+  };
+
+  var handleOnPlay = function handleOnPlay(event) {
+    // report play
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Play', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Play', main_16, duration, current, segment, 'MP4');
+
+    if (!playReported) {
+      event.persist();
+      setPlayReported(true);
+      var _intervalID = setInterval(function () {
+        handlePlayPercent(event.target);
+      }, 1000);
+      setIntervalID(_intervalID);
+    }
+  };
+
+  var handleOnEnd = function handleOnEnd(event) {
+    if (!endReported) {
+      var player = event.target;
+      var current = player.currentTime;
+      var duration = player.duration;
+      var queue = Math.floor(duration / 10);
+      var segment = Math.floor(current / queue);
+
+      Beam.report_beam_video('End', main_16, duration, current, segment, 'MP4');
+      Segment.report_video_event('Video End', main_16, duration, current, segment, 'MP4');
+      setEndReported(true);
+      clearInterval(intervalID);
+    }
+  };
+
+  var handleOnPause = function handleOnPause(event) {
+    var player = event.target;
+    var current = player.currentTime;
+    var duration = player.duration - current;
+    var queue = Math.floor(duration / 10);
+    var segment = Math.floor(current / queue);
+    Beam.report_beam_video('Pause', main_16, duration, current, segment, 'MP4');
+    Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
+  };
+
+  return React.createElement(
+    'div',
+    null,
+    vidLoaded && React.createElement(
+      'video',
+      {
+        poster: thumbnail || '',
+        style: { width: '100%' },
+        controls: true,
+        onCanPlay: function onCanPlay(e) {
+          return handleOnReady(e);
+        },
+        onPause: function onPause(e) {
+          return handleOnPause(e);
+        },
+        onEnded: function onEnded(e) {
+          return handleOnEnd(e);
+        },
+        onPlay: function onPlay(e) {
+          return handleOnPlay(e);
+        } },
+      React.createElement('source', { src: url, type: 'video/mp4' }),
+      'Your browser does not support the video tag.'
+    )
+  );
+};
+
 var Video = function Video(_ref) {
   var node = _ref.node,
       accountIDs = _ref.accountIDs,
@@ -2355,6 +2473,13 @@ var Video = function Video(_ref) {
     }
     return null;
   }
+  if (source === 'mp4') {
+    return React.createElement(
+      'div',
+      null,
+      React.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+    );
+  }
 
   // TODO - add players for other video types
   return null;
@@ -6943,122 +7068,6 @@ var Audio = function Audio(_ref) {
   return null;
 };
 
-var VideoMp4 = function VideoMp4(_ref) {
-  var url = _ref.url,
-      thumbnail = _ref.thumbnail,
-      vidLoaded = _ref.vidLoaded;
-
-  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 queueProgress = [];
-
-  var handleOnReady = function handleOnReady(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Ready', main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Ready', main_16, duration, current, segment, 'MP4');
-  };
-
-  var handlePlayPercent = function handlePlayPercent(player) {
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    if (!queueProgress.includes(segment)) {
-      Beam.report_beam_video('Segment', main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video Segment', main_16, duration, current, segment, 'MP4');
-      queueProgress.push(segment);
-    }
-  };
-
-  var handleOnPlay = function handleOnPlay(event) {
-    // report play
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Play', main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Play', main_16, duration, current, segment, 'MP4');
-
-    if (!playReported) {
-      event.persist();
-      setPlayReported(true);
-      var _intervalID = setInterval(function () {
-        handlePlayPercent(event.target);
-      }, 1000);
-      setIntervalID(_intervalID);
-    }
-  };
-
-  var handleOnEnd = function handleOnEnd(event) {
-    if (!endReported) {
-      var player = event.target;
-      var current = player.currentTime;
-      var duration = player.duration;
-      var queue = Math.floor(duration / 10);
-      var segment = Math.floor(current / queue);
-
-      Beam.report_beam_video('End', main_16, duration, current, segment, 'MP4');
-      Segment.report_video_event('Video End', main_16, duration, current, segment, 'MP4');
-      setEndReported(true);
-      clearInterval(intervalID);
-    }
-  };
-
-  var handleOnPause = function handleOnPause(event) {
-    var player = event.target;
-    var current = player.currentTime;
-    var duration = player.duration - current;
-    var queue = Math.floor(duration / 10);
-    var segment = Math.floor(current / queue);
-    Beam.report_beam_video('Pause', main_16, duration, current, segment, 'MP4');
-    Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
-  };
-
-  return React.createElement(
-    'div',
-    null,
-    vidLoaded && React.createElement(
-      'video',
-      {
-        poster: thumbnail || '',
-        style: { width: '100%' },
-        controls: true,
-        onCanPlay: function onCanPlay(e) {
-          return handleOnReady(e);
-        },
-        onPause: function onPause(e) {
-          return handleOnPause(e);
-        },
-        onEnded: function onEnded(e) {
-          return handleOnEnd(e);
-        },
-        onPlay: function onPlay(e) {
-          return handleOnPlay(e);
-        } },
-      React.createElement('source', { src: url, type: 'video/mp4' }),
-      'Your browser does not support the video tag.'
-    )
-  );
-};
-
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
   var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
   var biography = arguments[5];

package/dist/esm/index.js

@@ -78,7 +78,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-da6ed052.js';
+export { g as getSerializers } from './index-928f03b5.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

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