@rpg-engine/long-bow 0.8.106 → 0.8.108

package/dist/components/ChatRevamp/ChatContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IStyles } from '../Chat/Chat';
 import { ChatMessage, PrivateChatCharacter } from './types';
-interface ChatContentProps {
+interface IChatContentProps {
     isPrivate: boolean;
     isTrade: boolean;
     isGlobal: boolean;
@@ -24,5 +24,5 @@ interface ChatContentProps {
     isGuild: boolean;
     onSendGuildChatMessage: (message: string) => void;
 }
-export declare const ChatContent: React.FC<ChatContentProps>;
+export declare const ChatContent: React.FC<IChatContentProps>;
 export {};

package/dist/components/ChatRevamp/SearchCharacter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IStyles } from '../Chat/Chat';
 import { PrivateChatCharacter } from './types';
 interface ISearchCharacterProps {
@@ -10,5 +10,5 @@ interface ISearchCharacterProps {
     onCharacterClick?: (character: PrivateChatCharacter) => void;
     hideSearchCharacterUI: () => void;
 }
-export declare const SearchCharacter: ({ onChangeCharacterName, onBlur, onFocus, recentCharacters, hideSearchCharacterUI, onCharacterClick, styles, }: ISearchCharacterProps) => JSX.Element;
+export declare const SearchCharacter: React.FC<ISearchCharacterProps>;
 export {};

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

@@ -26578,30 +26578,33 @@ var useChat = function useChat(_ref) {
       setIsExpanded(true);
     }
   }, [isPrivate]);
-  var toggleExpand = function toggleExpand() {
+  var toggleExpand = React.useCallback(function () {
     return setIsExpanded(function (prev) {
       return !prev;
     });
-  };
-  var toggleRecentChats = function toggleRecentChats() {
+  }, []);
+  var toggleRecentChats = React.useCallback(function () {
     return setShowRecentChats(function (prev) {
       return !prev;
     });
-  };
-  var handleTabChange = function handleTabChange(tabId) {
+  }, []);
+  var handleTabChange = React.useCallback(function (tabId) {
     if (tabId === 'private') {
       setIsExpanded(true);
     }
     onChangeTab(tabId);
-  };
-  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
+  }, [onChangeTab]);
+  var handlePreviousChatCharacterClick = React.useCallback(function (character) {
     if (onPreviousChatCharacterClick) {
       onPreviousChatCharacterClick(character);
     }
     if (hideSearchCharacterUI) {
       hideSearchCharacterUI();
     }
-  };
+  }, [onPreviousChatCharacterClick, hideSearchCharacterUI]);
+  var hasUnseenMessages = React.useMemo(function () {
+    return unseenMessageCharacterIds && unseenMessageCharacterIds.length > 0;
+  }, [unseenMessageCharacterIds]);
   return {
     showRecentChats: showRecentChats,
     isExpanded: isExpanded,
@@ -26609,11 +26612,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__*/React.memo(function (_ref) {
   var onChangeCharacterName = _ref.onChangeCharacterName,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
@@ -26642,17 +26645,22 @@ var SearchCharacter = function SearchCharacter(_ref) {
       return clearTimeout(timer);
     };
   }, []);
-  var handleSubmit = function handleSubmit(event) {
+  var handleSubmit = React.useCallback(function (event) {
     event.preventDefault();
     if (!characterName || characterName.trim() === '') return;
     onChangeCharacterName(characterName);
-  };
-  var handleCharacterClick = function handleCharacterClick(character) {
+  }, [characterName, onChangeCharacterName]);
+  var handleCharacterClick = React.useCallback(function (character) {
     if (!onCharacterClick) return;
     setCharacterName('');
     onCharacterClick(character);
     hideSearchCharacterUI();
-  };
+  }, [onCharacterClick, hideSearchCharacterUI]);
+  var handleInputChange = React.useCallback(function (e) {
+    var value = e.target.value;
+    setCharacterName(value);
+    onChangeCharacterName(value);
+  }, [onChangeCharacterName]);
   return React__default.createElement(SearchContainer, null, React__default.createElement(Form$2, {
     onSubmit: handleSubmit
   }, React__default.createElement(Column, {
@@ -26662,10 +26670,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",
@@ -26696,7 +26701,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
       maxLines: 1
     }, character.name));
   })));
-};
+});
 var SearchContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SearchCharacter__SearchContainer",
   componentId: "sc-172lyfr-0"
