@rpg-engine/long-bow 0.8.156 → 0.8.158

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 !important;font-size:0.7rem !important;color:#ccc !important;font-family:'Press Start 2P',cursive !important;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"
@@ -39302,23 +39308,23 @@ var TxRight = /*#__PURE__*/styled.div.withConfig({
 var TxType = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxType",
   componentId: "sc-debjdj-8"
-})(["font-size:7px;font-family:'Press Start 2P',cursive;"]);
+})(["font-size:8px !important;font-family:'Press Start 2P',cursive !important;"]);
 var TxAmount = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxAmount",
   componentId: "sc-debjdj-9"
-})(["font-size:8px;font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
+})(["font-size:9px !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;"]);
 var TxNote = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxNote",
   componentId: "sc-debjdj-10"
-})(["font-size:6px;color:", ";font-family:'Press Start 2P',cursive;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], uiColors.lightGray);
+})(["font-size:7px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], uiColors.lightGray);
 var TxDate = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxDate",
   componentId: "sc-debjdj-11"
-})(["font-size:6px;color:rgba(255,255,255,0.4);font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
+})(["font-size:7px !important;color:rgba(255,255,255,0.4) !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;"]);
 var LoadingRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__LoadingRow",
   componentId: "sc-debjdj-12"
-})(["display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;color:", ";font-size:9px;font-family:'Press Start 2P',cursive;"], uiColors.white);
+})(["display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;color:", " !important;font-size:9px !important;font-family:'Press Start 2P',cursive !important;"], uiColors.white);
 var Spinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__Spinner",
   componentId: "sc-debjdj-13"
@@ -39326,7 +39332,7 @@ var Spinner = /*#__PURE__*/styled.div.withConfig({
 var EmptyMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__EmptyMessage",
   componentId: "sc-debjdj-14"
-})(["font-size:8px;color:", ";font-family:'Press Start 2P',cursive;text-align:center;padding:20px;"], uiColors.lightGray);
+})(["font-size:8px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;text-align:center;padding:20px;"], uiColors.lightGray);
 
 // Global style to prevent body scrolling when modal is open
 var GlobalStyle = /*#__PURE__*/createGlobalStyle(["body{overflow:hidden;width:100%;height:100%;}"]);
@@ -39640,11 +39646,11 @@ var PanelContainer$1 = /*#__PURE__*/styled.div.withConfig({
 var FieldLabel = /*#__PURE__*/styled.label.withConfig({
   displayName: "DCTransferPanel__FieldLabel",
   componentId: "sc-k1vvb1-1"
-})(["font-size:9px;color:#f59e0b;font-family:'Press Start 2P',cursive;margin-top:8px;"]);
+})(["font-size:9px !important;color:#f59e0b !important;font-family:'Press Start 2P',cursive !important;margin-top:8px;"]);
 var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "DCTransferPanel__StyledInput",
   componentId: "sc-k1vvb1-2"
-})(["background:rgba(0,0,0,0.6);border:1px solid #f59e0b;color:", ";padding:6px 8px;font-size:12px;font-family:'Press Start 2P',cursive;width:100%;box-sizing:border-box;&:disabled{opacity:0.5;}&:focus{outline:none;border-color:", ";}"], uiColors.white, uiColors.white);
+})(["background:rgba(0,0,0,0.6) !important;border:1px solid #f59e0b !important;color:", " !important;padding:6px 8px !important;font-size:11px !important;font-family:'Press Start 2P',cursive !important;width:100% !important;box-sizing:border-box !important;&:disabled{opacity:0.5;}&:focus{outline:none;border-color:", " !important;}"], uiColors.white, uiColors.white);
 var ButtonRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ButtonRow",
   componentId: "sc-k1vvb1-3"
