@rpg-engine/long-bow 0.8.107 → 0.8.109

package/dist/long-bow.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, Component, useRef, useCallback, useContext, createContext, useMemo, memo, Fragment } from 'react';
+import React, { useState, useEffect, Component, useRef, useCallback, useMemo, memo, useContext, createContext, Fragment } from 'react';
 import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
 import { BeatLoader } from 'react-spinners';
 import { v4 } from 'uuid';
@@ -26571,30 +26571,33 @@ var useChat = function useChat(_ref) {
       setIsExpanded(true);
     }
   }, [isPrivate]);
-  var toggleExpand = function toggleExpand() {
+  var toggleExpand = useCallback(function () {
     return setIsExpanded(function (prev) {
       return !prev;
     });
-  };
-  var toggleRecentChats = function toggleRecentChats() {
+  }, []);
+  var toggleRecentChats = useCallback(function () {
     return setShowRecentChats(function (prev) {
       return !prev;
     });
-  };
-  var handleTabChange = function handleTabChange(tabId) {
+  }, []);
+  var handleTabChange = useCallback(function (tabId) {
     if (tabId === 'private') {
       setIsExpanded(true);
     }
     onChangeTab(tabId);
-  };
-  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
+  }, [onChangeTab]);
+  var handlePreviousChatCharacterClick = useCallback(function (character) {
     if (onPreviousChatCharacterClick) {
       onPreviousChatCharacterClick(character);
     }
     if (hideSearchCharacterUI) {
       hideSearchCharacterUI();
     }
-  };
+  }, [onPreviousChatCharacterClick, hideSearchCharacterUI]);
+  var hasUnseenMessages = useMemo(function () {
+    return unseenMessageCharacterIds && unseenMessageCharacterIds.length > 0;
+  }, [unseenMessageCharacterIds]);
   return {
     showRecentChats: showRecentChats,
     isExpanded: isExpanded,
@@ -26602,11 +26605,11 @@ var useChat = function useChat(_ref) {
     toggleRecentChats: toggleRecentChats,
     handleTabChange: handleTabChange,
     handlePreviousChatCharacterClick: handlePreviousChatCharacterClick,
-    hasUnseenMessages: unseenMessageCharacterIds && (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0
+    hasUnseenMessages: hasUnseenMessages
   };
 };
 
-var SearchCharacter = function SearchCharacter(_ref) {
+var SearchCharacter = /*#__PURE__*/memo(function (_ref) {
   var onChangeCharacterName = _ref.onChangeCharacterName,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
@@ -26635,17 +26638,22 @@ var SearchCharacter = function SearchCharacter(_ref) {
       return clearTimeout(timer);
     };
   }, []);
-  var handleSubmit = function handleSubmit(event) {
+  var handleSubmit = useCallback(function (event) {
     event.preventDefault();
     if (!characterName || characterName.trim() === '') return;
     onChangeCharacterName(characterName);
-  };
-  var handleCharacterClick = function handleCharacterClick(character) {
+  }, [characterName, onChangeCharacterName]);
+  var handleCharacterClick = useCallback(function (character) {
     if (!onCharacterClick) return;
     setCharacterName('');
     onCharacterClick(character);
     hideSearchCharacterUI();
-  };
+  }, [onCharacterClick, hideSearchCharacterUI]);
+  var handleInputChange = useCallback(function (e) {
+    var value = e.target.value;
+    setCharacterName(value);
+    onChangeCharacterName(value);
+  }, [onChangeCharacterName]);
   return React.createElement(SearchContainer, null, React.createElement(Form$2, {
     onSubmit: handleSubmit
   }, React.createElement(Column, {
@@ -26655,10 +26663,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
     ref: searchCharacterRef,
     id: "characterName",
     name: "characterName",
-    onChange: function onChange(e) {
-      setCharacterName(e.target.value);
-      onChangeCharacterName(e.target.value);
-    },
+    onChange: handleInputChange,
     placeholder: "Search for a character...",
     height: 20,
     type: "text",
@@ -26689,7 +26694,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
       maxLines: 1
     }, character.name));
   })));
-};
+});
 var SearchContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "SearchCharacter__SearchContainer",
   componentId: "sc-172lyfr-0"
@@ -26721,7 +26726,7 @@ var ListElement = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-172lyfr-5"
 })(["margin:0.5rem 0 !important;font-size:", ";padding:0.5rem 2px;&:hover{color:#ff0;background-color:", ";}button{all:unset;}"], uiFonts.size.small, uiColors.darkGray);
 
