@gamelearn/arcade-components 2.15.0 → 2.15.1

package/dist/components/konva-components/Area/index.js

@@ -13,6 +13,8 @@ var _reactKonva = require("react-konva");
 
 var _reactKonvaUtils = require("react-konva-utils");
 
+var _deviceDetection = require("../../../helpers/deviceDetection");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -53,6 +55,7 @@ var Area = function Area(_ref) {
 
   var fillColor = isBad ? 'rgba(255, 99, 77, 0.32)' : 'rgba(75, 215, 169, 0.32)';
   var strokeColor = isBad ? '#ff634d' : '#4bd7a9';
+  var isMobile = (0, _deviceDetection.DeviceDetection)();
 
   var mouseEnterArea = function mouseEnterArea() {
     if (hasHighlights && !completed && !isClicked) {
@@ -177,7 +180,7 @@ var Area = function Area(_ref) {
     shape: "poly",
     fill: finished ? '' : fillColor,
     stroke: finished || isClicked ? strokeColor : '',
-    strokeWidth: 2,
+    strokeWidth: isMobile ? 10 : 2,
     opacity: finished || isClicked ? 1 : 0,
     closed: true
   }));

package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js

@@ -198,10 +198,10 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       backgroundImage: "url(\"".concat(imgURL, "\")")
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--login"
+    className: "puzzle--login ".concat(user ? 'puzzle--login--withuser' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-login-puzzle"
-  }, " "), !finished && /*#__PURE__*/_react.default.createElement("span", {
+  }, " "), /*#__PURE__*/_react.default.createElement("span", {
     className: "puzzle--login__title"
   }, translate('puzzle.initSession')), /*#__PURE__*/_react.default.createElement("div", null, login && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     dir: "auto",
@@ -213,7 +213,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     dir: isRtl ? 'rtl' : 'auto',
     disabled: finished,
     "data-testid": "username",
-    className: "puzzle--login__input ".concat(successClass),
+    className: "puzzle--login__input success",
     type: "text",
     placeholder: user,
     value: user
@@ -244,7 +244,10 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "puzzle--login__input puzzle--login__input--fakepassword success",
     type: "text",
     placeholder: password,
-    value: password
+    value: password,
+    style: {
+      opacity: 1
+    }
   }) : /*#__PURE__*/_react.default.createElement("input", {
     dir: isRtl ? 'rtl' : 'auto',
     disabled: finished,
@@ -269,11 +272,11 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     className: "login-fakepassword".concat(inputPasswordFocus ? ' login-fakepassword--focus' : '').concat(fakeHashes.length ? ' login-fakepassword--fill' : '', " ").concat(successClass || '')
   }, inputPassword ? fakeHashes : translate('puzzle.password')) : null, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-circle-check"
-  }, " ")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  }, " ")))), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "gat--btn gat--btn__primary ".concat(inputPassword.length !== 0 && !finished ? '' : 'disabled'),
     onClick: checkInput
-  }, translate('puzzle.loginIn'))), errorMessage && info.solution.wrong.desc !== '' && /*#__PURE__*/_react.default.createElement("div", {
+  }, translate('puzzle.loginIn')), !showCorrectSolution && errorMessage && info.solution.wrong.desc !== '' && /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--login__label--error"
   }, info.solution.wrong.desc)));
 };

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

@@ -153,7 +153,6 @@ var PdfVisor = function PdfVisor(_ref) {
   };
 
   var turnPage = function turnPage(value) {
-    console.info('trunpage', value);
     play('click-ui');
     scrollElement.current.scrollTo(0, 0);
     setOverlay(false);

package/dist/components/test-component/components/Questions.js

@@ -44,6 +44,18 @@ var Questions = function Questions(_ref) {
     return false;
   };
 
+  var tooltipPosition = function tooltipPosition(answers, answerIndex) {
+    if (answerIndex === 0) {
+      return 'tooltip--right__top';
+    }
+
+    if (answerIndex === answers.length - 1) {
+      return 'tooltip--right__bottom';
+    }
+
+    return 'tooltip--center__right';
+  };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "test--questions__item"
   }, /*#__PURE__*/_react.default.createElement("span", null, question.text)), filteredAnswers.map(function (answer, index) {
@@ -62,7 +74,7 @@ var Questions = function Questions(_ref) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "icon-info2"
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "tooltip tooltip--right__top"
+      className: "tooltip ".concat(tooltipPosition(filteredAnswers, index))
     }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement("span", null, translate('test.feedback')))), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, answer.feedback)))) : null);
   }));
 };

package/package.json

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