@rpg-engine/long-bow 0.8.146 → 0.8.148

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

@@ -11,6 +11,8 @@ export interface IBlueprintSearchModalProps {
     isLoading: boolean;
     atlasJSON: any;
     atlasIMG: any;
+    enableHotkeys?: () => void;
+    disableHotkeys?: () => void;
 }
 declare const BLUEPRINTS_PER_PAGE = 10;
 export declare const BlueprintSearchModal: React.FC<IBlueprintSearchModalProps>;

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

@@ -13,5 +13,7 @@ export interface IBuyOrderDetailsModalProps {
     onConfirm: () => void;
     atlasJSON: any;
     atlasIMG: any;
+    enableHotkeys?: () => void;
+    disableHotkeys?: () => void;
 }
 export declare const BuyOrderDetailsModal: React.FC<IBuyOrderDetailsModalProps>;

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

@@ -18,6 +18,8 @@ export interface IBuyOrderPanelProps {
     yourBuyOrdersPage: number;
     onYourBuyOrdersPageChange: (page: number) => void;
     onCancelBuyOrder: (buyOrderId: string) => void;
+    enableHotkeys?: () => void;
+    disableHotkeys?: () => void;
 }
 declare const BUY_ORDERS_PER_PAGE = 5;
 export declare const BuyOrderPanel: React.FC<IBuyOrderPanelProps>;

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

@@ -44619,7 +44619,9 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
     currentPage = _ref.currentPage,
     isLoading = _ref.isLoading,
     atlasJSON = _ref.atlasJSON,
-    atlasIMG = _ref.atlasIMG;
+    atlasIMG = _ref.atlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
   var _useState = React.useState(''),
     searchName = _useState[0],
     setSearchName = _useState[1];
@@ -44629,24 +44631,40 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
   var _useState3 = React.useState(''),
     selectedSubType = _useState3[0],
     setSelectedSubType = _useState3[1];
