@gamelearn/arcade-components 2.40.0 → 2.41.1

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _interactjs = _interopRequireDefault(require("interactjs"));
 var _reactKonva = require("react-konva");
 var _reactKonvaUtils = require("react-konva-utils");
-var _Messages = require("./Messages");
 var _feedbackComponent = _interopRequireDefault(require("../../feedback-component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -53,12 +52,12 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     setResolveClass = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showTooltip = _useState4[0],
-    setShowTooltip = _useState4[1];
+    imageLoaded = _useState4[0],
+    setImageLoaded = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    imageLoaded = _useState6[0],
-    setImageLoaded = _useState6[1];
+    inventoryAutoOpen = _useState6[0],
+    setInventoryAutoOpen = _useState6[1];
   var _useState7 = (0, _react.useState)(),
     _useState8 = _slicedToArray(_useState7, 2),
     projectionConfig = _useState8[0],
@@ -168,8 +167,9 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
   }, [emitEvent, handleFinish, solution.right.rewards]);
   var handleFail = (0, _react.useCallback)(function () {
     emitEvent({
-      type: 'closeUI',
-      ui: 'inventory'
+      type: 'openUI',
+      ui: 'inventory',
+      onFinish: function onFinish() {}
     });
     setResolveClass('');
     emitEvent({
@@ -239,21 +239,17 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
         setImageLoaded(true);
       }
     };
-    setShowTooltip(true);
-    var inventoryButton = document.getElementById('inventory_screen-button');
-    if (inventoryButton) {
-      inventoryButton.classList.add('highlight');
-    }
-    var timeout = setTimeout(function () {
-      setShowTooltip(false);
-      if (inventoryButton) {
-        inventoryButton.classList.remove('highlight');
-      }
-    }, 3000);
-    return function () {
-      if (timeout) clearTimeout(timeout);
-    };
   }, [currentImage, image.img.url]);
+  (0, _react.useEffect)(function () {
+    if (!inventoryAutoOpen) {
+      emitEvent({
+        type: 'openUI',
+        ui: 'inventory',
+        onFinish: function onFinish() {}
+      });
+      setInventoryAutoOpen(true);
+    }
+  }, [inventoryAutoOpen, emitEvent]);
   var handleStageRef = (0, _react.useCallback)(function (node) {
     if (node !== null) {
       stageRef.current = node;
@@ -352,9 +348,7 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     verticalAlign: "middle",
     fill: "#ffffff",
     opacity: 0
-  }))) : null)), showTooltip && /*#__PURE__*/_react.default.createElement(_Messages.TooltipHint, {
-    translate: translate
-  }), resolvedClass !== '' ? /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
+  }))) : null)), resolvedClass !== '' ? /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
     text: info.solution[resolvedClass === 'success' ? 'right' : 'wrong'].desc,
     success: resolvedClass === 'success',
     translate: translate,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.40.0",
+  "version": "2.41.1",
   "main": "dist/index.js",
   "files": [
     "dist",

package/dist/components/drag-item-puzzle-component/components/Messages.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TooltipHint = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TooltipHint = function TooltipHint(_ref) {
-  var translate = _ref.translate;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "tooltip tooltip--bottom__right puzzle--drag__mask--tooltip"
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "icon-search-thin"
-  }), /*#__PURE__*/_react.default.createElement("span", null, translate('tooltip.bag')));
-};
-exports.TooltipHint = TooltipHint;
-var _default = TooltipHint;
-exports.default = _default;