@rpg-engine/long-bow 0.6.96 → 0.6.97

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

@@ -26528,62 +26528,63 @@ var ChatRevamp = function ChatRevamp(_ref) {
     setShowRecentChats = _useState[1];
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
+  var toggleRecentChats = function toggleRecentChats() {
+    setShowRecentChats(function (prev) {
+      return !prev;
+    });
+  };
   var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
     if (!onPreviousChatCharacterClick) return;
     onPreviousChatCharacterClick(character);
     hideSearchCharacterUI();
   };
-  return React__default.createElement(ChatContainer$1, null, React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
+  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,
-      onClick: function onClick() {
+      onPointerDown: function onPointerDown() {
         return onChangeTab(tab.id);
       }
     }, tab.label);
   })), React__default.createElement(PrivateChatContainer, {
     width: (styles == null ? void 0 : styles.width) || '80%',
     height: (styles == null ? void 0 : styles.height) || 'auto'
-  }, isPrivate && React__default.createElement(RecentChatTabContainer, {
+  }, React__default.createElement(RecentChatTabContainer, {
     isPrivate: isPrivate,
     isOpen: showRecentChats
-  }, React__default.createElement(RecentChatContent, {
-    isOpen: showRecentChats
   }, React__default.createElement(RecentChatTopBar, null, React__default.createElement(BurgerIconContainer, {
-    onClick: function onClick() {
-      return setShowRecentChats(function (t) {
-        return !t;
-      });
-    },
+    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, {
-    onClick: function onClick() {
+    onPointerDown: function onPointerDown() {
       return showSearchCharacterUI();
     }
   }, React__default.createElement(rx.RxMagnifyingGlass, {
     size: 16,
     color: uiColors.white
-  }))), React__default.createElement(RecentChatLogContainer, null, recentChatCharacters == null ? void 0 : recentChatCharacters.map(function (character) {
+  }))), 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,
-      onClick: function onClick() {
+      onPointerDown: function onPointerDown() {
         return handlePreviousChatCharacterClick(character);
       }
     }, React__default.createElement(StatusDot, {
       isUnseen: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.includes(character._id)) || false
-    }), React__default.createElement(EllipsisWrapper, null, React__default.createElement(Ellipsis, {
-      maxLines: 1,
-      maxWidth: "140px"
-    }, character.name))), React__default.createElement(CloseButton$1, {
-      onClick: function onClick() {
+    }), 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, {
+  }))), isPrivate && searchCharacterUI ? React__default.createElement(SearchCharacter, {
     onFocus: onFocus,
     onBlur: onBlur,
     onChangeCharacterName: onChangeCharacterName,
@@ -26601,30 +26602,24 @@ var ChatRevamp = function ChatRevamp(_ref) {
     onBlur: onBlur
   })));
 };
-var ChatContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "ChatRevamp__ChatContainer",
-  componentId: "sc-1sdiknw-0"
-})(["display:flex;flex-direction:column;gap:10px;max-width:1200px;"]);
 var TabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__TabContainer",
-  componentId: "sc-1sdiknw-1"
+  componentId: "sc-1sdiknw-0"
 })(["width:100%;display:flex;gap:10px;"]);
 var Tab = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__Tab",
-  componentId: "sc-1sdiknw-2"
-})(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";transition:all 0.3s ease;cursor:pointer;&:hover{background-color:", ";}"], function (props) {
+  componentId: "sc-1sdiknw-1"
+})(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";"], function (props) {
   return props.active ? '#c65102' : uiColors.gray;
 }, function (props) {
   return props.active ? uiColors.orange : 'transparent';
 }, function (props) {
   return props.active ? 'white' : uiColors.raisinBlack;
-}, function (props) {
-  return props.active ? uiColors.orange : uiColors.lightGray;
 });
 var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__PrivateChatContainer",
-  componentId: "sc-1sdiknw-3"
-})(["width:", ";min-height:", " !important;padding:10px;background-color:rgba(0,0,0,0.2);height:auto;display:flex;gap:10px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);"], function (_ref2) {
+  componentId: "sc-1sdiknw-2"
+})(["width:", ";min-height:", " !important;padding:10px;background-color:rgba(0,0,0,0.2);height:auto;display:flex;gap:10px;"], function (_ref2) {
   var width = _ref2.width;
   return width;
 }, function (_ref3) {
@@ -26633,70 +26628,62 @@ var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
 });
 var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTabContainer",
