@rpg-engine/long-bow 0.8.155 → 0.8.157

package/dist/long-bow.esm.js

@@ -20,6 +20,7 @@ import { Settings2 } from 'pixelarticons/react/Settings2';
 import { ShoppingBag } from 'pixelarticons/react/ShoppingBag';
 import { ShoppingCart } from 'pixelarticons/react/ShoppingCart';
 import { Store as Store$1 } from 'pixelarticons/react/Store';
+import { Wallet } from 'pixelarticons/react/Wallet';
 import { Search } from 'pixelarticons/react/Search';
 import { Delete } from 'pixelarticons/react/Delete';
 import 'rpgui/rpgui.css';
@@ -39180,32 +39181,41 @@ var TRANSACTION_TYPE_COLORS = {
   AdminAdjustment: '#9ca3af'
 };
 var TRANSACTION_TYPE_OPTIONS = [{
+  id: 1,
   value: '',
-  label: 'All Types'
+  option: 'All Types'
 }, {
+  id: 2,
   value: 'Purchase',
-  label: 'Purchase'
+  option: 'Purchase'
 }, {
+  id: 3,
   value: 'Transfer',
-  label: 'Transfer'
+  option: 'Transfer'
 }, {
+  id: 4,
   value: 'MarketplaceSale',
-  label: 'Marketplace Sale'
+  option: 'Marketplace Sale'
 }, {
+  id: 5,
   value: 'MarketplacePurchase',
-  label: 'Marketplace Buy'
+  option: 'Marketplace Buy'
 }, {
+  id: 6,
   value: 'StorePurchase',
-  label: 'Store Purchase'
+  option: 'Store Purchase'
 }, {
+  id: 7,
   value: 'Fee',
-  label: 'Fee'
+  option: 'Fee'
 }, {
+  id: 8,
   value: 'Refund',
-  label: 'Refund'
+  option: 'Refund'
 }, {
+  id: 9,
   value: 'AdminAdjustment',
-  label: 'Admin Adjustment'
+  option: 'Admin Adjustment'
 }];
 var DCHistoryPanel = function DCHistoryPanel(_ref) {
   var transactions = _ref.transactions,
@@ -39221,8 +39231,7 @@ var DCHistoryPanel = function DCHistoryPanel(_ref) {
     onRequestHistory(1);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var handleTypeChange = function handleTypeChange(e) {
-    var value = e.target.value;
+  var handleTypeChange = function handleTypeChange(value) {
     setSelectedType(value);
     onRequestHistory(1, value || undefined);
   };
@@ -39233,15 +39242,12 @@ var DCHistoryPanel = function DCHistoryPanel(_ref) {
     var d = new Date(dateStr);
     return d.getMonth() + 1 + "/" + d.getDate() + "/" + String(d.getFullYear()).slice(-2);
   };
-  return React.createElement(PanelContainer, null, React.createElement(FilterRow, null, React.createElement(FilterLabel, null, "Filter:"), React.createElement(TypeSelect, {
-    value: selectedType,
-    onChange: handleTypeChange
-  }, TRANSACTION_TYPE_OPTIONS.map(function (opt) {
-    return React.createElement("option", {
-      key: opt.value,
-      value: opt.value
-    }, opt.label);
-  }))), loading && React.createElement(LoadingRow, null, React.createElement(Spinner, null), React.createElement("span", null, "Loading...")), !loading && transactions.length === 0 && React.createElement(EmptyMessage, null, "No transactions found."), !loading && transactions.length > 0 && React.createElement(TransactionList, null, transactions.map(function (tx) {
+  return React.createElement(PanelContainer, null, React.createElement(FilterRow, null, React.createElement(FilterLabel, null, "FILTER BY TYPE"), React.createElement(StyledDropdown, {
+    key: selectedType,
+    options: TRANSACTION_TYPE_OPTIONS,
+    onChange: handleTypeChange,
+    width: "100%"
+  })), loading && React.createElement(LoadingRow, null, React.createElement(Spinner, null), React.createElement("span", null, "Loading...")), !loading && transactions.length === 0 && React.createElement(EmptyMessage, null, "No transactions found."), !loading && transactions.length > 0 && React.createElement(TransactionList, null, transactions.map(function (tx) {
     var _TRANSACTION_TYPE_LAB, _TRANSACTION_TYPE_COL, _tx$note;
     var isCredit = tx.amount > 0;
     var label = (_TRANSACTION_TYPE_LAB = TRANSACTION_TYPE_LABELS[tx.type]) != null ? _TRANSACTION_TYPE_LAB : tx.type;
@@ -39274,15 +39280,15 @@ var PanelContainer = /*#__PURE__*/styled.div.withConfig({
 var FilterRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__FilterRow",
   componentId: "sc-debjdj-1"
-})(["display:flex;align-items:center;gap:8px;margin-bottom:2px;"]);
-var FilterLabel = /*#__PURE__*/styled.span.withConfig({
+})(["display:flex;align-items:center;gap:12px;background:rgba(0,0,0,0.15);border-radius:4px;border:1px solid rgba(255,255,255,0.05);padding:8px 12px;"]);
+var FilterLabel = /*#__PURE__*/styled.p.withConfig({
   displayName: "DCHistoryPanel__FilterLabel",
   componentId: "sc-debjdj-2"
-})(["font-size:7px;color:#f59e0b;font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
-var TypeSelect = /*#__PURE__*/styled.select.withConfig({
-  displayName: "DCHistoryPanel__TypeSelect",
+})(["margin:0;font-size:0.7rem;color:#ccc;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;"]);
+var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
+  displayName: "DCHistoryPanel__StyledDropdown",
   componentId: "sc-debjdj-3"
-})(["background:rgba(0,0,0,0.7);border:1px solid rgba(245,158,11,0.4);border-radius:3px;color:#f59e0b;font-size:7px;font-family:'Press Start 2P',cursive;padding:3px 5px;cursor:pointer;outline:none;flex:1;option{background:#1a1a2e;color:#f59e0b;}&:hover{border-color:#f59e0b;}&:focus{border-color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,0.3);}"]);
+})(["margin:0px !important;"]);
 var TransactionList = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__TransactionList",
   componentId: "sc-debjdj-4"
@@ -39680,10 +39686,9 @@ var DropdownItem = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-k1vvb1-9"
 })(["padding:6px 8px;font-size:11px;font-family:'Press Start 2P',cursive;color:", ";cursor:pointer;&:hover{background:rgba(245,158,11,0.3);}"], uiColors.white);
 
-var DCWalletModal = function DCWalletModal(_ref) {
+var DCWalletContent = function DCWalletContent(_ref) {
   var _historyData$transact, _historyData$totalPag, _historyData$currentP;
   var dcBalance = _ref.dcBalance,
-    onClose = _ref.onClose,
     historyData = _ref.historyData,
     historyLoading = _ref.historyLoading,
     onRequestHistory = _ref.onRequestHistory,
@@ -39700,13 +39705,10 @@ var DCWalletModal = function DCWalletModal(_ref) {
   var _useState = useState('balance'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
-  var stopPropagation = useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
   var tabs = [{
     id: 'balance',
     title: 'Balance',
-    content: React.createElement(BalanceContent, null, React.createElement(BalanceLabel, null, "Your DC Balance"), React.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), onBuyDC && React.createElement(BuyButton, {
+    content: React.createElement(BalanceContent, null, React.createElement(BalanceLabel, null, "Your DC Balance"), React.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), React.createElement(DCHint, null, "Spend on the Store, buy items on the Marketplace, or transfer to any player."), onBuyDC && React.createElement(BuyButton, {
       onPointerDown: onBuyDC,
       title: "Buy Definya Coins"
     }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy More DC")))
@@ -39736,16 +39738,7 @@ var DCWalletModal = function DCWalletModal(_ref) {
       onRequestHistory: onRequestHistory
     })
   }];
-  return React.createElement(ModalPortal, null, React.createElement(Overlay$1, {
-    onPointerDown: onClose
-  }), React.createElement(ModalContainer$1, null, React.createElement(ModalContent$1, {
-    onClick: stopPropagation,
-    onTouchStart: stopPropagation,
-    onPointerDown: stopPropagation
-  }, React.createElement(Header$3, null, React.createElement(Title$4, null, "DC Wallet"), React.createElement(CloseButton$5, {
-    onPointerDown: onClose,
-    "aria-label": "Close"
-  }, React.createElement(FaTimes, null))), React.createElement(WalletContainer, null, React.createElement(InternalTabs, {
+  return React.createElement(WalletContainer, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTab: activeTab,
     onTabChange: function onTabChange(tabId) {
@@ -39759,7 +39752,54 @@ var DCWalletModal = function DCWalletModal(_ref) {
     inactiveColor: "#6b7280",
     borderColor: "#f59e0b",
     hoverColor: "#fef3c7"
-  })))));
+  }));
+};
+var WalletContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__WalletContainer",
+  componentId: "sc-1hrivmk-0"
+})(["display:flex;flex-direction:column;width:100%;min-height:300px;gap:0.5rem;"]);
+var BalanceContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceContent",
+  componentId: "sc-1hrivmk-1"
+})(["display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;"]);
+var BalanceLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BalanceLabel",
+  componentId: "sc-1hrivmk-2"
+})(["font-family:'Press Start 2P',cursive;font-size:10px;color:", ";"], uiColors.lightGray);
+var BalanceAmount = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceAmount",
+  componentId: "sc-1hrivmk-3"
+})(["font-family:'Press Start 2P',cursive;font-size:28px;color:#fef08a;text-shadow:2px 2px 0 #000;letter-spacing:2px;"]);
+var DCHint = /*#__PURE__*/styled.p.withConfig({
+  displayName: "DCWalletContent__DCHint",
+  componentId: "sc-1hrivmk-4"
+})(["margin:0 !important;font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:rgba(255,255,255,0.4) !important;text-align:center !important;line-height:1.8 !important;max-width:280px;"]);
+var BuyButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "DCWalletContent__BuyButton",
+  componentId: "sc-1hrivmk-5"
+})(["display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;background:#f59e0b;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;&:hover{background:#fbbf24;}&:active{background:#d97706;}"]);
+var BuyButtonLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BuyButtonLabel",
+  componentId: "sc-1hrivmk-6"
+})(["font-family:'Press Start 2P',cursive;font-size:8px;"]);
+
+var _excluded$3 = ["onClose"];
+var DCWalletModal = function DCWalletModal(_ref) {
+  var onClose = _ref.onClose,
+    contentProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  var stopPropagation = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  return React.createElement(ModalPortal, null, React.createElement(Overlay$1, {
+    onPointerDown: onClose
+  }), React.createElement(ModalContainer$1, null, React.createElement(ModalContent$1, {
+    onClick: stopPropagation,
+    onTouchStart: stopPropagation,
+    onPointerDown: stopPropagation
+  }, React.createElement(Header$3, null, React.createElement(Title$4, null, "DC Wallet"), React.createElement(CloseButton$5, {
+    onPointerDown: onClose,
+    "aria-label": "Close"
+  }, React.createElement(FaTimes, null))), React.createElement(DCWalletContent, Object.assign({}, contentProps)))));
 };
 var Overlay$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCWalletModal__Overlay",
