@loafmarkets/ui 0.1.269 → 0.1.271

package/dist/index.d.mts

@@ -848,6 +848,7 @@ interface OrderHistoryItem {
     readonly filledAt: number | null;
     readonly cancelledAt: number | null;
     readonly createdAt: number;
+    readonly isOfferingOrder?: boolean;
 }
 interface TradeHistoryItem {
     readonly tradeId: number;
@@ -886,6 +887,7 @@ type ActivityTabId = 'positions' | 'subscriptions' | 'open-orders' | 'orders' |
 type PortfolioActivityPanelProps = {
     positions?: readonly PortfolioPosition[];
     showPositionsTab?: boolean;
+    showSubscriptionsTab?: boolean;
     onPositionClick?: (tokenName: string, isIpo: boolean) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -907,7 +909,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, pageSize, blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, pageSize, blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;

package/dist/index.d.ts

@@ -848,6 +848,7 @@ interface OrderHistoryItem {
     readonly filledAt: number | null;
     readonly cancelledAt: number | null;
     readonly createdAt: number;
+    readonly isOfferingOrder?: boolean;
 }
 interface TradeHistoryItem {
     readonly tradeId: number;
@@ -886,6 +887,7 @@ type ActivityTabId = 'positions' | 'subscriptions' | 'open-orders' | 'orders' |
 type PortfolioActivityPanelProps = {
     positions?: readonly PortfolioPosition[];
     showPositionsTab?: boolean;
+    showSubscriptionsTab?: boolean;
     onPositionClick?: (tokenName: string, isIpo: boolean) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -907,7 +909,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, pageSize, blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, pageSize, blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;

package/dist/index.js

@@ -13628,6 +13628,7 @@ function EditableField({ value, onCommit, format }) {
 function PortfolioActivityPanel({
   positions = [],
   showPositionsTab = false,
+  showSubscriptionsTab = true,
   onPositionClick,
   onClosePosition,
   offeringOrders = [],
@@ -13646,7 +13647,7 @@ function PortfolioActivityPanel({
   className,
   style
 }) {
-  const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : "subscriptions");
+  const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : showSubscriptionsTab ? "subscriptions" : "orders");
   const [activeTab, setActiveTab] = React5.useState(resolvedDefaultTab);
   const [activityPage, setActivityPage] = React5.useState(0);
   const [pendingCancelOrderId, setPendingCancelOrderId] = React5.useState(null);
@@ -13729,6 +13730,28 @@ function PortfolioActivityPanel({
       setAllExpanded(true);
     }
   };
+  const mergedOrderHistory = React5.useMemo(() => {
+    if (showSubscriptionsTab || offeringOrders.length === 0) return orderHistory;
+    const mapped = offeringOrders.map((o, i) => ({
+      id: o.ipoOrderId ?? -(i + 1),
+      propertyId: 0,
+      tokenName: o.tokenName,
+      side: "BUY",
+      type: "MARKET",
+      timeInForce: "GTC",
+      quantity: o.quantity,
+      price: o.price,
+      status: o.status.toUpperCase() === "ALLOCATED" ? "FILLED" : o.status.toUpperCase(),
+      filledQuantity: o.status.toUpperCase() === "ALLOCATED" || o.status.toUpperCase() === "FILLED" || o.status.toUpperCase() === "CONFIRMED" ? o.quantity : 0,
+      rejectionReason: null,
+      deadline: 0,
+      filledAt: o.status.toUpperCase() === "ALLOCATED" || o.status.toUpperCase() === "FILLED" || o.status.toUpperCase() === "CONFIRMED" ? o.createdAt : null,
+      cancelledAt: null,
+      createdAt: o.createdAt,
+      isOfferingOrder: true
+    }));
+    return [...orderHistory, ...mapped].sort((a, b) => b.createdAt - a.createdAt);
+  }, [showSubscriptionsTab, offeringOrders, orderHistory]);
   const activeTabTotal = React5.useMemo(() => {
     switch (activeTab) {
       case "positions":
@@ -13738,7 +13761,7 @@ function PortfolioActivityPanel({
       case "open-orders":
         return openOrders.length;
       case "orders":
-        return orderHistory.length;
+        return mergedOrderHistory.length;
       case "trades":
         return tradeHistory.length;
       case "transfers":
@@ -13746,15 +13769,15 @@ function PortfolioActivityPanel({
       default:
         return 0;
     }
-  }, [activeTab, positions.length, offeringOrders.length, openOrders.length, orderHistory.length, tradeHistory.length, transfers.length]);
+  }, [activeTab, positions.length, offeringOrders.length, openOrders.length, mergedOrderHistory.length, tradeHistory.length, transfers.length]);
   const positionsCount = positions.length;
   const openOrdersCount = React5.useMemo(
     () => openOrders.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
     [openOrders]
   );
   const pendingHistoryCount = React5.useMemo(
-    () => orderHistory.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
-    [orderHistory]
+    () => mergedOrderHistory.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
+    [mergedOrderHistory]
   );
   const pendingOfferingsCount = React5.useMemo(
     () => offeringOrders.filter((o) => {
@@ -13780,7 +13803,7 @@ function PortfolioActivityPanel({
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Tab, { $active: activeTab === "subscriptions", onClick: () => handleTabChange("subscriptions"), children: [
+      showSubscriptionsTab && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { $active: activeTab === "subscriptions", onClick: () => handleTabChange("subscriptions"), children: [
         "Initial Offerings",
         pendingOfferingsCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(TabCount, { children: [
           " (",
@@ -14058,8 +14081,8 @@ function PortfolioActivityPanel({
         ] })
       ] }),
       activeTab === "orders" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        orderHistory.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No orders yet. Place a trade to see it appear here." }),
-        orderHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        mergedOrderHistory.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No orders yet. Place a trade to see it appear here." }),
+        mergedOrderHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Asset" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Side" }),
@@ -14070,14 +14093,15 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(orderHistory).map((order) => {
+          pageSlice(mergedOrderHistory).map((order) => {
             const meta = getOrderStatusMeta(order.status);
             const isMarket = order.type === "MARKET";
             const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
+            const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
             return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, children: order.tokenName }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: prettyLabel(order.type) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: typeLabel }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatNumber2(order.quantity) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: isMarket || !order.price ? "Market" : formatCurrency4(order.price) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(CellText, { $muted: true, children: [