@gamelearn/arcade-components 2.5.11-hotfix-inventory-popup → 2.5.11

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

@@ -56,35 +56,30 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
       emitEvent = _ref.emitEvent,
       soundActions = _ref.soundActions;
 
-  var _useState = (0, _react.useState)(null),
+  var _useState = (0, _react.useState)('start'),
       _useState2 = _slicedToArray(_useState, 2),
-      pointIsBeingTouched = _useState2[0],
-      setPointIsBeingTouched = _useState2[1];
+      phase = _useState2[0],
+      setPhase = _useState2[1];
 
-  var _useState3 = (0, _react.useState)('start'),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      phase = _useState4[0],
-      setPhase = _useState4[1];
+      finish = _useState4[0],
+      setFinish = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(0),
       _useState6 = _slicedToArray(_useState5, 2),
-      finish = _useState6[0],
-      setFinish = _useState6[1];
+      currentQuestion = _useState6[0],
+      setCurrentQuestion = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      currentQuestion = _useState8[0],
-      setCurrentQuestion = _useState8[1];
-
-  var _useState9 = (0, _react.useState)({
+  var _useState7 = (0, _react.useState)({
     current: {
       questions: [],
       type: type
     }
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      surveyData = _useState10[0],
-      setSurveyData = _useState10[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      surveyData = _useState8[0],
+      setSurveyData = _useState8[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -187,16 +182,10 @@ 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 || pointIsBeingTouched === 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 ? '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 gat--btn__close",
+    className: "gat--btn__round",
     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 gat--btn__close",
+    className: "gat--btn__round",
     "data-testid": "btn-cls",
     onClick: function onClick() {
       play('click-ui');

package/dist/components/dialog-component/components/DialogComponent.js

@@ -783,8 +783,7 @@ var DialogComponent = function DialogComponent(_ref) {
   }) : null, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.HtmlPro, {
     style: {
       width: '100vw',
-      height: '100vh',
-      position: 'static'
+      height: '100vh'
     },
     portal: container ? {
       current: container

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 gat--btn__close",
+    className: "gat--btn__round",
     onClick: close
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"

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

@@ -73,21 +73,17 @@ var InventoryItem = function InventoryItem(_ref) {
     className: "inventory--layer__info",
     dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory-popup fadeIn--animation ".concat(description ? 'inventory-popup--withdescription' : '')
+    className: "inventory--layer__info--popup fadeIn--animation"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory-popup__close",
+    className: "inventory--info__close",
     onClick: function onClick() {
       playSound('click-ui');
       onFinish();
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
-  })), /*#__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("div", {
+    className: "inventory--layer__info--image"
   }, /*#__PURE__*/_react.default.createElement(_fiber.Canvas, {
     style: {
       height: '100%'
@@ -115,7 +111,9 @@ 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/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 gat--btn__close",
+    className: "gat--btn__round",
     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 popup--notice"
+    className: "popup"
   }, /*#__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 gat--btn__close",
+    className: "pattern__close gat--btn__round",
     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 gat--btn__close",
+    className: "gat--btn__round",
     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],
-      setFinished = _useState6[1];
+      finish = _useState6[1];
 
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
@@ -90,12 +90,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
     play('click-ui');
 
     if (!backward && page + 1 >= PAGES.length) {
-      setFinished(true);
+      finish(true);
     } else {
-      if (backward) {
-        setFinished(false);
-      }
-
       var destinationPage = backward ? page - 1 : page + 1;
       setPage(destinationPage);
     }
@@ -125,22 +121,12 @@ var SurveyComponent = function SurveyComponent(_ref) {
     id: PAGES[page].id,
     survey: survey,
     translate: translate,
-    changePage: function changePage(e) {
-      return _changePage(false, e);
+    changePage: function changePage() {
+      return _changePage(false);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "test--buttons next"
-  }, /*#__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", {
+  }, finished ? /*#__PURE__*/_react.default.createElement("button", {
     id: "survey-button",
     type: "button",
     disabled: !survey[PAGES[page].id],
@@ -152,7 +138,17 @@ var SurveyComponent = function SurveyComponent(_ref) {
       });
     },
     className: "gat--btn gat--btn__primary ".concat(!survey[PAGES[page].id] ? 'disabled' : '', " not-transition")
-  }, translate('survey.finish')) : null, !finished && page !== PAGES.length ? /*#__PURE__*/_react.default.createElement("button", {
+  }, 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", {
     id: "survey-button",
     type: "button",
     disabled: !survey[PAGES[page].id],
@@ -162,7 +158,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 gat--btn__close",
+    className: "gat--btn__round",
     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 gat--btn__close",
+    className: "gat--btn__round",
     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-hotfix-inventory-popup",
+  "version": "2.5.11",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@gamelearn/arcade-styles": "2.5.6-hotfix-inventory-popup",
+    "@gamelearn/arcade-styles": "2.5.6",
     "@gamelearn/arcade-three-core": "1.17.2",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.17",