@rpg-engine/long-bow 0.5.90 → 0.5.92

package/dist/long-bow.cjs.development.js

@@ -14793,6 +14793,9 @@ var CraftBook = function CraftBook(_ref) {
   var _useState3 = React.useState(),
     size = _useState3[0],
     setSize = _useState3[1];
+  var _useState4 = React.useState(false),
+    isCraftingDisabled = _useState4[0],
+    setIsCraftingDisabled = _useState4[1];
   React.useEffect(function () {
     var handleResize = function handleResize() {
       if (window.innerWidth < 500 && (size == null ? void 0 : size.width) !== mobilePortrait.width && (!scale || scale < 1)) {
@@ -14897,10 +14900,15 @@ var CraftBook = function CraftBook(_ref) {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: onClose
   }, "Cancel"), React__default.createElement(Button, {
-    disabled: !craftItemKey,
+    disabled: !craftItemKey || isCraftingDisabled,
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: function onPointerDown() {
-      return onCraftItem(craftItemKey);
+      if (!craftItemKey || isCraftingDisabled) return;
+      onCraftItem(craftItemKey);
+      setIsCraftingDisabled(true);
+      setTimeout(function () {
+        setIsCraftingDisabled(false);
+      }, 2000);
     }
   }, "Craft"))));
 };
@@ -18169,25 +18177,33 @@ var Shortcuts = function Shortcuts(_ref) {
   var _useShortcutCooldown = useShortcutCooldown(onShortcutCast),
     handleShortcutCast = _useShortcutCooldown.handleShortcutCast,
     shortcutCooldown = _useShortcutCooldown.shortcutCooldown;
+  var handleKeyDown = React.useCallback(function (e) {
+    if (isBlockedCastingByKeyboard) return;
+    var shortcutIndex = Number(e.key) - 1;
+    if (shortcutIndex >= 0 && shortcutIndex <= 11) {
+      var _shortcutsRefs$curren;
+      handleShortcutCast(shortcutIndex);
+      (_shortcutsRefs$curren = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren.classList.add('active');
+      var timeoutId = setTimeout(function () {
+        var _shortcutsRefs$curren2;
+        (_shortcutsRefs$curren2 = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren2.classList.remove('active');
+      }, 150);
+      // Store timeoutId for later cleanup
+      timeoutIds.current.push(timeoutId);
+    }
+  }, [isBlockedCastingByKeyboard, handleShortcutCast]);
+  // Initialize a ref to store the timeout ids
+  var timeoutIds = React.useRef([]);
   React.useEffect(function () {
-    var handleKeyDown = function handleKeyDown(e) {
-      if (isBlockedCastingByKeyboard) return;
-      var shortcutIndex = Number(e.key) - 1;
-      if (shortcutIndex >= 0 && shortcutIndex <= 11) {
-        var _shortcutsRefs$curren;
-        handleShortcutCast(shortcutIndex);
-        (_shortcutsRefs$curren = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren.classList.add('active');
-        setTimeout(function () {
-          var _shortcutsRefs$curren2;
-          (_shortcutsRefs$curren2 = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren2.classList.remove('active');
-        }, 150);
-      }
-    };
     window.addEventListener('keydown', handleKeyDown);
     return function () {
       window.removeEventListener('keydown', handleKeyDown);
+      // Clear all timeouts when the component unmounts
+      timeoutIds.current.forEach(function (id) {
+        return clearTimeout(id);
+      });
     };
-  }, [shortcuts, isBlockedCastingByKeyboard, shortcutCooldown]);
+  }, [handleKeyDown]);
   return React__default.createElement(List$1, null, Array.from({
     length: 12
   }).map(function (_, i) {