@rpg-engine/long-bow 0.8.165 → 0.8.167

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.165",
+  "version": "0.8.167",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Marketplace/BuyPanel.tsx

@@ -90,6 +90,7 @@ export const BuyPanel: React.FC<IBuyPanelProps> = ({
   dcBalance = 0,
   dcToGoldSwapRate = 0,
   openBuyOrders = [],
+  openBuyOrdersTotal = 0,
   openBuyOrdersPage = 1,
   onOpenBuyOrdersPageChange,
   isLoading = false,
@@ -190,11 +191,6 @@ export const BuyPanel: React.FC<IBuyPanelProps> = ({
       });
   }, [visibleBuyOrders]);
 
-  const paginatedGroupedBuyOrders = useMemo(() => {
-    const start = (openBuyOrdersPage - 1) * BUY_REQUESTS_PER_PAGE;
-    return groupedBuyOrders.slice(start, start + BUY_REQUESTS_PER_PAGE);
-  }, [groupedBuyOrders, openBuyOrdersPage]);
-
   const showSellSection = browseMode === 'sell';
   const showBuySection = browseMode === 'buy';
   const hasVisibleContent =
@@ -451,7 +447,7 @@ export const BuyPanel: React.FC<IBuyPanelProps> = ({
                 {groupedBuyOrders.length === 0 ? (
                   <SectionEmpty>No public buy requests found.</SectionEmpty>
                 ) : (
-                  paginatedGroupedBuyOrders.map(({ bestOrder, otherOrders }) => (
+                  groupedBuyOrders.map(({ bestOrder, otherOrders }) => (
                     <GroupedBuyOrderRow
                       key={bestOrder._id}
                       bestOrder={bestOrder}
@@ -477,9 +473,9 @@ export const BuyPanel: React.FC<IBuyPanelProps> = ({
             onPageChange={onPageChange}
           />
         )}
-        {showBuySection && groupedBuyOrders.length > BUY_REQUESTS_PER_PAGE && (
+        {showBuySection && openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && (
           <Pager
-            totalItems={groupedBuyOrders.length}
+            totalItems={openBuyOrdersTotal}
             currentPage={openBuyOrdersPage}
             itemsPerPage={BUY_REQUESTS_PER_PAGE}
             onPageChange={onOpenBuyOrdersPageChange ?? (() => {})}

package/src/stories/Features/trading/Marketplace.stories.tsx

@@ -42,29 +42,31 @@ const mockYourBuyOrders: IMarketplaceBuyOrderItem[] = [
   { _id: 'bo-3', owner: 'player-1', itemBlueprintKey: 'items/leather-armor', maxPrice: 300, escrowedGold: 0, fee: 15, status: MarketplaceBuyOrderStatus.Expired, createdAt: daysAgo(35), updatedAt: daysAgo(7) },
 ];
 
-const mockOpenBuyOrders: IMarketplaceBuyOrderItem[] = [
-  // Abyssal Tide Staff — single request
-  { _id: 'obo-1', owner: 'player-2', itemBlueprintKey: 'items/abyssal-tide-staff', itemRarity: 'Epic', maxPrice: 1500, escrowedGold: 1500, fee: 75, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(1), updatedAt: daysAgo(1) },
-  // Wooden Shield — single request
-  { _id: 'obo-2', owner: 'player-3', itemBlueprintKey: 'items/wooden-shield', maxPrice: 200, escrowedGold: 200, fee: 10, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(5), updatedAt: daysAgo(5) },
-  // Fire Wand — 2 requests (grouped)
-  { _id: 'obo-3a', owner: 'player-4', itemBlueprintKey: 'items/fire-wand', itemRarity: 'Rare', maxPrice: 800, escrowedGold: 800, fee: 40, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(2), updatedAt: daysAgo(2) },
-  { _id: 'obo-3b', owner: 'player-10', itemBlueprintKey: 'items/fire-wand', maxPrice: 550, escrowedGold: 550, fee: 27, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(4), updatedAt: daysAgo(4) },
-  // Broad Sword — 3 requests (grouped)
-  { _id: 'obo-4a', owner: 'player-5', itemBlueprintKey: 'items/broad-sword', maxPrice: 350, escrowedGold: 350, fee: 17, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(3), updatedAt: daysAgo(3) },
-  { _id: 'obo-4b', owner: 'player-11', itemBlueprintKey: 'items/broad-sword', itemRarity: 'Rare', maxPrice: 480, escrowedGold: 480, fee: 24, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(1), updatedAt: daysAgo(1) },
-  { _id: 'obo-4c', owner: 'player-12', itemBlueprintKey: 'items/broad-sword', maxPrice: 270, escrowedGold: 270, fee: 13, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(6), updatedAt: daysAgo(6) },
-  // Barbarian Helmet — single request
-  { _id: 'obo-5', owner: 'player-6', itemBlueprintKey: 'items/barbarian-helmet', itemRarity: 'Uncommon', maxPrice: 600, escrowedGold: 600, fee: 30, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(1), updatedAt: daysAgo(1) },
-  // Leather Armor — 2 requests (grouped)
-  { _id: 'obo-6a', owner: 'player-7', itemBlueprintKey: 'items/leather-armor', maxPrice: 420, escrowedGold: 420, fee: 21, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(4), updatedAt: daysAgo(4) },
-  { _id: 'obo-6b', owner: 'player-13', itemBlueprintKey: 'items/leather-armor', itemRarity: 'Uncommon', maxPrice: 380, escrowedGold: 380, fee: 19, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(2), updatedAt: daysAgo(2) },
-  // Angelic Sword — 2 requests (grouped)
-  { _id: 'obo-7a', owner: 'player-8', itemBlueprintKey: 'items/angelic-sword', itemRarity: 'Legendary', maxPrice: 5000, escrowedGold: 5000, fee: 250, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(6), updatedAt: daysAgo(6) },
-  { _id: 'obo-7b', owner: 'player-14', itemBlueprintKey: 'items/angelic-sword', itemRarity: 'Epic', maxPrice: 3500, escrowedGold: 3500, fee: 175, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(3), updatedAt: daysAgo(3) },
-  // Greater Life Potion — single request
-  { _id: 'obo-8', owner: 'player-9', itemBlueprintKey: 'items/greater-life-potion', maxPrice: 90, stackQty: 10, escrowedGold: 900, fee: 45, status: MarketplaceBuyOrderStatus.Active, createdAt: daysAgo(2), updatedAt: daysAgo(2) },
+const ITEM_KEYS = [
+  'items/broad-sword', 'items/angelic-sword', 'items/leather-armor',
+  'items/abyssal-tide-staff', 'items/wooden-shield', 'items/fire-wand',
+  'items/barbarian-helmet', 'items/greater-life-potion', 'items/iron-axe',
+  'items/shadow-cloak', 'items/mystic-staff', 'items/steel-boots',
+  'items/dragon-scale', 'items/emerald-ring', 'items/frost-bow',
+  'items/phoenix-feather', 'items/void-dagger', 'items/crystal-wand',
+  'items/titan-gauntlets', 'items/silver-arrow',
 ];
+const RARITIES = ['Common', 'Uncommon', 'Rare', 'Epic', 'Legendary'] as const;
+
+const allMockOpenBuyOrders: IMarketplaceBuyOrderItem[] = Array.from({ length: 100 }, (_, i) => ({
+  _id: `obo-${i + 1}`,
+  owner: `player-${(i % 20) + 2}`,
+  itemBlueprintKey: ITEM_KEYS[i % ITEM_KEYS.length],
+  itemRarity: RARITIES[i % RARITIES.length] as any,
+  maxPrice: Math.round((100 + i * 47) / 10) * 10,
+  escrowedGold: Math.round((100 + i * 47) / 10) * 10,
+  fee: Math.round((100 + i * 47) / 10) * 10 * 0.05,
+  status: MarketplaceBuyOrderStatus.Active,
+  createdAt: daysAgo(i % 30),
+  updatedAt: daysAgo(i % 30),
+}));
+
+const OPEN_BUY_ORDERS_PER_PAGE = 5;
 
 const mockTransactions: IMarketplaceTransaction[] = [
   { owner: 'player-1', type: MarketplaceTransactionType.Purchase, goldAmount: 450, itemKey: 'items/broad-sword', itemName: 'Broad Sword', counterpartName: 'MerchantKing', metadata: { currency: 'gold' }, createdAt: daysAgo(1), updatedAt: daysAgo(1) },
@@ -80,6 +82,7 @@ const mockTransactions: IMarketplaceTransaction[] = [
 
 const Template: Story = () => {
   const [page, setPage] = React.useState(1);
+  const [openBuyOrdersPage, setOpenBuyOrdersPage] = React.useState(1);
   const [selectedBlueprint, setSelectedBlueprint] = React.useState<IMarketplaceBlueprintSummary | undefined>();
   const [quantity, setQuantity] = React.useState(1);
   const [maxPrice, setMaxPrice] = React.useState(0);
@@ -89,6 +92,11 @@ const Template: Story = () => {
   const [historyType, setHistoryType] = React.useState('All');
   const [yourBuyOrders, setYourBuyOrders] = React.useState<IMarketplaceBuyOrderItem[]>(mockYourBuyOrders);
 
+  const pagedOpenBuyOrders = allMockOpenBuyOrders.slice(
+    (openBuyOrdersPage - 1) * OPEN_BUY_ORDERS_PER_PAGE,
+    openBuyOrdersPage * OPEN_BUY_ORDERS_PER_PAGE,
+  );
+
   const handleBlueprintSearch = (request: any) => {
     console.log('blueprint search:', request);
     setBlueprintLoading(true);
@@ -181,10 +189,10 @@ const Template: Story = () => {
         yourBuyOrdersPage={1}
         onYourBuyOrdersPageChange={p => console.log('your orders page:', p)}
         onCancelBuyOrder={id => setYourBuyOrders(prev => prev.filter(o => o._id !== id))}
-        openBuyOrders={mockOpenBuyOrders}
-        openBuyOrdersTotal={mockOpenBuyOrders.length}
-        openBuyOrdersPage={1}
-        onOpenBuyOrdersPageChange={(p: number) => console.log('open orders page:', p)}
+        openBuyOrders={pagedOpenBuyOrders}
+        openBuyOrdersTotal={allMockOpenBuyOrders.length}
+        openBuyOrdersPage={openBuyOrdersPage}
+        onOpenBuyOrdersPageChange={setOpenBuyOrdersPage}
         // Blueprint Search props
         onBlueprintSearch={handleBlueprintSearch}
         onBlueprintSelect={setSelectedBlueprint}