@rpg-engine/long-bow 0.8.148 → 0.8.149

package/dist/long-bow.esm.js

@@ -45985,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];
@@ -46224,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, {
@@ -46336,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;