@gamelearn/arcade-components 0.16.3 → 0.17.0

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -78,6 +78,13 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       feedbackIsShown = _useState14[0],
       setFeedbackIsShown = _useState14[1];
 
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
 
   var _soundActions = _slicedToArray(soundActions, 1),
@@ -184,9 +191,10 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
       }, col);
     }));
   })), feedbackIsShown && /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
+    shortText: true,
+    translate: translate,
     text: feedBackText,
-    success: feedbackResult,
-    additionalStyle: "bottom"
+    success: feedbackResult
   }));
 };
 

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

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockProps = void 0;
 
-var emitEvent = function emitEvent() {
+var emitEvent = function emitEvent(_ref) {
+  var type = _ref.type,
+      payload = _ref.payload;
   console.log('Emit event called');
+
+  if (type === "translate") {
+    return payload;
+  }
 };
 
 var mockProps = {

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/survey-component/components/SurveyComponent.js

@@ -142,7 +142,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
         payload: survey
       });
     },
-    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : '')
+    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : '', " not-transition")
   }, translate('survey.finish')))));
 };
 

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.3",
+  "version": "0.17.0",
   "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"
     }
   }
-}
+}