@gamelearn/arcade-components 2.5.11 → 2.7.0

package/dist/components/auto-evaluation-component/components/AutoEvaluation.js

@@ -56,30 +56,35 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
       emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions;
 
-  var _useState = (0, _react.useState)('start'),
+  var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
-      phase = _useState2[0],
-      setPhase = _useState2[1];
+      pointIsBeingTouched = _useState2[0],
+      setPointIsBeingTouched = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)('start'),
       _useState4 = _slicedToArray(_useState3, 2),
-      finish = _useState4[0],
-      setFinish = _useState4[1];
+      phase = _useState4[0],
+      setPhase = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(0),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      currentQuestion = _useState6[0],
-      setCurrentQuestion = _useState6[1];
+      finish = _useState6[0],
+      setFinish = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentQuestion = _useState8[0],
+      setCurrentQuestion = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({
     current: {
       questions: [],
       type: type
     }
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      surveyData = _useState8[0],
-      setSurveyData = _useState8[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      surveyData = _useState10[0],
+      setSurveyData = _useState10[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -182,10 +187,16 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
 
     return /*#__PURE__*/_react.default.createElement("li", {
       key: "".concat(0 + i),
+      onTouchStart: function onTouchStart() {
+        setPointIsBeingTouched(i);
+      },
+      onTouchEnd: function onTouchEnd() {
+        setPointIsBeingTouched(null);
+      },
       onClick: function onClick() {
         handleNextQuestion(i, false);
       },
-      className: "survey--points__item ".concat(((_surveyData$current$q2 = surveyData.current.questions[currentQuestion]) === null || _surveyData$current$q2 === void 0 ? void 0 : _surveyData$current$q2.answer) === i ? 'selected' : '')
+      className: "survey--points__item ".concat(((_surveyData$current$q2 = surveyData.current.questions[currentQuestion]) === null || _surveyData$current$q2 === void 0 ? void 0 : _surveyData$current$q2.answer) === i || pointIsBeingTouched === i ? 'selected' : '')
     }, i);
   }))))), /*#__PURE__*/_react.default.createElement("div", {
     className: "test--buttons next"

package/dist/components/cartel-component/components/CartelComponent.js

@@ -123,7 +123,7 @@ var CartelComponent = function CartelComponent(_ref) {
     className: "position--absolute top right"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       return close();
     }

package/dist/components/comic-component/components/ComicComponent.js

@@ -186,7 +186,7 @@ var ComicComponent = function ComicComponent(_ref) {
     className: "position--absolute top right"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     "data-testid": "btn-cls",
     onClick: function onClick() {
       play('click-ui');

package/dist/components/image-component/components/ImageComponent.js

@@ -81,7 +81,7 @@ var ImageComponent = function ImageComponent(_ref) {
     className: !imgUrl ? 'position--absolute top right' : 'readings--image--closeBtn'
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: close
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"

package/dist/components/inventory-item/components/InventoryItem.js

@@ -73,17 +73,21 @@ var InventoryItem = function InventoryItem(_ref) {
     className: "inventory--layer__info",
     dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory--layer__info--popup fadeIn--animation"
+    className: "inventory-popup fadeIn--animation ".concat(description ? 'inventory-popup--withdescription' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory--info__close",
+    className: "inventory-popup__close",
     onClick: function onClick() {
       playSound('click-ui');
       onFinish();
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory--layer__info--image"
+  })), /*#__PURE__*/_react.default.createElement("h1", {
+    className: "inventory-popup__title"
+  }, name), description && /*#__PURE__*/_react.default.createElement("div", {
+    className: "inventory-popup__description"
+  }, description), /*#__PURE__*/_react.default.createElement("div", {
+    className: "inventory-popup__image"
   }, /*#__PURE__*/_react.default.createElement(_fiber.Canvas, {
     style: {
       height: '100%'
@@ -111,9 +115,7 @@ var InventoryItem = function InventoryItem(_ref) {
     enablePan: false
   }), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
     all: true
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory--layer__info--description"
-  }, /*#__PURE__*/_react.default.createElement("h1", null, name), /*#__PURE__*/_react.default.createElement("p", null, description))));
+  }))))));
 };
 
 var _default = InventoryItem;

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