@@ -39656,7 +39662,7 @@ var Spinner$1 = /*#__PURE__*/styled.div.withConfig({
 var ResultMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ResultMessage",
   componentId: "sc-k1vvb1-5"
-})(["margin-top:8px;padding:8px;font-size:9px;font-family:'Press Start 2P',cursive;color:", ";border:1px solid ", ";background:rgba(0,0,0,0.4);text-align:center;"], function (_ref2) {
+})(["margin-top:8px;padding:8px;font-size:9px !important;font-family:'Press Start 2P',cursive !important;color:", " !important;border:1px solid ", ";background:rgba(0,0,0,0.4);text-align:center;"], function (_ref2) {
   var $success = _ref2.$success;
   return $success ? uiColors.green : uiColors.red;
 }, function (_ref3) {
@@ -39666,7 +39672,7 @@ var ResultMessage = /*#__PURE__*/styled.div.withConfig({
 var ErrorMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ErrorMessage",
   componentId: "sc-k1vvb1-6"
-})(["font-size:9px;color:", ";font-family:'Press Start 2P',cursive;"], uiColors.red);
+})(["font-size:9px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;"], uiColors.red);
 var AutocompleteWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__AutocompleteWrapper",
   componentId: "sc-k1vvb1-7"
@@ -39680,10 +39686,11 @@ 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 DC_TO_GOLD = 5500;
+var DC_TO_USD = 100;
+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,
@@ -39697,20 +39704,9 @@ var DCWalletModal = function DCWalletModal(_ref) {
     onBuyDC = _ref.onBuyDC,
     onSearchCharacter = _ref.onSearchCharacter,
     searchResults = _ref.searchResults;
-  var _useState = useState('balance'),
-    activeTab = _useState[0],
-    setActiveTab = _useState[1];
-  var stopPropagation = useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
+  var usdValue = (dcBalance / DC_TO_USD).toFixed(2);
+  var goldValue = (dcBalance * DC_TO_GOLD).toLocaleString();
   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, {
-      onPointerDown: onBuyDC,
-      title: "Buy Definya Coins"
-    }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy More DC")))
-  }, {
     id: 'transfer',
     title: 'Transfer',
     content: React.createElement(DCTransferPanel, {
@@ -39736,6 +39732,99 @@ var DCWalletModal = function DCWalletModal(_ref) {
       onRequestHistory: onRequestHistory
     })
   }];
