@gamelearn/arcade-components 0.16.4 → 0.17.1

package/dist/components/konva-components/KonvaMapper.js

@@ -142,25 +142,25 @@ var KonvaMapper = function KonvaMapper(_ref) {
     opacity: 0
   }), /*#__PURE__*/_react.default.createElement(_reactKonva.Group, {
     ref: badAreasGroup
-  }, badAreasList.map(function (area) {
+  }, badAreasList.map(function (area, ind) {
     return /*#__PURE__*/_react.default.createElement(_Area.default, {
       hasHighlights: hasHighlights,
       completed: completed,
       onClick: onClick,
       onClickOutside: onClickOutside,
-      key: area.name,
+      key: area.name + '_' + ind,
       area: area,
       isBad: true
     });
   })), /*#__PURE__*/_react.default.createElement(_reactKonva.Group, {
     ref: goodAreasGroup
-  }, areas.map(function (area) {
+  }, areas.map(function (area, ind) {
     return /*#__PURE__*/_react.default.createElement(_Area.default, {
       hasHighlights: hasHighlights,
       completed: completed,
       onClick: onClick,
       onClickOutside: onClickOutside,
-      key: area.name,
+      key: area.name + '_' + ind,
       area: area,
       isClicked: clickedZones.some(function (c) {
         return c.index === area.index;

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

@@ -48,10 +48,15 @@ var LecturesComponent = function LecturesComponent(_ref) {
       interval = _useState2[0],
       saveInterval = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(0),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      time = _useState4[0],
-      setTime = _useState4[1];
+      saved = _useState4[0],
+      save = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      time = _useState6[0],
+      setTime = _useState6[1];
 
   var currentLecture = text;
   var limit = Math.trunc(currentLecture.split(' ').length * READING_TIME);
@@ -70,8 +75,9 @@ var LecturesComponent = function LecturesComponent(_ref) {
     }
   }, [documentType, emitEvent, goToLecture, name, text]);
   (0, _react.useEffect)(function () {
-    if (!visible) {
+    if (!visible && !saved) {
       close();
+      save(true);
     }
 
     if (required && visible) {
@@ -87,7 +93,7 @@ var LecturesComponent = function LecturesComponent(_ref) {
     }
 
     return undefined;
-  }, [close, required, visible]);
+  }, [close, required, saved, visible]);
   (0, _react.useEffect)(function () {
     if (time === limit) {
       clearInterval(interval);

package/dist/components/terminal-puzzle-component/components/FilesGroup/index.js

@@ -21,17 +21,17 @@ var FilesGroup = function FilesGroup(_ref) {
       selectItem = _ref.selectItem;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.id === 'init' ? /*#__PURE__*/_react.default.createElement("ul", {
     className: "puzzle--terminal__folder__list desktop"
-  }, file.children.map(function (item) {
+  }, file.children.map(function (item, i) {
     return /*#__PURE__*/_react.default.createElement(_Item.default, {
-      key: item.fileId,
+      key: i,
       selectItem: selectItem,
       item: item
     });
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
     className: "puzzle--terminal__folder__list desktop"
-  }, initFile.children.map(function (item) {
+  }, initFile.children.map(function (item, i) {
     return /*#__PURE__*/_react.default.createElement(_Item.default, {
-      key: item.fileId,
+      key: i,
       selectItem: selectItem,
       item: item
     });
@@ -61,9 +61,9 @@ var FilesGroup = function FilesGroup(_ref) {
     className: "puzzle--terminal__folder--body"
   }, /*#__PURE__*/_react.default.createElement("ul", {
     className: "puzzle--terminal__folder__list"
-  }, file.children.map(function (item) {
+  }, file.children.map(function (item, i) {
     return /*#__PURE__*/_react.default.createElement(_Item.default, {
-      key: item.fileId,
+      key: i,
       selectItem: selectItem,
       item: item
     });

package/dist/components/terminal-puzzle-component/components/Visor/index.js

@@ -93,40 +93,17 @@ var Visor = function Visor(_ref) {
   var filename = file.name;
   var title = filename.replace(/.jpg|.png|.pdf|.mp4/gi, '');
   var solutionId = solution.fileId;
-
-  var Feedback = function Feedback(_ref2) {
-    var status = _ref2.status,
-        feedback = _ref2.feedback;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "puzzle--terminal__visor--message ".concat(status)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "puzzle--terminal__visor--file"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "puzzle--terminal__icon ".concat(ICONS[file.type])
-    }), /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "title"
-    }, feedback ? translate(feedback) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement("span", {
-      onClick: function onClick() {
-        return backFile();
-      },
-      className: "puzzle--terminal__folder--close"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-close"
-    })));
-  };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--terminal__visor"
-  }, fileId === solutionId ? /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
-    success: "success",
-    text: info.solution.right.desc,
+  }, /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
+    shortText: true,
+    success: fileId === solutionId,
+    text: fileId === solutionId ? info.solution.right.desc : info.solution.wrong.desc,
     functionOnClose: backFile,
     additionalStyle: ICONS[file.type],
     secondText: title,
+    translate: translate,
     puzzleHeaderClass: 'puzzle--terminal__visor--message'
-  }) : /*#__PURE__*/_react.default.createElement(Feedback, {
-    success: "failed",
-    feedback: info.solution.wrong.desc
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--terminal__visor--body"
   }, /*#__PURE__*/_react.default.createElement(View, viewProps)), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/terminal-puzzle-component/mocks/mockForStory.js

@@ -14,6 +14,10 @@ var disableExit = function disableExit(p) {
   console.log('disable exit', p);
 };
 
+var translate = function translate(payload) {
+  return 'wtf';
+};
+
 var mockProps = {
   emitEvent: emitEvent,
   disableExit: disableExit,
@@ -90,11 +94,11 @@ var mockProps = {
     },
     solution: {
       right: {
-        desc: 'correctSolution',
+        desc: '160maxA while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A ',
         rewards: [{}]
       },
       wrong: {
-        desc: 'wrongSolution',
+        desc: '160maxA while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits)asd asdf sdf  A ',
         rewards: [{}]
       }
     },
@@ -115,6 +119,7 @@ exports.mockProps = mockProps;
 var realMockProps = {
   emitEvent: emitEvent,
   disableExit: disableExit,
+  soundActions: [function () {}, function () {}],
   backgroundImage: {
     url: "https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg"
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.16.4",
+  "version": "0.17.1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -55,7 +55,7 @@
     "@babel/cli": "7.12.10",
     "@babel/preset-env": "7.12.11",
     "@babel/preset-react": "7.12.10",
-    "@gamelearn/ui-components-core": "^5.30.0",
+    "@gamelearn/ui-components-core": "5.32.0",
     "@react-three/test-renderer": "6.0.6",
     "@storybook/addon-actions": "6.1.11",
     "@storybook/addon-essentials": "6.1.11",
@@ -76,4 +76,4 @@
       "^react-pdf$": "react-pdf/dist/umd/entry.jest"
     }
   }
-}
+}