@rpg-engine/long-bow 0.6.97 → 0.6.99

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ICharacter, IChatMessage, IPrivateChatMessage, ITradeChatMessage } from '@rpg-engine/shared';
+import React from 'react';
 import { IStyles } from '../Chat/Chat';
 export declare type PrivateChatCharacter = Pick<ICharacter, '_id' | 'name'>;
 export declare type ChatMessage = IChatMessage | IPrivateChatMessage | ITradeChatMessage;
@@ -30,4 +30,4 @@ export interface IChatRevampProps {
     hideSearchCharacterUI: () => void;
     showSearchCharacterUI: () => void;
 }
-export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, onSendTradeMessage, searchCharacterUI, hideSearchCharacterUI, showSearchCharacterUI, }: IChatRevampProps) => JSX.Element;
+export declare const ChatRevamp: React.FC<IChatRevampProps>;

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

@@ -26529,78 +26529,90 @@ var ChatRevamp = function ChatRevamp(_ref) {
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
   var toggleRecentChats = function toggleRecentChats() {
-    setShowRecentChats(function (prev) {
+    return setShowRecentChats(function (prev) {
       return !prev;
     });
   };
   var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
-    if (!onPreviousChatCharacterClick) return;
-    onPreviousChatCharacterClick(character);
+    onPreviousChatCharacterClick == null ? void 0 : onPreviousChatCharacterClick(character);
     hideSearchCharacterUI();
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
-    return React__default.createElement(Tab, {
-      key: tab.label + "_" + index,
-      active: tab.id === activeTab,
-      onPointerDown: function onPointerDown() {
-        return onChangeTab(tab.id);
-      }
-    }, tab.label);
-  })), React__default.createElement(PrivateChatContainer, {
+  var renderTabs = function renderTabs() {
+    return React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
+      return React__default.createElement(Tab, {
+        key: tab.label + "_" + index,
+        active: tab.id === activeTab,
+        onPointerDown: function onPointerDown() {
+          return onChangeTab(tab.id);
+        }
+      }, tab.label);
+    }));
+  };
+  var renderRecentChatTopBar = function renderRecentChatTopBar() {
+    return React__default.createElement(RecentChatTopBar, null, React__default.createElement(BurgerIconContainer, {
+      onPointerDown: toggleRecentChats,
+      hasUnseenMessages: unseenMessageCharacterIds.length > 0
+    }, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
+      onPointerDown: showSearchCharacterUI
+    }, React__default.createElement(rx.RxMagnifyingGlass, {
+      size: 16,
+      color: uiColors.white
+    })));
+  };
+  var renderRecentChatList = function renderRecentChatList() {
+    return React__default.createElement(RecentChatLogContainer, {
+      isOpen: showRecentChats
+    }, recentChatCharacters == null ? void 0 : recentChatCharacters.map(function (character) {
+      return React__default.createElement(ListElementContainer, {
+        key: character._id
+      }, React__default.createElement(ListElement$1, {
+        active: character._id === recentSelectedChatCharacterId,
+        onPointerDown: function onPointerDown() {
+          return handlePreviousChatCharacterClick(character);
+        }
+      }, React__default.createElement(StatusDot, {
+        isUnseen: unseenMessageCharacterIds.includes(character._id)
+      }), React__default.createElement(Ellipsis, {
+        maxWidth: "140px",
+        maxLines: 1
+      }, character.name)), React__default.createElement(CloseButton$1, {
+        onPointerDown: function onPointerDown() {
+          return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+        }
+      }, React__default.createElement(rx.RxCross2, {
+        size: 16
+      })));
+    }));
+  };
+  var renderChatContent = function renderChatContent() {
+    if (isPrivate && searchCharacterUI) {
+      return React__default.createElement(SearchCharacter, {
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onChangeCharacterName: onChangeCharacterName,
+        styles: styles,
+        recentCharacters: privateChatCharacters,
+        hideSearchCharacterUI: hideSearchCharacterUI,
+        onCharacterClick: onCharacterClick
+      });
+    }
+    return React__default.createElement(Chat, {
+      chatMessages: chatMessages,
+      onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
+      sendMessage: true,
+      onCloseButton: onCloseButton,
+      styles: styles,
+      onFocus: onFocus,
+      onBlur: onBlur
+    });
+  };
+  return React__default.createElement(React__default.Fragment, null, renderTabs(), React__default.createElement(PrivateChatContainer, {
     width: (styles == null ? void 0 : styles.width) || '80%',
     height: (styles == null ? void 0 : styles.height) || 'auto'
   }, React__default.createElement(RecentChatTabContainer, {
     isPrivate: isPrivate,
     isOpen: showRecentChats
-  }, React__default.createElement(RecentChatTopBar, null, React__default.createElement(BurgerIconContainer, {
-    onPointerDown: toggleRecentChats,
-    hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
-  }, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
-    onPointerDown: function onPointerDown() {
-      return showSearchCharacterUI();
-    }
-  }, React__default.createElement(rx.RxMagnifyingGlass, {
-    size: 16,
-    color: uiColors.white
-  }))), React__default.createElement(RecentChatLogContainer, {
-    isOpen: showRecentChats
-  }, recentChatCharacters == null ? void 0 : recentChatCharacters.map(function (character) {
-    return React__default.createElement(ListElementContainer, {
-      key: character._id
-    }, React__default.createElement(ListElement$1, {
-      active: character._id === recentSelectedChatCharacterId,
-      onPointerDown: function onPointerDown() {
-        return handlePreviousChatCharacterClick(character);
-      }
-    }, React__default.createElement(StatusDot, {
-      isUnseen: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.includes(character._id)) || false
-    }), React__default.createElement(Ellipsis, {
-      maxWidth: "140px",
-      maxLines: 1
-    }, character.name)), React__default.createElement(CloseButton$1, {
-      onPointerDown: function onPointerDown() {
-        return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
-      }
-    }, React__default.createElement(rx.RxCross2, {
-      size: 16
-    })));
-  }))), isPrivate && searchCharacterUI ? React__default.createElement(SearchCharacter, {
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onChangeCharacterName: onChangeCharacterName,
-    styles: styles,
-    recentCharacters: privateChatCharacters,
-    hideSearchCharacterUI: hideSearchCharacterUI,
-    onCharacterClick: onCharacterClick
-  }) : React__default.createElement(Chat, {
-    chatMessages: chatMessages,
-    onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
-    sendMessage: true,
-    onCloseButton: onCloseButton,
-    styles: styles,
-    onFocus: onFocus,
-    onBlur: onBlur
-  })));
+  }, renderRecentChatTopBar(), renderRecentChatList()), renderChatContent()));
 };
 var TabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__TabContainer",