+  return React.createElement(WalletContainer, null, React.createElement(BalanceHeader, null, React.createElement(BalanceTop, null, React.createElement(BalanceBlock, null, React.createElement(BalanceLabel, null, "DC BALANCE"), React.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " ", React.createElement(BalanceDC, null, "DC")), React.createElement(BalanceEquiv, null, "\u2248 $", usdValue, " USD \xA0\xB7\xA0 ", goldValue, " Gold")), onBuyDC && React.createElement(BuyButton, {
+    onPointerDown: onBuyDC,
+    role: "button",
+    tabIndex: 0,
+    title: "Buy Definya Coins"
+  }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy DC"))), React.createElement(RateStrip, null, React.createElement(RateItem, null, React.createElement(RateNum, null, "1 DC"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "5,500 Gold")), React.createElement(RateDivider, null), React.createElement(RateItem, null, React.createElement(RateNum, null, "100 DC"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "1 USD")), React.createElement(RateDivider, null), React.createElement(RateItem, null, React.createElement(RateNum, null, "1 USD"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "550K Gold")))), React.createElement(TabsWrapper, null, React.createElement(InternalTabs, {
+    tabs: tabs,
+    onTabChange: function onTabChange(tabId) {
+      if (tabId === 'history') onRequestHistory(1);
+    },
+    activeTextColor: "#000000",
+    activeColor: "#fef08a",
+    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;"]);
+var BalanceHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceHeader",
+  componentId: "sc-1hrivmk-1"
+})(["background:rgba(0,0,0,0.35);border:1px solid rgba(245,158,11,0.25);border-radius:6px;padding:14px 16px 10px;margin:0 2.5% 10px;display:flex;flex-direction:column;gap:10px;"]);
+var BalanceTop = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceTop",
+  componentId: "sc-1hrivmk-2"
+})(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
+var BalanceBlock = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceBlock",
+  componentId: "sc-1hrivmk-3"
+})(["display:flex;flex-direction:column;gap:5px;"]);
+var BalanceLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BalanceLabel",
+  componentId: "sc-1hrivmk-4"
+})(["font-family:'Press Start 2P',cursive !important;font-size:9px !important;color:rgba(245,158,11,0.7) !important;letter-spacing:1px;"]);
+var BalanceAmount = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceAmount",
+  componentId: "sc-1hrivmk-5"
+})(["font-family:'Press Start 2P',cursive !important;font-size:24px !important;color:#fef08a !important;text-shadow:2px 2px 0 #000 !important;letter-spacing:2px;line-height:1 !important;"]);
+var BalanceDC = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BalanceDC",
+  componentId: "sc-1hrivmk-6"
+})(["font-size:14px !important;color:rgba(254,240,138,0.6) !important;"]);
+var BalanceEquiv = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceEquiv",
+  componentId: "sc-1hrivmk-7"
+})(["font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:rgba(255,255,255,0.45) !important;letter-spacing:0.5px;"]);
+var BuyButton = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BuyButton",
+  componentId: "sc-1hrivmk-8"
+})(["display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 16px;background:#f59e0b;border-radius:4px;color:#000 !important;cursor:pointer;flex-shrink:0;font-size:14px;white-space:nowrap;user-select:none;text-shadow:none !important;&:hover{background:#fbbf24;}&:active{background:#d97706;}"]);
+var BuyButtonLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BuyButtonLabel",
+  componentId: "sc-1hrivmk-9"
+})(["font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:#000 !important;white-space:nowrap !important;text-shadow:none !important;"]);
+var RateStrip = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateStrip",
+  componentId: "sc-1hrivmk-10"
+})(["display:flex;align-items:center;border-top:1px solid rgba(245,158,11,0.1);padding-top:8px;"]);
+var RateItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateItem",
+  componentId: "sc-1hrivmk-11"
+})(["display:flex;align-items:center;gap:5px;flex:1;justify-content:center;"]);
+var RateDivider = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateDivider",
+  componentId: "sc-1hrivmk-12"
+})(["width:1px;height:12px;background:rgba(245,158,11,0.2);"]);
+var RateNum = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateNum",
+  componentId: "sc-1hrivmk-13"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.5) !important;"]);
+var RateSep = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateSep",
+  componentId: "sc-1hrivmk-14"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.2) !important;"]);
+var RateVal = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateVal",
+  componentId: "sc-1hrivmk-15"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(254,240,138,0.6) !important;"]);
+var TabsWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__TabsWrapper",
+  componentId: "sc-1hrivmk-16"
+})(["padding:0 2.5%;"]);
+
+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, {
@@ -39745,21 +39834,7 @@ var DCWalletModal = function DCWalletModal(_ref) {
   }, 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, {
-    tabs: tabs,
-    activeTab: activeTab,
-    onTabChange: function onTabChange(tabId) {
-      setActiveTab(tabId);
-      if (tabId === 'history') {
-        onRequestHistory(1);
-      }
-    },
-    activeTextColor: "#000000",
-    activeColor: "#fef08a",
-    inactiveColor: "#6b7280",
-    borderColor: "#f59e0b",
-    hoverColor: "#fef3c7"
-  })))));
+  }, React.createElement(FaTimes, null))), React.createElement(DCWalletContent, Object.assign({}, contentProps)))));
 };
 var Overlay$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCWalletModal__Overlay",
@@ -39785,30 +39860,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 +41690,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 +41728,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 +44425,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 +44449,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 +44546,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 +44761,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 +44821,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 +44971,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 +45048,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;"]);
@@ -46159,18 +46210,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%"
@@ -46354,7 +46405,7 @@ var PagerFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__PagerFooter",
   componentId: "sc-1si8t7i-13"
 })(["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({
+var StyledDropdown$5 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-14"
 })(["margin:0px !important;width:100% !important;"]);
@@ -46424,7 +46475,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,
@@ -46487,7 +46538,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;"]);
@@ -46909,7 +46960,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];
@@ -46972,14 +47024,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, {
@@ -47033,7 +47092,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))));
@@ -47364,10 +47423,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({
@@ -69769,7 +69828,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"
@@ -69808,7 +69867,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;"]);
@@ -71407,5 +71466,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