@@ -39785,30 +39825,6 @@ var CloseButton$5 = /*#__PURE__*/styled.button.withConfig({
   displayName: "DCWalletModal__CloseButton",
   componentId: "sc-12xy88y-5"
 })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#ffffff;}"]);
-var WalletContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "DCWalletModal__WalletContainer",
-  componentId: "sc-12xy88y-6"
-})(["display:flex;flex-direction:column;width:100%;min-height:300px;gap:0.5rem;"]);
-var BalanceContent = /*#__PURE__*/styled.div.withConfig({
-  displayName: "DCWalletModal__BalanceContent",
-  componentId: "sc-12xy88y-7"
-})(["display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;"]);
-var BalanceLabel = /*#__PURE__*/styled.span.withConfig({
-  displayName: "DCWalletModal__BalanceLabel",
-  componentId: "sc-12xy88y-8"
-})(["font-family:'Press Start 2P',cursive;font-size:10px;color:", ";"], uiColors.lightGray);
-var BalanceAmount = /*#__PURE__*/styled.div.withConfig({
-  displayName: "DCWalletModal__BalanceAmount",
-  componentId: "sc-12xy88y-9"
-})(["font-family:'Press Start 2P',cursive;font-size:28px;color:#fef08a;text-shadow:2px 2px 0 #000;letter-spacing:2px;"]);
-var BuyButton = /*#__PURE__*/styled.button.withConfig({
-  displayName: "DCWalletModal__BuyButton",
-  componentId: "sc-12xy88y-10"
-})(["display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;background:#f59e0b;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;&:hover{background:#fbbf24;}&:active{background:#d97706;}"]);
-var BuyButtonLabel = /*#__PURE__*/styled.span.withConfig({
-  displayName: "DCWalletModal__BuyButtonLabel",
-  componentId: "sc-12xy88y-11"
-})(["font-family:'Press Start 2P',cursive;font-size:8px;"]);
 
 var SimpleProgressBar = function SimpleProgressBar(_ref) {
   var value = _ref.value,
@@ -41639,7 +41655,7 @@ var SearchHeader$1 = function SearchHeader(_ref) {
     rightElement: searchOptions.rightElement
   })), filterOptions && React.createElement(FilterContainer, {
     "$isSmallScreen": isSmallScreen
-  }, React.createElement(StyledDropdown, {
+  }, React.createElement(StyledDropdown$1, {
     options: filterOptions.options,
     onChange: filterOptions.onOptionChange,
     width: isSmallScreen ? '100%' : '200px'
@@ -41677,7 +41693,7 @@ var StyledSearchBar = /*#__PURE__*/styled(SearchBar).withConfig({
   displayName: "SearchHeader__StyledSearchBar",
   componentId: "sc-1xd17jb-4"
 })(["width:100%;"]);
-var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$1 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "SearchHeader__StyledDropdown",
   componentId: "sc-1xd17jb-5"
 })(["min-width:150px;"]);
@@ -44374,15 +44390,15 @@ var Leaderboard = function Leaderboard(props) {
       option: itemType
     };
   });
