@rpg-engine/long-bow 0.5.46 → 0.5.48

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

@@ -26,5 +26,8 @@ export interface IChatRevampProps {
     onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
     unseenMessageCharacterIds?: string[];
     onSendTradeMessage: (message: string) => void;
+    searchCharacterUI: boolean;
+    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, }: IChatRevampProps) => JSX.Element;
+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;

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

@@ -7,8 +7,8 @@ interface ISearchCharacterProps {
     onChangeCharacterName: (characterName: string) => void;
     styles?: IStyles;
     recentCharacters?: PrivateChatCharacter[];
-    setShowSearchCharacter: (show: boolean) => void;
     onCharacterClick?: (character: PrivateChatCharacter) => void;
+    hideSearchCharacterUI: () => void;
 }
-export declare const SearchCharacter: ({ onChangeCharacterName, onBlur, onFocus, recentCharacters, setShowSearchCharacter, onCharacterClick, styles, }: ISearchCharacterProps) => JSX.Element;
+export declare const SearchCharacter: ({ onChangeCharacterName, onBlur, onFocus, recentCharacters, hideSearchCharacterUI, onCharacterClick, styles, }: ISearchCharacterProps) => JSX.Element;
 export {};

package/dist/components/Friends/FriendList.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ICharacter } from '@rpg-engine/shared';
+export declare type IFriend = Pick<ICharacter, 'name' | '_id' | 'isOnline'>;
+interface IFriendListProps {
+    scale?: number;
+    friends: IFriend[];
+    friendRequests: IFriend[];
+    searchedCharacters: IFriend[];
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onClose: () => void;
+    onOpenPrivateMessage: (character: IFriend) => void;
+    onRemoveFriend: (character: IFriend) => void;
+    onSendFriendRequest: (character: IFriend) => void;
+    onSearch: (characterName: string) => void;
+    onAcceptRequest: (character: IFriend) => void;
+    onRejectRequest: (character: IFriend) => void;
+}
+export declare const FriendList: (props: IFriendListProps) => JSX.Element;
+export {};

package/dist/components/Friends/SearchFriend.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { IFriend } from './FriendList';
+interface ISearchFriendProp {
+    searchedCharacters: IFriend[];
+    friendRequests: IFriend[];
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onSearch: (characterName: string) => void;
+    onSendFriendRequest: (character: IFriend) => void;
+    onAcceptRequest: (character: IFriend) => void;
+    onRejectRequest: (character: IFriend) => void;
+}
+export declare const SearchFriend: (props: ISearchFriendProp) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/DraggableContainer';
 export * from './components/Dropdown';
 export * from './components/DropdownSelectorContainer';
 export * from './components/Equipment/EquipmentSet';
+export * from './components/Friends/FriendList';
 export * from './components/HistoryDialog';
 export * from './components/ImageCarousel/ImageCarousel';
 export * from './components/Input';

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

