@rpg-engine/long-bow 0.8.155 → 0.8.156

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.
@@ -17,6 +17,7 @@ export interface IBuyPanelProps {
17
17
  equipmentSet?: IEquipmentSet | null;
18
18
  onMarketPlaceItemBuy?: (marketPlaceItemId: string, paymentMethod?: MarketplacePaymentMethod) => void;
19
19
  onFulfillBuyOrder?: (buyOrderId: string) => void;
20
+ onDCCoinClick?: () => void;
20
21
  characterId: string;
21
22
  enableHotkeys?: () => void;
22
23
  disableHotkeys?: () => void;
@@ -18,6 +18,7 @@ export interface IMarketPlaceProps {
18
18
  equipmentSet?: IEquipmentSet | null;
19
19
  onMarketPlaceItemBuy?: (marketPlaceItemId: string, paymentMethod?: MarketplacePaymentMethod) => void;
20
20
  onFulfillBuyOrder?: (buyOrderId: string) => void;
21
+ onDCCoinClick?: () => void;
21
22
  onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;
22
23
  availableGold: number;
23
24
  selectedItemToSell: IItem | null;
@@ -10,6 +10,7 @@ export interface IMarketPlaceRowsPropos {
10
10
  scale?: number;
11
11
  onMarketPlaceItemBuy?: () => void;
12
12
  onMarketPlaceItemRemove?: () => void;
13
+ onDCCoinClick?: () => void;
13
14
  disabled?: boolean;
14
15
  }
15
16
  export declare const MarketplaceRows: React.FC<IMarketPlaceRowsPropos>;
@@ -23,5 +24,6 @@ export interface IGroupedMarketplaceRowProps {
23
24
  getDCEquivalentPrice: (goldPrice: number) => number;
24
25
  characterId: string;
25
26
  onBuy: (id: string) => void;
27
+ onDCCoinClick?: () => void;
26
28
  }
27
29
  export declare const GroupedMarketplaceRow: React.FC<IGroupedMarketplaceRowProps>;
@@ -45704,6 +45704,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
45704
45704
  scale = _ref.scale,
45705
45705
  onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
45706
45706
  onMarketPlaceItemRemove = _ref.onMarketPlaceItemRemove,
45707
+ onDCCoinClick = _ref.onDCCoinClick,
45707
45708
  disabled = _ref.disabled;
45708
45709
  var renderGems = function renderGems(item) {
45709
45710
  return item.attachedGems && onRenderGems(item);
@@ -45739,8 +45740,11 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
45739
45740
  atlasJSON: atlasJSON,
45740
45741
  spriteKey: "others/gold-coin-qty-5.png",
45741
45742
  imgScale: 1
45742
- }))), React__default.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React__default.createElement(DCPriceRow, null, React__default.createElement(DCCoinWrapper, null, React__default.createElement(SimpleTooltip, {
45743
- content: "Definya Coin",
45743
+ }))), React__default.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React__default.createElement(DCPriceRow, {
45744
+ "$clickable": !!onDCCoinClick,
45745
+ onPointerDown: onDCCoinClick
45746
+ }, React__default.createElement(DCCoinWrapper, null, React__default.createElement(SimpleTooltip, {
45747
+ content: onDCCoinClick ? 'Buy Definya Coin' : 'Definya Coin',
45744
45748
  direction: "top"
45745
45749
  }, React__default.createElement(SpriteFromAtlas, {
45746
45750
  atlasIMG: atlasIMG,
@@ -45775,7 +45779,8 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
45775
45779
  dcToGoldSwapRate = _ref2$dcToGoldSwapRat === void 0 ? 0 : _ref2$dcToGoldSwapRat,
45776
45780
  getDCEquivalentPrice = _ref2.getDCEquivalentPrice,
45777
45781
  characterId = _ref2.characterId,
45778
- onBuy = _ref2.onBuy;
45782
+ onBuy = _ref2.onBuy,
45783
+ onDCCoinClick = _ref2.onDCCoinClick;
45779
45784
  var _useState = React.useState(false),
45780
45785
  expanded = _useState[0],
45781
45786
  setExpanded = _useState[1];
@@ -45796,6 +45801,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
45796
45801
  onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
45797
45802
  return onBuy(bestListing._id);
45798
45803
  },
45804
+ onDCCoinClick: onDCCoinClick,
45799
45805
  disabled: bestListing.owner === characterId
45800
45806
  }), hasMultiple && React__default.createElement(GroupMeta, null, React__default.createElement(OfferBadge, null, totalOffers, " offers"), React__default.createElement(Chevron, {
45801
45807
  expanded: expanded
@@ -45811,6 +45817,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
45811
45817
  onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
45812
45818
  return onBuy(listing._id);
45813
45819
  },
45820
+ onDCCoinClick: onDCCoinClick,
45814
45821
  disabled: listing.owner === characterId
45815
45822
  });
45816
45823
  })));