-  return React.createElement(React.Fragment, null, React.createElement(WrapperContainer, null, React.createElement(StyledDropdown$1, {
+  return React.createElement(React.Fragment, null, React.createElement(WrapperContainer, null, React.createElement(StyledDropdown$2, {
     options: rankTypeOptions,
     onChange: onChangeRankType,
     width: "80%"
-  }), rankType === 'Class' ? React.createElement(StyledDropdown$1, {
+  }), rankType === 'Class' ? React.createElement(StyledDropdown$2, {
     options: classTypeOptions,
     onChange: onChangeClassType,
     width: "100%"
-  }) : null, rankType === 'Skill' ? React.createElement(StyledDropdown$1, {
+  }) : null, rankType === 'Skill' ? React.createElement(StyledDropdown$2, {
     options: skillTypeOptions,
     onChange: onChangeSkillType,
     width: "100%"
@@ -44398,7 +44414,7 @@ var WrapperContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Leaderboard__WrapperContainer",
   componentId: "sc-1wdsq7i-0"
 })(["display:grid;grid-template-columns:50% 50%;justify-content:space-between;width:calc(100% - 40px);margin-left:10px;.rpgui-content .rpgui-dropdown-imp-header{padding:0px 10px 0 !important;}"]);
-var StyledDropdown$1 = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$2 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "Leaderboard__StyledDropdown",
   componentId: "sc-1wdsq7i-1"
 })(["margin:3px !important;width:170px !important;"]);
@@ -44495,11 +44511,11 @@ var Tabs = function Tabs(_ref) {
 var TabsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Tabs__TabsContainer",
   componentId: "sc-n35er2-0"
-})(["display:flex;gap:15px;width:95%;margin:0 auto 15px auto;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px;"]);
+})(["display:flex;gap:10px;width:95%;margin:0 auto 15px auto;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px;"]);
 var TabButton$1 = /*#__PURE__*/styled.button.withConfig({
   displayName: "Tabs__TabButton",
   componentId: "sc-n35er2-1"
-})(["display:flex;align-items:center;gap:8px;background:transparent;border:none;border-bottom:", ";color:", ";font-family:'Press Start 2P',cursive;font-size:0.70rem;letter-spacing:1px;cursor:pointer;padding:5px 10px 10px 10px;transition:color 0.2s,border-bottom 0.2s;&:hover{color:#ffffff;}"], function (_ref2) {
+})(["display:flex;align-items:center;gap:5px;background:transparent;border:none;border-bottom:", ";color:", ";font-family:'Press Start 2P',cursive;font-size:0.60rem;letter-spacing:0.5px;cursor:pointer;padding:5px 7px 10px 7px;transition:color 0.2s,border-bottom 0.2s;white-space:nowrap;&:hover{color:#ffffff;}"], function (_ref2) {
   var $active = _ref2.$active;
   return $active ? '3px solid #f59e0b' : '3px solid transparent';
 }, function (_ref3) {
@@ -44710,12 +44726,12 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
     placeholder: "Search by name...",
     onFocus: disableHotkeys,
     onBlur: enableHotkeys
-  })), React.createElement(FiltersRow, null, React.createElement(StyledDropdown$2, {
+  })), React.createElement(FiltersRow, null, React.createElement(StyledDropdown$3, {
     key: "type-" + selectedType,
     options: typeOptions,
     onChange: handleTypeChange,
     width: "100%"
-  }), React.createElement(StyledDropdown$2, {
+  }), React.createElement(StyledDropdown$3, {
     key: "subtype-" + selectedSubType,
     options: subTypeOptions,
     onChange: handleSubTypeChange,
@@ -44770,7 +44786,7 @@ var FiltersRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "BlueprintSearchModal__FiltersRow",
   componentId: "sc-i7bssq-8"
 })(["display:grid;grid-template-columns:1fr 1fr;gap:8px;"]);
-var StyledDropdown$2 = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$3 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BlueprintSearchModal__StyledDropdown",
   componentId: "sc-i7bssq-9"
 })(["margin:0px !important;width:100% !important;"]);
