@rpg-engine/long-bow 0.8.227 → 0.8.228

package/dist/components/Marketplace/CharacterTradePanel.d.ts

@@ -0,0 +1,28 @@
+import { ICharacter, ICharacterListing } from '@rpg-engine/shared';
+import React from 'react';
+export interface ICharacterTradePanelProps {
+    characterListings: ICharacterListing[];
+    characterListingsTotal: number;
+    characterListingsPage: number;
+    characterListingsItemsPerPage: number;
+    onCharacterListingsPageChange: (page: number) => void;
+    onCharacterBuy: (listingId: string) => void;
+    characterNameFilter?: string;
+    onCharacterNameFilterChange?: (name: string) => void;
+    characterListingsLoading?: boolean;
+    myCharacterListings: ICharacterListing[];
+    myCharacterListingsTotal: number;
+    myCharacterListingsPage: number;
+    onMyCharacterListingsPageChange: (page: number) => void;
+    onCharacterDelist: (listingId: string) => void;
+    accountCharacters: ICharacter[];
+    onCharacterList: (characterId: string, price: number) => void;
+    activeCharacterId?: string;
+    atlasJSON: any;
+    atlasIMG: any;
+    characterAtlasJSON?: any;
+    characterAtlasIMG?: any;
+    enableHotkeys?: () => void;
+    disableHotkeys?: () => void;
+}
+export declare const CharacterTradePanel: React.FC<ICharacterTradePanelProps>;

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export * from './components/Marketplace/HistoryPanel';
 export * from './components/Marketplace/BlueprintSearchModal';
 export * from './components/Marketplace/CharacterMarketplacePanel';
 export * from './components/Marketplace/CharacterMarketplaceRows';
+export * from './components/Marketplace/CharacterTradePanel';
 export * from './components/Marketplace/CharacterDetailModal';
 export * from './components/Marketplace/CharacterListingForm';
 export * from './components/Marketplace/CharacterListingModal';

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

@@ -14359,6 +14359,103 @@ var EmptySubtext = /*#__PURE__*/styled__default.span.withConfig({
   componentId: "sc-su21a6-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#52525b !important;text-align:center;max-width:260px;line-height:1.6;"]);
 
