@rpg-engine/long-bow 0.8.154 → 0.8.156

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

@@ -17,6 +17,7 @@ export interface IBuyPanelProps {
     equipmentSet?: IEquipmentSet | null;
     onMarketPlaceItemBuy?: (marketPlaceItemId: string, paymentMethod?: MarketplacePaymentMethod) => void;
     onFulfillBuyOrder?: (buyOrderId: string) => void;
+    onDCCoinClick?: () => void;
     characterId: string;
     enableHotkeys?: () => void;
     disableHotkeys?: () => void;

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

@@ -18,6 +18,7 @@ export interface IMarketPlaceProps {
     equipmentSet?: IEquipmentSet | null;
     onMarketPlaceItemBuy?: (marketPlaceItemId: string, paymentMethod?: MarketplacePaymentMethod) => void;
     onFulfillBuyOrder?: (buyOrderId: string) => void;
+    onDCCoinClick?: () => void;
     onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;
     availableGold: number;
     selectedItemToSell: IItem | null;

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

@@ -10,6 +10,7 @@ export interface IMarketPlaceRowsPropos {
     scale?: number;
     onMarketPlaceItemBuy?: () => void;
     onMarketPlaceItemRemove?: () => void;
+    onDCCoinClick?: () => void;
     disabled?: boolean;
 }
 export declare const MarketplaceRows: React.FC<IMarketPlaceRowsPropos>;
@@ -23,5 +24,6 @@ export interface IGroupedMarketplaceRowProps {
     getDCEquivalentPrice: (goldPrice: number) => number;
     characterId: string;
     onBuy: (id: string) => void;
+    onDCCoinClick?: () => void;
 }
 export declare const GroupedMarketplaceRow: React.FC<IGroupedMarketplaceRowProps>;

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

@@ -45704,6 +45704,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     scale = _ref.scale,
     onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
     onMarketPlaceItemRemove = _ref.onMarketPlaceItemRemove,
+    onDCCoinClick = _ref.onDCCoinClick,
     disabled = _ref.disabled;
   var renderGems = function renderGems(item) {
     return item.attachedGems && onRenderGems(item);
@@ -45739,8 +45740,11 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     atlasJSON: atlasJSON,
     spriteKey: "others/gold-coin-qty-5.png",
     imgScale: 1
-  }))), React__default.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React__default.createElement(DCPriceRow, null, React__default.createElement(DCCoinWrapper, null, React__default.createElement(SimpleTooltip, {
-    content: "Definya Coin",
+  }))), React__default.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React__default.createElement(DCPriceRow, {
+    "$clickable": !!onDCCoinClick,
+    onPointerDown: onDCCoinClick
+  }, React__default.createElement(DCCoinWrapper, null, React__default.createElement(SimpleTooltip, {
+    content: onDCCoinClick ? 'Buy Definya Coin' : 'Definya Coin',
     direction: "top"
   }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -45775,7 +45779,8 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
     dcToGoldSwapRate = _ref2$dcToGoldSwapRat === void 0 ? 0 : _ref2$dcToGoldSwapRat,
     getDCEquivalentPrice = _ref2.getDCEquivalentPrice,
     characterId = _ref2.characterId,
-    onBuy = _ref2.onBuy;
+    onBuy = _ref2.onBuy,
+    onDCCoinClick = _ref2.onDCCoinClick;
   var _useState = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -45796,6 +45801,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
     onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
       return onBuy(bestListing._id);
     },
+    onDCCoinClick: onDCCoinClick,
     disabled: bestListing.owner === characterId
   }), hasMultiple && React__default.createElement(GroupMeta, null, React__default.createElement(OfferBadge, null, totalOffers, " offers"), React__default.createElement(Chevron, {
     expanded: expanded
@@ -45811,6 +45817,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
       onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
         return onBuy(listing._id);
       },
+      onDCCoinClick: onDCCoinClick,
       disabled: listing.owner === characterId
     });
   })));
@@ -45884,7 +45891,13 @@ var GoldPrice$1 = /*#__PURE__*/styled__default.span.withConfig({
 var DCPriceRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "MarketplaceRows__DCPriceRow",
   componentId: "sc-wmpr1o-15"
-})(["display:flex;align-items:center;gap:0.3rem;margin-left:0.5rem;"]);
+})(["display:flex;align-items:center;gap:0.3rem;margin-left:0.5rem;cursor:", ";border-radius:4px;transition:opacity 0.15s;&:hover{opacity:", ";}"], function (_ref5) {
+  var $clickable = _ref5.$clickable;
+  return $clickable ? 'pointer' : 'default';
+}, function (_ref6) {
+  var $clickable = _ref6.$clickable;
+  return $clickable ? '0.75' : '1';
+});
 var DCCoinWrapper = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "MarketplaceRows__DCCoinWrapper",
   componentId: "sc-wmpr1o-16"
@@ -45908,14 +45921,14 @@ var GemContainer = /*#__PURE__*/styled__default.p.withConfig({
 var RarityContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "MarketplaceRows__RarityContainer",
   componentId: "sc-wmpr1o-21"
-})(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref5) {
-  var item = _ref5.item;
+})(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref7) {
+  var item = _ref7.item;
   return rarityColor(item);
-}, function (_ref6) {
-  var item = _ref6.item;
+}, function (_ref8) {
+  var item = _ref8.item;
   return "0 0 5px 8px " + rarityColor(item);
-}, function (_ref7) {
-  var item = _ref7.item;
+}, function (_ref9) {
+  var item = _ref9.item;
   return "0 0 8px 6px " + rarityColor(item);
 });
 
