@rpg-engine/long-bow 0.5.43 → 0.5.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { IChatMessage, IPrivateChatMessage } from '@rpg-engine/shared';
2
1
  import React from 'react';
2
+ import { ChatMessage } from '../ChatRevamp/ChatRevamp';
3
3
  export interface IStyles {
4
4
  textColor?: string;
5
5
  buttonColor?: string;
@@ -7,8 +7,12 @@ export interface IStyles {
7
7
  width?: string;
8
8
  height?: string;
9
9
  }
10
+ export interface IEmitter {
11
+ _id: string;
12
+ name: string;
13
+ }
10
14
  export interface IChatProps {
11
- chatMessages: IChatMessage[] | IPrivateChatMessage[];
15
+ chatMessages: ChatMessage[];
12
16
  onSendChatMessage: (message: string) => void;
13
17
  onCloseButton: () => void;
14
18
  onFocus?: () => void;
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
- import { ICharacter, IChatMessage, IPrivateChatMessage } from '@rpg-engine/shared';
2
+ import { ICharacter, IChatMessage, IPrivateChatMessage, ITradeChatMessage } from '@rpg-engine/shared';
3
3
  import { IStyles } from '../Chat/Chat';
4
4
  export declare type PrivateChatCharacter = Pick<ICharacter, '_id' | 'name'>;
5
+ export declare type ChatMessage = IChatMessage | IPrivateChatMessage | ITradeChatMessage;
5
6
  export interface IChatRevampProps {
6
- chatMessages: IChatMessage[] | IPrivateChatMessage[];
7
+ chatMessages: ChatMessage[];
7
8
  onSendGlobalChatMessage: (message: string) => void;
8
9
  onCloseButton: () => void;
9
10
  onFocus?: () => void;
@@ -24,5 +25,6 @@ export interface IChatRevampProps {
24
25
  onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;
25
26
  onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
26
27
  unseenMessageCharacterIds?: string[];
28
+ onSendTradeMessage: (message: string) => void;
27
29
  }
28
- export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, }: IChatRevampProps) => JSX.Element;
30
+ export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, onSendTradeMessage, }: IChatRevampProps) => JSX.Element;
@@ -12681,6 +12681,17 @@ var SearchCharacter = function SearchCharacter(_ref) {
12681
12681
  var _useState = React.useState(''),
12682
12682
  characterName = _useState[0],
12683
12683
  setCharacterName = _useState[1];
12684
+ var searchCharacterRef = React.useRef(null);
12685
+ React.useEffect(function () {
12686
+ var timer = setTimeout(function () {
12687
+ if (searchCharacterRef.current) {
12688
+ searchCharacterRef.current.focus();
12689
+ }
12690
+ }, 100);
12691
+ return function () {
12692
+ return clearTimeout(timer);
12693
+ };
12694
+ }, []);
12684
12695
  var handleSubmit = function handleSubmit(event) {
12685
12696
  event.preventDefault();
12686
12697
  if (!characterName || characterName.trim() === '') return;
@@ -12698,6 +12709,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
12698
12709
  flex: 70
12699
12710
  }, React__default.createElement(TextField$1, {
12700
12711
  value: characterName,
12712
+ ref: searchCharacterRef,
12701
12713
  id: "characterName",
12702
12714
  name: 'characterName',
12703
12715
  onChange: function onChange(e) {
@@ -12710,8 +12722,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
12710
12722
  autoComplete: "off",
12711
12723
  onFocus: onFocus,
12712
12724
  onBlur: onBlur,
12713
- onPointerDown: onFocus,
12714
- autoFocus: true
12725
+ onPointerDown: onFocus
12715
12726
  })), React__default.createElement(Column, {
12716
12727
  justifyContent: "flex-end"
12717
12728
  }, React__default.createElement(SearchButton, {
@@ -12784,7 +12795,8 @@ var ChatRevamp = function ChatRevamp(_ref) {
12784
12795
  onPreviousChatCharacterClick = _ref.onPreviousChatCharacterClick,
12785
12796
  onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
12786
12797
  _ref$unseenMessageCha = _ref.unseenMessageCharacterIds,
12787
- unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha;
12798
+ unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha,
12799
+ onSendTradeMessage = _ref.onSendTradeMessage;
12788
12800
  var _useState = React.useState(true),
12789
12801
  showSearchCharacterUI = _useState[0],
12790
12802
  setShowSearchCharacterUI = _useState[1];
@@ -12795,6 +12807,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
12795
12807
  setShowSearchCharacterUI(true);
12796
12808
  }, [activeTab]);
12797
12809
  var isPrivate = activeTab === 'private';
12810
+ var isTrade = activeTab === 'trade';
12798
12811
  var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
12799
12812
  if (!onPreviousChatCharacterClick) return;
12800
12813
  onPreviousChatCharacterClick(character);
@@ -12822,7 +12835,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
12822
12835
  return !t;
12823
12836
  });
12824
12837
  },
12825
- hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 ? true : false
12838
+ hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
12826
12839
  }, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
12827
12840
  onPointerDown: function onPointerDown() {
12828
12841
  return setShowSearchCharacterUI(true);
@@ -12859,7 +12872,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
12859
12872
  onCharacterClick: onCharacterClick
12860
12873
  }) : React__default.createElement(Chat, {
12861
12874
  chatMessages: chatMessages,
12862
- onSendChatMessage: isPrivate ? onSendPrivateChatMessage : onSendGlobalChatMessage,
12875
+ onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
12863
12876
  sendMessage: true,
12864
12877
  onCloseButton: onCloseButton,
12865
12878
  styles: styles,