@rpg-engine/long-bow 0.8.58 → 0.8.60

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

@@ -34045,33 +34045,40 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onClose = _ref.onClose,
     _ref$message = _ref.message,
     message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
-  // Add a small delay to prevent accidental closes
-  var handleConfirm = function handleConfirm(e) {
+  var handleConfirm = React.useCallback(function (e) {
     e.preventDefault();
     e.stopPropagation();
     onConfirm();
-  };
-  var handleClose = function handleClose(e) {
+  }, [onConfirm]);
+  var handleClose = React.useCallback(function (e) {
     e.preventDefault();
     e.stopPropagation();
     onClose();
-  };
-  var stopPropagation = function stopPropagation(e) {
+  }, [onClose]);
+  // Fix type issues by separating event handlers for different event types
+  var stopPropagationClick = React.useCallback(function (e) {
     e.stopPropagation();
-  };
+  }, []);
+  var stopPropagationTouch = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var stopPropagationPointer = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
   return React__default.createElement(ModalPortal, null, React__default.createElement(GlobalStyle, null), React__default.createElement(Overlay$2, {
-    onClick: handleClose
+    onPointerDown: handleClose
   }), React__default.createElement(ModalContainer, null, React__default.createElement(ModalContent, {
-    onClick: stopPropagation,
-    onTouchStart: stopPropagation,
-    onTouchEnd: stopPropagation,
-    onTouchMove: stopPropagation
+    onClick: stopPropagationClick,
+    onTouchStart: stopPropagationTouch,
+    onTouchEnd: stopPropagationTouch,
+    onTouchMove: stopPropagationTouch,
+    onPointerDown: stopPropagationPointer
   }, React__default.createElement(MessageContainer, null, typeof message === 'string' ? React__default.createElement(Message$1, null, message) : message), React__default.createElement(ButtonsContainer$2, null, React__default.createElement(CancelButtonWrapper, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onClick: handleClose
+    onPointerDown: handleClose
   }, "No")), React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onClick: handleConfirm
+    onPointerDown: handleConfirm
   }, "Yes")))));
 };
 var Overlay$2 = /*#__PURE__*/styled__default.div.withConfig({