@rpg-engine/long-bow 0.8.168 → 0.8.170

package/dist/long-bow.esm.js

@@ -45913,11 +45913,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, item.name), acceptedCurrency === MarketplaceAcceptedCurrency.Dc && React.createElement(CurrencyBadge, {
-    "$color": "#a78bfa"
-  }, "DC only"), acceptedCurrency === MarketplaceAcceptedCurrency.Gold && React.createElement(CurrencyBadge, {
-    "$color": "#fef08a"
-  }, "Gold only")), React.createElement(PriceRow, null, acceptedCurrency !== MarketplaceAcceptedCurrency.Dc && React.createElement(GoldPriceRow$1, null, React.createElement(GoldIcon$1, null, React.createElement(SimpleTooltip, {
+  }, item.name)), React.createElement(PriceRow, null, acceptedCurrency !== MarketplaceAcceptedCurrency.Dc && React.createElement(GoldPriceRow$1, null, React.createElement(GoldIcon$1, null, React.createElement(SimpleTooltip, {
     content: "Gold Coin",
     direction: "top"
   }, React.createElement(SpriteFromAtlas, {
@@ -46054,27 +46050,17 @@ var GemContainer = /*#__PURE__*/styled.p.withConfig({
   displayName: "MarketplaceRows__GemContainer",
   componentId: "sc-wmpr1o-13"
 })(["position:absolute;display:block;top:-5px;left:-10px;font-size:", " !important;"], uiFonts.size.xsmall);
-var CurrencyBadge = /*#__PURE__*/styled.span.withConfig({
-  displayName: "MarketplaceRows__CurrencyBadge",
-  componentId: "sc-wmpr1o-14"
-})(["display:inline-block;margin-left:6px;padding:1px 4px;font-family:'Press Start 2P',cursive;font-size:0.38rem;color:", ";border:1px solid ", ";border-radius:3px;opacity:0.85;vertical-align:middle;text-transform:uppercase;letter-spacing:0.5px;"], function (_ref5) {
-  var $color = _ref5.$color;
-  return $color;
-}, function (_ref6) {
-  var $color = _ref6.$color;
-  return $color;
-});
 var RarityContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__RarityContainer",
-  componentId: "sc-wmpr1o-15"
-})(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref7) {
-  var item = _ref7.item;
+  componentId: "sc-wmpr1o-14"
+})(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref5) {
+  var item = _ref5.item;
   return rarityColor(item);
-}, function (_ref8) {
-  var item = _ref8.item;
+}, function (_ref6) {
+  var item = _ref6.item;
   return "0 0 5px 8px " + rarityColor(item);
-}, function (_ref9) {
-  var item = _ref9.item;
+}, function (_ref7) {
+  var item = _ref7.item;
   return "0 0 8px 6px " + rarityColor(item);
 });
 
@@ -46842,7 +46828,9 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     enableHotkeys = _ref.enableHotkeys,
     disableHotkeys = _ref.disableHotkeys,
     onMoneyWithdraw = _ref.onMoneyWithdraw,
-    currentPage = _ref.currentPage;
+    currentPage = _ref.currentPage,
+    _ref$dcToGoldSwapRate = _ref.dcToGoldSwapRate,
+    dcToGoldSwapRate = _ref$dcToGoldSwapRate === void 0 ? 0 : _ref$dcToGoldSwapRate;
   var _useState = useState(''),
     price = _useState[0],
     setPrice = _useState[1];
@@ -46942,7 +46930,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
       },
       type: "button"
     }, opt.label);
-  }))))), React.createElement(InnerOptionsWrapper, null, React.createElement(SectionLabel$1, {
+  }), listingCurrency !== MarketplaceAcceptedCurrency.Gold && price && Number(price) > 0 && React.createElement(DCPreview, null, formatDCAmount(goldToDC(Number(price))), " DC"))))), React.createElement(InnerOptionsWrapper, null, React.createElement(SectionLabel$1, {
     style: {
       marginBottom: '8px'
     }
@@ -46978,14 +46966,18 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     var item = _ref2.item,
       price = _ref2.price,
       _id = _ref2._id,
-      listingCurrency = _ref2.acceptedCurrency;
+      itemCurrency = _ref2.acceptedCurrency;
+    var currency = itemCurrency || MarketplaceAcceptedCurrency.GoldOrDc;
+    var isDcOnly = currency === MarketplaceAcceptedCurrency.Dc;
+    var showDcPrice = isDcOnly || dcToGoldSwapRate > 0 && currency !== MarketplaceAcceptedCurrency.Gold;
     return React.createElement(MarketplaceRows, {
       key: item.key + "_" + index,
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       item: item,
       itemPrice: price,
-      acceptedCurrency: listingCurrency,
+      dcEquivalentPrice: showDcPrice ? goldToDC(price) : undefined,
+      acceptedCurrency: currency,
       equipmentSet: equipmentSet,
       onMarketPlaceItemRemove: setRemovingItemId.bind(null, _id)
     });
@@ -47072,6 +47064,10 @@ var CurrencyToggleButton = /*#__PURE__*/styled.button.withConfig({
   var $active = _ref7.$active;
   return $active ? '#f59e0b' : '#ddd';
 });
+var DCPreview = /*#__PURE__*/styled.span.withConfig({
+  displayName: "ManagmentPanel__DCPreview",
+  componentId: "sc-1yyi6jn-16"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:rgba(167,139,250,0.8) !important;white-space:nowrap;margin-left:auto;"]);
 
 var CURRENCY_OPTIONS = [{
   value: MarketplaceAcceptedCurrency.GoldOrDc,