@rpg-engine/long-bow 0.5.47 → 0.5.49

package/dist/long-bow.esm.js

@@ -12662,7 +12662,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 ? {
@@ -12695,7 +12695,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
     if (!onCharacterClick) return;
     setCharacterName('');
     onCharacterClick(character);
-    setShowSearchCharacter(false);
+    hideSearchCharacterUI();
   };
   return React.createElement(SearchContainer, null, React.createElement(Form$1, {
     onSubmit: handleSubmit
@@ -12790,22 +12790,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 = useState(true),
-    showSearchCharacterUI = _useState[0],
-    setShowSearchCharacterUI = _useState[1];
-  var _useState2 = useState(false),
-    showRecentChats = _useState2[0],
-    setShowRecentChats = _useState2[1];
-  useEffect(function () {
-    setShowSearchCharacterUI(true);
-  }, [activeTab]);
+    onSendTradeMessage = _ref.onSendTradeMessage,
+    searchCharacterUI = _ref.searchCharacterUI,
+    hideSearchCharacterUI = _ref.hideSearchCharacterUI,
+    showSearchCharacterUI = _ref.showSearchCharacterUI;
+  var _useState = 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.createElement(React.Fragment, null, React.createElement(TabContainer, null, tabs.map(function (tab, index) {
     return React.createElement(Tab, {
@@ -12832,7 +12829,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
     hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
   }, React.createElement(BurgerLineIcon, null), React.createElement(BurgerLineIcon, null), React.createElement(BurgerLineIcon, null)), showRecentChats && React.createElement(SearchButton$1, {
     onPointerDown: function onPointerDown() {
-      return setShowSearchCharacterUI(true);
+      return showSearchCharacterUI();
     }
   }, React.createElement(RxMagnifyingGlass, {
     size: 16,
@@ -12856,13 +12853,13 @@ var ChatRevamp = function ChatRevamp(_ref) {
     }, React.createElement(RxCross2, {
       size: 16
     })));
-  }))), isPrivate && showSearchCharacterUI ? React.createElement(SearchCharacter, {
+  }))), isPrivate && searchCharacterUI ? React.createElement(SearchCharacter, {
     onFocus: onFocus,
     onBlur: onBlur,
     onChangeCharacterName: onChangeCharacterName,
     styles: styles,
     recentCharacters: privateChatCharacters,
-    setShowSearchCharacter: setShowSearchCharacterUI,
+    hideSearchCharacterUI: hideSearchCharacterUI,
     onCharacterClick: onCharacterClick
   }) : React.createElement(Chat, {
     chatMessages: chatMessages,
@@ -15109,6 +15106,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 = useState(''),
+    characterName = _useState[0],
+    setCharacterName = _useState[1];
+  var handleSubmit = function handleSubmit(event) {
+    event.preventDefault();
+    if (!characterName || characterName.trim() === '') return;
+    onSearch(characterName);
+  };
+  return React.createElement(React.Fragment, null, React.createElement(Form$3, {
+    onSubmit: handleSubmit
+  }, React.createElement(Column, {
+    flex: 70
+  }, React.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.createElement(Column, {
+    justifyContent: "flex-end"
+  }, React.createElement(Button, {
+    type: "submit",
+    buttonType: ButtonTypes.RPGUIButton
+  }, "Search"))), React.createElement(ListContainer$1, null, searchedCharacters.map(function (character) {
+    return React.createElement(ListElement$3, {
+      key: character._id
+    }, React.createElement("p", null, character.name), React.createElement(Button, {
+      buttonType: ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onSendFriendRequest(character);
+      }
+    }, "Add Friend"));
+  })), React.createElement(FriendRequestTitle, null, "Friend Requests ", React.createElement("span", null, "(", friendRequests.length, ")")), friendRequests.length > 0 && React.createElement(ListContainer$1, null, friendRequests.map(function (character) {
+    return React.createElement(ListElement$3, {
+      key: character._id
+    }, React.createElement("p", null, character.name), React.createElement(AcceptRejectButtonContainer, null, React.createElement(Button, {
+      buttonType: ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onAcceptRequest(character);
+      }
+    }, "Accept"), React.createElement(Button, {
+      buttonType: 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 = 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.createElement(DraggableContainer, {
+    type: RPGUIContainerTypes.Framed,
+    onCloseButton: function onCloseButton() {
+      if (onClose) onClose();
+    },
+    width: "800px",
+    cancelDrag: "#FriendListContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
+    scale: scale
+  }, isAddFriendUI ? React.createElement(SearchFriend, {
+    searchedCharacters: searchedCharacters,
+    onSendFriendRequest: onSendFriendRequest,
+    onAcceptRequest: onAcceptRequest,
+    onRejectRequest: onRejectRequest,
+    friendRequests: friendRequests,
+    onSearch: onSearch,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }) : React.createElement(ListContainer$2, null, React.createElement(FriendsTitle, null, "Friends"), friends.map(function (friend) {
+    return React.createElement(ListElement$4, {
+      key: friend._id
+    }, React.createElement("div", null, React.createElement(IsOnlineBadge, {
+      "$isOnline": friend.isOnline
+    }), friend.name), React.createElement(MessageAndDeleteContainer, null, React.createElement(Button, {
+      buttonType: ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onOpenPrivateMessage(friend);
+      }
+    }, "Message"), React.createElement(Button, {
+      buttonType: ButtonTypes.RPGUIButton,
+      onPointerDown: function onPointerDown() {
+        return onRemoveFriend(friend);
+      }
+    }, "Remove")));
+  })), React.createElement(ButtonContainer$1, null, React.createElement(Button, {
+    buttonType: 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__*/isMobileOrTablet();
 
 var chunkString = function chunkString(str, length) {
@@ -16417,7 +16591,7 @@ var ListMenu = function ListMenu(_ref) {
       overflow: 'hidden'
     }
   }, options.map(function (params, index) {
-    return React.createElement(ListElement$3, {
+    return React.createElement(ListElement$5, {
       key: (params == null ? void 0 : params.id) || index,
       onPointerDown: function onPointerDown() {
         onSelected(params == null ? void 0 : params.id);
@@ -16433,7 +16607,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;"]);
@@ -16548,7 +16722,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, "$", itemPrice)))), React.createElement(ButtonContainer$1, null, React.createElement(Button, {
+  }, "$", itemPrice)))), React.createElement(ButtonContainer$2, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     disabled: disabled,
     onPointerDown: function onPointerDown() {
@@ -16586,7 +16760,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;"]);
@@ -18004,6 +18178,7 @@ var skillProps = {
     color: uiColors.blue,
     values: {
       fishing: 'foods/fish.png',
+      farming: 'foods/cabbage.png',
       mining: 'crafting-resources/iron-ingot.png',
       lumberjacking: 'crafting-resources/greater-wooden-log.png',
       blacksmithing: 'hammers/hammer.png',
@@ -18027,6 +18202,7 @@ var skillNameMap = {
   shielding: 'Shielding',
   dagger: 'Dagger',
   fishing: 'Fishing',
+  farming: 'Farming',
   mining: 'Mining',
   lumberjacking: 'Lumberjacking',
   blacksmithing: 'Blacksmithing',
@@ -18938,5 +19114,5 @@ var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-gptoxp-5"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
 
-export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map