+var CharacterTradePanel = function CharacterTradePanel(_ref) {
+  var characterListings = _ref.characterListings,
+    characterListingsTotal = _ref.characterListingsTotal,
+    characterListingsPage = _ref.characterListingsPage,
+    characterListingsItemsPerPage = _ref.characterListingsItemsPerPage,
+    onCharacterListingsPageChange = _ref.onCharacterListingsPageChange,
+    onCharacterBuy = _ref.onCharacterBuy,
+    characterNameFilter = _ref.characterNameFilter,
+    onCharacterNameFilterChange = _ref.onCharacterNameFilterChange,
+    characterListingsLoading = _ref.characterListingsLoading,
+    myCharacterListings = _ref.myCharacterListings,
+    myCharacterListingsTotal = _ref.myCharacterListingsTotal,
+    myCharacterListingsPage = _ref.myCharacterListingsPage,
+    onMyCharacterListingsPageChange = _ref.onMyCharacterListingsPageChange,
+    onCharacterDelist = _ref.onCharacterDelist,
+    accountCharacters = _ref.accountCharacters,
+    onCharacterList = _ref.onCharacterList,
+    activeCharacterId = _ref.activeCharacterId,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = React.useState('browse'),
+    subTab = _useState[0],
+    setSubTab = _useState[1];
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterSubTabs, null, React__default.createElement(CharacterSubTab, {
+    "$active": subTab === 'browse',
+    onClick: function onClick() {
+      return setSubTab('browse');
+    },
+    type: "button"
+  }, "Browse"), React__default.createElement(CharacterSubTab, {
+    "$active": subTab === 'my-listings',
+    onClick: function onClick() {
+      return setSubTab('my-listings');
+    },
+    type: "button"
+  }, "My Listings")), subTab === 'browse' && React__default.createElement(CharacterMarketplacePanel, {
+    characterListings: characterListings,
+    totalCount: characterListingsTotal,
+    currentPage: characterListingsPage,
+    itemsPerPage: characterListingsItemsPerPage,
+    onPageChange: onCharacterListingsPageChange,
+    onCharacterBuy: onCharacterBuy,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys,
+    nameFilter: characterNameFilter,
+    onNameFilterChange: onCharacterNameFilterChange,
+    isLoading: characterListingsLoading
+  }), subTab === 'my-listings' && React__default.createElement(MyCharacterListingsPanel, {
+    myCharacterListings: myCharacterListings,
+    totalCount: myCharacterListingsTotal,
+    currentPage: myCharacterListingsPage,
+    itemsPerPage: 10,
+    onPageChange: onMyCharacterListingsPageChange,
+    onCharacterDelist: onCharacterDelist,
+    accountCharacters: accountCharacters,
+    onCharacterList: onCharacterList,
+    activeCharacterId: activeCharacterId,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
+  }));
+};
+var CharacterSubTabs = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterTradePanel__CharacterSubTabs",
+  componentId: "sc-qjqvzx-0"
+})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
+var CharacterSubTab = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "CharacterTradePanel__CharacterSubTab",
+  componentId: "sc-qjqvzx-1"
+})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref2) {
+  var $active = _ref2.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
+}, function (_ref4) {
+  var $active = _ref4.$active;
+  return $active ? '#f59e0b' : '#777';
+}, function (_ref5) {
+  var $active = _ref5.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
+}, function (_ref6) {
+  var $active = _ref6.$active;
+  return $active ? '#f59e0b' : '#bbb';
+});
+
 var Marketplace = function Marketplace(props) {
   var onClose = props.onClose,
     scale = props.scale,
@@ -14450,9 +14547,6 @@ var Marketplace = function Marketplace(props) {
   var _useState3 = React.useState(false),
     isBlueprintSearchOpen = _useState3[0],
     setIsBlueprintSearchOpen = _useState3[1];
-  var _useState4 = React.useState('browse'),
-    characterSubTab = _useState4[0],
-    setCharacterSubTab = _useState4[1];
   var handleCurrencyChange = function handleCurrencyChange(value) {
     setAcceptedCurrency(value);
     onAcceptedCurrencyChange == null ? void 0 : onAcceptedCurrencyChange(value);
@@ -14532,51 +14626,31 @@ var Marketplace = function Marketplace(props) {
     }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
-  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterSubTabs, null, React__default.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'browse',
-    onClick: function onClick() {
-      return setCharacterSubTab('browse');
-    },
-    type: "button"
-  }, "Browse"), React__default.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'my-listings',
-    onClick: function onClick() {
-      return setCharacterSubTab('my-listings');
-    },
-    type: "button"
-  }, "My Listings")), characterSubTab === 'browse' && React__default.createElement(CharacterMarketplacePanel, {
+  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React__default.createElement(CharacterTradePanel, {
     characterListings: characterListings != null ? characterListings : [],
-    totalCount: characterListingsTotal != null ? characterListingsTotal : 0,
-    currentPage: characterListingsPage != null ? characterListingsPage : 1,
-    itemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
-    onPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
+    characterListingsTotal: characterListingsTotal != null ? characterListingsTotal : 0,
+    characterListingsPage: characterListingsPage != null ? characterListingsPage : 1,
+    characterListingsItemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
+    onCharacterListingsPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
     onCharacterBuy: onCharacterBuy != null ? onCharacterBuy : function () {},
-    atlasJSON: props.atlasJSON,
-    atlasIMG: props.atlasIMG,
-    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
-    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
-    enableHotkeys: props.enableHotkeys,
-    disableHotkeys: props.disableHotkeys,
-    nameFilter: characterNameFilter,
-    onNameFilterChange: onCharacterNameFilterChange,
-    isLoading: characterListingsLoading
-  }), characterSubTab === 'my-listings' && React__default.createElement(MyCharacterListingsPanel, {
+    characterNameFilter: characterNameFilter,
+    onCharacterNameFilterChange: onCharacterNameFilterChange,
+    characterListingsLoading: characterListingsLoading,
     myCharacterListings: myCharacterListings != null ? myCharacterListings : [],
-    totalCount: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
-    currentPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
-    itemsPerPage: 10,
-    onPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
+    myCharacterListingsTotal: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
+    myCharacterListingsPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
+    onMyCharacterListingsPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
     onCharacterDelist: onCharacterDelist != null ? onCharacterDelist : function () {},
     accountCharacters: accountCharacters != null ? accountCharacters : [],
     onCharacterList: onCharacterList != null ? onCharacterList : function () {},
     activeCharacterId: props.characterId,
     atlasJSON: props.atlasJSON,
     atlasIMG: props.atlasIMG,
-    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
-    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
     enableHotkeys: props.enableHotkeys,
     disableHotkeys: props.disableHotkeys
-  })), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
+  }), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
     acceptedCurrency: acceptedCurrency
   })), activeTab === 'buy-orders' && React__default.createElement(React__default.Fragment, null, React__default.createElement(BuyOrderPanel, {
     atlasJSON: props.atlasJSON,
@@ -14637,29 +14711,6 @@ var PagerContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Marketplace__PagerContainer",
   componentId: "sc-h904b1-0"
 })(["display:flex;justify-content:center;align-items:center;width:95%;margin:6px auto 0 auto;padding:4px 10px;"]);
-var CharacterSubTabs = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Marketplace__CharacterSubTabs",
-  componentId: "sc-h904b1-1"
-})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
-var CharacterSubTab = /*#__PURE__*/styled__default.button.withConfig({
-  displayName: "Marketplace__CharacterSubTab",
-  componentId: "sc-h904b1-2"
-})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref) {
-  var $active = _ref.$active;
-  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
-}, function (_ref2) {
-  var $active = _ref2.$active;
-  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
-}, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active ? '#f59e0b' : '#777';
-}, function (_ref4) {
-  var $active = _ref4.$active;
-  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
-}, function (_ref5) {
-  var $active = _ref5.$active;
-  return $active ? '#f59e0b' : '#bbb';
-});
 
 var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
   var listing = _ref.listing,
@@ -40820,6 +40871,7 @@ exports.CharacterMarketplacePanel = CharacterMarketplacePanel;
 exports.CharacterMarketplaceRows = CharacterMarketplaceRows;
 exports.CharacterSelection = CharacterSelection;
 exports.CharacterSkinSelectionModal = CharacterSkinSelectionModal;
+exports.CharacterTradePanel = CharacterTradePanel;
 exports.Chat = Chat;
 exports.ChatDeprecated = ChatDeprecated;
 exports.ChatRevamp = ChatRevamp;