@@ -130,13 +130,13 @@ var LecturesComponent = function LecturesComponent(_ref) {
   }, name), /*#__PURE__*/_react.default.createElement("div", {
     className: "readings--text",
     dir: "auto"
-  }, currentLecture ? (0, _htmlReactParser.default)(currentLecture) : null), !viewed ? /*#__PURE__*/_react.default.createElement(_LectureButtons.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, currentLecture ? (0, _htmlReactParser.default)(currentLecture) : null), !viewed ? /*#__PURE__*/_react.default.createElement(_LectureButtons.default, {
     goToLecture: goToLecture,
     close: close,
     minutes: minutes,
     seconds: seconds,
     btnText: translate('screens.continue')
-  }) : null)) : null;
+  }) : null))) : null;
 };
 
 LecturesComponent.defaultProps = {

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

@@ -114,7 +114,7 @@ var VideoVisor = function VideoVisor(_ref) {
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute right top z-index1"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: endVideo
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"

package/dist/components/notice-component/components/NoticeComponent.js

@@ -41,7 +41,7 @@ var NoticeComponent = function NoticeComponent(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "popup--layer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup"
+    className: "popup popup--notice"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "popup--head__title"
   }, title), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/pattern-component/components/PatternComponent.js

@@ -70,7 +70,7 @@ var PatternComponent = function PatternComponent(_ref) {
     className: "pattern__title"
   }, translate('phone.pattern')), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "pattern__close gat--btn__round",
+    className: "pattern__close gat--btn__round gat--btn__close",
     onClick: function onClick() {
       return close();
     }

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

@@ -117,7 +117,7 @@ var PdfComponent = function PdfComponent(_ref) {
     className: "position--absolute top right z-index1"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       emitFinish();
       play('click-ui');

package/dist/components/survey-component/components/SurveyComponent.js

@@ -72,7 +72,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
   var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
       finished = _useState6[0],
-      finish = _useState6[1];
+      setFinished = _useState6[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -90,8 +90,12 @@ var SurveyComponent = function SurveyComponent(_ref) {
     play('click-ui');
 
     if (!backward && page + 1 >= PAGES.length) {
-      finish(true);
+      setFinished(true);
     } else {
+      if (backward) {
+        setFinished(false);
+      }
+
       var destinationPage = backward ? page - 1 : page + 1;
       setPage(destinationPage);
     }
@@ -121,12 +125,22 @@ var SurveyComponent = function SurveyComponent(_ref) {
     id: PAGES[page].id,
     survey: survey,
     translate: translate,
-    changePage: function changePage() {
-      return _changePage(false);
+    changePage: function changePage(e) {
+      return _changePage(false, e);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "test--buttons next"
-  }, finished ? /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    id: "survey-button-back",
+    type: "button",
+    disabled: page === 0,
+    onClick: function onClick() {
+      return _changePage(true);
+    },
+    className: "gat--btn__navigation ".concat(page === 0 ? 'disabled' : '')
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
+  })), finished && page === PAGES.length - 1 ? /*#__PURE__*/_react.default.createElement("button", {
     id: "survey-button",
     type: "button",
     disabled: !survey[PAGES[page].id],
@@ -138,17 +152,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
       });
     },
     className: "gat--btn gat--btn__primary ".concat(!survey[PAGES[page].id] ? 'disabled' : '', " not-transition")
-  }, translate('survey.finish')) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
-    id: "survey-button-back",
-    type: "button",
-    disabled: page === 0,
-    onClick: function onClick() {
-      return _changePage(true);
-    },
-    className: "gat--btn__navigation ".concat(page === 0 ? 'disabled' : '')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
-  })), /*#__PURE__*/_react.default.createElement("button", {
+  }, translate('survey.finish')) : null, !finished && page !== PAGES.length ? /*#__PURE__*/_react.default.createElement("button", {
     id: "survey-button",
     type: "button",
     disabled: !survey[PAGES[page].id],
@@ -158,7 +162,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
     className: "gat--btn__navigation ".concat(!survey[PAGES[page].id] ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  })))))));
+  })) : null))));
 };
 
 var _default = SurveyComponent;

package/dist/components/video-visor/components/VideoControllers/SkipButton.js

@@ -18,7 +18,7 @@ var skipButton = function skipButton(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, mandatory && viewed || !mandatory || finished || mandatoryHasBeenViewed ? /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute right top z-index1"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       skip();
     }

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

@@ -289,7 +289,7 @@ var VideoVisor = function VideoVisor(_ref) {
   }, /*#__PURE__*/_react.default.createElement("p", null, Math.floor(loadedPercentage))))) : null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute right top z-index1"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "gat--btn__round",
+    className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       playSound('click-ui');
       endVideo();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.5.11",
+  "version": "2.7.0",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@gamelearn/arcade-styles": "2.5.6",
+    "@gamelearn/arcade-styles": "2.7.0",
     "@gamelearn/arcade-three-core": "1.17.2",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.17",