@agg-build/ui 4.17.0 → 4.17.2

package/dist/{chunk-M6U2RKBD.mjs → chunk-3Y2GCNVL.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-NIRCF54M.mjs";
+} from "./chunk-RZLM3M5R.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -21,12 +21,12 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-D2BTU7QI.mjs";
+} from "./chunk-7E4UXCEX.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,
   resolveMarketFromVenueMarkets
-} from "./chunk-HFMKCV4L.mjs";
+} from "./chunk-TK62UB5F.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -62,7 +62,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-RR44PSKH.mjs";
+} from "./chunk-BBDFSTIA.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -3798,7 +3798,8 @@ import {
   useLabels as useLabels13,
   useSdkUiConfig as useSdkUiConfig4,
   useUserActivity,
-  useResolvedExecutionMode as useResolvedExecutionMode4
+  useResolvedExecutionMode as useResolvedExecutionMode4,
+  useVenueMarketMidpoints as useVenueMarketMidpoints2
 } from "@agg-build/hooks";
 import { Venue as Venue3 } from "@agg-build/sdk";
 import dayjs from "dayjs";
@@ -3850,6 +3851,7 @@ var AvailableBalanceCard = ({
   label,
   valueLabel,
   reservedValueLabel,
+  kalshiValueLabel,
   chains,
   isLoading = false,
   className,
@@ -4002,6 +4004,13 @@ var AvailableBalanceCard = ({
             }
           )
         ] }),
+        kalshiValueLabel !== void 0 ? /* @__PURE__ */ jsxs7("div", { className: "agg-balance-kalshi flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx8("div", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ jsx8("div", { role: "status", "aria-label": "Loading Kalshi balance", children: /* @__PURE__ */ jsx8(SkeletonBlock, { className: "h-6 w-16 rounded-agg-sm" }) }) : kalshiValueLabel }),
+          /* @__PURE__ */ jsxs7("span", { className: "flex h-5 shrink-0 items-center gap-1 rounded-[4px] bg-agg-secondary-hover px-1.5", children: [
+            /* @__PURE__ */ jsx8(VenueLogo, { venue: "kalshi", size: "small", className: "size-3" }),
+            /* @__PURE__ */ jsx8("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-muted-foreground", children: labels.venues.kalshi })
+          ] })
+        ] }) : null,
         !isLoading && reservedValueLabel ? /* @__PURE__ */ jsx8("p", { className: "font-agg-sans text-agg-xs leading-agg-4 text-agg-muted-foreground", children: balanceLabels.reservedForOpenOrders(reservedValueLabel) }) : null
       ]
     }