@@ -26728,7 +26733,7 @@ var ListElement = /*#__PURE__*/styled__default.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__*/React.memo(function (_ref) {
   var isPrivate = _ref.isPrivate,
     isTrade = _ref.isTrade,
     isGlobal = _ref.isGlobal,
@@ -26750,7 +26755,7 @@ var ChatContent = function ChatContent(_ref) {
     onCharacterClick = _ref.onCharacterClick,
     isGuild = _ref.isGuild,
     onSendGuildChatMessage = _ref.onSendGuildChatMessage;
-  var handleSendMessage = function handleSendMessage(message) {
+  var handleSendMessage = React.useCallback(function (message) {
     if (autoCloseOnSend) {
       onCloseButton();
     }
@@ -26765,7 +26770,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__default.createElement(SearchCharacter, {
       onFocus: onFocus,
@@ -26787,7 +26792,7 @@ var ChatContent = function ChatContent(_ref) {
     onBlur: onBlur,
     isExpanded: isExpanded
   }));
-};
+});
 var ChatWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatContent__ChatWrapper",
   componentId: "sc-1380qen-0"
@@ -26842,7 +26847,7 @@ var StyledExpandButton = /*#__PURE__*/styled__default.button.withConfig({
   return isExpanded ? 'right: 0' : 'left: 0.5rem';
 }, uiColors.orange, uiColors.orange);
 
-var RecentChats = function RecentChats(_ref) {
+var RecentChats = /*#__PURE__*/React.memo(function (_ref) {
   var showRecentChats = _ref.showRecentChats,
     toggleRecentChats = _ref.toggleRecentChats,
     hasUnseenMessages = _ref.hasUnseenMessages,
@@ -26854,10 +26859,13 @@ var RecentChats = function RecentChats(_ref) {
     onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
     isPrivate = _ref.isPrivate,
     hideSearchCharacterUI = _ref.hideSearchCharacterUI;
-  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
+  var handlePreviousChatCharacterClick = React.useCallback(function (character) {
     onPreviousChatCharacterClick(character);
-    hideSearchCharacterUI(); // Call hideSearchCharacterUI here
-  };
+    hideSearchCharacterUI();
+  }, [onPreviousChatCharacterClick, hideSearchCharacterUI]);
+  var handleRemoveCharacter = React.useCallback(function (character) {
+    onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+  }, [onRemoveRecentChatCharacter]);
   return React__default.createElement(RecentChatTabContainer, {
     isOpen: showRecentChats,
     isPrivate: isPrivate
@@ -26888,13 +26896,13 @@ var RecentChats = function RecentChats(_ref) {
     }, character.name)), React__default.createElement(CloseButton$2, {
       className: "close-button",
       onPointerDown: function onPointerDown() {
-        return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+        return handleRemoveCharacter(character);
       }
     }, React__default.createElement(rx.RxCross2, {
       size: 16
     })));
   })));
-};
+});
 var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "RecentChats__RecentChatTabContainer",
   componentId: "sc-uzad2m-0"
@@ -27771,6 +27779,28 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
         contextActionMenu = generateContextMenuListOptions(shared.ActionsForLoot.Other);
         break;
     }
+    // Add "Use" for consumable items in nested containers
+    if (item.type === shared.ItemType.Consumable && item.isUsable) {
+      var hasUseAction = contextActionMenu.some(function (action) {
+        return action.id === shared.ItemSocketEvents.Use;
+      });
+      if (!hasUseAction) {
+        contextActionMenu.unshift({
+          id: shared.ItemSocketEvents.Use,
+          text: shared.ItemSocketEventsDisplayLabels[shared.ItemSocketEvents.Use]
+        });
+      }
+    }
+    // Add "Use with..." for items that have hasUseWith property
+    var _contextActionMenuDontHaveUseWith = !contextActionMenu.find(function (action) {
+      return action.text.toLowerCase().includes('use with');
+    });
+    if (item.hasUseWith && _contextActionMenuDontHaveUseWith) {
+      contextActionMenu.push({
+        id: shared.ItemSocketEvents.UseWith,
+        text: shared.ItemSocketEvents.UseWith
+      });
+    }
   }
   if (itemContainerType === shared.ItemContainerType.MapContainer) {
     switch (item.type) {
@@ -27793,10 +27823,10 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
         contextActionMenu = generateContextMenuListOptions(shared.ActionsForMapContainer.Other);
         break;
     }
-    var _contextActionMenuDontHaveUseWith = !contextActionMenu.find(function (action) {
+    var _contextActionMenuDontHaveUseWith2 = !contextActionMenu.find(function (action) {
       return action.text.toLowerCase().includes('use with');
     });
-    if (item.hasUseWith && _contextActionMenuDontHaveUseWith) {
+    if (item.hasUseWith && _contextActionMenuDontHaveUseWith2) {
       contextActionMenu.push({
         id: 'use-with',
         text: 'Use with...'
@@ -36068,7 +36098,9 @@ var ProgressBar$1 = function ProgressBar(_ref) {
     minWidth: minWidth,
     style: style,
     mobileScale: mobileScale
-  }, displayText && React__default.createElement(TextOverlay$1, null, React__default.createElement(ProgressBarText, null, displayValue, "/", displayMax)), React__default.createElement("div", {
+  }, displayText && React__default.createElement(TextOverlay$1, null, React__default.createElement(ProgressBarText, {
+    translate: "no"
+  }, displayValue, "/", displayMax)), React__default.createElement("div", {
     className: " rpgui-progress-track"
   }, React__default.createElement("div", {
     className: "rpgui-progress-fill " + color + " ",