@@ -12668,7 +12668,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     recentCharacters = _ref.recentCharacters,
-    setShowSearchCharacter = _ref.setShowSearchCharacter,
+    hideSearchCharacterUI = _ref.hideSearchCharacterUI,
     onCharacterClick = _ref.onCharacterClick,
     _ref$styles = _ref.styles,
     styles = _ref$styles === void 0 ? {
@@ -12701,7 +12701,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
     if (!onCharacterClick) return;
     setCharacterName('');
     onCharacterClick(character);
-    setShowSearchCharacter(false);
+    hideSearchCharacterUI();
   };
   return React__default.createElement(SearchContainer, null, React__default.createElement(Form$1, {
     onSubmit: handleSubmit
@@ -12796,22 +12796,19 @@ var ChatRevamp = function ChatRevamp(_ref) {
     onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
     _ref$unseenMessageCha = _ref.unseenMessageCharacterIds,
     unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha,
-    onSendTradeMessage = _ref.onSendTradeMessage;
-  var _useState = React.useState(true),
-    showSearchCharacterUI = _useState[0],
-    setShowSearchCharacterUI = _useState[1];
-  var _useState2 = React.useState(false),
-    showRecentChats = _useState2[0],
-    setShowRecentChats = _useState2[1];
-  React.useEffect(function () {
-    setShowSearchCharacterUI(true);
-  }, [activeTab]);
+    onSendTradeMessage = _ref.onSendTradeMessage,
+    searchCharacterUI = _ref.searchCharacterUI,
+    hideSearchCharacterUI = _ref.hideSearchCharacterUI,
+    showSearchCharacterUI = _ref.showSearchCharacterUI;
+  var _useState = React.useState(false),
+    showRecentChats = _useState[0],
+    setShowRecentChats = _useState[1];
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
   var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
     if (!onPreviousChatCharacterClick) return;
     onPreviousChatCharacterClick(character);
-    setShowSearchCharacterUI(false);
+    hideSearchCharacterUI();
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
     return React__default.createElement(Tab, {
@@ -12838,7 +12835,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
     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 setShowSearchCharacterUI(true);
+      return showSearchCharacterUI();
     }
   }, React__default.createElement(rx.RxMagnifyingGlass, {
     size: 16,
@@ -12862,13 +12859,13 @@ var ChatRevamp = function ChatRevamp(_ref) {
     }, React__default.createElement(rx.RxCross2, {
       size: 16
     })));
-  }))), isPrivate && showSearchCharacterUI ? React__default.createElement(SearchCharacter, {
+  }))), isPrivate && searchCharacterUI ? React__default.createElement(SearchCharacter, {
     onFocus: onFocus,
     onBlur: onBlur,
     onChangeCharacterName: onChangeCharacterName,
     styles: styles,
     recentCharacters: privateChatCharacters,
-    setShowSearchCharacter: setShowSearchCharacterUI,
+    hideSearchCharacterUI: hideSearchCharacterUI,
     onCharacterClick: onCharacterClick
   }) : React__default.createElement(Chat, {
     chatMessages: chatMessages,
@@ -15114,6 +15111,183 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1wuddg2-1"
 })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
 
