@rpg-engine/long-bow 0.8.154 → 0.8.156

package/dist/long-bow.esm.js

@@ -45701,6 +45701,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);
@@ -45736,8 +45737,11 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     atlasJSON: atlasJSON,
     spriteKey: "others/gold-coin-qty-5.png",
     imgScale: 1
-  }))), React.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React.createElement(DCPriceRow, null, React.createElement(DCCoinWrapper, null, React.createElement(SimpleTooltip, {
-    content: "Definya Coin",
+  }))), React.createElement(GoldPrice$1, null, itemPrice)), dcEquivalentPrice !== undefined && React.createElement(DCPriceRow, {
+    "$clickable": !!onDCCoinClick,
+    onPointerDown: onDCCoinClick
+  }, React.createElement(DCCoinWrapper, null, React.createElement(SimpleTooltip, {
+    content: onDCCoinClick ? 'Buy Definya Coin' : 'Definya Coin',
     direction: "top"
   }, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -45772,7 +45776,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 = useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -45793,6 +45798,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
     onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
       return onBuy(bestListing._id);
     },
+    onDCCoinClick: onDCCoinClick,
     disabled: bestListing.owner === characterId
   }), hasMultiple && React.createElement(GroupMeta, null, React.createElement(OfferBadge, null, totalOffers, " offers"), React.createElement(Chevron, {
     expanded: expanded
@@ -45808,6 +45814,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
       onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
         return onBuy(listing._id);
       },
+      onDCCoinClick: onDCCoinClick,
       disabled: listing.owner === characterId
     });
   })));
@@ -45881,7 +45888,13 @@ var GoldPrice$1 = /*#__PURE__*/styled.span.withConfig({
 var DCPriceRow = /*#__PURE__*/styled.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.span.withConfig({
   displayName: "MarketplaceRows__DCCoinWrapper",
   componentId: "sc-wmpr1o-16"
@@ -45905,14 +45918,14 @@ var GemContainer = /*#__PURE__*/styled.p.withConfig({
 var RarityContainer$1 = /*#__PURE__*/styled.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);
 });
 
@@ -45980,6 +45993,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,
@@ -45997,14 +46011,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 = useState(''),
     name = _useState[0],
     setName = _useState[1];
   var _useState2 = useState(false),
     showFilters = _useState2[0],
     setShowFilters = _useState2[1];
-  var _useState3 = useState('all'),
+  var _useState3 = useState('sell'),
     browseMode = _useState3[0],
     setBrowseMode = _useState3[1];
   var _useState4 = useState(''),
@@ -46078,8 +46094,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.createElement(React.Fragment, null, buyingItemId && buyingItem && hasDCBalance && React.createElement(MarketplaceBuyModal, {
     goldPrice: buyingItem.price,
@@ -46115,9 +46131,6 @@ var BuyPanel = function BuyPanel(_ref) {
       return setBrowseMode(value);
     },
     options: [{
-      id: 'all',
-      label: 'All'
-    }, {
       id: 'sell',
       label: 'Sell Offers'
     }, {
@@ -46236,7 +46249,7 @@ var BuyPanel = function BuyPanel(_ref) {
   }))))), React.createElement(ItemComponentScrollWrapper$1, {
     id: "MarketContainer",
     ref: itemsContainer
-  }, !hasVisibleContent ? React.createElement(LoadingState, null, React.createElement(Spinner$2, null), React.createElement(LoadingText$1, null, "Loading marketplace...")) : React.createElement(React.Fragment, null, showSellSection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Sell Offers"), React.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
+  }, isLoading ? React.createElement(LoadingState, null, React.createElement(Spinner$2, null), React.createElement(LoadingText$1, null, "Loading marketplace...")) : !hasVisibleContent ? React.createElement(LoadingState, null, React.createElement(LoadingText$1, null, "No items listed.")) : React.createElement(React.Fragment, null, showSellSection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Sell Offers"), React.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
     var bestListing = _ref2.bestListing,
       otherListings = _ref2.otherListings;
     return React.createElement(GroupedMarketplaceRow, {
@@ -46249,14 +46262,10 @@ var BuyPanel = function BuyPanel(_ref) {
       dcToGoldSwapRate: dcToGoldSwapRate,
       getDCEquivalentPrice: getDCEquivalentPrice,
       characterId: characterId,
-      onBuy: setBuyingItemId
+      onBuy: setBuyingItemId,
+      onDCCoinClick: onDCCoinClick
     });
-  }), totalItems > itemsPerPage && React.createElement(SectionPager, null, React.createElement(Pager, {
-    totalItems: totalItems,
-    currentPage: currentPage,
-    itemsPerPage: itemsPerPage,
-    onPageChange: onPageChange
-  }))), showBuySection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Buy Requests"), React.createElement(SectionMeta, null, visibleBuyOrders.length, " visible")), visibleBuyOrders.length === 0 ? React.createElement(SectionEmpty, null, "No public buy requests found.") : visibleBuyOrders.map(function (order) {
+  })), showBuySection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Buy Requests"), React.createElement(SectionMeta, null, visibleBuyOrders.length, " visible")), visibleBuyOrders.length === 0 ? React.createElement(SectionEmpty, null, "No public buy requests found.") : visibleBuyOrders.map(function (order) {
     return React.createElement(BuyOrderRow, {
       key: order._id,
       buyOrder: order,
@@ -46265,12 +46274,17 @@ var BuyPanel = function BuyPanel(_ref) {
       onFulfill: setFulfillingBuyOrderId,
       showRequestTag: true
     });
-  }), openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React.createElement(SectionPager, null, React.createElement(Pager, {
+  })))), React.createElement(PagerFooter, null, showSellSection && totalItems > itemsPerPage && React.createElement(Pager, {
+    totalItems: totalItems,
+    currentPage: currentPage,
+    itemsPerPage: itemsPerPage,
+    onPageChange: onPageChange
+  }), showBuySection && openBuyOrdersTotal > BUY_REQUESTS_PER_PAGE && React.createElement(Pager, {
     totalItems: openBuyOrdersTotal,
     currentPage: openBuyOrdersPage,
     itemsPerPage: BUY_REQUESTS_PER_PAGE,
     onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
-  }))))));
+  })));
 };
 var ToolbarRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__ToolbarRow",
@@ -46336,10 +46350,10 @@ var SectionEmpty = /*#__PURE__*/styled.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.div.withConfig({
-  displayName: "BuyPanel__SectionPager",
+var PagerFooter = /*#__PURE__*/styled.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(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-14"