@rpg-engine/long-bow 0.8.151 → 0.8.154
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +16 -5
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +16 -5
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Marketplace/BlueprintTable.tsx +10 -3
- package/src/components/Marketplace/BuyOrderRows.tsx +14 -0
- package/src/components/Marketplace/HistoryPanel.tsx +2 -2
- package/src/stories/Features/marketplace/BuyOrderPanel.stories.tsx +3 -0
- package/src/stories/Features/marketplace/BuyOrderRows.stories.tsx +1 -0
- package/src/stories/Features/trading/Marketplace.stories.tsx +1 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -44507,12 +44507,18 @@ var TabButton$1 = /*#__PURE__*/styled.button.withConfig({
|
|
|
44507
44507
|
return $active ? '#ffffff' : '#888888';
|
|
44508
44508
|
});
|
|
44509
44509
|
|
|
44510
|
+
var BLOCKED_SUBTYPES = /*#__PURE__*/new Set([ItemSubType.DeadBody]);
|
|
44510
44511
|
var BlueprintTable = function BlueprintTable(_ref) {
|
|
44511
44512
|
var blueprints = _ref.blueprints,
|
|
44512
44513
|
atlasJSON = _ref.atlasJSON,
|
|
44513
44514
|
atlasIMG = _ref.atlasIMG,
|
|
44514
44515
|
onSelect = _ref.onSelect;
|
|
44515
|
-
|
|
44516
|
+
var filteredBlueprints = useMemo(function () {
|
|
44517
|
+
return blueprints.filter(function (b) {
|
|
44518
|
+
return !BLOCKED_SUBTYPES.has(b.subType);
|
|
44519
|
+
});
|
|
44520
|
+
}, [blueprints]);
|
|
44521
|
+
return React.createElement(React.Fragment, null, React.createElement(ResultsHeader, null, React.createElement("span", null), React.createElement(ColName, null, "Name"), React.createElement(ColType, null, "Type"), React.createElement(ColTier, null, "Tier")), filteredBlueprints.map(function (blueprint) {
|
|
44516
44522
|
return React.createElement(ResultRow, {
|
|
44517
44523
|
key: blueprint.key,
|
|
44518
44524
|
"$selectable": !!onSelect,
|
|
@@ -45225,6 +45231,7 @@ var RARITY_COLORS = {
|
|
|
45225
45231
|
};
|
|
45226
45232
|
var STATUS_COLORS = (_STATUS_COLORS = {}, _STATUS_COLORS[MarketplaceBuyOrderStatus.Active] = uiColors.lightGreen, _STATUS_COLORS[MarketplaceBuyOrderStatus.Fulfilled] = uiColors.blue, _STATUS_COLORS[MarketplaceBuyOrderStatus.Expired] = uiColors.cardinal, _STATUS_COLORS[MarketplaceBuyOrderStatus.Cancelled] = uiColors.red, _STATUS_COLORS);
|
|
45227
45233
|
var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
45234
|
+
var _buyOrder$stackQty;
|
|
45228
45235
|
var buyOrder = _ref.buyOrder,
|
|
45229
45236
|
atlasJSON = _ref.atlasJSON,
|
|
45230
45237
|
atlasIMG = _ref.atlasIMG,
|
|
@@ -45235,6 +45242,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45235
45242
|
showRequestTag = _ref$showRequestTag === void 0 ? false : _ref$showRequestTag,
|
|
45236
45243
|
_ref$requestTagLabel = _ref.requestTagLabel,
|
|
45237
45244
|
requestTagLabel = _ref$requestTagLabel === void 0 ? 'Buy Request' : _ref$requestTagLabel;
|
|
45245
|
+
var stackQty = (_buyOrder$stackQty = buyOrder.stackQty) != null ? _buyOrder$stackQty : buyOrder.quantity;
|
|
45238
45246
|
var timeRemaining = buyOrder.status === MarketplaceBuyOrderStatus.Active ? getTimeRemaining(buyOrder.createdAt) : null;
|
|
45239
45247
|
var spriteKey = resolveAtlasSpriteKey(atlasJSON, buyOrder.itemBlueprintKey);
|
|
45240
45248
|
var rarityGlow = buyOrder.itemRarity ? RARITY_COLORS[buyOrder.itemRarity] || null : null;
|
|
@@ -45246,7 +45254,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45246
45254
|
spriteKey: spriteKey,
|
|
45247
45255
|
imgScale: 2,
|
|
45248
45256
|
imgClassname: "sprite-from-atlas-img--item"
|
|
45249
|
-
}) : React.createElement(SpritePlaceholder, null))), React.createElement(ItemDetails, null, React.createElement(ItemName$1, null, React.createElement(Ellipsis, {
|
|
45257
|
+
}) : React.createElement(SpritePlaceholder, null)), stackQty && stackQty > 1 && React.createElement(QuantityOverlay, null, "x", stackQty)), React.createElement(ItemDetails, null, React.createElement(ItemName$1, null, React.createElement(Ellipsis, {
|
|
45250
45258
|
maxLines: 1,
|
|
45251
45259
|
maxWidth: "200px",
|
|
45252
45260
|
fontSize: "10px"
|
|
@@ -45348,6 +45356,10 @@ var ActionSection = /*#__PURE__*/styled.div.withConfig({
|
|
|
45348
45356
|
displayName: "BuyOrderRows__ActionSection",
|
|
45349
45357
|
componentId: "sc-zz5s5j-11"
|
|
45350
45358
|
})(["flex-shrink:0;margin-left:0.75rem;"]);
|
|
45359
|
+
var QuantityOverlay = /*#__PURE__*/styled.p.withConfig({
|
|
45360
|
+
displayName: "BuyOrderRows__QuantityOverlay",
|
|
45361
|
+
componentId: "sc-zz5s5j-12"
|
|
45362
|
+
})(["position:absolute;display:block;top:15px;left:-8px;font-size:", " !important;"], uiFonts.size.xsmall);
|
|
45351
45363
|
|
|
45352
45364
|
var BUY_ORDERS_PER_PAGE = 5;
|
|
45353
45365
|
var BuyOrderPanel = function BuyOrderPanel(props) {
|
|
@@ -46406,7 +46418,6 @@ var HistoryPanel = function HistoryPanel(_ref) {
|
|
|
46406
46418
|
})), React.createElement(ScrollArea$1, {
|
|
46407
46419
|
id: "MarketContainer"
|
|
46408
46420
|
}, transactions.length === 0 ? React.createElement(EmptyState$4, null, "No transactions yet") : transactions.map(function (tx, index) {
|
|
46409
|
-
var _tx$metadata;
|
|
46410
46421
|
return React.createElement(RowWrapper$1, {
|
|
46411
46422
|
key: index,
|
|
46412
46423
|
"$even": index % 2 === 0,
|
|
@@ -46415,9 +46426,9 @@ var HistoryPanel = function HistoryPanel(_ref) {
|
|
|
46415
46426
|
maxLines: 1,
|
|
46416
46427
|
maxWidth: "200px",
|
|
46417
46428
|
fontSize: "10px"
|
|
46418
|
-
}, tx.itemName)) : React.createElement(ItemName$3, null, React.createElement(NoItemText, null, tx.type === MarketplaceTransactionType.Withdrawal ? 'Gold Withdrawal' : '--')), React.createElement(MetaRow$1, null, React.createElement(Label$5, {
|
|
46429
|
+
}, tx.qty && tx.qty > 1 ? tx.qty + "x " + tx.itemName : tx.itemName)) : React.createElement(ItemName$3, null, React.createElement(NoItemText, null, tx.type === MarketplaceTransactionType.Withdrawal ? 'Gold Withdrawal' : '--')), React.createElement(MetaRow$1, null, React.createElement(Label$5, {
|
|
46419
46430
|
"$bg": TRANSACTION_TYPE_COLORS$1[tx.type]
|
|
46420
|
-
}, formatTransactionLabel(tx.type)), React.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React.createElement(PriceSection, null,
|
|
46431
|
+
}, formatTransactionLabel(tx.type)), React.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React.createElement(PriceSection, null, tx.currency === 'dc' ?
|
|
46421
46432
|
// Show DC only
|
|
46422
46433
|
React.createElement(DCPriceRow$1, null, atlasIMG && atlasJSON && React.createElement(DCCoinWrapper$1, null, React.createElement(SimpleTooltip, {
|
|
46423
46434
|
content: "Definya Coin",
|