@@ -45884,7 +45891,13 @@ var GoldPrice$1 = /*#__PURE__*/styled__default.span.withConfig({
45884
45891
  var DCPriceRow = /*#__PURE__*/styled__default.div.withConfig({
45885
45892
  displayName: "MarketplaceRows__DCPriceRow",
45886
45893
  componentId: "sc-wmpr1o-15"
45887
- })(["display:flex;align-items:center;gap:0.3rem;margin-left:0.5rem;"]);
45894
+ })(["display:flex;align-items:center;gap:0.3rem;margin-left:0.5rem;cursor:", ";border-radius:4px;transition:opacity 0.15s;&:hover{opacity:", ";}"], function (_ref5) {
45895
+ var $clickable = _ref5.$clickable;
45896
+ return $clickable ? 'pointer' : 'default';
45897
+ }, function (_ref6) {
45898
+ var $clickable = _ref6.$clickable;
45899
+ return $clickable ? '0.75' : '1';
45900
+ });
45888
45901
  var DCCoinWrapper = /*#__PURE__*/styled__default.span.withConfig({
45889
45902
  displayName: "MarketplaceRows__DCCoinWrapper",
45890
45903
  componentId: "sc-wmpr1o-16"
@@ -45908,14 +45921,14 @@ var GemContainer = /*#__PURE__*/styled__default.p.withConfig({
45908
45921
  var RarityContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
45909
45922
  displayName: "MarketplaceRows__RarityContainer",
45910
45923
  componentId: "sc-wmpr1o-21"
45911
- })(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref5) {
45912
- var item = _ref5.item;
45924
+ })(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref7) {
45925
+ var item = _ref7.item;
45913
45926
  return rarityColor(item);
45914
- }, function (_ref6) {
45915
- var item = _ref6.item;
45927
+ }, function (_ref8) {
45928
+ var item = _ref8.item;
45916
45929
  return "0 0 5px 8px " + rarityColor(item);
45917
- }, function (_ref7) {
45918
- var item = _ref7.item;
45930
+ }, function (_ref9) {
45931
+ var item = _ref9.item;
45919
45932
  return "0 0 8px 6px " + rarityColor(item);
45920
45933
  });
45921
45934
 
@@ -45983,6 +45996,7 @@ var BuyPanel = function BuyPanel(_ref) {
45983
45996
  equipmentSet = _ref.equipmentSet,
45984
45997
  onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
45985
45998
  onFulfillBuyOrder = _ref.onFulfillBuyOrder,
45999
+ onDCCoinClick = _ref.onDCCoinClick,
45986
46000
  characterId = _ref.characterId,
45987
46001
  enableHotkeys = _ref.enableHotkeys,
45988
46002
  disableHotkeys = _ref.disableHotkeys,
@@ -46009,7 +46023,7 @@ var BuyPanel = function BuyPanel(_ref) {
46009
46023
  var _useState2 = React.useState(false),
46010
46024
  showFilters = _useState2[0],
46011
46025
  setShowFilters = _useState2[1];
46012
- var _useState3 = React.useState('all'),
46026
+ var _useState3 = React.useState('sell'),
46013
46027
  browseMode = _useState3[0],
46014
46028
  setBrowseMode = _useState3[1];
46015
46029
  var _useState4 = React.useState(''),
@@ -46083,8 +46097,8 @@ var BuyPanel = function BuyPanel(_ref) {
46083
46097
  return true;
46084
46098
  });
46085
46099
  }, [name, openBuyOrders, price, selectedRarity]);
46086
- var showSellSection = browseMode === 'all' || browseMode === 'sell';
46087
- var showBuySection = browseMode === 'all' || browseMode === 'buy';
46100
+ var showSellSection = browseMode === 'sell';
46101
+ var showBuySection = browseMode === 'buy';
46088
46102
  var hasVisibleContent = showSellSection && groupedItems.length > 0 || showBuySection && visibleBuyOrders.length > 0;