@@ -4937,6 +4946,7 @@ var resolvePositionStatus = (position) => {
   return "open";
 };
 var resolvePositionBucket = (position) => {
+  if (position.status === "closed") return "closed";
   const status = resolvePositionStatus(position);
   if (status === "won_unclaimed") return "active";
   if (status === "open") return "active";
@@ -5713,6 +5723,18 @@ var OpenOrderRow = ({
   };
   const canCancel = canCancelOpenOrder(order);
   const isPending = isPendingOpenOrder(order);
+  const sideLabel = order.side === "buy" ? labels.buy : order.side === "sell" ? labels.sell : void 0;
+  const outcomePillLabel = sideLabel ? `${sideLabel} ${order.outcomeLabel}` : order.outcomeLabel;
+  const currentPriceLabel = order.currentPriceLabel ? `${labels.nowPrefix} ${order.currentPriceLabel}` : void 0;
+  const mobileStats = [
+    __spreadValues({
+      label: resolvedLimitPriceHeader,
+      value: (_a = order.limitPriceLabel) != null ? _a : "\u2014"
+    }, currentPriceLabel ? { subValue: currentPriceLabel } : {}),
+    { label: resolvedFilledHeader, value: order.filledLabel },
+    { label: resolvedTotalHeader, value: order.valueLabel },
+    { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
+  ];
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
@@ -5751,22 +5773,23 @@ var OpenOrderRow = ({
           ) }),
           /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
             /* @__PURE__ */ jsx13("p", { className: "agg-open-order-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] lg:text-agg-base lg:leading-agg-6 lg:whitespace-nowrap lg:text-ellipsis lg:[-webkit-line-clamp:1] lg:[display:block]", children: order.title }),
-            /* @__PURE__ */ jsx13("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) })
+            /* @__PURE__ */ jsx13("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: outcomePillLabel }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs12("div", { className: "flex w-full flex-wrap items-center gap-x-4 gap-y-2 lg:hidden", children: [
-          /* @__PURE__ */ jsx13("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) }),
-          [
-            { label: resolvedLimitPriceHeader, value: (_a = order.limitPriceLabel) != null ? _a : "\u2014" },
-            { label: resolvedFilledHeader, value: order.filledLabel },
-            { label: resolvedTotalHeader, value: order.valueLabel },
-            { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
-          ].map(({ label, value }) => /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
-            /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
-            /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label })
+          /* @__PURE__ */ jsx13("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: outcomePillLabel }) }),
+          mobileStats.map(({ label, value, subValue }) => /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
+              /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
+              /* @__PURE__ */ jsx13("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label })
+            ] }),
+            subValue ? /* @__PURE__ */ jsx13("span", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap text-agg-foreground", children: subValue }) : null
           ] }, label))
         ] }),
