@rpg-engine/long-bow 0.8.156 → 0.8.157

package/dist/components/DCWallet/DCWalletContent.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IDCTransaction } from './DCHistoryPanel';
+import { IDCTransferCharacterResult } from './DCTransferPanel';
+export interface IDCWalletContentProps {
+    dcBalance: number;
+    historyData: {
+        transactions: IDCTransaction[];
+        totalPages: number;
+        currentPage: number;
+    } | null;
+    historyLoading: boolean;
+    onRequestHistory: (page: number, type?: string) => void;
+    transferLoading: boolean;
+    transferResult: {
+        success: boolean;
+        message: string;
+    } | null;
+    onSendTransfer: (recipientName: string, amount: number) => void;
+    onClearTransferResult: () => void;
+    characterName?: string;
+    onInputFocus?: () => void;
+    onInputBlur?: () => void;
+    onBuyDC?: () => void;
+    onSearchCharacter?: (name: string) => void;
+    searchResults?: IDCTransferCharacterResult[];
+}
+export declare const DCWalletContent: React.FC<IDCWalletContentProps>;

package/dist/components/DCWallet/DCWalletModal.d.ts

@@ -1,28 +1,6 @@
 import React from 'react';
-import { IDCTransaction } from './DCHistoryPanel';
-import { IDCTransferCharacterResult } from './DCTransferPanel';
-export interface IDCWalletModalProps {
-    dcBalance: number;
+import { IDCWalletContentProps } from './DCWalletContent';
+export interface IDCWalletModalProps extends IDCWalletContentProps {
     onClose: () => void;
-    historyData: {
-        transactions: IDCTransaction[];
-        totalPages: number;
-        currentPage: number;
-    } | null;
-    historyLoading: boolean;
-    onRequestHistory: (page: number, type?: string) => void;
-    transferLoading: boolean;
-    transferResult: {
-        success: boolean;
-        message: string;
-    } | null;
-    onSendTransfer: (recipientName: string, amount: number) => void;
-    onClearTransferResult: () => void;
-    characterName?: string;
-    onInputFocus?: () => void;
-    onInputBlur?: () => void;
-    onBuyDC?: () => void;
-    onSearchCharacter?: (name: string) => void;
-    searchResults?: IDCTransferCharacterResult[];
 }
 export declare const DCWalletModal: React.FC<IDCWalletModalProps>;

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

@@ -1,5 +1,6 @@
 import { IEquipmentSet, IItem, IMarketplaceBlueprintSearchRequest, IMarketplaceBlueprintSummary, IMarketplaceBuyOrderItem, IMarketplaceItem, IMarketplaceTransaction } from '@rpg-engine/shared';
 import React from 'react';
+import { IDCWalletContentProps } from '../DCWallet/DCWalletContent';
 import { MarketplacePaymentMethod } from './MarketplaceBuyModal';
 import { MarketplaceAcceptedCurrency } from './MarketplaceSettingsPanel';
 export interface IMarketPlaceProps {
@@ -70,5 +71,6 @@ export interface IMarketPlaceProps {
     historySelectedType?: string;
     onHistoryTypeChange?: (type: string) => void;
     onHistoryPageChange?: (page: number) => void;
+    walletProps?: IDCWalletContentProps;
 }
 export declare const Marketplace: React.FC<IMarketPlaceProps>;

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export * from './components/CheckItem';
 export * from './components/CircularController/CircularController';
 export * from './components/CraftBook/CraftBook';
 export * from './components/DailyTasks/DailyTasks';
+export * from './components/DCWallet/DCWalletContent';
 export * from './components/DCWallet/DCWalletModal';
 export * from './components/LoginStreak/LoginStreakPanel';
 export * from './components/DPad/JoystickDPad';

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

@@ -28,6 +28,7 @@ var Settings2 = require('pixelarticons/react/Settings2');
 var ShoppingBag = require('pixelarticons/react/ShoppingBag');
 var ShoppingCart = require('pixelarticons/react/ShoppingCart');
 var Store$1 = require('pixelarticons/react/Store');
+var Wallet = require('pixelarticons/react/Wallet');
 var Search = require('pixelarticons/react/Search');
 var Delete = require('pixelarticons/react/Delete');
 require('rpgui/rpgui.css');
@@ -39186,32 +39187,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,
@@ -39227,8 +39237,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);
   };
