@rpg-engine/long-bow 0.7.23 → 0.7.25

package/dist/long-bow.esm.js

@@ -26421,8 +26421,12 @@ var useChat = function useChat(_ref) {
     onChangeTab(tabId);
   };
   var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
-    onPreviousChatCharacterClick == null ? void 0 : onPreviousChatCharacterClick(character);
-    hideSearchCharacterUI();
+    if (onPreviousChatCharacterClick) {
+      onPreviousChatCharacterClick(character);
+    }
+    if (hideSearchCharacterUI) {
+      hideSearchCharacterUI();
+    }
   };
   return {
     showRecentChats: showRecentChats,
@@ -26568,6 +26572,18 @@ var ChatContent = function ChatContent(_ref) {
     privateChatCharacters = _ref.privateChatCharacters,
     hideSearchCharacterUI = _ref.hideSearchCharacterUI,
     onCharacterClick = _ref.onCharacterClick;
+  var handleSendMessage = function handleSendMessage(message) {
+    if (autoCloseOnSend) {
+      onCloseButton();
+    }
+    if (isPrivate) {
+      onSendPrivateChatMessage(message);
+    } else if (isTrade) {
+      onSendTradeMessage(message);
+    } else {
+      onSendGlobalChatMessage(message);
+    }
+  };
   if (isPrivate && searchCharacterUI) {
     return React.createElement(SearchCharacter, {
       onFocus: onFocus,
@@ -26581,18 +26597,7 @@ var ChatContent = function ChatContent(_ref) {
   }
   return React.createElement(ChatWrapper, null, React.createElement(Chat, {
     chatMessages: chatMessages,
-    onSendChatMessage: function onSendChatMessage() {
-      if (autoCloseOnSend) {
-        onCloseButton();
-      }
-      if (isPrivate) {
-        return onSendPrivateChatMessage;
-      } else if (isTrade) {
-        return onSendTradeMessage;
-      } else {
-        return onSendGlobalChatMessage;
-      }
-    },
+    onSendChatMessage: handleSendMessage,
     sendMessage: true,
     onCloseButton: onCloseButton,
     styles: styles,
@@ -26652,7 +26657,7 @@ var StyledExpandButton = /*#__PURE__*/styled.button.withConfig({
   componentId: "sc-vdxez5-0"
 })(["position:absolute;top:0;", ";width:30px;height:30px;background-color:", ";color:white;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s ease;z-index:10;&:hover{background-color:", ";}"], function (_ref2) {
   var isExpanded = _ref2.isExpanded;
-  return isExpanded ? 'right: 0' : 'left: 0';
+  return isExpanded ? 'right: 0' : 'left: 0.5rem';
 }, uiColors.orange, uiColors.orange);
 
 var RecentChats = function RecentChats(_ref) {
@@ -26665,7 +26670,12 @@ var RecentChats = function RecentChats(_ref) {
     unseenMessageCharacterIds = _ref.unseenMessageCharacterIds,
     onPreviousChatCharacterClick = _ref.onPreviousChatCharacterClick,
     onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
-    isPrivate = _ref.isPrivate;
+    isPrivate = _ref.isPrivate,
+    hideSearchCharacterUI = _ref.hideSearchCharacterUI;
+  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
+    onPreviousChatCharacterClick(character);
+    hideSearchCharacterUI(); // Call hideSearchCharacterUI here
+  };
   return React.createElement(RecentChatTabContainer, {
     isOpen: showRecentChats,
     isPrivate: isPrivate
@@ -26686,7 +26696,7 @@ var RecentChats = function RecentChats(_ref) {
     }, React.createElement(ListElement$1, {
       active: character._id === recentSelectedChatCharacterId,
       onPointerDown: function onPointerDown() {
-        return onPreviousChatCharacterClick(character);
+        return handlePreviousChatCharacterClick(character);
       }
     }, React.createElement(StatusDot, {
       isUnseen: (_unseenMessageCharact = unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.includes(character._id)) != null ? _unseenMessageCharact : false
@@ -26764,40 +26774,40 @@ var CloseButton$2 = /*#__PURE__*/styled.button.withConfig({
   componentId: "sc-uzad2m-9"
 })(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
 
-var ChatRevamp = function ChatRevamp(props) {
-  var chatMessages = props.chatMessages,
-    onSendGlobalChatMessage = props.onSendGlobalChatMessage,
-    onChangeCharacterName = props.onChangeCharacterName,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onCloseButton = props.onCloseButton,
-    styles = props.styles,
-    tabs = props.tabs,
-    onChangeTab = props.onChangeTab,
-    activeTab = props.activeTab,
-    privateChatCharacters = props.privateChatCharacters,
-    onCharacterClick = props.onCharacterClick,
-    onSendPrivateChatMessage = props.onSendPrivateChatMessage,
-    recentChatCharacters = props.recentChatCharacters,
-    recentSelectedChatCharacterId = props.recentSelectedChatCharacterId,
-    onPreviousChatCharacterClick = props.onPreviousChatCharacterClick,
-    onRemoveRecentChatCharacter = props.onRemoveRecentChatCharacter,
-    unseenMessageCharacterIds = props.unseenMessageCharacterIds,
-    onSendTradeMessage = props.onSendTradeMessage,
-    searchCharacterUI = props.searchCharacterUI,
-    hideSearchCharacterUI = props.hideSearchCharacterUI,
-    showSearchCharacterUI = props.showSearchCharacterUI,
-    minimizedByDefault = props.minimizedByDefault,
-    autoCloseOnSend = props.autoCloseOnSend;
+var ChatRevamp = function ChatRevamp(_ref) {
+  var chatMessages = _ref.chatMessages,
+    onSendGlobalChatMessage = _ref.onSendGlobalChatMessage,
+    onChangeCharacterName = _ref.onChangeCharacterName,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onCloseButton = _ref.onCloseButton,
+    styles = _ref.styles,
+    tabs = _ref.tabs,
+    onChangeTab = _ref.onChangeTab,
+    _ref$activeTab = _ref.activeTab,
+    activeTab = _ref$activeTab === void 0 ? 'global' : _ref$activeTab,
+    privateChatCharacters = _ref.privateChatCharacters,
+    onCharacterClick = _ref.onCharacterClick,
+    onSendPrivateChatMessage = _ref.onSendPrivateChatMessage,
+    recentChatCharacters = _ref.recentChatCharacters,
+    recentSelectedChatCharacterId = _ref.recentSelectedChatCharacterId,
+    onPreviousChatCharacterClick = _ref.onPreviousChatCharacterClick,
+    onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
+    unseenMessageCharacterIds = _ref.unseenMessageCharacterIds,
+    onSendTradeMessage = _ref.onSendTradeMessage,
+    searchCharacterUI = _ref.searchCharacterUI,
+    hideSearchCharacterUI = _ref.hideSearchCharacterUI,
+    showSearchCharacterUI = _ref.showSearchCharacterUI,
+    _ref$minimizedByDefau = _ref.minimizedByDefault,
+    minimizedByDefault = _ref$minimizedByDefau === void 0 ? false : _ref$minimizedByDefau,
+    autoCloseOnSend = _ref.autoCloseOnSend;
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
   var chatHook = useChat({
-    activeTab: activeTab,
     minimizedByDefault: minimizedByDefault,
     isPrivate: isPrivate,
     onChangeTab: onChangeTab,
     onPreviousChatCharacterClick: onPreviousChatCharacterClick,
-    hideSearchCharacterUI: hideSearchCharacterUI,
     unseenMessageCharacterIds: unseenMessageCharacterIds
   });
   return React.createElement(ChatRevampContainer, null, React.createElement(TopBar, {
@@ -26813,7 +26823,7 @@ var ChatRevamp = function ChatRevamp(props) {
     width: (styles == null ? void 0 : styles.width) || '80%',
     height: (styles == null ? void 0 : styles.height) || 'auto',
     isExpanded: chatHook.isExpanded
-  }, chatHook.isExpanded ? React.createElement(React.Fragment, null, isPrivate && React.createElement(RecentChats, {
+  }, chatHook.isExpanded ? React.createElement(ExpandedChatContent, null, isPrivate && React.createElement(RecentChats, {
     showRecentChats: chatHook.showRecentChats,
     toggleRecentChats: chatHook.toggleRecentChats,
     hasUnseenMessages: chatHook.hasUnseenMessages || false,
@@ -26821,11 +26831,10 @@ var ChatRevamp = function ChatRevamp(props) {
     recentChatCharacters: recentChatCharacters,
     recentSelectedChatCharacterId: recentSelectedChatCharacterId,
     unseenMessageCharacterIds: unseenMessageCharacterIds,
-    onPreviousChatCharacterClick: function onPreviousChatCharacterClick(character) {
-      return chatHook.handlePreviousChatCharacterClick(character);
-    },
+    onPreviousChatCharacterClick: chatHook.handlePreviousChatCharacterClick,
     onRemoveRecentChatCharacter: onRemoveRecentChatCharacter,
-    isPrivate: isPrivate
+    isPrivate: isPrivate,
+    hideSearchCharacterUI: hideSearchCharacterUI
   }), React.createElement(ChatContentWrapper, {
     isPrivate: isPrivate
   }, React.createElement(ChatContent, {
@@ -26864,31 +26873,35 @@ var ChatRevampContainer = /*#__PURE__*/styled.div.withConfig({
 var TopBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__TopBar",
   componentId: "sc-1sdiknw-1"
-})(["display:flex;align-items:center;justify-content:flex-start;min-height:", ";"], function (_ref) {
-  var isExpanded = _ref.isExpanded;
+})(["display:flex;align-items:center;justify-content:flex-start;min-height:", ";"], function (_ref2) {
+  var isExpanded = _ref2.isExpanded;
   return isExpanded ? 'auto' : '32px';
 });
 var PrivateChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__PrivateChatContainer",
   componentId: "sc-1sdiknw-2"
-})(["width:", ";height:", ";padding:10px;background-color:rgba(0,0,0,0.2);display:flex;gap:10px;flex-wrap:wrap;"], function (_ref2) {
-  var width = _ref2.width;
+})(["width:", ";height:", ";padding:10px;background-color:rgba(0,0,0,0.2);display:flex;gap:10px;flex-wrap:wrap;"], function (_ref3) {
+  var width = _ref3.width;
   return width;
-}, function (_ref3) {
-  var height = _ref3.height,
-    isExpanded = _ref3.isExpanded;
+}, function (_ref4) {
+  var height = _ref4.height,
+    isExpanded = _ref4.isExpanded;
   return isExpanded ? height : 'auto';
 });
 var ChatContentWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__ChatContentWrapper",
   componentId: "sc-1sdiknw-3"
 })(["flex-grow:1;overflow:hidden;display:flex;flex-direction:column;position:relative;width:", ";"], function (props) {
-  return props.isPrivate ? 'calc(75% - 10px)' : '100%';
+  return props.isPrivate ? '75%' : '100%';
 });
 var CollapsedChatInput = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__CollapsedChatInput",
   componentId: "sc-1sdiknw-4"
 })(["width:100%;height:100%;display:flex;align-items:center;"]);
+var ExpandedChatContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ChatRevamp__ExpandedChatContent",
+  componentId: "sc-1sdiknw-5"
+})(["display:flex;width:100%;height:100%;"]);
 
 var CheckButton = function CheckButton(_ref) {
   var items = _ref.items,