@gamelearn/arcade-components 0.17.5 → 0.18.0

package/dist/components/lectures-component/components/LecturesComponent.js

@@ -36,8 +36,10 @@ var READING_TIME = 0.2;
 var LecturesComponent = function LecturesComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       name = _ref.name,
+      name_labelId = _ref.name_labelId,
       required = _ref.required,
       text = _ref.text,
+      text_labelId = _ref.text_labelId,
       visible = _ref.visible,
       documentType = _ref.documentType,
       viewed = _ref.viewed,
@@ -66,14 +68,14 @@ var LecturesComponent = function LecturesComponent(_ref) {
       emitEvent({
         type: 'finishMedia',
         payload: {
-          name: name,
+          name: name_labelId,
           type: 'text',
-          text: text,
+          text: text_labelId,
           documentType: documentType
         }
       });
     }
-  }, [documentType, emitEvent, goToLecture, name, text]);
+  }, [documentType, emitEvent, goToLecture, name_labelId, text_labelId]);
   (0, _react.useEffect)(function () {
     if (!visible && !saved) {
       close();

package/dist/components/media-visor/components/MediaVisor.js

@@ -36,7 +36,7 @@ var defaultBgImageForAudio = "https://min.gamelearn.io/css-resources/gamelearn/r
 var VideoVisor = function VideoVisor(_ref) {
   var documentType = _ref.documentType,
       url = _ref.url,
-      imgId = _ref.imgId,
+      backgroundImage = _ref.backgroundImage,
       endVideo = _ref.endVideo;
 
   var _useState = (0, _react.useState)(),
@@ -93,7 +93,7 @@ var VideoVisor = function VideoVisor(_ref) {
 
     return undefined;
   }, [isHls, url, videoPlayer]);
-  var audioBackgroundImage = imgId || defaultBgImageForAudio;
+  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
   var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
   var configForAudio = {
     backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
@@ -128,7 +128,7 @@ var VideoVisor = function VideoVisor(_ref) {
 VideoVisor.defaultProps = {
   url: "",
   name: "",
-  imgId: null,
+  backgroundImage: null,
   documentType: "",
   required: false,
   viewed: false,

package/dist/components/pdf-component/components/PdfComponent.js

@@ -40,7 +40,8 @@ var PdfComponent = function PdfComponent(_ref) {
       required = _ref.required,
       viewed = _ref.viewed,
       visible = _ref.visible,
-      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible"]);
+      documentId = _ref.documentId,
+      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible", "documentId"]);
 
   var translate = function translate(id) {
     return emitEvent({
@@ -63,10 +64,10 @@ var PdfComponent = function PdfComponent(_ref) {
     return {
       documentType: documentType,
       name: name,
-      document: documentFile,
+      documentId: documentId,
       type: 'pdf'
     };
-  }, [documentType, name, documentFile]);
+  }, [documentType, name, documentId]);
   var emitFinish = (0, _react.useCallback)(function () {
     emitEvent({
       type: 'finishMedia',

package/dist/components/video-component/components/VideoComponent.js

@@ -22,22 +22,24 @@ var VideoComponent = function VideoComponent(_ref) {
       name = _ref.name,
       documentType = _ref.documentType,
       document = _ref.document,
+      documentId = _ref.documentId,
       required = _ref.required,
       viewed = _ref.viewed,
       visible = _ref.visible,
-      img = _ref.img;
+      img = _ref.img,
+      imgId = _ref.imgId;
   var url = document.url;
   var item = (0, _react.useMemo)(function () {
     return {
-      document: document,
-      img: img,
+      documentId: documentId,
+      imgId: imgId,
       required: required,
       name: name,
       type: 'video',
       viewed: viewed,
       documentType: documentType
     };
-  }, [document, required, name, viewed, img, documentType]);
+  }, [documentId, imgId, required, name, viewed, documentType]);
 
   var _endVideo = (0, _react.useCallback)(function () {
     emitEvent({
@@ -57,7 +59,7 @@ var VideoComponent = function VideoComponent(_ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_videoVisor.default, {
-    imgId: img === null || img === void 0 ? void 0 : img.url,
+    backgroundImage: img === null || img === void 0 ? void 0 : img.url,
     url: url,
     documentType: documentType,
     required: required,

package/dist/components/video-visor/components/VideoVisor.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _hls = _interopRequireDefault(require("hls.js"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _VideoControllers = _interopRequireDefault(require("./VideoControllers"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -42,7 +40,7 @@ var VideoVisor = function VideoVisor(_ref) {
       url = _ref.url,
       required = _ref.required,
       viewed = _ref.viewed,
-      imgId = _ref.imgId,
+      backgroundImage = _ref.backgroundImage,
       endVideo = _ref.endVideo;
 
   var _useState = (0, _react.useState)(0),
@@ -216,7 +214,7 @@ var VideoVisor = function VideoVisor(_ref) {
     }
   };
 
-  var audioBackgroundImage = imgId || defaultBgImageForAudio;
+  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
   var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
   var configForAudio = {
     backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
@@ -289,20 +287,11 @@ var VideoVisor = function VideoVisor(_ref) {
 VideoVisor.defaultProps = {
   url: "",
   name: "",
-  imgId: null,
+  backgroundImage: null,
   documentType: "",
   required: false,
   viewed: false,
   endVideo: function endVideo() {}
 };
-VideoVisor.propTypes = {
-  endVideo: _propTypes.default.func,
-  url: _propTypes.default.string,
-  documentType: _propTypes.default.string,
-  name: _propTypes.default.string,
-  imgId: _propTypes.default.string,
-  required: _propTypes.default.bool,
-  viewed: _propTypes.default.bool
-};
 var _default = VideoVisor;
 exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.17.5",
+  "version": "0.18.0",
   "main": "dist/index.js",
   "files": [
     "dist",