@mjhls/mjh-framework 1.0.344 → 1.0.346

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.344
+# mjh-framework v. 1.0.346
 
 
 > Foundation Framework

package/dist/cjs/index.js

@@ -1853,7 +1853,8 @@ var EventsDeck = function EventsDeck(_ref) {
       headers: {
         Accept: 'application/json',
         'x-api-key': clientId,
-        Authorization: 'Bearer ' + accessToken
+        Authorization: 'Bearer ' + accessToken,
+        'Content-type': 'application/json'
       },
       body: AdSlot._JSON$stringify({ filter: filter }),
       method: 'POST'
@@ -2022,7 +2023,6 @@ var EventsDeck = function EventsDeck(_ref) {
       Row,
       null,
       data && data.map(function (row, index) {
-
         var speakerInfo = [];
         if (row.customFields) {
           speakerInfo = row.customFields.filter(function (x) {
@@ -12998,7 +12998,8 @@ var VideoMp4 = function VideoMp4(_ref) {
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
-      getSerializers = _ref.getSerializers;
+      getSerializers = _ref.getSerializers,
+      accountIDs = _ref.accountIDs;
 
   var builder = index.imageUrlBuilder(client);
   function urlFor(source) {
@@ -13132,6 +13133,15 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     AdSlot.Beam.report_beam_video('Ready', main.main_16, duration, current, segment);
+
+    //autoplay
+
+    //Small pause before starting next video
+    setTimeout(function () {
+      //Youtube API to start video playing automatically
+      var id = smoothscroll.getYoutubeId(vidUrl);
+      event.target.loadVideoById(id);
+    }, 1500);
   };
 
   // Handle video end
@@ -13220,9 +13230,11 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'div',
       { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: smoothscroll.getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
+      vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, { videoId: smoothscroll.getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
           return handleOnEnd(e);
-        } }) : React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+        } }),
+      vidUrl && vidType == 'mp4' && React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+      vidUrl && vidType == 'brightcove' && React__default.createElement(Video, { node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs }),
       React__default.createElement(
         'div',
         {
@@ -13273,7 +13285,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
+      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n        .brightcove .video-js {\n          float: none;\n          width: 100%;\n          height: 385px;\n        }\n        @media screen and (max-width: 1399px) {\n          .brightcove .video-js {\n            height: 360px;\n          }\n        }\n        @media screen and (max-width: 495px) {\n          .brightcove .video-js {\n            height: 255px;\n          }\n        }\n      '
     )
   );
 };
@@ -13702,7 +13714,7 @@ var getSerializers = function getSerializers() {
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default.createElement(YouTubeGallery, { nodes: node, client: client, getSerializers: getSerializers(client) });
+        return React__default.createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       figure: function figure(_ref3) {
         var node = _ref3.node;

package/dist/esm/index.js

@@ -1850,7 +1850,8 @@ var EventsDeck = function EventsDeck(_ref) {
       headers: {
         Accept: 'application/json',
         'x-api-key': clientId,
-        Authorization: 'Bearer ' + accessToken
+        Authorization: 'Bearer ' + accessToken,
+        'Content-type': 'application/json'
       },
       body: _JSON$stringify({ filter: filter }),
       method: 'POST'
@@ -2019,7 +2020,6 @@ var EventsDeck = function EventsDeck(_ref) {
       Row,
       null,
       data && data.map(function (row, index) {
-
         var speakerInfo = [];
         if (row.customFields) {
           speakerInfo = row.customFields.filter(function (x) {
@@ -12995,7 +12995,8 @@ var VideoMp4 = function VideoMp4(_ref) {
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
-      getSerializers = _ref.getSerializers;
+      getSerializers = _ref.getSerializers,
+      accountIDs = _ref.accountIDs;
 
   var builder = imageUrlBuilder(client);
   function urlFor(source) {
@@ -13129,6 +13130,15 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     Beam.report_beam_video('Ready', main_16, duration, current, segment);
+
+    //autoplay
+
+    //Small pause before starting next video
+    setTimeout(function () {
+      //Youtube API to start video playing automatically
+      var id = getYoutubeId(vidUrl);
+      event.target.loadVideoById(id);
+    }, 1500);
   };
 
   // Handle video end
@@ -13217,9 +13227,11 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'div',
       { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
+      vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
           return handleOnEnd(e);
-        } }) : React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+        } }),
+      vidUrl && vidType == 'mp4' && React__default.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
+      vidUrl && vidType == 'brightcove' && React__default.createElement(Video, { node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs }),
       React__default.createElement(
         'div',
         {
@@ -13270,7 +13282,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
+      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n        .brightcove .video-js {\n          float: none;\n          width: 100%;\n          height: 385px;\n        }\n        @media screen and (max-width: 1399px) {\n          .brightcove .video-js {\n            height: 360px;\n          }\n        }\n        @media screen and (max-width: 495px) {\n          .brightcove .video-js {\n            height: 255px;\n          }\n        }\n      '
     )
   );
 };
@@ -13699,7 +13711,7 @@ var getSerializers = function getSerializers() {
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default.createElement(YouTubeGallery, { nodes: node, client: client, getSerializers: getSerializers(client) });
+        return React__default.createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       figure: function figure(_ref3) {
         var node = _ref3.node;

package/package.json

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