-  if (!isOpen) return null;
-  var triggerSearch = function triggerSearch(overrides) {
+  var searchNameRef = React.useRef(searchName);
+  var selectedTypeRef = React.useRef(selectedType);
+  var selectedSubTypeRef = React.useRef(selectedSubType);
+  searchNameRef.current = searchName;
+  selectedTypeRef.current = selectedType;
+  selectedSubTypeRef.current = selectedSubType;
+  var triggerSearch = React.useCallback(function (overrides) {
     var _overrides$name, _overrides$itemType, _overrides$itemSubTyp, _overrides$page;
     onSearch({
       npcId: '',
-      name: (_overrides$name = overrides == null ? void 0 : overrides.name) != null ? _overrides$name : searchName,
-      itemType: (_overrides$itemType = overrides == null ? void 0 : overrides.itemType) != null ? _overrides$itemType : selectedType,
-      itemSubType: (_overrides$itemSubTyp = overrides == null ? void 0 : overrides.itemSubType) != null ? _overrides$itemSubTyp : selectedSubType,
+      name: (_overrides$name = overrides == null ? void 0 : overrides.name) != null ? _overrides$name : searchNameRef.current,
+      itemType: (_overrides$itemType = overrides == null ? void 0 : overrides.itemType) != null ? _overrides$itemType : selectedTypeRef.current,
+      itemSubType: (_overrides$itemSubTyp = overrides == null ? void 0 : overrides.itemSubType) != null ? _overrides$itemSubTyp : selectedSubTypeRef.current,
       page: (_overrides$page = overrides == null ? void 0 : overrides.page) != null ? _overrides$page : 1,
       limit: BLUEPRINTS_PER_PAGE
     });
-  };
+  }, [onSearch]);
+  var debouncedNameSearch = React.useMemo(function () {
+    return lodash.debounce(function (name) {
+      return triggerSearch({
+        name: name,
+        page: 1
+      });
+    }, 300);
+  }, [triggerSearch]);
+  React.useEffect(function () {
+    return function () {
+      debouncedNameSearch.cancel();
+    };
+  }, [debouncedNameSearch]);
+  if (!isOpen) return null;
   var handleNameChange = function handleNameChange(e) {
     setSearchName(e.target.value);
-    triggerSearch({
-      name: e.target.value,
-      page: 1
-    });
+    debouncedNameSearch(e.target.value);
   };
   var handleTypeChange = function handleTypeChange(value) {
     setSelectedType(value);
@@ -44686,7 +44704,9 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(InputWrapper, null, React__default.createElement("p", null, "SEARCH"), React__default.createElement(StyledInput$2, {
     value: searchName,
     onChange: handleNameChange,
-    placeholder: "Search by name..."
+    placeholder: "Search by name...",
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React__default.createElement(FiltersRow, null, React__default.createElement(StyledDropdown$2, {
     key: "type-" + selectedType,
     options: typeOptions,
@@ -44697,12 +44717,14 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
     options: subTypeOptions,
     onChange: handleSubTypeChange,
     width: "100%"
-  })), React__default.createElement(ResultsWrapper, null, isLoading ? React__default.createElement(EmptyState$2, null, "Loading...") : blueprints.length === 0 ? React__default.createElement(EmptyState$2, null, "No blueprints found") : React__default.createElement(BlueprintTable, {
+  })), React__default.createElement(ResultsWrapper, null, blueprints.length === 0 && !isLoading ? React__default.createElement(EmptyState$2, null, "No items found") : React__default.createElement(ResultsContent, {
+    "$dimmed": isLoading
+  }, React__default.createElement(BlueprintTable, {
     blueprints: blueprints,
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
     onSelect: onSelect
-  })), React__default.createElement(PagerContainer$1, null, React__default.createElement(Pager, {
+  })), isLoading && React__default.createElement(LoadingOverlay, null, React__default.createElement(LoadingText, null, "Loading..."))), React__default.createElement(PagerContainer$1, null, React__default.createElement(Pager, {
     totalItems: totalCount,
     currentPage: currentPage,
     itemsPerPage: BLUEPRINTS_PER_PAGE,
@@ -44752,16 +44774,66 @@ var StyledDropdown$2 = /*#__PURE__*/styled__default(Dropdown).withConfig({
 var ResultsWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BlueprintSearchModal__ResultsWrapper",
   componentId: "sc-i7bssq-10"
-})(["overflow-y:auto;max-height:320px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
+})(["position:relative;overflow-y:auto;height:320px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
+var ResultsContent = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "BlueprintSearchModal__ResultsContent",
+  componentId: "sc-i7bssq-11"
+})(["opacity:", ";transition:opacity 0.15s ease;"], function (p) {
+  return p.$dimmed ? 0.4 : 1;
+});
+var LoadingOverlay = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "BlueprintSearchModal__LoadingOverlay",
+  componentId: "sc-i7bssq-12"
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;"]);
+var LoadingText = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "BlueprintSearchModal__LoadingText",
+  componentId: "sc-i7bssq-13"
+})(["font-size:0.55rem;color:#f59e0b;text-transform:uppercase;letter-spacing:1px;"]);
 var EmptyState$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BlueprintSearchModal__EmptyState",
-  componentId: "sc-i7bssq-11"
-})(["display:flex;align-items:center;justify-content:center;height:100px;font-size:0.55rem;color:#666;text-transform:uppercase;letter-spacing:1px;"]);
+  componentId: "sc-i7bssq-14"
+})(["display:flex;align-items:center;justify-content:center;height:100%;font-size:0.55rem;color:#666;text-transform:uppercase;letter-spacing:1px;"]);
 var PagerContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BlueprintSearchModal__PagerContainer",
-  componentId: "sc-i7bssq-12"
+  componentId: "sc-i7bssq-15"
 })(["display:flex;justify-content:center;align-items:center;"]);
 
