@rpg-engine/long-bow 0.7.81 → 0.7.82

package/dist/long-bow.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, Component, useRef, useContext, createContext, useCallback, useMemo, Fragment } from 'react';
+import React, { useState, useEffect, Component, useRef, useCallback, useContext, createContext, useMemo, Fragment } from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import { BeatLoader } from 'react-spinners';
 import { v4 } from 'uuid';
@@ -27371,6 +27371,23 @@ var Container$8 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-dgmp04-0"
 })(["position:static !important;"]);
 
+function useTouchTarget() {
+  var getTouchTarget = useCallback(function (e) {
+    // Check if it's a touch event
+    if ('changedTouches' in e || 'touches' in e) {
+      var _touchEvent$changedTo, _touchEvent$touches;
+      var touchEvent = e;
+      var touch = ((_touchEvent$changedTo = touchEvent.changedTouches) == null ? void 0 : _touchEvent$changedTo[0]) || ((_touchEvent$touches = touchEvent.touches) == null ? void 0 : _touchEvent$touches[0]);
+      if (touch) {
+        return document.elementFromPoint(touch.clientX, touch.clientY);
+      }
+    }
+    // If it's not a touch event or touch is not available, fallback to target
+    return e.target || document.body;
+  }, []);
+  return getTouchTarget;
+}
+
 var rarityColor = function rarityColor(item) {
   switch (item == null ? void 0 : item.rarity) {
     case ItemRarities.Uncommon:
@@ -27814,6 +27831,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     detailsState = _useItemSlotDetails.detailsState,
     updateDetailsState = _useItemSlotDetails.updateDetailsState,
     setContextActions = _useItemSlotDetails.setContextActions;
+  var getTouchTarget = useTouchTarget();
   var isContextMenuVisible = detailsState.isContextMenuVisible,
     clearDetailsState = detailsState.clearDetailsState,
     clearContextActions = detailsState.clearContextActions;
@@ -27870,6 +27888,9 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
         item: null
       });
       var target = e.target;
+      if (isMobile()) {
+        target = getTouchTarget(e);
+      }
       handleShortcutSetter(target);
       removeDraggingClass(target);
       var shouldHandleDraggedItemResult = shouldHandleDraggedItem();