@rpg-engine/long-bow 0.8.148 → 0.8.150

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

@@ -44907,12 +44907,12 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     min: 1,
     onFocus: disableHotkeys,
     onBlur: enableHotkeys
-  })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Max Gold"), React__default.createElement(StyledInput$3, {
+  })), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Gold Offer"), React__default.createElement(StyledInput$3, {
     value: maxPrice || '',
     onChange: function onChange(e) {
       return onMaxPriceChange(Number(e.target.value));
     },
-    placeholder: "Max gold",
+    placeholder: "Gold offer",
     type: "number",
     min: 1,
     onFocus: disableHotkeys,
@@ -46227,7 +46227,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) {
+  }, !hasVisibleContent ? React__default.createElement(LoadingState, null, React__default.createElement(Spinner$2, null), React__default.createElement(LoadingText$1, null, "Loading marketplace...")) : React__default.createElement(React__default.Fragment, null, 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, {
@@ -46261,7 +46261,7 @@ var BuyPanel = function BuyPanel(_ref) {
     currentPage: openBuyOrdersPage,
     itemsPerPage: BUY_REQUESTS_PER_PAGE,
     onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
-  })))));
+  }))))));
 };
 var ToolbarRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__ToolbarRow",
@@ -46327,18 +46327,27 @@ var SectionEmpty = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__SectionEmpty",
   componentId: "sc-1si8t7i-12"
 })(["min-height:56px;display:flex;align-items:center;justify-content:center;color:#71717a;font-size:0.48rem;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.08);border-radius:6px;"]);
-var EmptyState$4 = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "BuyPanel__EmptyState",
-  componentId: "sc-1si8t7i-13"
-})(["min-height:96px;display:flex;align-items:center;justify-content:center;color:#71717a;font-size:0.52rem;text-transform:uppercase;letter-spacing:1px;padding:0 16px;text-align:center;"]);
 var SectionPager = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__SectionPager",
-  componentId: "sc-1si8t7i-14"
+  componentId: "sc-1si8t7i-13"
 })(["display:flex;justify-content:center;margin-top:10px;"]);
 var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
-  componentId: "sc-1si8t7i-15"
+  componentId: "sc-1si8t7i-14"
 })(["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-15"
+})(["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-16"
+})(["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-17"
+})(["font-size:0.48rem;color:#8a8a8a;text-transform:uppercase;letter-spacing:1px;"]);
 
 var _TRANSACTION_TYPE_COL;
 var HISTORY_ITEMS_PER_PAGE = 10;
@@ -46399,7 +46408,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
     width: "200px"
   })), React__default.createElement(ScrollArea$1, {
     id: "MarketContainer"
-  }, transactions.length === 0 ? React__default.createElement(EmptyState$5, null, "No transactions yet") : transactions.map(function (tx, index) {
+  }, transactions.length === 0 ? React__default.createElement(EmptyState$4, null, "No transactions yet") : transactions.map(function (tx, index) {
     var _tx$metadata;
     return React__default.createElement(RowWrapper$1, {
       key: index,
@@ -46540,7 +46549,7 @@ var GoldAmount = /*#__PURE__*/styled__default.span.withConfig({
   if (negative.includes($type)) return uiColors.red + " !important";
   return '#888 !important';
 });
-var EmptyState$5 = /*#__PURE__*/styled__default.div.withConfig({
+var EmptyState$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "HistoryPanel__EmptyState",
   componentId: "sc-74mioa-20"
 })(["display:flex;align-items:center;justify-content:center;height:45px;font-size:0.5rem;color:#555;text-transform:uppercase;letter-spacing:1px;background:rgba(0,0,0,0.15);border-radius:4px;"]);