@gamelearn/arcade-components 2.15.0 → 2.15.2

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

@@ -145,6 +145,7 @@ var DialogComponent = function DialogComponent(_ref) {
   var lastLine = lines[line - 1];
   var lastSet = (0, _react.useRef)(false);
   var isBranched = !!edges;
+  var onZoomEnd = (0, _react.useRef)(function () {});
 
   var _ref2 = currentLineData || {},
       voiceOver = _ref2.voiceOver,
@@ -302,7 +303,10 @@ var DialogComponent = function DialogComponent(_ref) {
   var resetCameraView = (0, _react.useCallback)(function () {
     messagePosition.current.child = null;
     messagePosition.current.parent = null;
-    if (zoomInActor) setAnimationRunning(true);
+
+    if (zoomInActor) {
+      setAnimationRunning(true);
+    }
   }, [zoomInActor]);
 
   var resetTalkingAnimation = function resetTalkingAnimation() {
@@ -530,6 +534,7 @@ var DialogComponent = function DialogComponent(_ref) {
 
   (0, _react.useEffect)(function () {
     if (isDecision) {
+      zoomStarted.current = false;
       resetCameraView();
     } else if (isVoiceOver) {
       resetCameraView();
@@ -592,11 +597,7 @@ var DialogComponent = function DialogComponent(_ref) {
               var showArrowTop = talkingCharacter.text.length > maxCharacterToSwitch;
               moveBubble(element, showArrowTop);
 
-              if (zoomInActor) {
-                setAnimationRunning(true);
-              }
-
-              setTimeout(function () {
+              var setMessage = function setMessage() {
                 var _talkingCharacter$cha5;
 
                 setCurrentMessage({
@@ -607,7 +608,14 @@ var DialogComponent = function DialogComponent(_ref) {
                   avatar: getAvatarURL(talkingCharacter),
                   show: true
                 });
-              }, zoomInActor ? 1200 : 0);
+              };
+
+              if (zoomInActor) {
+                onZoomEnd.current = setMessage;
+                setAnimationRunning(true);
+              } else {
+                setMessage();
+              }
             }
           });
         } else {
@@ -697,7 +705,6 @@ var DialogComponent = function DialogComponent(_ref) {
   }, [currentMessage, nextLine, start, stop, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoPlayCond, audio, voice, audioFailed]);
   (0, _react.useEffect)(function () {
     if (animationRunning && !zoomStarted.current) {
-      zoomStarted.current = true;
       var cam = camera;
       var targetPosition = messagePosition.current.child ? messagePosition.current.pos : defaultCamera.position.toArray();
       animationTarget.current.position.fromArray(targetPosition);
@@ -717,7 +724,14 @@ var DialogComponent = function DialogComponent(_ref) {
       _gsap.default.to(cam.position, {
         duration: 1,
         ease: 'power3.easeInOut',
+        onStart: function onStart() {
+          zoomStarted.current = true;
+        },
         onComplete: function onComplete() {
+          onZoomEnd.current();
+
+          onZoomEnd.current = function () {};
+
           zoomStarted.current = false;
           setAnimationRunning(false);
           raycast.set(cam.getWorldPosition(new _three.Vector3(0, 0, 0)), cam.getWorldDirection(new _three.Vector3()));

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.2",
   "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",