-        /* @__PURE__ */ jsx13("p", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+        /* @__PURE__ */ jsxs12("div", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 flex-col justify-center gap-0.5 lg:flex", children: [
+          /* @__PURE__ */ jsx13("p", { className: "agg-type-body-strong text-agg-foreground", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+          currentPriceLabel ? /* @__PURE__ */ jsx13("p", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: currentPriceLabel }) : null
+        ] }),
         /* @__PURE__ */ jsx13("p", { className: "agg-open-order-filled hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.filledLabel }),
         /* @__PURE__ */ jsx13("p", { className: "agg-open-order-value hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.valueLabel }),
         /* @__PURE__ */ jsx13("p", { className: "agg-open-order-expiration hidden w-[140px] shrink-0 agg-type-label text-agg-foreground lg:block", children: (_d = order.expirationLabel) != null ? _d : "\u2014" }),
@@ -5857,8 +5880,8 @@ var ResultBadge = ({
   status,
   labels
 }) => {
-  if (status !== "won_claimed" && status !== "lost" && status !== "sold") return null;
-  const isWon = status === "won_claimed";
+  const isWon = status === "won_claimed" || status === "won_unclaimed";
+  if (!isWon && status !== "lost" && status !== "sold") return null;
   const isSold = status === "sold";
   return /* @__PURE__ */ jsxs13(
     "span",
@@ -7080,11 +7103,13 @@ var formatScaledNumberTwoDecimals = (value) => {
   if (parsed == null) return "0.00";
   return twoDecimalNumberFormatter.format(parsed);
 };
+var formatPriceCentsLabel = (value) => `${limitPriceCentsFormatter.format(value * 100)}\xA2`;
 var formatLimitPriceLabel = (value) => {
   const parsed = parseRawMicroValue(value);
   if (parsed == null) return void 0;
-  return `${limitPriceCentsFormatter.format(parsed * 100)}\xA2`;
+  return formatPriceCentsLabel(parsed);
 };
+var normalizeOutcomeMatchLabel = (value) => typeof value === "string" ? value.trim().toLowerCase() : "";
 var formatOpenOrderExpirationLabel = ({
   timeInForce,
   expiresAt,
@@ -7972,8 +7997,7 @@ var UserProfilePage = ({
       };
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
-  const resolvedOpenOrders = useMemo8(() => {
-    if (openOrders) return openOrders.filter(isUserProfileLimitOrder);
+  const openOrderRows = useMemo8(() => {
     const orderRowsById = /* @__PURE__ */ new Map();
     for (const query of openOrderQueries) {
       for (const order of query.orders) {
@@ -7984,7 +8008,47 @@ var UserProfilePage = ({
       (order) => isOpenOrderStatus(order.status) && isExecutionLimitOrder(order)
     ).sort(
       (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-    ).map((order) => {
+    );
+  }, [openOrderQueries]);
+  const openOrderVenueMarketIds = useMemo8(
+    () => openOrderRows.map((order) => {
+      var _a2;
+      return (_a2 = order.venueMarket) == null ? void 0 : _a2.id;
+    }).filter((venueMarketId) => Boolean(venueMarketId)),
+    [openOrderRows]
+  );
+  const openOrderMidpointsQuery = useVenueMarketMidpoints2({
+    venueMarketIds: openOrderVenueMarketIds,
+    enabled: !openOrders && openOrderVenueMarketIds.length > 0
+  });
+  const openOrderMidpointRows = openOrderMidpointsQuery.midpointRows;
+  const openOrderCurrentPriceLabels = useMemo8(() => {
+    var _a2, _b2, _c2, _d;
+    const midpointRowsByVenueMarketId = new Map(
+      openOrderMidpointRows.map((row) => [row.venueMarketId, row])
+    );
+    const labelsByOrderId = /* @__PURE__ */ new Map();
+    for (const order of openOrderRows) {
+      const venueMarketId = (_a2 = order.venueMarket) == null ? void 0 : _a2.id;
+      if (!venueMarketId) continue;
+      const midpointRow = midpointRowsByVenueMarketId.get(venueMarketId);
+      if (!midpointRow) continue;
+      const orderOutcomeLabels = [
+        normalizeOutcomeMatchLabel((_b2 = order.venueMarketOutcome) == null ? void 0 : _b2.label),
+        normalizeOutcomeMatchLabel((_c2 = order.venueMarketOutcome) == null ? void 0 : _c2.title)
+      ].filter(Boolean);
+      if (orderOutcomeLabels.length === 0) continue;
+      const outcomeMidpoint = (_d = midpointRow.outcomes) == null ? void 0 : _d.find(
+        (outcome) => orderOutcomeLabels.includes(normalizeOutcomeMatchLabel(outcome.label))
+      );
+      if ((outcomeMidpoint == null ? void 0 : outcomeMidpoint.midpoint) == null) continue;
+      labelsByOrderId.set(order.id, formatPriceCentsLabel(outcomeMidpoint.midpoint));
+    }
+    return labelsByOrderId;
+  }, [openOrderMidpointRows, openOrderRows]);
+  const resolvedOpenOrders = useMemo8(() => {
+    if (openOrders) return openOrders.filter(isUserProfileLimitOrder);
+    return openOrderRows.map((order) => {
       var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
       const isLimitOrder = isExecutionLimitOrder(order);
       const filledRaw = isLimitOrder ? order.filledSizeRaw : order.filledAmountRaw;
@@ -7997,15 +8061,17 @@ var UserProfilePage = ({
         goodTilCanceledLabel: labels.userProfile.openOrders.goodTilCanceled,
         expiredLabel: labels.userProfile.openOrders.expired
       });
-      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      const currentPriceLabel = openOrderCurrentPriceLabels.get(order.id);
+      return __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
         id: order.id,
         eventId: (_c2 = (_b2 = order.venueMarket) == null ? void 0 : _b2.venueEventId) != null ? _c2 : void 0,
         marketId: (_e = (_d = order.venueMarket) == null ? void 0 : _d.id) != null ? _e : void 0,
         thumbnailSrc: (_g = (_f = order.venueMarket) == null ? void 0 : _f.image) != null ? _g : fallbackThumbnailSrc,
         title: ((_h = order.venueMarket) == null ? void 0 : _h.question) || "Market",
-        outcomeLabel: ((_i = order.venueMarketOutcome) == null ? void 0 : _i.title) || ((_j = order.venueMarketOutcome) == null ? void 0 : _j.label) || "Outcome",
+        outcomeLabel: ((_i = order.venueMarketOutcome) == null ? void 0 : _i.title) || ((_j = order.venueMarketOutcome) == null ? void 0 : _j.label) || "Outcome"
+      }, order.side === "sell" || order.side === "buy" ? { side: order.side } : {}), {
         venue: order.venue
-      }, limitPriceLabel ? { limitPriceLabel } : {}), {
+      }), limitPriceLabel ? { limitPriceLabel } : {}), currentPriceLabel ? { currentPriceLabel } : {}), {
         filledLabel: `${formatScaledNumberTwoDecimals(filledRaw != null ? filledRaw : "0")}/${formatScaledNumberTwoDecimals(totalRaw)}`,
         valueLabel: formatFilledUsdTwoDecimals(totalCostRaw)
       }), expirationLabel ? { expirationLabel } : {}), {
@@ -8014,7 +8080,7 @@ var UserProfilePage = ({
         dagRunId: (_k = order.dagRunId) != null ? _k : null
       });
     });
-  }, [labels, openOrderQueries, openOrders]);
+  }, [labels, openOrderCurrentPriceLabels, openOrderRows, openOrders]);
   const isOpenOrdersQueryLoading = useMemo8(
     () => openOrderQueries.some((query) => query.isLoading),
     [openOrderQueries]
@@ -8179,32 +8245,13 @@ var UserProfilePage = ({
                         classNames == null ? void 0 : classNames.rightColumn
                       ),
                       children: [
-                        /* @__PURE__ */ jsxs18(
-                          "div",
+                        /* @__PURE__ */ jsx19(
+                          PositionsValueCard,
                           {
-                            className: cn(
-                              "grid gap-4",
-                              isKalshiAvailable && !isPaperMode ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1"
-                            ),
-                            children: [
-                              /* @__PURE__ */ jsx19(
-                                PositionsValueCard,
-                                {
-                                  label: labels.userProfile.balance.positionsValue,
-                                  valueLabel: positionsValueLabel,
-                                  isLoading: isPositionsValueLoading,
-                                  compact: isPaperMode
-                                }
-                              ),
-                              isKalshiAvailable && !isPaperMode ? /* @__PURE__ */ jsx19(
-                                PositionsValueCard,
-                                {
-                                  label: labels.userProfile.balance.kalshiBalance,
-                                  valueLabel: formatUsd2((_b = balanceState.kalshiBalance) != null ? _b : 0),
-                                  icon: /* @__PURE__ */ jsx19(VenueLogo, { venue: Venue3.kalshi, size: "small", className: "size-4" })
-                                }
-                              ) : null
-                            ]
+                            label: labels.userProfile.balance.positionsValue,
+                            valueLabel: positionsValueLabel,
+                            isLoading: isPositionsValueLoading,
+                            compact: isPaperMode
                           }
                         ),
                         isPaperMode ? (
@@ -8253,13 +8300,14 @@ var UserProfilePage = ({
                           {
                             valueLabel: availableBalanceLabel,
                             isLoading: isAvailableBalanceLoading,
-                            chains: ((_c = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _c : balanceState.balanceBreakdown).map((b) => ({
+                            chains: ((_b = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown).map((b) => ({
                               key: b.key,
                               label: b.label,
                               balance: b.balance,
                               accountCount: b.accountCount,
                               venues: b.venues
                             })),
+                            kalshiValueLabel: isKalshiAvailable ? formatUsd2((_c = balanceState.kalshiBalance) != null ? _c : 0) : void 0,
                             manageButtonRef: manageBalancesButtonRef,
                             onManage: () => handleManageBalancesOpenChange(true)
                           }