-var ChatContent = function ChatContent(_ref) {
+var ChatContent = /*#__PURE__*/memo(function (_ref) {
   var isPrivate = _ref.isPrivate,
     isTrade = _ref.isTrade,
     isGlobal = _ref.isGlobal,
@@ -26743,7 +26748,7 @@ var ChatContent = function ChatContent(_ref) {
     onCharacterClick = _ref.onCharacterClick,
     isGuild = _ref.isGuild,
     onSendGuildChatMessage = _ref.onSendGuildChatMessage;
-  var handleSendMessage = function handleSendMessage(message) {
+  var handleSendMessage = useCallback(function (message) {
     if (autoCloseOnSend) {
       onCloseButton();
     }
@@ -26758,7 +26763,7 @@ var ChatContent = function ChatContent(_ref) {
     } else {
       onSendLocalChatMessage(message);
     }
-  };
+  }, [autoCloseOnSend, isPrivate, isTrade, isGuild, isGlobal, onCloseButton, onSendPrivateChatMessage, onSendTradeMessage, onSendGuildChatMessage, onSendGlobalChatMessage, onSendLocalChatMessage]);
   if (isPrivate && searchCharacterUI) {
     return React.createElement(SearchCharacter, {
       onFocus: onFocus,
@@ -26780,7 +26785,7 @@ var ChatContent = function ChatContent(_ref) {
     onBlur: onBlur,
     isExpanded: isExpanded
   }));
-};
+});
 var ChatWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatContent__ChatWrapper",
   componentId: "sc-1380qen-0"
@@ -26835,7 +26840,7 @@ var StyledExpandButton = /*#__PURE__*/styled.button.withConfig({
   return isExpanded ? 'right: 0' : 'left: 0.5rem';
 }, uiColors.orange, uiColors.orange);
 
-var RecentChats = function RecentChats(_ref) {
+var RecentChats = /*#__PURE__*/memo(function (_ref) {
   var showRecentChats = _ref.showRecentChats,
     toggleRecentChats = _ref.toggleRecentChats,
     hasUnseenMessages = _ref.hasUnseenMessages,
@@ -26847,10 +26852,13 @@ var RecentChats = function RecentChats(_ref) {
     onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
     isPrivate = _ref.isPrivate,
     hideSearchCharacterUI = _ref.hideSearchCharacterUI;
-  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
+  var handlePreviousChatCharacterClick = useCallback(function (character) {
     onPreviousChatCharacterClick(character);
-    hideSearchCharacterUI(); // Call hideSearchCharacterUI here
-  };
+    hideSearchCharacterUI();
+  }, [onPreviousChatCharacterClick, hideSearchCharacterUI]);
+  var handleRemoveCharacter = useCallback(function (character) {
+    onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+  }, [onRemoveRecentChatCharacter]);
   return React.createElement(RecentChatTabContainer, {
     isOpen: showRecentChats,
     isPrivate: isPrivate
@@ -26881,13 +26889,13 @@ var RecentChats = function RecentChats(_ref) {
     }, character.name)), React.createElement(CloseButton$2, {
       className: "close-button",
       onPointerDown: function onPointerDown() {
-        return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+        return handleRemoveCharacter(character);
       }
     }, React.createElement(RxCross2, {
       size: 16
     })));
   })));
-};
+});
 var RecentChatTabContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "RecentChats__RecentChatTabContainer",
   componentId: "sc-uzad2m-0"
@@ -27764,6 +27772,20 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
         contextActionMenu = generateContextMenuListOptions(ActionsForLoot.Other);
         break;
     }
+    // Add "Use" for consumable items in nested containers (same as Inventory)
+    if (item.type === ItemType.Consumable) {
+      contextActionMenu.unshift({
+        id: ItemSocketEvents.Use,
+        text: ItemSocketEventsDisplayLabels[ItemSocketEvents.Use]
+      });
+    }
+    // Add "Use with..." for items that have hasUseWith property
+    if (item.hasUseWith) {
+      contextActionMenu.push({
+        id: ItemSocketEvents.UseWith,
+        text: ItemSocketEvents.UseWith
+      });
+    }
   }
   if (itemContainerType === ItemContainerType.MapContainer) {
     switch (item.type) {