46089
46103
  return React__default.createElement(React__default.Fragment, null, buyingItemId && buyingItem && hasDCBalance && React__default.createElement(MarketplaceBuyModal, {
46090
46104
  goldPrice: buyingItem.price,
@@ -46120,9 +46134,6 @@ var BuyPanel = function BuyPanel(_ref) {
46120
46134
  return setBrowseMode(value);
46121
46135
  },
46122
46136
  options: [{
46123
- id: 'all',
46124
- label: 'All'
46125
- }, {
46126
46137
  id: 'sell',
46127
46138
  label: 'Sell Offers'
46128
46139
  }, {
@@ -46254,14 +46265,10 @@ var BuyPanel = function BuyPanel(_ref) {
46254
46265
  dcToGoldSwapRate: dcToGoldSwapRate,
46255
46266
  getDCEquivalentPrice: getDCEquivalentPrice,
46256
46267
  characterId: characterId,
46257
- onBuy: setBuyingItemId
46268
+ onBuy: setBuyingItemId,
46269
+ onDCCoinClick: onDCCoinClick
46258
46270
  });
46259
- }), totalItems > itemsPerPage && React__default.createElement(SectionPager, null, React__default.createElement(Pager, {
46260
- totalItems: totalItems,
46261
- currentPage: currentPage,
46262
- itemsPerPage: itemsPerPage,
46263
- onPageChange: onPageChange
46264
- }))), showBuySection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Buy Requests"), React__default.createElement(SectionMeta, null, visibleBuyOrders.length, " visible")), visibleBuyOrders.length === 0 ? React__default.createElement(SectionEmpty, null, "No public buy requests found.") : visibleBuyOrders.map(function (order) {
46271
+ })), showBuySection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Buy Requests"), React__default.createElement(SectionMeta, null, visibleBuyOrders.length, " visible")), visibleBuyOrders.length === 0 ? React__default.createElement(SectionEmpty, null, "No public buy requests found.") : visibleBuyOrders.map(function (order) {
46265
46272
  return React__default.createElement(BuyOrderRow, {
46266
46273
  key: order._id,
46267
46274
  buyOrder: order,
@@ -46270,12 +46277,17 @@ var BuyPanel = function BuyPanel(_ref) {
46270
46277
  onFulfill: setFulfillingBuyOrderId,
46271
46278
  showRequestTag: true
46272
46279
  });
46273
- }), openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React__default.createElement(SectionPager, null, React__default.createElement(Pager, {
46280
+ })))), React__default.createElement(PagerFooter, null, showSellSection && totalItems > itemsPerPage && React__default.createElement(Pager, {
46281
+ totalItems: totalItems,
46282
+ currentPage: currentPage,
46283
+ itemsPerPage: itemsPerPage,
46284
+ onPageChange: onPageChange
46285
+ }), showBuySection && openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React__default.createElement(Pager, {
46274
46286
  totalItems: openBuyOrdersTotal,
46275
46287
  currentPage: openBuyOrdersPage,
46276
46288
  itemsPerPage: BUY_REQUESTS_PER_PAGE,
46277
46289
  onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
46278
- }))))));
46290
+ })));
46279
46291
  };
46280
46292
  var ToolbarRow = /*#__PURE__*/styled__default.div.withConfig({
46281
46293
  displayName: "BuyPanel__ToolbarRow",
@@ -46341,10 +46353,10 @@ var SectionEmpty = /*#__PURE__*/styled__default.div.withConfig({
46341
46353
  displayName: "BuyPanel__SectionEmpty",
46342
46354
  componentId: "sc-1si8t7i-12"
46343
46355
  })(["min-height:56px;display:flex;align-items:center;justify-content:center;color:#71717a;font-size:0.48rem;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.08);border-radius:6px;"]);
46344
- var SectionPager = /*#__PURE__*/styled__default.div.withConfig({
46345
- displayName: "BuyPanel__SectionPager",
46356
+ var PagerFooter = /*#__PURE__*/styled__default.div.withConfig({
46357
+ displayName: "BuyPanel__PagerFooter",
46346
46358
  componentId: "sc-1si8t7i-13"
46347
- })(["display:flex;justify-content:center;margin-top:10px;"]);
46359
+ })(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
46348
46360
  var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
46349
46361
  displayName: "BuyPanel__StyledDropdown",
46350
46362
  componentId: "sc-1si8t7i-14"