@@ -44920,7 +44936,7 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     min: 1,
     onFocus: disableHotkeys,
     onBlur: enableHotkeys
-  })), React.createElement(FieldRow, null, React.createElement(Label$4, null, "Rarity"), React.createElement(StyledDropdown$3, {
+  })), React.createElement(FieldRow, null, React.createElement(Label$4, null, "Rarity"), React.createElement(StyledDropdown$4, {
     key: rarity,
     options: rarityOptions,
     onChange: onRarityChange,
@@ -44997,7 +45013,7 @@ var StyledInput$3 = /*#__PURE__*/styled(Input).withConfig({
   displayName: "BuyOrderDetailsModal__StyledInput",
   componentId: "sc-6bghe9-14"
 })(["width:100%;"]);
-var StyledDropdown$3 = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$4 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BuyOrderDetailsModal__StyledDropdown",
   componentId: "sc-6bghe9-15"
 })(["margin:0px !important;width:100% !important;"]);
@@ -45701,6 +45717,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 +45753,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 +45792,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 +45814,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 +45830,7 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
       onMarketPlaceItemBuy: function onMarketPlaceItemBuy() {
         return onBuy(listing._id);
       },
+      onDCCoinClick: onDCCoinClick,
       disabled: listing.owner === characterId
     });
   })));
