@rpg-engine/long-bow 0.6.21 → 0.6.24

package/dist/long-bow.esm.js

@@ -31376,12 +31376,10 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
   var canRemove = isLeader || isCurrentUser; // Only leaders or the current user can remove
   return React.createElement(PartyWrapper$2, null, React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: "200px",
-    fontSize: "0.8rem"
-  }, charName)), React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
+    maxWidth: "300px"
+  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: "200px",
-    fontSize: "0.8rem"
+    maxWidth: "300px"
   }, charClass)), React.createElement(ButtonContainer$3, null, canRemove && React.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onRemovePlayer(id);
@@ -31403,7 +31401,7 @@ var TextContainer$5 = /*#__PURE__*/styled.div.withConfig({
 var ButtonContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyManagerRows__ButtonContainer",
   componentId: "sc-uqajew-2"
-})(["display:flex;align-items:center;justify-content:flex-end;min-width:150px;gap:0.5rem;"]);
+})(["display:flex;align-items:center;justify-content:space-between;min-width:150px;gap:1rem;"]);
 
 var PartyManager = function PartyManager(_ref) {
   var partyRows = _ref.partyRows,
@@ -31412,6 +31410,10 @@ var PartyManager = function PartyManager(_ref) {
     _onRemovePlayer = _ref.onRemovePlayer,
     _onChangeLeader = _ref.onChangeLeader;
   var invitationActionText = isMobileOrTablet() ? 'Tap' : 'Right click';
+  // Sort members to ensure the leader is first
+  var sortedMembers = partyRows ? [partyRows.leader].concat(partyRows.members).sort(function (a, b) {
+    return a._id === partyRows.leader._id ? -1 : b._id === partyRows.leader._id ? 1 : 0;
+  }) : [];
   return React.createElement(React.Fragment, null, React.createElement(Wrapper$5, null, React.createElement("div", {
     style: {
       width: '100%'
@@ -31420,21 +31422,7 @@ var PartyManager = function PartyManager(_ref) {
     className: "golden"
   }))), React.createElement(RowsWrapper$2, {
     className: "partyRows"
-  }, partyRows && partyRows.members ? React.createElement(React.Fragment, null, React.createElement(PartyManagerRow, {
-    userId: userId,
-    key: partyRows.leader._id,
-    id: partyRows.leader._id,
-    leaderId: partyRows.leader._id,
-    charName: partyRows.leader.name,
-    charClass: partyRows.leader["class"],
-    isLeader: true,
-    onRemovePlayer: function onRemovePlayer() {
-      return _onRemovePlayer(partyRows.leader._id);
-    },
-    onChangeLeader: function onChangeLeader() {
-      return _onChangeLeader(partyRows.leader._id);
-    }
-  }), partyRows.members.map(function (partyRow) {
+  }, sortedMembers.length ? sortedMembers.map(function (partyRow) {
     return React.createElement(PartyManagerRow, {
       userId: userId,
       key: partyRow._id,
@@ -31442,7 +31430,7 @@ var PartyManager = function PartyManager(_ref) {
       charClass: partyRow["class"],
       id: partyRow._id,
       isLeader: isLeader,
-      leaderId: partyRows.leader._id,
+      leaderId: partyRows == null ? void 0 : partyRows.leader._id,
       onRemovePlayer: function onRemovePlayer() {
         return _onRemovePlayer(partyRow._id);
       },
@@ -31450,7 +31438,7 @@ var PartyManager = function PartyManager(_ref) {
         return _onChangeLeader(partyRow._id);
       }
     });
-  })) : React.createElement(NotInParty, null, React.createElement("p", null, "You're not in a party."), React.createElement("p", null, "Tip: ", React.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
+  }) : React.createElement(NotInParty, null, React.createElement("p", null, "You're not in a party."), React.createElement("p", null, "Tip: ", React.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
 };
 var RowsWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyManager__RowsWrapper",