+var SearchFriend = function SearchFriend(props) {
+  var searchedCharacters = props.searchedCharacters,
+    friendRequests = props.friendRequests,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onSearch = props.onSearch,
+    onSendFriendRequest = props.onSendFriendRequest,
+    onAcceptRequest = props.onAcceptRequest,
+    onRejectRequest = props.onRejectRequest;
+  var _useState = React.useState(''),
+    characterName = _useState[0],
+    setCharacterName = _useState[1];
+  var handleSubmit = function handleSubmit(event) {
+    event.preventDefault();
+    if (!characterName || characterName.trim() === '') return;
+    onSearch(characterName);
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Form$3, {
+    onSubmit: handleSubmit
+  }, React__default.createElement(Column, {
+    flex: 70
+  }, React__default.createElement(TextField$2, {
+    value: characterName,
+    id: "characterName",
+    name: "characterName",
+    onChange: function onChange(e) {
+      setCharacterName(e.target.value);
+    },
+    height: 20,
+    type: "text",
+    autoComplete: "off",
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onPointerDown: onFocus,
+    autoFocus: true
+  })), React__default.createElement(Column, {
+    justifyContent: "flex-end"
+  }, React__default.createElement(Button, {
+    type: "submit",
+    buttonType: exports.ButtonTypes.RPGUIButton
+  }, "Search"))), React__default.createElement(ListContainer$1, null, searchedCharacters.map(function (character) {
+    return React__default.createElement(ListElement$3, {
+      key: character._id
+    }, React__default.createElement("p", null, character.name), React__default.createElement(Button, {
+      buttonType: exports.ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onSendFriendRequest(character);
+      }
+    }, "Add Friend"));
+  })), React__default.createElement(FriendRequestTitle, null, "Friend Requests ", React__default.createElement("span", null, "(", friendRequests.length, ")")), friendRequests.length > 0 && React__default.createElement(ListContainer$1, null, friendRequests.map(function (character) {
+    return React__default.createElement(ListElement$3, {
+      key: character._id
+    }, React__default.createElement("p", null, character.name), React__default.createElement(AcceptRejectButtonContainer, null, React__default.createElement(Button, {
+      buttonType: exports.ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onAcceptRequest(character);
+      }
+    }, "Accept"), React__default.createElement(Button, {
+      buttonType: exports.ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onRejectRequest(character);
+      }
+    }, "Reject")));
+  })));
+};
+var Form$3 = /*#__PURE__*/styled.form.withConfig({
+  displayName: "SearchFriend__Form",
+  componentId: "sc-1lt1ols-0"
+})(["display:flex;width:100%;justify-content:center;align-items:center;margin-top:1rem;"]);
+var TextField$2 = /*#__PURE__*/styled.input.withConfig({
+  displayName: "SearchFriend__TextField",
+  componentId: "sc-1lt1ols-1"
+})(["width:100%;background-color:rgba(0,0,0,0.25) !important;border:none !important;max-height:28px !important;"]);
+var ListContainer$1 = /*#__PURE__*/styled.ul.withConfig({
+  displayName: "SearchFriend__ListContainer",
+  componentId: "sc-1lt1ols-2"
+})(["width:100%;c4height:50vh;border:none;overflow-y:scroll;list-style:none;padding:0;@media (max-width:768px){max-height:90wh;}"]);
+var ListElement$3 = /*#__PURE__*/styled.li.withConfig({
+  displayName: "SearchFriend__ListElement",
+  componentId: "sc-1lt1ols-3"
+})(["margin:0.5rem 0 !important;font-size:", ";padding:0.5rem 2px;display:flex;align-items:center;justify-content:space-between;"], uiFonts.size.small);
+var FriendRequestTitle = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "SearchFriend__FriendRequestTitle",
+  componentId: "sc-1lt1ols-4"
+})(["font-size:", " !important;margin-top:0.5rem !important;text-align:center;gap:0.5rem;"], uiFonts.size.small);
+var AcceptRejectButtonContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "SearchFriend__AcceptRejectButtonContainer",
+  componentId: "sc-1lt1ols-5"
+})(["display:flex;justify-content:space-between;gap:0.5rem;"]);
+
+var FriendList = function FriendList(props) {
+  var _useState = React.useState(false),
+    isAddFriendUI = _useState[0],
+    setIsAddFriendUI = _useState[1];
+  var scale = props.scale,
+    friends = props.friends,
+    friendRequests = props.friendRequests,
+    searchedCharacters = props.searchedCharacters,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onClose = props.onClose,
+    onSearch = props.onSearch,
+    onAcceptRequest = props.onAcceptRequest,
+    onSendFriendRequest = props.onSendFriendRequest,
+    onRemoveFriend = props.onRemoveFriend,
+    onOpenPrivateMessage = props.onOpenPrivateMessage,
+    onRejectRequest = props.onRejectRequest;
+  return React__default.createElement(DraggableContainer, {
+    type: exports.RPGUIContainerTypes.Framed,
+    onCloseButton: function onCloseButton() {
+      if (onClose) onClose();
+    },
+    width: "800px",
+    cancelDrag: "#FriendListContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
+    scale: scale
+  }, isAddFriendUI ? React__default.createElement(SearchFriend, {
+    searchedCharacters: searchedCharacters,
+    onSendFriendRequest: onSendFriendRequest,
+    onAcceptRequest: onAcceptRequest,
+    onRejectRequest: onRejectRequest,
+    friendRequests: friendRequests,
+    onSearch: onSearch,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }) : React__default.createElement(ListContainer$2, null, React__default.createElement(FriendsTitle, null, "Friends"), friends.map(function (friend) {
+    return React__default.createElement(ListElement$4, {
+      key: friend._id
+    }, React__default.createElement("div", null, React__default.createElement(IsOnlineBadge, {
+      "$isOnline": friend.isOnline
+    }), friend.name), React__default.createElement(MessageAndDeleteContainer, null, React__default.createElement(Button, {
+      buttonType: exports.ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onOpenPrivateMessage(friend);
+      }
+    }, "Message"), React__default.createElement(Button, {
+      buttonType: exports.ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onRemoveFriend(friend);
+      }
+    }, "Remove")));
+  })), React__default.createElement(ButtonContainer$1, null, React__default.createElement(Button, {
+    buttonType: exports.ButtonTypes.RPGUIButton,
+    onClick: function onClick() {
+      return setIsAddFriendUI(function (t) {
+        return !t;
+      });
+    }
+  }, isAddFriendUI ? 'Back' : 'Add New Friend')));
+};
+var FriendsTitle = /*#__PURE__*/styled.h2.withConfig({
+  displayName: "FriendList__FriendsTitle",
+  componentId: "sc-3jf9vt-0"
+})(["font-size:", ";margin:0;padding:0;text-align:center;"], uiFonts.size.medium);
+var ListContainer$2 = /*#__PURE__*/styled.ul.withConfig({
+  displayName: "FriendList__ListContainer",
+  componentId: "sc-3jf9vt-1"
+})(["border:none;overflow-y:scroll;list-style:none;padding:0;width:100%;height:50vh;@media (max-width:768px){max-height:90wh;}"]);
+var ListElement$4 = /*#__PURE__*/styled.li.withConfig({
+  displayName: "FriendList__ListElement",
+  componentId: "sc-3jf9vt-2"
+})(["margin:0.5rem 0 !important;font-size:", ";padding:0.5rem 4px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;& div{display:flex;align-items:center;}"], uiFonts.size.small);
+var IsOnlineBadge = /*#__PURE__*/styled.div.withConfig({
+  displayName: "FriendList__IsOnlineBadge",
+  componentId: "sc-3jf9vt-3"
+})(["width:10px;height:10px;border-radius:50%;background-color:", ";margin-right:1rem;"], function (_ref) {
+  var $isOnline = _ref.$isOnline;
+  return $isOnline ? uiColors.lightGreen : uiColors.red;
+});
+var ButtonContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "FriendList__ButtonContainer",
+  componentId: "sc-3jf9vt-4"
+})(["display:flex;justify-content:center;align-items:center;width:100%;margin-top:1rem;"]);
+var MessageAndDeleteContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "FriendList__MessageAndDeleteContainer",
+  componentId: "sc-3jf9vt-5"
+})(["display:flex;justify-content:space-between;gap:0.5rem;"]);
+
 var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
 
 var chunkString = function chunkString(str, length) {
@@ -16419,7 +16593,7 @@ var ListMenu = function ListMenu(_ref) {
       overflow: 'hidden'
     }
   }, options.map(function (params, index) {
-    return React__default.createElement(ListElement$3, {
+    return React__default.createElement(ListElement$5, {
       key: (params == null ? void 0 : params.id) || index,
       onPointerDown: function onPointerDown() {
         onSelected(params == null ? void 0 : params.id);
@@ -16435,7 +16609,7 @@ var Container$k = /*#__PURE__*/styled.div.withConfig({
 }, function (props) {
   return props.x || 0;
 }, uiFonts.size.xsmall);
-var ListElement$3 = /*#__PURE__*/styled.li.withConfig({
+var ListElement$5 = /*#__PURE__*/styled.li.withConfig({
   displayName: "ListMenu__ListElement",
   componentId: "sc-i9097t-1"
 })(["margin-right:0.5rem;"]);
@@ -16550,7 +16724,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, "$", itemPrice)))), React__default.createElement(ButtonContainer$1, null, React__default.createElement(Button, {
+  }, "$", itemPrice)))), React__default.createElement(ButtonContainer$2, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     disabled: disabled,
     onPointerDown: function onPointerDown() {
@@ -16588,7 +16762,7 @@ var PriceValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__PriceValue",
   componentId: "sc-wmpr1o-6"
 })(["margin-left:40px;"]);
-var ButtonContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var ButtonContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__ButtonContainer",
   componentId: "sc-wmpr1o-7"
 })(["margin:auto;"]);
@@ -18955,6 +19129,7 @@ exports.DynamicText = DynamicText;
 exports.EquipmentSet = EquipmentSet;
 exports.EquipmentSlotSpriteByType = EquipmentSlotSpriteByType;
 exports.ErrorBoundary = ErrorBoundary;
+exports.FriendList = FriendList;
 exports.HistoryDialog = HistoryDialog;
 exports.ImageCarousel = ImageCarousel;
 exports.Input = Input;