@rpg-engine/long-bow 0.5.90 → 0.5.91

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

@@ -18169,25 +18169,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) {