@agg-build/ui 2.1.5 → 2.2.0

package/dist/{chunk-T4YZGAYS.mjs → chunk-5MRFY5ZQ.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-BW7S2YR3.mjs → chunk-73MO7MYG.mjs}

@@ -8,11 +8,11 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-R2YNZJZ3.mjs";
+} from "./chunk-TR7HUVY7.mjs";
 import {
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-T4YZGAYS.mjs";
+} from "./chunk-5MRFY5ZQ.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -43,7 +43,7 @@ import {
   getMotionClassName,
   skeletonViews,
   useOptionalToast
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -106,6 +106,7 @@ import {
   useLiveBestPrices,
   useLiveOutcomePrices,
   useManagedBalances,
+  useMidpoints,
   useQueryClient,
   useSdkUiConfig,
   useSmartRoute
@@ -1119,7 +1120,7 @@ var mapVenueMarketOutcomesToPlaceOrderOutcomes = (venueMarketOutcomes) => {
       label: outcome.label,
       title: (_a = outcome.title) != null ? _a : null,
       price: outcome.price,
-      priceLabel: getTradingPriceLabel(outcome.price)
+      priceLabel: outcome.price != null ? getTradingPriceLabel(outcome.price) : ""
     };
   });
 };
@@ -3339,16 +3340,10 @@ var PlaceOrder = ({
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
   const wsBestPrices = useLiveBestPrices(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
-    prices: /* @__PURE__ */ new Map(),
-    bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
-    venueByOutcomeId: /* @__PURE__ */ new Map(),
-    bestPrices: /* @__PURE__ */ new Map(),
-    bestPriceVenuesByOutcomeId: /* @__PURE__ */ new Map(),
-    isLoading: false,
-    bestMidpoint: void 0,
-    bestMidpointVenue: void 0
-  };
+  const fetchedClusterMidpointResult = useMidpoints(
+    midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
+  );
+  const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterBestMidpointsByOutcomeId = (_i = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _i : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
@@ -4531,11 +4526,11 @@ var PlaceOrder = ({
                 bestPrices: clusterBestPrices,
                 bestMidpoint: clusterBestMidpoint,
                 bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-                livePrices,
-                fallbackPrice: outcome.price
+                livePrices
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
+              const isPriceLoading = clusterMidpointResult.isLoading && price == null;
               return /* @__PURE__ */ jsxs4(
                 "button",
                 {
@@ -4565,7 +4560,16 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    isPriceLoading ? /* @__PURE__ */ jsx5(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: cn(
+                          "agg-place-order-outcome-price-loading",
+                          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                        )
+                      }
+                    ) : /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id

package/dist/{chunk-TBZWRUFB.mjs → chunk-BTRFSEPC.mjs}

@@ -22,7 +22,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-R2YNZJZ3.mjs";
+} from "./chunk-TR7HUVY7.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -73,7 +73,7 @@ import {
   sortCategoriesForNavigation,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -143,9 +143,8 @@ var collectOutcomePrices = (market, outcome, priceByOutcomeId) => {
   const prices = [];
   const seenOutcomeKeys = /* @__PURE__ */ new Set();
   const addPrice = (priceMarket, priceOutcome) => {
-    var _a2;
     if (!priceMarket || !priceOutcome) return;
-    const resolvedPrice = (_a2 = priceByOutcomeId == null ? void 0 : priceByOutcomeId.get(priceOutcome.id)) != null ? _a2 : priceOutcome.price;
+    const resolvedPrice = priceByOutcomeId === void 0 ? priceOutcome.price : priceByOutcomeId.has(priceOutcome.id) ? priceByOutcomeId.get(priceOutcome.id) : void 0;
     const normalizedPrice = normalizeProbability(resolvedPrice);
     if (normalizedPrice == null) return;
     const key = `${priceMarket.id}:${priceOutcome.id}`;
@@ -1286,6 +1285,7 @@ import {
   mergeBestPricesPreferringLive,
   optimizedImageUrl as optimizedImageUrl2,
   resolveEventTradingState,
+  resolveMarketTradingState,
   useEventOrderbookData,
   useLabels as useLabels5,
   useLiveBestPrices,
@@ -1442,13 +1442,8 @@ var resolveChartVenueOutcomes = ({
 }) => {
   if (eligibleVenueOutcomes.length <= 1) return eligibleVenueOutcomes;
   const sortedEligibleVenueOutcomes = [...eligibleVenueOutcomes].sort((left, right) => {
-    var _a, _b;
-    const leftProbability = normalizeProbability(
-      (_a = livePrices.get(left.outcome.id)) != null ? _a : left.outcome.price
-    );
-    const rightProbability = normalizeProbability(
-      (_b = livePrices.get(right.outcome.id)) != null ? _b : right.outcome.price
-    );
+    const leftProbability = normalizeProbability(livePrices.get(left.outcome.id));
+    const rightProbability = normalizeProbability(livePrices.get(right.outcome.id));
     const probabilityDifference = (leftProbability != null ? leftProbability : 2) - (rightProbability != null ? rightProbability : 2);
     if (probabilityDifference !== 0) return probabilityDifference;
     if (left.venue === right.venue) return 0;
@@ -2086,6 +2081,12 @@ var EventListItemDetailsNotFoundState = ({
     }
   );
 };
+var resolveResolvedOutcomePriceMap = (outcomes) => {
+  if (!(outcomes == null ? void 0 : outcomes.length)) return null;
+  if (!outcomes.some((outcome) => outcome.winner === true)) return null;
+  if (outcomes.some((outcome) => outcome.winner == null)) return null;
+  return new Map(outcomes.map((outcome) => [outcome.id, outcome.winner === true ? 1 : 0]));
+};
 var EventListItemDetailsGraphSection = ({
   classNames,
   selectedChartType,
@@ -2207,6 +2208,18 @@ var EventListItemDetailsGraphSection = ({
       });
     });
   }, [availableMarkets, tradingContext == null ? void 0 : tradingContext.selectedMarket]);
+  const resolvedOutcomePriceByMarketId = useMemo5(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const market of availableMarkets) {
+      const marketTradingState = resolveMarketTradingState(market);
+      if (marketTradingState.kind !== "resolved") continue;
+      const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
+      if (outcomePriceMap) {
+        map.set(market.id, outcomePriceMap);
+      }
+    }
+    return map;
+  }, [availableMarkets]);
   const resolvedVenueChartSeries = useMemo5(() => {
     return resolveMarketChartVenueSeries({
       chartData: scopedMarketChartData,
@@ -2302,8 +2315,8 @@ var EventListItemDetailsGraphSection = ({
                     classNames == null ? void 0 : classNames.outcomeBadges
                   ),
                   children: chartAvailableVenueOutcomes.map((item) => {
-                    var _a3;
-                    const percentage = (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price;
+                    var _a3, _b3;
+                    const percentage = (_b3 = (_a3 = resolvedOutcomePriceByMarketId.get(item.market.id)) == null ? void 0 : _a3.get(item.outcome.id)) != null ? _b3 : wsLivePrices.get(item.outcome.id);
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
@@ -2366,21 +2379,21 @@ var EventListItemDetailsGraphSection = ({
                     tradingContext == null ? void 0 : tradingContext.selectOutcome(outcomeId);
                   },
                   options: selectedMarketOutcomes.map((outcome) => {
-                    var _a3, _b3, _c3;
-                    const price = getDisplayOutcomePrice({
+                    var _a3, _b3, _c3, _d3, _e2;
+                    const resolvedPrice = availableMarkets[0] == null ? void 0 : (_b3 = resolvedOutcomePriceByMarketId.get(((_a3 = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _a3 : availableMarkets[0]).id)) == null ? void 0 : _b3.get(outcome.id);
+                    const price = resolvedPrice != null ? resolvedPrice : getDisplayOutcomePrice({
                       outcomeId: outcome.id,
                       outcomeLabel: outcome.label,
-                      selection: (_a3 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a3 : "buy",
+                      selection: (_c3 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _c3 : "buy",
                       bestPrices,
                       bestMidpoint,
                       bestMidpointsByOutcomeId: restMidpoints,
-                      livePrices,
-                      fallbackPrice: outcome.price
+                      livePrices
                     });
                     return {
                       value: outcome.id,
-                      label: `${(_b3 = outcome.title) != null ? _b3 : outcome.label} ${formatProbabilityCents(price)}`,
-                      ariaLabel: `${(_c3 = outcome.title) != null ? _c3 : outcome.label} ${formatProbabilityCents(price)}`
+                      label: `${(_d3 = outcome.title) != null ? _d3 : outcome.label} ${formatProbabilityCents(price)}`,
+                      ariaLabel: `${(_e2 = outcome.title) != null ? _e2 : outcome.label} ${formatProbabilityCents(price)}`
                     };
                   })
                 }
@@ -3250,7 +3263,7 @@ import {
   MarketStatus,
   mergeBestPricesPreferringLive as mergeBestPricesPreferringLive2,
   optimizedImageUrl as optimizedImageUrl3,
-  resolveMarketTradingState,
+  resolveMarketTradingState as resolveMarketTradingState2,
   useEventTradingContext as useEventTradingContext2,
   useEventOrderbookData as useEventOrderbookData2,
   useLabels as useLabels7,
@@ -3258,6 +3271,7 @@ import {
   useLiveBestPriceCandidates,
   useLiveOutcomePrices as useLiveOutcomePrices2,
   useMarketOrderbook,
+  useMidpoints as useMidpoints2,
   useSdkUiConfig as useSdkUiConfig4,
   useVenueMarkets as useVenueMarkets2,
   useViewportMidpoints
@@ -3369,6 +3383,34 @@ var getMarketDetailsOutcomeButtonClassNames = ({
     text: cn(isSelected ? toneClasses.text : "text-agg-foreground")
   };
 };
+var OutcomePriceContent = ({
+  isLoading,
+  isSelected,
+  value,
+  textClassName
+}) => {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx8(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-market-details-outcome-price-loading",
+          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(
+    Typography,
+    {
+      as: "span",
+      variant: isSelected ? "body-strong" : "body",
+      className: cn("shrink-0 whitespace-nowrap", textClassName),
+      children: formatProbabilityCents(value)
+    }
+  );
+};
 var MarketDetailsOutcomeButton = ({
   ariaControls,
   enableAnimations,
@@ -3424,12 +3466,12 @@ var MarketDetailsOutcomeButton = ({
           }
         ) : null,
         /* @__PURE__ */ jsx8(
-          Typography,
+          OutcomePriceContent,
           {
-            as: "span",
-            variant: isSelected ? "body-strong" : "body",
-            className: cn("shrink-0 whitespace-nowrap", classNames.text),
-            children: formatProbabilityCents(item.probability)
+            isLoading: item.isPriceLoading,
+            isSelected,
+            value: item.probability,
+            textClassName: classNames.text
           }
         )
       ] }) : /* @__PURE__ */ jsxs6("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
@@ -3444,12 +3486,12 @@ var MarketDetailsOutcomeButton = ({
           }
         ),
         /* @__PURE__ */ jsx8(
-          Typography,
+          OutcomePriceContent,
           {
-            as: "span",
-            variant: isSelected ? "body-strong" : "body",
-            className: cn("shrink-0 whitespace-nowrap", classNames.text),
-            children: formatProbabilityCents(item.probability)
+            isLoading: item.isPriceLoading,
+            isSelected,
+            value: item.probability,
+            textClassName: classNames.text
           }
         )
       ] })
@@ -3647,9 +3689,8 @@ var MarketDetailsGraphPanel = ({
           var _a2, _b2, _c2, _d;
           return /* @__PURE__ */ jsxs7("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
             /* @__PURE__ */ jsx9("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
-              var _a3;
               const probability = formatProbabilityPercent(
-                (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price,
+                wsLivePrices.get(item.outcome.id),
                 formatPercent
               );
               const isActiveVenue = selectedGraphVenue === item.venue;
@@ -3855,21 +3896,13 @@ var MarketDetailsContent = ({
     if (!resolvedMarket) return null;
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
-  const isResolvedMarket = resolveMarketTradingState(scopedResolvedMarket).kind === "resolved";
+  const isResolvedMarket = resolveMarketTradingState2(scopedResolvedMarket).kind === "resolved";
   useEventOrderbookData2(
     isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
     (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
   );
-  const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
-    prices: /* @__PURE__ */ new Map(),
-    bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
-    venueByOutcomeId: /* @__PURE__ */ new Map(),
-    bestPrices: /* @__PURE__ */ new Map(),
-    bestPriceVenuesByOutcomeId: /* @__PURE__ */ new Map(),
-    isLoading: false,
-    bestMidpoint: void 0,
-    bestMidpointVenue: void 0
-  };
+  const fetchedClusterMidpointResult = useMidpoints2(midpointsResult ? [] : clusterVenueMarkets);
+  const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
   const clusterVenueByOutcomeId = clusterMidpointResult.venueByOutcomeId;
@@ -3932,7 +3965,7 @@ var MarketDetailsContent = ({
     return (_a2 = model.market.venueMarkets.find((venueMarket) => venueMarket.id === model.market.id)) != null ? _a2 : model.primaryVenueMarket;
   }, [model]);
   const marketTradingState = useMemo7(() => {
-    return resolveMarketTradingState(scopedMarketForCard);
+    return resolveMarketTradingState2(scopedMarketForCard);
   }, [scopedMarketForCard]);
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
@@ -4029,18 +4062,24 @@ var MarketDetailsContent = ({
       });
       const bestVenue = candidate == null ? void 0 : candidate.venue;
       const outcomeBestPrice = candidate == null ? void 0 : candidate.price;
+      const isPriceLoading = !isResolvedMarket && outcomeBestPrice == null && clusterMidpointResult.isLoading;
       if (isResolvedMarket) {
         const isWinningOutcome = item.id === ((_a2 = marketTradingState.winningOutcome) == null ? void 0 : _a2.id);
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
-          probability: isWinningOutcome ? 1 : 0
+          probability: isWinningOutcome ? 1 : 0,
+          isPriceLoading: false
         }), bestVenue ? { venue: bestVenue } : {});
       }
       if (outcomeBestPrice != null) {
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
-          probability: outcomeBestPrice
+          probability: outcomeBestPrice,
+          isPriceLoading: false
         }), bestVenue ? { venue: bestVenue } : {});
       }
-      return item;
+      return __spreadProps(__spreadValues({}, item), {
+        probability: void 0,
+        isPriceLoading
+      });
     });
   }, [
     clusterBestMidpoint,
@@ -4062,7 +4101,7 @@ var MarketDetailsContent = ({
     wsBestCandidates
   ]);
   const headlineProbability = useMemo7(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2;
     if (!model || !scopedMarketForCard) return void 0;
     if (isResolvedMarket) {
       const yesOutcome2 = resolveYesOutcome(scopedMarketForCard);
@@ -4070,10 +4109,7 @@ var MarketDetailsContent = ({
       return yesOutcome2.winner === true ? 1 : 0;
     }
     const yesOutcome = resolveYesOutcome(scopedMarketForCard);
-    const displayOutcome = yesOutcome != null ? yesOutcome : (_b2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _b2.reduce(
-      (acc, outcome) => outcome.price > acc.price ? outcome : acc,
-      (_a2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _a2[0]
-    );
+    const displayOutcome = yesOutcome != null ? yesOutcome : (_a2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _a2[0];
     if (displayOutcome == null) return void 0;
     const referencePrice = getDisplayOutcomePrice({
       outcomeId: displayOutcome.id,
@@ -4083,10 +4119,10 @@ var MarketDetailsContent = ({
       bestMidpoint: clusterBestMidpoint,
       bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
       livePrices: wsLivePrices,
-      fallbackPrice: (_c2 = midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)) != null ? _c2 : displayOutcome.price
+      fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (_d2 = findLivePriceById(wsLivePrices, displayOutcome.id)) != null ? _d2 : displayOutcome.price;
+    return findLivePriceById(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -4597,13 +4633,13 @@ var resolveIsResolvedEvent = (sourceMarkets, eventTradingState) => {
     return eventTradingState.kind === "resolved";
   }
   if (sourceMarkets.length === 0) return false;
-  return sourceMarkets.every((market) => resolveMarketTradingState(market).kind === "resolved");
+  return sourceMarkets.every((market) => resolveMarketTradingState2(market).kind === "resolved");
 };
 var resolveResolvedWinnerMarketId = (sourceMarkets, eventTradingState) => {
   var _a, _b, _c, _d, _e;
   const preferredMarket = (_a = eventTradingState == null ? void 0 : eventTradingState.primaryMarket) != null ? _a : null;
   if (preferredMarket && sourceMarkets.some((market) => market.id === preferredMarket.id)) {
-    if (resolveMarketTradingState(preferredMarket).kind === "resolved") {
+    if (resolveMarketTradingState2(preferredMarket).kind === "resolved") {
       return preferredMarket.id;
     }
   }
@@ -4674,7 +4710,7 @@ var MarketDetailsList = ({
     const resolved = [];
     const closed = [];
     sourceMarkets.forEach((market) => {
-      const marketStateKind = resolveMarketTradingState(market).kind;
+      const marketStateKind = resolveMarketTradingState2(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);
         return;
@@ -4702,7 +4738,7 @@ var MarketDetailsList = ({
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
   const midpointEligibleMarkets = useMemo7(() => {
     return displayedMarkets.filter(
-      (market) => resolveMarketTradingState(market).kind !== "resolved"
+      (market) => resolveMarketTradingState2(market).kind !== "resolved"
     );
   }, [displayedMarkets]);
   const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = useViewportMidpoints(midpointEligibleMarkets);
@@ -4724,7 +4760,7 @@ var MarketDetailsList = ({
       return;
     }
     const fallbackSelectableMarket = displayedMarkets.find(
-      (market) => !resolveMarketTradingState(market).isTradingDisabled
+      (market) => !resolveMarketTradingState2(market).isTradingDisabled
     );
     if (!fallbackSelectableMarket) {
       return;
@@ -4746,7 +4782,7 @@ var MarketDetailsList = ({
     setExpandedMarketId(marketId);
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(marketId);
     if (marketId === selectedMarketId) return;
-    if (resolveMarketTradingState(market).isTradingDisabled) return;
+    if (resolveMarketTradingState2(market).isTradingDisabled) return;
     tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
   };
   if (!hasPrefetchedMarkets && isLoading) {

package/dist/{chunk-XUBIJI4R.mjs → chunk-DTOI4V6P.mjs}

@@ -10,7 +10,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-TBZWRUFB.mjs";
+} from "./chunk-BTRFSEPC.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -18,7 +18,10 @@ import {
   WITHDRAW_MODAL_OPEN_EVENT,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-BW7S2YR3.mjs";
+} from "./chunk-73MO7MYG.mjs";
+import {
+  getDisplayOutcomePrice
+} from "./chunk-TR7HUVY7.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -48,7 +51,7 @@ import {
   resolveTabVenus,
   shortenAddress,
   sortCategoriesForNavigation
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1268,7 +1271,7 @@ var SportsMarketCard = ({
   const combinedMoneylineHeaderOutcomeItems = useMemo(() => {
     if (!isCombinedMoneylineGroup) return void 0;
     return combinedMoneylineMarkets.flatMap((market, index) => {
-      var _a2;
+      var _a2, _b2;
       const typedMarket = market;
       const yesOutcome = market.venueMarketOutcomes.find(
         (outcome) => outcome.label.trim().toLowerCase() === "yes"
@@ -1276,19 +1279,25 @@ var SportsMarketCard = ({
       if (!yesOutcome) return [];
       const label = ((_a2 = typedMarket.shortTitle) == null ? void 0 : _a2.trim()) || market.question.trim();
       if (!label) return [];
+      const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+        outcomeId: yesOutcome.id,
+        outcomeLabel: yesOutcome.label,
+        bestMidpointsByOutcomeId: (_b2 = midpointsResult.bestMidpointsByOutcomeId) != null ? _b2 : midpointsResult.prices
+      });
       return [
         {
           id: yesOutcome.id,
           label,
           title: label,
-          probability: yesOutcome.price,
+          probability,
+          isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
           tone: index === 0 ? "positive" : "negative",
           variant: "outcome",
           venue: market.venue
         }
       ];
     });
-  }, [combinedMoneylineMarkets, isCombinedMoneylineGroup]);
+  }, [combinedMoneylineMarkets, isCombinedMoneylineGroup, midpointsResult]);
   const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
   const handleLineSelect = (index) => {
     var _a2, _b2;

package/dist/{chunk-XHE2VO3S.mjs → chunk-HNLA44SY.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   dispatchAggDepositNotification
-} from "./chunk-T4YZGAYS.mjs";
+} from "./chunk-5MRFY5ZQ.mjs";
 import {
   BestPricesIcon,
   BoltIcon,
@@ -41,7 +41,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-MIAAL7BL.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";