@@ -45881,7 +45904,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 +45934,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 +46009,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,
@@ -46006,7 +46036,7 @@ var BuyPanel = function BuyPanel(_ref) {
   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(''),
@@ -46080,8 +46110,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,
@@ -46117,9 +46147,6 @@ var BuyPanel = function BuyPanel(_ref) {
       return setBrowseMode(value);
     },
     options: [{
-      id: 'all',
-      label: 'All'
-    }, {
       id: 'sell',
       label: 'Sell Offers'
     }, {
@@ -46148,18 +46175,18 @@ var BuyPanel = function BuyPanel(_ref) {
     height: 18
   }))), showFilters && React.createElement(OptionsWrapper, {
     showFilters: showFilters
-  }, React.createElement(WrapperContainer$1, null, React.createElement(StyledDropdown$4, {
+  }, React.createElement(WrapperContainer$1, null, React.createElement(StyledDropdown$5, {
     options: itemTypeOptions,
     onChange: onChangeType,
     width: "100%"
-  }), React.createElement(StyledDropdown$4, {
+  }), React.createElement(StyledDropdown$5, {
     options: itemRarityOptions,
     onChange: function onChange(value) {
       setSelectedRarity(value);
       onChangeRarity(value);
     },
     width: "100%"
-  }), React.createElement(StyledDropdown$4, {
+  }), React.createElement(StyledDropdown$5, {
     options: orderByOptions,
     onChange: onChangeOrder,
     width: "100%"
@@ -46251,14 +46278,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,
@@ -46267,12 +46290,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",
@@ -46338,11 +46366,11 @@ 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;"]);
-var StyledDropdown$4 = /*#__PURE__*/styled(Dropdown).withConfig({
+})(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
+var StyledDropdown$5 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-14"
 })(["margin:0px !important;width:100% !important;"]);
@@ -46412,7 +46440,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
   var getDCEquivalentPrice = function getDCEquivalentPrice(goldPrice) {
     return dcToGoldSwapRate > 0 ? goldToDC(goldPrice) : 0;
   };
-  return React.createElement(PanelWrapper$1, null, React.createElement(FilterRow$2, null, React.createElement(FilterLabel$1, null, "FILTER BY TYPE"), React.createElement(StyledDropdown$5, {
+  return React.createElement(PanelWrapper$1, null, React.createElement(FilterRow$2, null, React.createElement(FilterLabel$1, null, "FILTER BY TYPE"), React.createElement(StyledDropdown$6, {
     key: selectedType,
     options: transactionTypeOptions,
     onChange: onTypeChange,
@@ -46475,7 +46503,7 @@ var FilterLabel$1 = /*#__PURE__*/styled.p.withConfig({
   displayName: "HistoryPanel__FilterLabel",
   componentId: "sc-74mioa-2"
 })(["margin:0;font-size:0.7rem;color:#ccc;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;"]);
-var StyledDropdown$5 = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$6 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "HistoryPanel__StyledDropdown",
   componentId: "sc-74mioa-3"
 })(["margin:0px !important;"]);
@@ -46897,7 +46925,8 @@ var Marketplace = function Marketplace(props) {
     _props$historySelecte = props.historySelectedType,
     historySelectedType = _props$historySelecte === void 0 ? 'All' : _props$historySelecte,
     onHistoryTypeChange = props.onHistoryTypeChange,
-    onHistoryPageChange = props.onHistoryPageChange;
+    onHistoryPageChange = props.onHistoryPageChange,
+    walletProps = props.walletProps;
   var _useState = useState('marketplace'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
@@ -46960,14 +46989,21 @@ var Marketplace = function Marketplace(props) {
         width: 18,
         height: 18
       })
-    }, {
+    }].concat(walletProps ? [{
+      id: 'wallet',
+      label: 'Wallet',
+      icon: React.createElement(Wallet, {
+        width: 18,
+        height: 18
+      })
+    }] : [], [{
       id: 'settings',
       label: 'Settings',
       icon: React.createElement(Settings2, {
         width: 18,
         height: 18
       })
-    }],
+    }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
   }), activeTab === 'marketplace' && React.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'sell' && React.createElement(ManagmentPanel, Object.assign({}, props, {
@@ -47021,7 +47057,7 @@ var Marketplace = function Marketplace(props) {
     atlasJSON: props.atlasJSON,
     atlasIMG: props.atlasIMG,
     dcToGoldSwapRate: props.dcToGoldSwapRate
-  }), activeTab === 'settings' && React.createElement(MarketplaceSettingsPanel, {
+  }), activeTab === 'wallet' && walletProps && React.createElement(DCWalletContent, Object.assign({}, walletProps)), activeTab === 'settings' && React.createElement(MarketplaceSettingsPanel, {
     acceptedCurrency: acceptedCurrency,
     onAcceptedCurrencyChange: handleCurrencyChange
   }), showSharedPager && React.createElement(PagerContainer$3, null, React.createElement(Pager, Object.assign({}, props))));
@@ -47352,10 +47388,10 @@ var RowsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-eu8ggt-2"
 })(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
 
-var _excluded$3 = ["children"];
+var _excluded$4 = ["children"];
 var HighlightedText = function HighlightedText(_ref) {
   var children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React.createElement(Text, Object.assign({}, rest), children);
 };
 var Text = /*#__PURE__*/styled.p.withConfig({
@@ -69757,7 +69793,7 @@ var ScrollableContent = function ScrollableContent(_ref) {
     value: searchOptions.value,
     onChange: searchOptions.onChange,
     placeholder: searchOptions.placeholder || 'Search...'
-  })), filterOptions && React.createElement(FilterContainer$1, null, React.createElement(StyledDropdown$6, {
+  })), filterOptions && React.createElement(FilterContainer$1, null, React.createElement(StyledDropdown$7, {
     options: filterOptions.options,
     onChange: filterOptions.onOptionChange,
     width: "200px"
@@ -69796,7 +69832,7 @@ var StyledSearchBar$2 = /*#__PURE__*/styled(SearchBar).withConfig({
   displayName: "ScrollableContent__StyledSearchBar",
   componentId: "sc-xhh2um-5"
 })(["width:100%;"]);
-var StyledDropdown$6 = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$7 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "ScrollableContent__StyledDropdown",
   componentId: "sc-xhh2um-6"
 })(["min-width:150px;"]);
@@ -71395,5 +71431,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
+export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
 //# sourceMappingURL=long-bow.esm.js.map