+var SegmentedToggle = function SegmentedToggle(_ref) {
+  var options = _ref.options,
+    activeId = _ref.activeId,
+    onChange = _ref.onChange,
+    className = _ref.className;
+  return React__default.createElement(Container$B, {
+    className: className
+  }, options.map(function (option) {
+    return React__default.createElement(OptionButton, {
+      key: option.id,
+      type: "button",
+      "$active": option.id === activeId,
+      onClick: function onClick() {
+        return onChange(option.id);
+      }
+    }, option.label);
+  }));
+};
+var Container$B = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "SegmentedToggle__Container",
+  componentId: "sc-1itx2kn-0"
+})(["display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;"]);
+var OptionButton = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "SegmentedToggle__OptionButton",
+  componentId: "sc-1itx2kn-1"
+})(["border:1px solid ", ";background:", ";color:", ";border-radius:999px;padding:8px 12px;cursor:pointer;font-size:0.56rem;text-transform:uppercase;letter-spacing:0.8px;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease;&:hover{border-color:rgba(245,158,11,0.45);color:#fde68a;}"], function (_ref2) {
+  var $active = _ref2.$active;
+  return $active ? 'rgba(245, 158, 11, 0.75)' : 'rgba(255, 255, 255, 0.08)';
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active ? 'rgba(245, 158, 11, 0.16)' : 'rgba(0, 0, 0, 0.18)';
+}, function (_ref4) {
+  var $active = _ref4.$active;
+  return $active ? '#fde68a' : '#cfcfcf';
+});
+
 var scaleIn$1 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var rarityOptions = [{
   id: 1,
@@ -44796,7 +44868,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     onRarityChange = _ref.onRarityChange,
     onConfirm = _ref.onConfirm,
     atlasJSON = _ref.atlasJSON,
-    atlasIMG = _ref.atlasIMG;
+    atlasIMG = _ref.atlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
   if (!isOpen || !blueprint) return null;
   var stopPropagation = function stopPropagation(e) {
     e.stopPropagation();
@@ -44830,7 +44904,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     },
     placeholder: "Qty",
     type: "number",
-    min: 1
+    min: 1,
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Max Gold"), React__default.createElement(StyledInput$3, {
     value: maxPrice || '',
     onChange: function onChange(e) {
@@ -44838,7 +44914,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     },
     placeholder: "Max gold",
     type: "number",
-    min: 1
+    min: 1,
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Rarity"), React__default.createElement(StyledDropdown$3, {
     key: rarity,
     options: rarityOptions,
@@ -44961,9 +45039,9 @@ var Pill = /*#__PURE__*/styled__default.span.withConfig({
 
 var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
   var children = _ref.children;
-  return React__default.createElement(Container$B, null, children);
+  return React__default.createElement(Container$C, null, children);
 };
-var Container$B = /*#__PURE__*/styled__default.div.withConfig({
+var Container$C = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "RPGUIScrollbar__Container",
   componentId: "sc-p3msmb-0"
 })([".rpgui-content ::-webkit-scrollbar,.rpgui-content::-webkit-scrollbar{width:25px !important;}.rpgui-content ::-webkit-scrollbar-track,.rpgui-content::-webkit-scrollbar-track{background-size:25px 60px !important;}"]);
@@ -45292,7 +45370,9 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     yourBuyOrdersTotal = props.yourBuyOrdersTotal,
     yourBuyOrdersPage = props.yourBuyOrdersPage,
     onYourBuyOrdersPageChange = props.onYourBuyOrdersPageChange,
-    onCancelBuyOrder = props.onCancelBuyOrder;
+    onCancelBuyOrder = props.onCancelBuyOrder,
+    enableHotkeys = props.enableHotkeys,
+    disableHotkeys = props.disableHotkeys;
   // Local blueprint display: cleared immediately on Place Request so the
   // panel returns to "Select Item" without waiting for the consumer to update
   // the prop. Cancel keeps it shown so the user can reopen the modal.
@@ -45302,6 +45382,9 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
   var _useState2 = React.useState(!!selectedBlueprint),
     isDetailsOpen = _useState2[0],
     setIsDetailsOpen = _useState2[1];
+  var _useState3 = React.useState('Active'),
+    statusFilter = _useState3[0],
+    setStatusFilter = _useState3[1];
   // Sync when consumer provides a new blueprint (e.g. after search selection)
   React.useEffect(function () {
     if (selectedBlueprint) {
@@ -45315,10 +45398,12 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     setDisplayedBlueprint(undefined);
     setIsDetailsOpen(false);
     onCloseDetails == null ? void 0 : onCloseDetails();
+    enableHotkeys == null ? void 0 : enableHotkeys();
   };
   // Cancel: just close the modal, keep blueprint displayed for reopening
   var handleCloseDetails = function handleCloseDetails() {
     setIsDetailsOpen(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
   };
   return React__default.createElement(PanelWrapper, null, displayedBlueprint && isDetailsOpen && React__default.createElement(BuyOrderDetailsModal, {
     isOpen: true,
@@ -45332,7 +45417,9 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     onRarityChange: onRarityChange,
     onConfirm: handleConfirm,
     atlasJSON: atlasJSON,
-    atlasIMG: atlasIMG
+    atlasIMG: atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
   }), React__default.createElement(FormRow, null, displayedBlueprint ? React__default.createElement(SelectedBlueprintDisplay, {
     onPointerDown: onOpenBlueprintSearch
   }, React__default.createElement(RarityContainer, {
@@ -45353,18 +45440,41 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     label: "Select Item",
     iconColor: "#f59e0b",
     onClick: onOpenBlueprintSearch
+  })), React__default.createElement(FilterRow$1, null, React__default.createElement(SectionTitle$1, null, "Your Buy Requests"), React__default.createElement(SegmentedToggle, {
+    options: [{
+      id: 'Active',
+      label: 'Active'
+    }, {
+      id: 'Fulfilled',
+      label: 'Fulfilled'
+    }, {
+      id: 'Expired',
+      label: 'Expired'
+    }, {
+      id: 'All',
+      label: 'All'
+    }],
+    activeId: statusFilter,
+    onChange: function onChange(id) {
+      return setStatusFilter(id);
+    }
   })), React__default.createElement(ScrollArea, {
     id: "MarketContainer"
-  }, React__default.createElement(Section$1, null, React__default.createElement(SectionTitle$1, null, "Your Buy Requests"), yourBuyOrders.length === 0 ? React__default.createElement(EmptyState$3, null, "No requests yet") : yourBuyOrders.map(function (order) {
-    return React__default.createElement(BuyOrderRow, {
-      key: order._id,
-      buyOrder: order,
-      atlasJSON: atlasJSON,
-      atlasIMG: atlasIMG,
-      isOwn: true,
-      onCancel: onCancelBuyOrder
+  }, React__default.createElement(Section$1, null, function () {
+    var filtered = statusFilter === 'All' ? yourBuyOrders : yourBuyOrders.filter(function (o) {
+      return o.status === shared.MarketplaceBuyOrderStatus[statusFilter];
     });
-  }), yourBuyOrdersTotal > BUY_ORDERS_PER_PAGE && React__default.createElement(PagerRow, null, React__default.createElement(Pager, {
+    return filtered.length === 0 ? React__default.createElement(EmptyState$3, null, "No requests yet") : filtered.map(function (order) {
+      return React__default.createElement(BuyOrderRow, {
+        key: order._id,
+        buyOrder: order,
+        atlasJSON: atlasJSON,
+        atlasIMG: atlasIMG,
+        isOwn: true,
+        onCancel: onCancelBuyOrder
+      });
+    });
+  }(), yourBuyOrdersTotal > BUY_ORDERS_PER_PAGE && React__default.createElement(PagerRow, null, React__default.createElement(Pager, {
     totalItems: yourBuyOrdersTotal,
     currentPage: yourBuyOrdersPage,
     itemsPerPage: BUY_ORDERS_PER_PAGE,
@@ -45379,25 +45489,29 @@ var FormRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__FormRow",
   componentId: "sc-1eb11ct-1"
 })(["display:flex;gap:8px;align-items:center;background:rgba(0,0,0,0.15);border-radius:4px;border:1px solid rgba(255,255,255,0.05);padding:8px 12px;overflow:visible;"]);
+var FilterRow$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "BuyOrderPanel__FilterRow",
+  componentId: "sc-1eb11ct-2"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0 4px;"]);
 var ScrollArea = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__ScrollArea",
-  componentId: "sc-1eb11ct-2"
+  componentId: "sc-1eb11ct-3"
 })(["display:flex;flex-direction:column;gap:6px;overflow-y:scroll;max-height:420px;"]);
 var Section$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__Section",
-  componentId: "sc-1eb11ct-3"
+  componentId: "sc-1eb11ct-4"
 })(["display:flex;flex-direction:column;gap:2px;"]);
 var SectionTitle$1 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "BuyOrderPanel__SectionTitle",
-  componentId: "sc-1eb11ct-4"
+  componentId: "sc-1eb11ct-5"
 })(["margin:0 0 2px 0;font-size:0.45rem;color:#666;text-transform:uppercase;letter-spacing:1px;"]);
 var SelectedBlueprintDisplay = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "BuyOrderPanel__SelectedBlueprintDisplay",
-  componentId: "sc-1eb11ct-5"
+  componentId: "sc-1eb11ct-6"
 })(["background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.4);border-radius:4px;padding:6px 10px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:background 0.1s;> div:first-child{position:relative;top:2px;left:2px;}&:hover{background:rgba(245,158,11,0.15);}"]);
 var RarityContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__RarityContainer",
-  componentId: "sc-1eb11ct-6"
+  componentId: "sc-1eb11ct-7"
 })(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref) {
   var $rarity = _ref.$rarity;
   return rarityColor({
@@ -45416,61 +45530,25 @@ var RarityContainer = /*#__PURE__*/styled__default.div.withConfig({
 });
 var ChangeTextWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__ChangeTextWrapper",
-  componentId: "sc-1eb11ct-7"
+  componentId: "sc-1eb11ct-8"
 })(["display:flex;flex-direction:column;gap:2px;min-width:0;"]);
 var BlueprintName$1 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "BuyOrderPanel__BlueprintName",
-  componentId: "sc-1eb11ct-8"
+  componentId: "sc-1eb11ct-9"
 })(["font-size:0.5rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 var ChangeText = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "BuyOrderPanel__ChangeText",
-  componentId: "sc-1eb11ct-9"
+  componentId: "sc-1eb11ct-10"
 })(["font-size:0.4rem;color:#f59e0b;"]);
 var EmptyState$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__EmptyState",
-  componentId: "sc-1eb11ct-10"
+  componentId: "sc-1eb11ct-11"
 })(["display:flex;align-items:center;justify-content:center;height:45px;font-size:0.45rem;color:#555;text-transform:uppercase;letter-spacing:1px;background:rgba(0,0,0,0.15);border-radius:4px;"]);
 var PagerRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderPanel__PagerRow",
-  componentId: "sc-1eb11ct-11"
+  componentId: "sc-1eb11ct-12"
 })(["display:flex;justify-content:center;margin-top:4px;"]);
 
-var SegmentedToggle = function SegmentedToggle(_ref) {
-  var options = _ref.options,
-    activeId = _ref.activeId,
-    onChange = _ref.onChange,
-    className = _ref.className;
-  return React__default.createElement(Container$C, {
-    className: className
-  }, options.map(function (option) {
-    return React__default.createElement(OptionButton, {
-      key: option.id,
-      type: "button",
-      "$active": option.id === activeId,
-      onClick: function onClick() {
-        return onChange(option.id);
-      }
-    }, option.label);
-  }));
-};
-var Container$C = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SegmentedToggle__Container",
-  componentId: "sc-1itx2kn-0"
-})(["display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;"]);
-var OptionButton = /*#__PURE__*/styled__default.button.withConfig({
-  displayName: "SegmentedToggle__OptionButton",
-  componentId: "sc-1itx2kn-1"
-})(["border:1px solid ", ";background:", ";color:", ";border-radius:999px;padding:8px 12px;cursor:pointer;font-size:0.56rem;text-transform:uppercase;letter-spacing:0.8px;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease;&:hover{border-color:rgba(245,158,11,0.45);color:#fde68a;}"], function (_ref2) {
-  var $active = _ref2.$active;
-  return $active ? 'rgba(245, 158, 11, 0.75)' : 'rgba(255, 255, 255, 0.08)';
-}, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active ? 'rgba(245, 158, 11, 0.16)' : 'rgba(0, 0, 0, 0.18)';
-}, function (_ref4) {
-  var $active = _ref4.$active;
-  return $active ? '#fde68a' : '#cfcfcf';
-});
-
 var MarketplaceBuyModal = function MarketplaceBuyModal(_ref) {
   var goldPrice = _ref.goldPrice,
     dcEquivalentPrice = _ref.dcEquivalentPrice,
@@ -46314,7 +46392,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$1, 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$5, {
     key: selectedType,
     options: transactionTypeOptions,
     onChange: onTypeChange,
@@ -46322,6 +46400,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
   })), React__default.createElement(ScrollArea$1, {
     id: "MarketContainer"
   }, transactions.length === 0 ? React__default.createElement(EmptyState$5, null, "No transactions yet") : transactions.map(function (tx, index) {
+    var _tx$metadata;
     return React__default.createElement(RowWrapper$1, {
       key: index,
       "$even": index % 2 === 0,
@@ -46332,7 +46411,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
       fontSize: "10px"
     }, tx.itemName)) : React__default.createElement(ItemName$3, null, React__default.createElement(NoItemText, null, tx.type === shared.MarketplaceTransactionType.Withdrawal ? 'Gold Withdrawal' : '--')), React__default.createElement(MetaRow$1, null, React__default.createElement(Label$5, {
       "$bg": TRANSACTION_TYPE_COLORS$1[tx.type]
-    }, formatTransactionLabel(tx.type)), React__default.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React__default.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React__default.createElement(PriceSection, null, tx.currency === 'dc' ?
+    }, formatTransactionLabel(tx.type)), React__default.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React__default.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React__default.createElement(PriceSection, null, ((_tx$metadata = tx.metadata) == null ? void 0 : _tx$metadata['currency']) === 'dc' ?
     // Show DC only
     React__default.createElement(DCPriceRow$1, null, atlasIMG && atlasJSON && React__default.createElement(DCCoinWrapper$1, null, React__default.createElement(SimpleTooltip, {
       content: "Definya Coin",
@@ -46369,7 +46448,7 @@ var PanelWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "HistoryPanel__PanelWrapper",
   componentId: "sc-74mioa-0"
 })(["display:flex;flex-direction:column;gap:8px;padding:0 2.5%;width:100%;box-sizing:border-box;"]);
-var FilterRow$1 = /*#__PURE__*/styled__default.div.withConfig({
+var FilterRow$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "HistoryPanel__FilterRow",
   componentId: "sc-74mioa-1"
 })(["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;"]);
@@ -46821,6 +46900,7 @@ var Marketplace = function Marketplace(props) {
   };
   var handleBlueprintSelect = function handleBlueprintSelect(blueprint) {
     setIsBlueprintSearchOpen(false);
+    props.enableHotkeys == null ? void 0 : props.enableHotkeys();
     onBlueprintSelect == null ? void 0 : onBlueprintSelect(blueprint);
   };
   var showSharedPager = activeTab === 'sell';
@@ -46892,11 +46972,14 @@ var Marketplace = function Marketplace(props) {
     yourBuyOrdersTotal: yourBuyOrdersTotal,
     yourBuyOrdersPage: yourBuyOrdersPage,
     onYourBuyOrdersPageChange: onYourBuyOrdersPageChange != null ? onYourBuyOrdersPageChange : function () {},
-    onCancelBuyOrder: onCancelBuyOrder != null ? onCancelBuyOrder : function () {}
+    onCancelBuyOrder: onCancelBuyOrder != null ? onCancelBuyOrder : function () {},
+    enableHotkeys: props.enableHotkeys,
+    disableHotkeys: props.disableHotkeys
   }), React__default.createElement(BlueprintSearchModal, {
     isOpen: isBlueprintSearchOpen,
     onClose: function onClose() {
-      return setIsBlueprintSearchOpen(false);
+      setIsBlueprintSearchOpen(false);
+      props.enableHotkeys == null ? void 0 : props.enableHotkeys();
     },
     onSelect: handleBlueprintSelect,
     onSearch: onBlueprintSearch != null ? onBlueprintSearch : function () {},
@@ -46905,7 +46988,9 @@ var Marketplace = function Marketplace(props) {
     currentPage: blueprintSearchCurrentPage,
     isLoading: blueprintSearchIsLoading,
     atlasJSON: props.atlasJSON,
-    atlasIMG: props.atlasIMG
+    atlasIMG: props.atlasIMG,
+    enableHotkeys: props.enableHotkeys,
+    disableHotkeys: props.disableHotkeys
   })), activeTab === 'history' && React__default.createElement(HistoryPanel, {
     transactions: historyTransactions,
     totalCount: historyTotalCount,