@rpg-engine/long-bow 0.8.0 → 0.8.2

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IChatRevampProps } from './types';
-export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onSendGuildChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, onSendTradeMessage, searchCharacterUI, hideSearchCharacterUI, showSearchCharacterUI, minimizedByDefault, autoCloseOnSend, onSendLocalChatMessage, }: IChatRevampProps) => JSX.Element;
+export declare const ChatRevamp: React.FC<IChatRevampProps>;

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

@@ -5,18 +5,16 @@ export declare type ChatMessage = ILocalChatMessage | IPrivateChatMessage | ITra
 export interface IChatRevampProps {
     chatMessages: ChatMessage[];
     onSendGlobalChatMessage: (message: string) => void;
-    onCloseButton: () => void;
+    onSendGuildChatMessage: (message: string) => void;
+    onChangeCharacterName: (characterName: string) => void;
     onFocus?: () => void;
     onBlur?: () => void;
+    onCloseButton: () => void;
     styles?: IStyles;
-    tabs: {
-        label: string;
-        id: string;
-    }[];
-    activeTab: string;
-    onChangeTab: (tabId: string) => void;
+    tabs: any[];
+    onChangeTab: (tab: string) => void;
+    activeTab?: string;
     privateChatCharacters?: PrivateChatCharacter[];
-    onChangeCharacterName: (characterName: string) => void;
     onCharacterClick?: (character: PrivateChatCharacter) => void;
     onSendPrivateChatMessage: (message: string) => void;
     recentChatCharacters?: PrivateChatCharacter[];
@@ -25,12 +23,12 @@ export interface IChatRevampProps {
     onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
     unseenMessageCharacterIds?: string[];
     onSendTradeMessage: (message: string) => void;
-    searchCharacterUI: boolean;
-    hideSearchCharacterUI: () => void;
-    showSearchCharacterUI: () => void;
+    searchCharacterUI?: boolean;
+    hideSearchCharacterUI?: () => void;
+    showSearchCharacterUI?: () => void;
     minimizedByDefault?: boolean;
     autoCloseOnSend?: boolean;
-    onSendGuildChatMessage: (message: string) => void;
-    isInGuild: boolean;
     onSendLocalChatMessage: (message: string) => void;
+    onDiscordClick?: () => void;
+    onWhatsAppClick?: () => void;
 }

package/dist/components/SocialModal/SocialModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ISocialModalProps {
+    onClose: () => void;
+}
+export declare const SocialModal: React.FC<ISocialModalProps>;
+export {};

package/dist/components/shared/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IDividerProps {
+    className?: string;
+    margin?: string;
+}
+export declare const Divider: React.FC<IDividerProps>;
+export {};

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

@@ -26811,13 +26811,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';
@@ -26829,13 +26834,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__default.createElement(ChatRevampContainer, null, React__default.createElement(TopBar, {
     isExpanded: chatHook.isExpanded
-  }, chatHook.isExpanded && React__default.createElement(ChatTabs, {
+  }, chatHook.isExpanded && React__default.createElement(React__default.Fragment, null, React__default.createElement(ChatTabs, {
     tabs: tabs,
     activeTab: activeTab,
     onChangeTab: chatHook.handleTabChange
-  }), React__default.createElement(ExpandButton, {
+  }), React__default.createElement(SocialButtons, null, React__default.createElement(SocialButton, {
+    onClick: handleDiscordClick
+  }, React__default.createElement(fa.FaDiscord, null)), React__default.createElement(SocialButton, {
+    onClick: handleWhatsAppClick
+  }, React__default.createElement(fa.FaWhatsapp, null)))), React__default.createElement(ExpandButton, {
     isExpanded: chatHook.isExpanded,
     onClick: chatHook.toggleExpand
   })), React__default.createElement(AllChatsContainer, {
@@ -26845,7 +26862,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
   }, chatHook.isExpanded ? React__default.createElement(ExpandedChatContent, null, isPrivate && React__default.createElement(RecentChats, {
     showRecentChats: chatHook.showRecentChats,
     toggleRecentChats: chatHook.toggleRecentChats,
-    hasUnseenMessages: chatHook.hasUnseenMessages || false,
+    hasUnseenMessages: !!chatHook.hasUnseenMessages,
     showSearchCharacterUI: showSearchCharacterUI,
     recentChatCharacters: recentChatCharacters,
     recentSelectedChatCharacterId: recentSelectedChatCharacterId,
@@ -26896,7 +26913,7 @@ var ChatRevampContainer = /*#__PURE__*/styled__default.div.withConfig({
 var TopBar = /*#__PURE__*/styled__default.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';
 });
@@ -26914,8 +26931,9 @@ var AllChatsContainer = /*#__PURE__*/styled__default.div.withConfig({
 var ChatContentWrapper = /*#__PURE__*/styled__default.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__default.div.withConfig({
   displayName: "ChatRevamp__CollapsedChatInput",
@@ -26925,6 +26943,14 @@ var ExpandedChatContent = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__ExpandedChatContent",
   componentId: "sc-1sdiknw-5"
 })(["display:flex;width:100%;height:100%;"]);
+var SocialButtons = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "ChatRevamp__SocialButtons",
+  componentId: "sc-1sdiknw-6"
+})(["display:flex;gap:8px;margin-right:32px;"]);
+var SocialButton = /*#__PURE__*/styled__default.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,
@@ -27945,15 +27971,14 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
       },
       isFocused: false
     });
-  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled]);
-  React.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();