@rpg-engine/long-bow 0.8.146 → 0.8.149

package/dist/long-bow.esm.js

@@ -44616,7 +44616,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 = useState(''),
     searchName = _useState[0],
     setSearchName = _useState[1];
@@ -44626,24 +44628,40 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
   var _useState3 = useState(''),
     selectedSubType = _useState3[0],
     setSelectedSubType = _useState3[1];
-  if (!isOpen) return null;
-  var triggerSearch = function triggerSearch(overrides) {
+  var searchNameRef = useRef(searchName);
+  var selectedTypeRef = useRef(selectedType);
+  var selectedSubTypeRef = useRef(selectedSubType);
+  searchNameRef.current = searchName;
+  selectedTypeRef.current = selectedType;
+  selectedSubTypeRef.current = selectedSubType;
+  var triggerSearch = 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 = useMemo(function () {
+    return debounce(function (name) {
+      return triggerSearch({
+        name: name,
+        page: 1
+      });
+    }, 300);
+  }, [triggerSearch]);
+  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);
@@ -44683,7 +44701,9 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
   }, React.createElement(FaTimes, null))), React.createElement(InputWrapper, null, React.createElement("p", null, "SEARCH"), React.createElement(StyledInput$2, {
     value: searchName,
     onChange: handleNameChange,
-    placeholder: "Search by name..."
+    placeholder: "Search by name...",
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React.createElement(FiltersRow, null, React.createElement(StyledDropdown$2, {
     key: "type-" + selectedType,
     options: typeOptions,
@@ -44694,12 +44714,14 @@ var BlueprintSearchModal = function BlueprintSearchModal(_ref) {
     options: subTypeOptions,
     onChange: handleSubTypeChange,
     width: "100%"
-  })), React.createElement(ResultsWrapper, null, isLoading ? React.createElement(EmptyState$2, null, "Loading...") : blueprints.length === 0 ? React.createElement(EmptyState$2, null, "No blueprints found") : React.createElement(BlueprintTable, {
+  })), React.createElement(ResultsWrapper, null, blueprints.length === 0 && !isLoading ? React.createElement(EmptyState$2, null, "No items found") : React.createElement(ResultsContent, {
+    "$dimmed": isLoading
+  }, React.createElement(BlueprintTable, {
     blueprints: blueprints,
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
     onSelect: onSelect
-  })), React.createElement(PagerContainer$1, null, React.createElement(Pager, {
+  })), isLoading && React.createElement(LoadingOverlay, null, React.createElement(LoadingText, null, "Loading..."))), React.createElement(PagerContainer$1, null, React.createElement(Pager, {
     totalItems: totalCount,
     currentPage: currentPage,
     itemsPerPage: BLUEPRINTS_PER_PAGE,
@@ -44749,16 +44771,66 @@ var StyledDropdown$2 = /*#__PURE__*/styled(Dropdown).withConfig({
 var ResultsWrapper = /*#__PURE__*/styled.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.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.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.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.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.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.createElement(Container$B, {
+    className: className
+  }, options.map(function (option) {
+    return React.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.div.withConfig({
+  displayName: "SegmentedToggle__Container",
+  componentId: "sc-1itx2kn-0"
+})(["display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;"]);
+var OptionButton = /*#__PURE__*/styled.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__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var rarityOptions = [{
   id: 1,
@@ -44793,7 +44865,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();
@@ -44827,7 +44901,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     },
     placeholder: "Qty",
     type: "number",
-    min: 1
+    min: 1,
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React.createElement(FieldRow, null, React.createElement(Label$4, null, "Max Gold"), React.createElement(StyledInput$3, {
     value: maxPrice || '',
     onChange: function onChange(e) {
@@ -44835,7 +44911,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     },
     placeholder: "Max gold",
     type: "number",
-    min: 1
+    min: 1,
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys
   })), React.createElement(FieldRow, null, React.createElement(Label$4, null, "Rarity"), React.createElement(StyledDropdown$3, {
     key: rarity,
     options: rarityOptions,
@@ -44958,9 +45036,9 @@ var Pill = /*#__PURE__*/styled.span.withConfig({
 
 var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
   var children = _ref.children;
-  return React.createElement(Container$B, null, children);
+  return React.createElement(Container$C, null, children);
 };
-var Container$B = /*#__PURE__*/styled.div.withConfig({
+var Container$C = /*#__PURE__*/styled.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;}"]);
@@ -45289,7 +45367,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.
@@ -45299,6 +45379,9 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
   var _useState2 = useState(!!selectedBlueprint),
     isDetailsOpen = _useState2[0],
     setIsDetailsOpen = _useState2[1];
+  var _useState3 = useState('Active'),
+    statusFilter = _useState3[0],
+    setStatusFilter = _useState3[1];
   // Sync when consumer provides a new blueprint (e.g. after search selection)
   useEffect(function () {
     if (selectedBlueprint) {
@@ -45312,10 +45395,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.createElement(PanelWrapper, null, displayedBlueprint && isDetailsOpen && React.createElement(BuyOrderDetailsModal, {
     isOpen: true,
@@ -45329,7 +45414,9 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     onRarityChange: onRarityChange,
     onConfirm: handleConfirm,
     atlasJSON: atlasJSON,
-    atlasIMG: atlasIMG
+    atlasIMG: atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
   }), React.createElement(FormRow, null, displayedBlueprint ? React.createElement(SelectedBlueprintDisplay, {
     onPointerDown: onOpenBlueprintSearch
   }, React.createElement(RarityContainer, {
@@ -45350,18 +45437,41 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     label: "Select Item",
     iconColor: "#f59e0b",
     onClick: onOpenBlueprintSearch
+  })), React.createElement(FilterRow$1, null, React.createElement(SectionTitle$1, null, "Your Buy Requests"), React.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.createElement(ScrollArea, {
     id: "MarketContainer"
-  }, React.createElement(Section$1, null, React.createElement(SectionTitle$1, null, "Your Buy Requests"), yourBuyOrders.length === 0 ? React.createElement(EmptyState$3, null, "No requests yet") : yourBuyOrders.map(function (order) {
-    return React.createElement(BuyOrderRow, {
-      key: order._id,
-      buyOrder: order,
-      atlasJSON: atlasJSON,
-      atlasIMG: atlasIMG,
-      isOwn: true,
-      onCancel: onCancelBuyOrder
+  }, React.createElement(Section$1, null, function () {
+    var filtered = statusFilter === 'All' ? yourBuyOrders : yourBuyOrders.filter(function (o) {
+      return o.status === MarketplaceBuyOrderStatus[statusFilter];
     });
-  }), yourBuyOrdersTotal > BUY_ORDERS_PER_PAGE && React.createElement(PagerRow, null, React.createElement(Pager, {
+    return filtered.length === 0 ? React.createElement(EmptyState$3, null, "No requests yet") : filtered.map(function (order) {
+      return React.createElement(BuyOrderRow, {
+        key: order._id,
+        buyOrder: order,
+        atlasJSON: atlasJSON,
+        atlasIMG: atlasIMG,
+        isOwn: true,
+        onCancel: onCancelBuyOrder
+      });
+    });
+  }(), yourBuyOrdersTotal > BUY_ORDERS_PER_PAGE && React.createElement(PagerRow, null, React.createElement(Pager, {
     totalItems: yourBuyOrdersTotal,
     currentPage: yourBuyOrdersPage,
     itemsPerPage: BUY_ORDERS_PER_PAGE,
@@ -45376,25 +45486,29 @@ var FormRow = /*#__PURE__*/styled.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.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.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.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.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.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.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({
@@ -45413,61 +45527,25 @@ var RarityContainer = /*#__PURE__*/styled.div.withConfig({
 });
 var ChangeTextWrapper = /*#__PURE__*/styled.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.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.span.withConfig({
   displayName: "BuyOrderPanel__ChangeText",
-  componentId: "sc-1eb11ct-9"
+  componentId: "sc-1eb11ct-10"
 })(["font-size:0.4rem;color:#f59e0b;"]);
 var EmptyState$3 = /*#__PURE__*/styled.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.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.createElement(Container$C, {
-    className: className
-  }, options.map(function (option) {
-    return React.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.div.withConfig({
-  displayName: "SegmentedToggle__Container",
-  componentId: "sc-1itx2kn-0"
-})(["display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;"]);
-var OptionButton = /*#__PURE__*/styled.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,
@@ -45907,7 +45985,9 @@ var BuyPanel = function BuyPanel(_ref) {
     openBuyOrdersTotal = _ref$openBuyOrdersTot === void 0 ? 0 : _ref$openBuyOrdersTot,
     _ref$openBuyOrdersPag = _ref.openBuyOrdersPage,
     openBuyOrdersPage = _ref$openBuyOrdersPag === void 0 ? 1 : _ref$openBuyOrdersPag,
-    onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange;
+    onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var _useState = useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -46146,7 +46226,7 @@ var BuyPanel = function BuyPanel(_ref) {
   }))))), React.createElement(ItemComponentScrollWrapper$1, {
     id: "MarketContainer",
     ref: itemsContainer
-  }, !hasVisibleContent && React.createElement(EmptyState$4, null, "No offers match the current filters."), showSellSection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Sell Offers"), React.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
+  }, isLoading && !hasVisibleContent && React.createElement(LoadingState, null, React.createElement(Spinner$2, null), React.createElement(LoadingText$1, null, "Loading marketplace...")), !isLoading && !hasVisibleContent && React.createElement(EmptyState$4, null, "No offers match the current filters."), showSellSection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Sell Offers"), React.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
     var bestListing = _ref2.bestListing,
       otherListings = _ref2.otherListings;
     return React.createElement(GroupedMarketplaceRow, {
@@ -46258,6 +46338,19 @@ var StyledDropdown$4 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-15"
 })(["margin:0px !important;width:100% !important;"]);
+var spin = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
+var LoadingState = /*#__PURE__*/styled.div.withConfig({
+  displayName: "BuyPanel__LoadingState",
+  componentId: "sc-1si8t7i-16"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
+var Spinner$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "BuyPanel__Spinner",
+  componentId: "sc-1si8t7i-17"
+})(["width:28px;height:28px;border:3px solid rgba(245,158,11,0.2);border-top-color:#f59e0b;border-radius:50%;animation:", " 0.7s linear infinite;"], spin);
+var LoadingText$1 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "BuyPanel__LoadingText",
+  componentId: "sc-1si8t7i-18"
+})(["font-size:0.48rem;color:#8a8a8a;text-transform:uppercase;letter-spacing:1px;"]);
 
 var _TRANSACTION_TYPE_COL;
 var HISTORY_ITEMS_PER_PAGE = 10;
@@ -46311,7 +46404,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$1, 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$5, {
     key: selectedType,
     options: transactionTypeOptions,
     onChange: onTypeChange,
@@ -46319,6 +46412,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
   })), React.createElement(ScrollArea$1, {
     id: "MarketContainer"
   }, transactions.length === 0 ? React.createElement(EmptyState$5, null, "No transactions yet") : transactions.map(function (tx, index) {
+    var _tx$metadata;
     return React.createElement(RowWrapper$1, {
       key: index,
       "$even": index % 2 === 0,
@@ -46329,7 +46423,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
       fontSize: "10px"
     }, tx.itemName)) : React.createElement(ItemName$3, null, React.createElement(NoItemText, null, tx.type === MarketplaceTransactionType.Withdrawal ? 'Gold Withdrawal' : '--')), React.createElement(MetaRow$1, null, React.createElement(Label$5, {
       "$bg": TRANSACTION_TYPE_COLORS$1[tx.type]
-    }, formatTransactionLabel(tx.type)), React.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React.createElement(PriceSection, null, tx.currency === 'dc' ?
+    }, formatTransactionLabel(tx.type)), React.createElement(SecondaryText, null, formatDate(tx.createdAt)), tx.counterpartName && React.createElement(SecondaryText, null, "w/ ", tx.counterpartName)))), tx.goldAmount > 0 && React.createElement(PriceSection, null, ((_tx$metadata = tx.metadata) == null ? void 0 : _tx$metadata['currency']) === 'dc' ?
     // Show DC only
     React.createElement(DCPriceRow$1, null, atlasIMG && atlasJSON && React.createElement(DCCoinWrapper$1, null, React.createElement(SimpleTooltip, {
       content: "Definya Coin",
@@ -46366,7 +46460,7 @@ var PanelWrapper$1 = /*#__PURE__*/styled.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.div.withConfig({
+var FilterRow$2 = /*#__PURE__*/styled.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;"]);
@@ -46818,6 +46912,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';
@@ -46889,11 +46984,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.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 () {},
@@ -46902,7 +47000,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.createElement(HistoryPanel, {
     transactions: historyTransactions,
     totalCount: historyTotalCount,