luna-one 3.1.494 → 3.1.496

package/dist/luna/components/UnboundedCard/UnboundedCardMethods.js

@@ -11,12 +11,19 @@ var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/he
 
 var _react = _interopRequireDefault(require("react"));
 
-var _terraOne = _interopRequireDefault(require("terra-one"));
-
 var _component = _interopRequireDefault(require("@loadable/component"));
 
 var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
 
+var Button = (0, _component["default"])(function () {
+  return Promise.resolve().then(function () {
+    return (0, _interopRequireWildcard2["default"])(require("terra-one"));
+  });
+}, {
+  resolveComponent: function resolveComponent(components) {
+    return components.Button;
+  }
+});
 var FocusedImage = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -110,7 +117,7 @@ var renderModal = function renderModal(modalType, imageSizes, modalContent, moda
 };
 
 var renderButton = function renderButton(buttonContent, Link) {
-  return /*#__PURE__*/_react["default"].createElement(_terraOne["default"], {
+  return /*#__PURE__*/_react["default"].createElement(Button, {
     name: (buttonContent === null || buttonContent === void 0 ? void 0 : buttonContent.name) || null,
     text: (buttonContent === null || buttonContent === void 0 ? void 0 : buttonContent.text) || null,
     className: (buttonContent === null || buttonContent === void 0 ? void 0 : buttonContent.type) || "ter-button--primary--1",

package/dist/luna/components/Video/Video.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isVidyardReady = exports.imageSizes = exports.getThumbnailSrc = exports.getThumbnailAlt = exports.getReactPlayerClassName = exports.getModalClassName = exports.deployModalOnEnter = exports["default"] = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/interopRequireWildcard"));
 
 var _react = _interopRequireWildcard3(require("react"));
@@ -436,8 +436,20 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
   var setOverride = arguments.length > 19 ? arguments[19] : undefined;
   var setVisible = arguments.length > 20 ? arguments[20] : undefined;
 
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isPaused = _useState2[0],
+      setIsPaused = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      playedSeconds = _useState4[0],
+      setPlayedSeconds = _useState4[1];
+
+  var player = (0, _react.useRef)(_react["default"].ReactPlayer);
+
   if (video && thumbnail && !image && modalDeployed) {
-    var _content$video, _content$video$url, _content$video2, _content$video3, _content$video3$url, _content$video4, _content$video5, _content$video6, _content$video7;
+    var _content$video, _content$video$url, _content$video2, _content$video3, _content$video3$url, _content$video4, _content$video5, _content$video6, _content$video8;
 
     var type;
 
@@ -466,7 +478,20 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "luna-super-hero__video-close-wrapper",
-      onClick: function onClick() {
+      onClick: function onClick(event) {
+        if (type === "youtube" || type === "vimeo") {
+          var _player$current, _content$video7;
+
+          setVideoProgress({
+            type: type,
+            eventType: event,
+            playedSeconds: playedSeconds,
+            video_action: isPaused ? "paused" : "on-going",
+            length: player === null || player === void 0 ? void 0 : (_player$current = player.current) === null || _player$current === void 0 ? void 0 : _player$current.getDuration(),
+            title: content === null || content === void 0 ? void 0 : (_content$video7 = content.video) === null || _content$video7 === void 0 ? void 0 : _content$video7.videoTitle
+          });
+        }
+
         if (override) {
           setOverride(false);
 
@@ -484,16 +509,20 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
       className: "luna-super-hero__close-button"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: getReactPlayerClassName(content === null || content === void 0 ? void 0 : content.vidyard, modalDeployed)
-    }, (content === null || content === void 0 ? void 0 : content.video) && !(content !== null && content !== void 0 && (_content$video7 = content.video) !== null && _content$video7 !== void 0 && _content$video7.vidyard) && modalDeployed && /*#__PURE__*/_react["default"].createElement(ReactPlayer, {
+    }, (content === null || content === void 0 ? void 0 : content.video) && !(content !== null && content !== void 0 && (_content$video8 = content.video) !== null && _content$video8 !== void 0 && _content$video8.vidyard) && modalDeployed && /*#__PURE__*/_react["default"].createElement(ReactPlayer, {
+      ref: player,
       url: content.video.url,
       onProgress: function onProgress(videoProgress) {
-        var _content$video8;
+        var _player$current2, _content$video9;
 
         setVideoProgress((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
           type: type
         }, videoProgress), {}, {
-          title: content === null || content === void 0 ? void 0 : (_content$video8 = content.video) === null || _content$video8 === void 0 ? void 0 : _content$video8.videoTitle
+          video_action: isPaused ? "paused" : "on-going",
+          length: player === null || player === void 0 ? void 0 : (_player$current2 = player.current) === null || _player$current2 === void 0 ? void 0 : _player$current2.getDuration(),
+          title: content === null || content === void 0 ? void 0 : (_content$video9 = content.video) === null || _content$video9 === void 0 ? void 0 : _content$video9.videoTitle
         }));
+        setPlayedSeconds(videoProgress === null || videoProgress === void 0 ? void 0 : videoProgress.playedSeconds);
       },
       width: "100%",
       height: "100%",
@@ -502,10 +531,12 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
       onStart: function onStart() {
         togglePlaying(true);
       },
-      onPlay: function onPlay() {
+      onPlay: function onPlay(videoProgress) {
+        setIsPaused(false);
         togglePlaying(true);
       },
-      onPause: function onPause() {
+      onPause: function onPause(videoProgress) {
+        setIsPaused(true);
         togglePlaying(false);
       },
       onEnded: function onEnded() {
@@ -521,7 +552,9 @@ var renderVideo = function renderVideo(video, thumbnail, hovering, modalDeployed
       video: content === null || content === void 0 ? void 0 : content.video,
       videoProgress: videoProgress,
       setVideoProgress: setVideoProgress,
-      type: type
+      type: type,
+      setIsPaused: setIsPaused,
+      isPaused: isPaused
     })), transcript && transcriptText && /*#__PURE__*/_react["default"].createElement("div", {
       className: "luna-super-hero__transcript-wrapper luna-super-hero__transcript-wrapper--".concat(isVidyardReady(video, modalDeployed))
     }, transcript && !transcriptVisable && /*#__PURE__*/_react["default"].createElement("p", {
@@ -628,10 +661,10 @@ var VideoComponent = function VideoComponent(_ref) {
     deployModal();
   }
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      transcriptVisable = _useState2[0],
-      setTranscriptVisable = _useState2[1];
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      transcriptVisable = _useState6[0],
+      setTranscriptVisable = _useState6[1];
 
   var _useMouse = (0, _useMouse2["default"])(),
       mouse = _useMouse.mouse;

package/dist/luna/components/VidyardModal/VidyardModal.js

@@ -58,7 +58,6 @@ var VidyardModal = /*#__PURE__*/function (_Component) {
       }
     };
 
-    _this.state = {};
     return _this;
   }
 
@@ -72,27 +71,51 @@ var VidyardModal = /*#__PURE__*/function (_Component) {
     value: function componentWillUnmount() {
       this.removeVideo();
     }
+  }, {
+    key: "componentWillUpdate",
+    value: function componentWillUpdate() {
+      this.registerProgressEvents(_embedCode["default"]);
+    }
   }, {
     key: "registerProgressEvents",
     value: function registerProgressEvents(VidyardEmbed) {
       var _this2 = this;
 
+      var paused = true;
       VidyardEmbed.api.progressEvents(function (_ref) {
-        var _this2$props, _player$metadata, _this2$props2;
+        var _this2$props3, _player$metadata2, _this2$props4;
 
         var chapter = _ref.chapter,
             event = _ref.event,
             player = _ref.player;
+        player === null || player === void 0 ? void 0 : player.on("pause", function () {
+          var _this2$props, _player$metadata, _this2$props2;
+
+          paused = true;
+          _this2 === null || _this2 === void 0 ? void 0 : (_this2$props = _this2.props) === null || _this2$props === void 0 ? void 0 : _this2$props.setVideoProgress({
+            playedPercentage: event,
+            id: player === null || player === void 0 ? void 0 : player.uuid,
+            name: player === null || player === void 0 ? void 0 : (_player$metadata = player.metadata) === null || _player$metadata === void 0 ? void 0 : _player$metadata.name,
+            video_action: "paused",
+            videoProvider: "vidyard",
+            type: (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 ? void 0 : _this2$props2.type,
+            title: _this2.props.video.videoTitle
+          });
+        });
+        player === null || player === void 0 ? void 0 : player.on("play", function () {
+          paused = false;
+        });
         var name = player.metadata.chapters_attributes[chapter].video_attributes.name;
-        _this2 === null || _this2 === void 0 ? void 0 : (_this2$props = _this2.props) === null || _this2$props === void 0 ? void 0 : _this2$props.setVideoProgress({
+        _this2 === null || _this2 === void 0 ? void 0 : (_this2$props3 = _this2.props) === null || _this2$props3 === void 0 ? void 0 : _this2$props3.setVideoProgress({
           playedPercentage: event,
           id: player === null || player === void 0 ? void 0 : player.uuid,
-          name: player === null || player === void 0 ? void 0 : (_player$metadata = player.metadata) === null || _player$metadata === void 0 ? void 0 : _player$metadata.name,
+          name: player === null || player === void 0 ? void 0 : (_player$metadata2 = player.metadata) === null || _player$metadata2 === void 0 ? void 0 : _player$metadata2.name,
+          video_action: "on-going",
           videoProvider: "vidyard",
-          type: (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 ? void 0 : _this2$props2.type,
+          type: (_this2$props4 = _this2.props) === null || _this2$props4 === void 0 ? void 0 : _this2$props4.type,
           title: _this2.props.video.videoTitle
         });
-      });
+      }, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100]);
     }
   }, {
     key: "render",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.494",
+  "version": "3.1.496",
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",