@@ -39239,15 +39248,12 @@ var DCHistoryPanel = function DCHistoryPanel(_ref) {
     var d = new Date(dateStr);
     return d.getMonth() + 1 + "/" + d.getDate() + "/" + String(d.getFullYear()).slice(-2);
   };
-  return React__default.createElement(PanelContainer, null, React__default.createElement(FilterRow, null, React__default.createElement(FilterLabel, null, "Filter:"), React__default.createElement(TypeSelect, {
-    value: selectedType,
-    onChange: handleTypeChange
-  }, TRANSACTION_TYPE_OPTIONS.map(function (opt) {
-    return React__default.createElement("option", {
-      key: opt.value,
-      value: opt.value
-    }, opt.label);
-  }))), loading && React__default.createElement(LoadingRow, null, React__default.createElement(Spinner, null), React__default.createElement("span", null, "Loading...")), !loading && transactions.length === 0 && React__default.createElement(EmptyMessage, null, "No transactions found."), !loading && transactions.length > 0 && React__default.createElement(TransactionList, null, transactions.map(function (tx) {
+  return React__default.createElement(PanelContainer, null, React__default.createElement(FilterRow, null, React__default.createElement(FilterLabel, null, "FILTER BY TYPE"), React__default.createElement(StyledDropdown, {
+    key: selectedType,
+    options: TRANSACTION_TYPE_OPTIONS,
+    onChange: handleTypeChange,
+    width: "100%"
+  })), loading && React__default.createElement(LoadingRow, null, React__default.createElement(Spinner, null), React__default.createElement("span", null, "Loading...")), !loading && transactions.length === 0 && React__default.createElement(EmptyMessage, null, "No transactions found."), !loading && transactions.length > 0 && React__default.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;
@@ -39280,15 +39286,15 @@ var PanelContainer = /*#__PURE__*/styled__default.div.withConfig({
 var FilterRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DCHistoryPanel__FilterRow",
   componentId: "sc-debjdj-1"
-})(["display:flex;align-items:center;gap:8px;margin-bottom:2px;"]);
-var FilterLabel = /*#__PURE__*/styled__default.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__default.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__default.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__default(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__default.div.withConfig({
   displayName: "DCHistoryPanel__TransactionList",
   componentId: "sc-debjdj-4"
@@ -39686,10 +39692,9 @@ var DropdownItem = /*#__PURE__*/styled__default.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,
@@ -39706,13 +39711,10 @@ var DCWalletModal = function DCWalletModal(_ref) {
   var _useState = React.useState('balance'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
-  var stopPropagation = React.useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
   var tabs = [{
     id: 'balance',
     title: 'Balance',
-    content: React__default.createElement(BalanceContent, null, React__default.createElement(BalanceLabel, null, "Your DC Balance"), React__default.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), onBuyDC && React__default.createElement(BuyButton, {
+    content: React__default.createElement(BalanceContent, null, React__default.createElement(BalanceLabel, null, "Your DC Balance"), React__default.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), React__default.createElement(DCHint, null, "Spend on the Store, buy items on the Marketplace, or transfer to any player."), onBuyDC && React__default.createElement(BuyButton, {
       onPointerDown: onBuyDC,
       title: "Buy Definya Coins"
     }, React__default.createElement(fa.FaShoppingCart, null), React__default.createElement(BuyButtonLabel, null, "Buy More DC")))
@@ -39742,16 +39744,7 @@ var DCWalletModal = function DCWalletModal(_ref) {
       onRequestHistory: onRequestHistory
     })
   }];
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$1, {
-    onPointerDown: onClose
-  }), React__default.createElement(ModalContainer$1, null, React__default.createElement(ModalContent$1, {
-    onClick: stopPropagation,
-    onTouchStart: stopPropagation,
-    onPointerDown: stopPropagation
-  }, React__default.createElement(Header$3, null, React__default.createElement(Title$4, null, "DC Wallet"), React__default.createElement(CloseButton$5, {
-    onPointerDown: onClose,
-    "aria-label": "Close"
-  }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(WalletContainer, null, React__default.createElement(InternalTabs, {
+  return React__default.createElement(WalletContainer, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTab: activeTab,
     onTabChange: function onTabChange(tabId) {
@@ -39765,7 +39758,54 @@ var DCWalletModal = function DCWalletModal(_ref) {
     inactiveColor: "#6b7280",
     borderColor: "#f59e0b",
     hoverColor: "#fef3c7"
-  })))));
+  }));
+};
+var WalletContainer = /*#__PURE__*/styled__default.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__default.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__default.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__default.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__default.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__default.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__default.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 = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$1, {
+    onPointerDown: onClose
+  }), React__default.createElement(ModalContainer$1, null, React__default.createElement(ModalContent$1, {
+    onClick: stopPropagation,
+    onTouchStart: stopPropagation,
+    onPointerDown: stopPropagation
+  }, React__default.createElement(Header$3, null, React__default.createElement(Title$4, null, "DC Wallet"), React__default.createElement(CloseButton$5, {
+    onPointerDown: onClose,
+    "aria-label": "Close"
+  }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(DCWalletContent, Object.assign({}, contentProps)))));
 };
 var Overlay$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DCWalletModal__Overlay",
@@ -39791,30 +39831,6 @@ var CloseButton$5 = /*#__PURE__*/styled__default.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__default.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__default.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__default.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__default.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__default.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__default.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,
@@ -41643,7 +41659,7 @@ var SearchHeader$1 = function SearchHeader(_ref) {
     rightElement: searchOptions.rightElement
   })), filterOptions && React__default.createElement(FilterContainer, {
     "$isSmallScreen": isSmallScreen
-  }, React__default.createElement(StyledDropdown, {
+  }, React__default.createElement(StyledDropdown$1, {
     options: filterOptions.options,
     onChange: filterOptions.onOptionChange,
     width: isSmallScreen ? '100%' : '200px'
@@ -41681,7 +41697,7 @@ var StyledSearchBar = /*#__PURE__*/styled__default(SearchBar).withConfig({
   displayName: "SearchHeader__StyledSearchBar",
   componentId: "sc-1xd17jb-4"
 })(["width:100%;"]);
-var StyledDropdown = /*#__PURE__*/styled__default(Dropdown).withConfig({
+var StyledDropdown$1 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "SearchHeader__StyledDropdown",
   componentId: "sc-1xd17jb-5"
 })(["min-width:150px;"]);
@@ -44377,15 +44393,15 @@ var Leaderboard = function Leaderboard(props) {
       option: itemType
     };
   });
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(WrapperContainer, null, React__default.createElement(StyledDropdown$1, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(WrapperContainer, null, React__default.createElement(StyledDropdown$2, {
     options: rankTypeOptions,
     onChange: onChangeRankType,
     width: "80%"
-  }), rankType === 'Class' ? React__default.createElement(StyledDropdown$1, {
+  }), rankType === 'Class' ? React__default.createElement(StyledDropdown$2, {
     options: classTypeOptions,
     onChange: onChangeClassType,
     width: "100%"
-  }) : null, rankType === 'Skill' ? React__default.createElement(StyledDropdown$1, {
+  }) : null, rankType === 'Skill' ? React__default.createElement(StyledDropdown$2, {
     options: skillTypeOptions,
     onChange: onChangeSkillType,
     width: "100%"
@@ -44401,7 +44417,7 @@ var WrapperContainer = /*#__PURE__*/styled__default.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__default(Dropdown).withConfig({
+var StyledDropdown$2 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "Leaderboard__StyledDropdown",
   componentId: "sc-1wdsq7i-1"
 })(["margin:3px !important;width:170px !important;"]);
@@ -44498,11 +44514,11 @@ var Tabs = function Tabs(_ref) {
 var TabsContainer = /*#__PURE__*/styled__default.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__default.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) {
@@ -44713,12 +44729,12 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
     placeholder: "Search by name...",
     onFocus: disableHotkeys,
     onBlur: enableHotkeys
-  })), React__default.createElement(FiltersRow, null, React__default.createElement(StyledDropdown$2, {
+  })), React__default.createElement(FiltersRow, null, React__default.createElement(StyledDropdown$3, {
     key: "type-" + selectedType,
     options: typeOptions,
     onChange: handleTypeChange,
     width: "100%"
-  }), React__default.createElement(StyledDropdown$2, {
+  }), React__default.createElement(StyledDropdown$3, {
     key: "subtype-" + selectedSubType,
     options: subTypeOptions,
     onChange: handleSubTypeChange,
@@ -44773,7 +44789,7 @@ var FiltersRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BlueprintSearchModal__FiltersRow",
   componentId: "sc-i7bssq-8"
 })(["display:grid;grid-template-columns:1fr 1fr;gap:8px;"]);
-var StyledDropdown$2 = /*#__PURE__*/styled__default(Dropdown).withConfig({
+var StyledDropdown$3 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BlueprintSearchModal__StyledDropdown",
   componentId: "sc-i7bssq-9"
 })(["margin:0px !important;width:100% !important;"]);
@@ -44923,7 +44939,7 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     min: 1,
     onFocus: disableHotkeys,
     onBlur: enableHotkeys
-  })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Rarity"), React__default.createElement(StyledDropdown$3, {
+  })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Rarity"), React__default.createElement(StyledDropdown$4, {
     key: rarity,
     options: rarityOptions,
     onChange: onRarityChange,
@@ -45000,7 +45016,7 @@ var StyledInput$3 = /*#__PURE__*/styled__default(Input).withConfig({
   displayName: "BuyOrderDetailsModal__StyledInput",
   componentId: "sc-6bghe9-14"
 })(["width:100%;"]);
-var StyledDropdown$3 = /*#__PURE__*/styled__default(Dropdown).withConfig({
+var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BuyOrderDetailsModal__StyledDropdown",
   componentId: "sc-6bghe9-15"
 })(["margin:0px !important;width:100% !important;"]);
@@ -46162,18 +46178,18 @@ var BuyPanel = function BuyPanel(_ref) {
     height: 18
   }))), showFilters && React__default.createElement(OptionsWrapper, {
     showFilters: showFilters
-  }, React__default.createElement(WrapperContainer$1, null, React__default.createElement(StyledDropdown$4, {
+  }, React__default.createElement(WrapperContainer$1, null, React__default.createElement(StyledDropdown$5, {
     options: itemTypeOptions,
     onChange: onChangeType,
     width: "100%"
-  }), React__default.createElement(StyledDropdown$4, {
+  }), React__default.createElement(StyledDropdown$5, {
     options: itemRarityOptions,
     onChange: function onChange(value) {
       setSelectedRarity(value);
       onChangeRarity(value);
     },
     width: "100%"
-  }), React__default.createElement(StyledDropdown$4, {
+  }), React__default.createElement(StyledDropdown$5, {
     options: orderByOptions,
     onChange: onChangeOrder,
     width: "100%"
@@ -46357,7 +46373,7 @@ var PagerFooter = /*#__PURE__*/styled__default.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__default(Dropdown).withConfig({
+var StyledDropdown$5 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-14"
 })(["margin:0px !important;width:100% !important;"]);
@@ -46427,7 +46443,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
   var getDCEquivalentPrice = function getDCEquivalentPrice(goldPrice) {
     return dcToGoldSwapRate > 0 ? shared.goldToDC(goldPrice) : 0;
   };
-  return React__default.createElement(PanelWrapper$1, null, React__default.createElement(FilterRow$2, null, React__default.createElement(FilterLabel$1, null, "FILTER BY TYPE"), React__default.createElement(StyledDropdown$5, {
+  return React__default.createElement(PanelWrapper$1, null, React__default.createElement(FilterRow$2, null, React__default.createElement(FilterLabel$1, null, "FILTER BY TYPE"), React__default.createElement(StyledDropdown$6, {
     key: selectedType,
     options: transactionTypeOptions,
     onChange: onTypeChange,
@@ -46490,7 +46506,7 @@ var FilterLabel$1 = /*#__PURE__*/styled__default.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__default(Dropdown).withConfig({
+var StyledDropdown$6 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "HistoryPanel__StyledDropdown",
   componentId: "sc-74mioa-3"
 })(["margin:0px !important;"]);
@@ -46912,7 +46928,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 = React.useState('marketplace'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
@@ -46975,14 +46992,21 @@ var Marketplace = function Marketplace(props) {
         width: 18,
         height: 18
       })
-    }, {
+    }].concat(walletProps ? [{
+      id: 'wallet',
+      label: 'Wallet',
+      icon: React__default.createElement(Wallet.Wallet, {
+        width: 18,
+        height: 18
+      })
+    }] : [], [{
       id: 'settings',
       label: 'Settings',
       icon: React__default.createElement(Settings2.Settings2, {
         width: 18,
         height: 18
       })
-    }],
+    }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
   }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
@@ -47036,7 +47060,7 @@ var Marketplace = function Marketplace(props) {
     atlasJSON: props.atlasJSON,
     atlasIMG: props.atlasIMG,
     dcToGoldSwapRate: props.dcToGoldSwapRate
-  }), activeTab === 'settings' && React__default.createElement(MarketplaceSettingsPanel, {
+  }), activeTab === 'wallet' && walletProps && React__default.createElement(DCWalletContent, Object.assign({}, walletProps)), activeTab === 'settings' && React__default.createElement(MarketplaceSettingsPanel, {
     acceptedCurrency: acceptedCurrency,
     onAcceptedCurrencyChange: handleCurrencyChange
   }), showSharedPager && React__default.createElement(PagerContainer$3, null, React__default.createElement(Pager, Object.assign({}, props))));
@@ -47366,10 +47390,10 @@ var RowsWrapper$1 = /*#__PURE__*/styled__default.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__default.createElement(Text, Object.assign({}, rest), children);
 };
 var Text = /*#__PURE__*/styled__default.p.withConfig({
@@ -69771,7 +69795,7 @@ var ScrollableContent = function ScrollableContent(_ref) {
     value: searchOptions.value,
     onChange: searchOptions.onChange,
     placeholder: searchOptions.placeholder || 'Search...'
-  })), filterOptions && React__default.createElement(FilterContainer$1, null, React__default.createElement(StyledDropdown$6, {
+  })), filterOptions && React__default.createElement(FilterContainer$1, null, React__default.createElement(StyledDropdown$7, {
     options: filterOptions.options,
     onChange: filterOptions.onOptionChange,
     width: "200px"
@@ -69810,7 +69834,7 @@ var StyledSearchBar$2 = /*#__PURE__*/styled__default(SearchBar).withConfig({
   displayName: "ScrollableContent__StyledSearchBar",
   componentId: "sc-xhh2um-5"
 })(["width:100%;"]);
-var StyledDropdown$6 = /*#__PURE__*/styled__default(Dropdown).withConfig({
+var StyledDropdown$7 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "ScrollableContent__StyledDropdown",
   componentId: "sc-xhh2um-6"
 })(["min-width:150px;"]);
@@ -71434,6 +71458,7 @@ exports.CheckButton = CheckButton;
 exports.CheckItem = CheckItem;
 exports.CircularController = CircularController;
 exports.CraftBook = CraftBook;
+exports.DCWalletContent = DCWalletContent;
 exports.DCWalletModal = DCWalletModal;
 exports.DailyTasks = DailyTasks;
 exports.DraggableContainer = DraggableContainer;