@rpg-engine/long-bow 0.8.148 → 0.8.149

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

@@ -30,5 +30,6 @@ export interface IBuyPanelProps {
     openBuyOrdersTotal?: number;
     openBuyOrdersPage?: number;
     onOpenBuyOrdersPageChange?: (page: number) => void;
+    isLoading?: boolean;
 }
 export declare const BuyPanel: React.FC<IBuyPanelProps>;

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

@@ -37,6 +37,7 @@ export interface IMarketPlaceProps {
     acceptedCurrency?: MarketplaceAcceptedCurrency;
     onAcceptedCurrencyChange?: (value: MarketplaceAcceptedCurrency) => void;
     onActiveTabChange?: (tab: string) => void;
+    isLoading?: boolean;
     buyOrderSelectedBlueprint?: IMarketplaceBlueprintSummary;
     buyOrderQuantity?: number;
     buyOrderMaxPrice?: number;

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

@@ -45988,7 +45988,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 = React.useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -46227,7 +46229,7 @@ var BuyPanel = function BuyPanel(_ref) {
   }))))), React__default.createElement(ItemComponentScrollWrapper$1, {
     id: "MarketContainer",
     ref: itemsContainer
-  }, !hasVisibleContent && React__default.createElement(EmptyState$4, null, "No offers match the current filters."), showSellSection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Sell Offers"), React__default.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React__default.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
+  }, isLoading && !hasVisibleContent && React__default.createElement(LoadingState, null, React__default.createElement(Spinner$2, null), React__default.createElement(LoadingText$1, null, "Loading marketplace...")), !isLoading && !hasVisibleContent && React__default.createElement(EmptyState$4, null, "No offers match the current filters."), showSellSection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Sell Offers"), React__default.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React__default.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
     var bestListing = _ref2.bestListing,
       otherListings = _ref2.otherListings;
     return React__default.createElement(GroupedMarketplaceRow, {
@@ -46339,6 +46341,19 @@ var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-15"
 })(["margin:0px !important;width:100% !important;"]);
+var spin = /*#__PURE__*/styled.keyframes(["to{transform:rotate(360deg);}"]);
+var LoadingState = /*#__PURE__*/styled__default.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__default.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__default.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;