@@ -45983,6 +45996,7 @@ var BuyPanel = function BuyPanel(_ref) {
     equipmentSet = _ref.equipmentSet,
     onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
     onFulfillBuyOrder = _ref.onFulfillBuyOrder,
+    onDCCoinClick = _ref.onDCCoinClick,
     characterId = _ref.characterId,
     enableHotkeys = _ref.enableHotkeys,
     disableHotkeys = _ref.disableHotkeys,
@@ -46000,14 +46014,16 @@ var BuyPanel = function BuyPanel(_ref) {
     openBuyOrdersTotal = _ref$openBuyOrdersTot === void 0 ? 0 : _ref$openBuyOrdersTot,
     _ref$openBuyOrdersPag = _ref.openBuyOrdersPage,
     openBuyOrdersPage = _ref$openBuyOrdersPag === void 0 ? 1 : _ref$openBuyOrdersPag,
-    onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange;
+    onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var _useState = React.useState(''),
     name = _useState[0],
     setName = _useState[1];
   var _useState2 = React.useState(false),
     showFilters = _useState2[0],
     setShowFilters = _useState2[1];
-  var _useState3 = React.useState('all'),
+  var _useState3 = React.useState('sell'),
     browseMode = _useState3[0],
     setBrowseMode = _useState3[1];
   var _useState4 = React.useState(''),
@@ -46081,8 +46097,8 @@ var BuyPanel = function BuyPanel(_ref) {
       return true;
     });
   }, [name, openBuyOrders, price, selectedRarity]);
-  var showSellSection = browseMode === 'all' || browseMode === 'sell';
-  var showBuySection = browseMode === 'all' || browseMode === 'buy';
+  var showSellSection = browseMode === 'sell';
+  var showBuySection = browseMode === 'buy';
   var hasVisibleContent = showSellSection && groupedItems.length > 0 || showBuySection && visibleBuyOrders.length > 0;
   return React__default.createElement(React__default.Fragment, null, buyingItemId && buyingItem && hasDCBalance && React__default.createElement(MarketplaceBuyModal, {
     goldPrice: buyingItem.price,
@@ -46118,9 +46134,6 @@ var BuyPanel = function BuyPanel(_ref) {
       return setBrowseMode(value);
     },
     options: [{
-      id: 'all',
-      label: 'All'
-    }, {
       id: 'sell',
       label: 'Sell Offers'
     }, {
@@ -46239,7 +46252,7 @@ var BuyPanel = function BuyPanel(_ref) {
   }))))), React__default.createElement(ItemComponentScrollWrapper$1, {
     id: "MarketContainer",
     ref: itemsContainer
-  }, !hasVisibleContent ? React__default.createElement(LoadingState, null, React__default.createElement(Spinner$2, null), React__default.createElement(LoadingText$1, null, "Loading marketplace...")) : React__default.createElement(React__default.Fragment, null, showSellSection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Sell Offers"), React__default.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React__default.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
+  }, isLoading ? React__default.createElement(LoadingState, null, React__default.createElement(Spinner$2, null), React__default.createElement(LoadingText$1, null, "Loading marketplace...")) : !hasVisibleContent ? React__default.createElement(LoadingState, null, React__default.createElement(LoadingText$1, null, "No items listed.")) : React__default.createElement(React__default.Fragment, null, showSellSection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Sell Offers"), React__default.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React__default.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
     var bestListing = _ref2.bestListing,
       otherListings = _ref2.otherListings;
     return React__default.createElement(GroupedMarketplaceRow, {
@@ -46252,14 +46265,10 @@ var BuyPanel = function BuyPanel(_ref) {
       dcToGoldSwapRate: dcToGoldSwapRate,
       getDCEquivalentPrice: getDCEquivalentPrice,
       characterId: characterId,
-      onBuy: setBuyingItemId
+      onBuy: setBuyingItemId,
+      onDCCoinClick: onDCCoinClick
     });
-  }), totalItems > itemsPerPage && React__default.createElement(SectionPager, null, React__default.createElement(Pager, {
-    totalItems: totalItems,
-    currentPage: currentPage,
-    itemsPerPage: itemsPerPage,
-    onPageChange: onPageChange
-  }))), 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) {
+  })), 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) {
     return React__default.createElement(BuyOrderRow, {
       key: order._id,
       buyOrder: order,
@@ -46268,12 +46277,17 @@ var BuyPanel = function BuyPanel(_ref) {
       onFulfill: setFulfillingBuyOrderId,
       showRequestTag: true
     });
-  }), openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React__default.createElement(SectionPager, null, React__default.createElement(Pager, {
+  })))), React__default.createElement(PagerFooter, null, showSellSection && totalItems > itemsPerPage && React__default.createElement(Pager, {
+    totalItems: totalItems,
+    currentPage: currentPage,
+    itemsPerPage: itemsPerPage,
+    onPageChange: onPageChange
+  }), showBuySection && openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React__default.createElement(Pager, {
     totalItems: openBuyOrdersTotal,
     currentPage: openBuyOrdersPage,
     itemsPerPage: BUY_REQUESTS_PER_PAGE,
     onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
-  }))))));
+  })));
 };
 var ToolbarRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__ToolbarRow",
@@ -46339,10 +46353,10 @@ var SectionEmpty = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__SectionEmpty",
   componentId: "sc-1si8t7i-12"
 })(["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;"]);
-var SectionPager = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "BuyPanel__SectionPager",
+var PagerFooter = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "BuyPanel__PagerFooter",
   componentId: "sc-1si8t7i-13"
-})(["display:flex;justify-content:center;margin-top:10px;"]);
+})(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
 var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-14"