@rpg-engine/long-bow 0.8.0 → 0.8.2

package/dist/long-bow.esm.js

@@ -5,7 +5,7 @@ import { v4 } from 'uuid';
 import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemRarities, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemSubType, isMobile, ItemSlotType, isMobileOrTablet, CharacterClass, QuestStatus, getSPForLevel, getXPForLevel, PeriodOfDay, UserAccountTypes } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
-import { FaTimes, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight } from 'react-icons/fa';
+import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight } from 'react-icons/fa';
 import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
 import { IoMdContract, IoMdExpand } from 'react-icons/io';
 import Draggable from 'react-draggable';
@@ -26804,13 +26804,18 @@ var ChatRevamp = function ChatRevamp(_ref) {
     onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
     unseenMessageCharacterIds = _ref.unseenMessageCharacterIds,
     onSendTradeMessage = _ref.onSendTradeMessage,
-    searchCharacterUI = _ref.searchCharacterUI,
-    hideSearchCharacterUI = _ref.hideSearchCharacterUI,
-    showSearchCharacterUI = _ref.showSearchCharacterUI,
+    _ref$searchCharacterU = _ref.searchCharacterUI,
+    searchCharacterUI = _ref$searchCharacterU === void 0 ? false : _ref$searchCharacterU,
+    _ref$hideSearchCharac = _ref.hideSearchCharacterUI,
+    hideSearchCharacterUI = _ref$hideSearchCharac === void 0 ? function () {} : _ref$hideSearchCharac,
+    _ref$showSearchCharac = _ref.showSearchCharacterUI,
+    showSearchCharacterUI = _ref$showSearchCharac === void 0 ? function () {} : _ref$showSearchCharac,
     _ref$minimizedByDefau = _ref.minimizedByDefault,
     minimizedByDefault = _ref$minimizedByDefau === void 0 ? false : _ref$minimizedByDefau,
     autoCloseOnSend = _ref.autoCloseOnSend,
-    onSendLocalChatMessage = _ref.onSendLocalChatMessage;
+    onSendLocalChatMessage = _ref.onSendLocalChatMessage,
+    onDiscordClick = _ref.onDiscordClick,
+    onWhatsAppClick = _ref.onWhatsAppClick;
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
   var isGuild = activeTab === 'guild';
@@ -26822,13 +26827,25 @@ var ChatRevamp = function ChatRevamp(_ref) {
     onPreviousChatCharacterClick: onPreviousChatCharacterClick,
     unseenMessageCharacterIds: unseenMessageCharacterIds
   });
+  var handleDiscordClick = function handleDiscordClick(e) {
+    e.preventDefault();
+    onDiscordClick == null ? void 0 : onDiscordClick();
+  };
+  var handleWhatsAppClick = function handleWhatsAppClick(e) {
+    e.preventDefault();
+    onWhatsAppClick == null ? void 0 : onWhatsAppClick();
+  };
   return React.createElement(ChatRevampContainer, null, React.createElement(TopBar, {
     isExpanded: chatHook.isExpanded
-  }, chatHook.isExpanded && React.createElement(ChatTabs, {
+  }, chatHook.isExpanded && React.createElement(React.Fragment, null, React.createElement(ChatTabs, {
     tabs: tabs,
     activeTab: activeTab,
     onChangeTab: chatHook.handleTabChange
-  }), React.createElement(ExpandButton, {
+  }), React.createElement(SocialButtons, null, React.createElement(SocialButton, {
+    onClick: handleDiscordClick
+  }, React.createElement(FaDiscord, null)), React.createElement(SocialButton, {
+    onClick: handleWhatsAppClick
+  }, React.createElement(FaWhatsapp, null)))), React.createElement(ExpandButton, {
     isExpanded: chatHook.isExpanded,
     onClick: chatHook.toggleExpand
   })), React.createElement(AllChatsContainer, {
@@ -26838,7 +26855,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
   }, chatHook.isExpanded ? React.createElement(ExpandedChatContent, null, isPrivate && React.createElement(RecentChats, {
     showRecentChats: chatHook.showRecentChats,
     toggleRecentChats: chatHook.toggleRecentChats,
-    hasUnseenMessages: chatHook.hasUnseenMessages || false,
+    hasUnseenMessages: !!chatHook.hasUnseenMessages,
     showSearchCharacterUI: showSearchCharacterUI,
     recentChatCharacters: recentChatCharacters,
     recentSelectedChatCharacterId: recentSelectedChatCharacterId,
@@ -26889,7 +26906,7 @@ 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 (_ref2) {
+})(["display:flex;align-items:center;justify-content:space-between;min-height:", ";padding:0 8px;"], function (_ref2) {
   var isExpanded = _ref2.isExpanded;
   return isExpanded ? 'auto' : '32px';
 });
@@ -26907,8 +26924,9 @@ var AllChatsContainer = /*#__PURE__*/styled.div.withConfig({
 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 ? '75%' : '100%';
+})(["flex-grow:1;overflow:hidden;display:flex;flex-direction:column;position:relative;width:", ";"], function (_ref5) {
+  var isPrivate = _ref5.isPrivate;
+  return isPrivate ? '75%' : '100%';
 });
 var CollapsedChatInput = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__CollapsedChatInput",
@@ -26918,6 +26936,14 @@ var ExpandedChatContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__ExpandedChatContent",
   componentId: "sc-1sdiknw-5"
 })(["display:flex;width:100%;height:100%;"]);
+var SocialButtons = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ChatRevamp__SocialButtons",
+  componentId: "sc-1sdiknw-6"
+})(["display:flex;gap:8px;margin-right:32px;"]);
+var SocialButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "ChatRevamp__SocialButton",
+  componentId: "sc-1sdiknw-7"
+})(["background-color:transparent;border:none;color:white;font-size:16px;cursor:pointer;transition:color 0.3s ease;padding:4px;&:hover{color:", ";}"], uiColors.yellow);
 
 var CheckButton = function CheckButton(_ref) {
   var items = _ref.items,
@@ -27938,15 +27964,14 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
       },
       isFocused: false
     });
-  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled]);
-  useEffect(function () {
-    // Reset drag position and focus when item changes
     clearDraggingState();
     // Clear context actions when component unmounts or dependencies change
     return function () {
+      clearDraggingState();
+      clearDetailsState();
       clearContextActions();
     };
-  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled, updateDraggingState]);
+  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled, clearDraggingState, clearDetailsState, updateDraggingState]);
   var resetItem = function resetItem() {
     clearDraggingState();
     clearDetailsState();