-  componentId: "sc-1sdiknw-4"
-})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";min-width:", ";max-width:300px;transition:all 0.3s ease-in-out;overflow:hidden;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
+  componentId: "sc-1sdiknw-3"
+})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
   return props.isPrivate ? 'flex' : 'none';
 }, uiColors.gray, function (props) {
-  return props.isOpen ? '20%' : '30px';
+  return props.isOpen ? '25%' : '30px';
 }, function (props) {
-  return props.isOpen ? '140px' : '30px';
+  return props.isOpen ? '180px' : '30px';
 }, function (props) {
-  return props.isOpen ? '40%' : '30px';
+  return props.isOpen ? '50%' : '30px';
 }, function (props) {
-  return props.isOpen ? '140px' : '30px';
-});
-var RecentChatContent = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "ChatRevamp__RecentChatContent",
-  componentId: "sc-1sdiknw-5"
-})(["width:100%;min-width:140px;opacity:", ";transition:opacity 0.3s ease-in-out;"], function (props) {
-  return props.isOpen ? 1 : 0;
+  return props.isOpen ? '150px' : '30px';
 });
 var RecentChatTopBar = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTopBar",
-  componentId: "sc-1sdiknw-6"
+  componentId: "sc-1sdiknw-4"
 })(["display:flex;align-items:center;justify-content:space-between;height:30px;"]);
 var SearchButton$1 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__SearchButton",
-  componentId: "sc-1sdiknw-7"
+  componentId: "sc-1sdiknw-5"
 })(["border:none;background-color:transparent;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:4px;position:relative;"]);
 var BurgerIconContainer = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__BurgerIconContainer",
-  componentId: "sc-1sdiknw-8"
+  componentId: "sc-1sdiknw-6"
 })(["border:none;background-color:transparent;display:flex;flex-direction:column;align-items:flex-end;padding:4px;gap:2px;position:relative;&:after{content:'';width:6px;height:6px;position:absolute;top:0;right:2px;border-radius:50%;background-color:", ";display:", ";}"], uiColors.lightGreen, function (props) {
   return props.hasUnseenMessages ? 'block' : 'none';
 });
 var BurgerLineIcon = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ChatRevamp__BurgerLineIcon",
-  componentId: "sc-1sdiknw-9"
+  componentId: "sc-1sdiknw-7"
 })(["width:1rem;height:2px;background-color:#ffffff;"]);
 var RecentChatLogContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatLogContainer",
-  componentId: "sc-1sdiknw-10"
-})(["border:none;list-style:none;display:flex;flex-direction:column;gap:0.5rem;padding:0;margin:0;flex:1;"]);
+  componentId: "sc-1sdiknw-8"
+})(["border:none;list-style:none;display:flex;opacity:", ";flex-direction:column;gap:0.5rem;transition:opacity 0.3s ease-in-out;padding:0;margin:0;flex:1;"], function (props) {
+  return props.isOpen ? 1 : 0;
+});
 var ListElementContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__ListElementContainer",
-  componentId: "sc-1sdiknw-11"
-})(["display:flex;justify-content:space-between;align-items:center;width:100%;"]);
+  componentId: "sc-1sdiknw-9"
+})(["display:flex;justify-content:space-between;align-items:center;"]);
 var ListElement$1 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__ListElement",
-  componentId: "sc-1sdiknw-12"
-})(["margin:0.5rem 0 !important;font-size:", " !important;padding:8px 4px;border-radius:4px;all:unset;color:", ";width:100%;position:relative;display:flex;align-items:center;gap:4px;transition:all 0.2s ease;flex:1;min-width:0;&:hover{background-color:rgba(255,255,255,0.1);}"], uiFonts.size.small, function (props) {
+  componentId: "sc-1sdiknw-10"
+})(["margin:0.5rem 0 !important;font-size:", " !important;padding:2px;all:unset;color:", ";width:100%;position:relative;display:flex;align-items:center;gap:4px;&:hover{color:#ff0;}max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], uiFonts.size.small, function (props) {
   return props.active ? uiColors.yellow : uiColors.white;
 });
-var EllipsisWrapper = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "ChatRevamp__EllipsisWrapper",
-  componentId: "sc-1sdiknw-13"
-})(["flex:1;min-width:0;"]);
 var StatusDot = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ChatRevamp__StatusDot",
-  componentId: "sc-1sdiknw-14"
+  componentId: "sc-1sdiknw-11"
 })(["width:6px;height:6px;border-radius:50%;background-color:", ";display:inline-block;margin-right:6px;"], function (props) {
   return props.isUnseen ? uiColors.lightGreen : uiColors.gray;
 });
 var CloseButton$1 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__CloseButton",
-  componentId: "sc-1sdiknw-15"
-})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
+  componentId: "sc-1sdiknw-12"
+})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
 
 var CheckButton = function CheckButton(_ref) {
   var items = _ref.items,