@agg-build/ui 2.2.0 → 2.2.3

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

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

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

@@ -8,11 +8,11 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-TR7HUVY7.mjs";
+} from "./chunk-LPIAEKSZ.mjs";
 import {
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-5MRFY5ZQ.mjs";
+} from "./chunk-4QGZ3FWI.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -41,9 +41,10 @@ import {
   formatSportsEventTimeEt,
   formatUsd,
   getMotionClassName,
+  resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-MIAAL7BL.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -2785,7 +2786,7 @@ var PlaceOrderResolvedView = ({
   className,
   isSportsEvent = false
 }) => {
-  var _a;
+  var _a, _b;
   const labels = useLabels();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
@@ -2863,7 +2864,16 @@ var PlaceOrderResolvedView = ({
               ),
               children: [
                 tradingState.market ? /* @__PURE__ */ jsx5(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
+                  shouldUseRawResolvedPlaceOrderOutcomeLabel(
+                    tradingState.market,
+                    tradingState.winningOutcome
+                  ) ? tradingState.winningOutcome.label : (_b = resolveResolvedOutcomeLabel({
+                    market: tradingState.market,
+                    outcome: tradingState.winningOutcome,
+                    allowSportsMoneylineMarketFallback: false
+                  })) != null ? _b : tradingState.winningOutcome.label
+                ) }) : null
               ]
             }
           )
@@ -2925,6 +2935,16 @@ var renderRouteBreakdownRow = (row) => {
     rowKey
   );
 };
+var SIDE_NAMED_MONEYLINE_QUESTION_RE = /\s(?:vs\.?|@|at)\s/i;
+var shouldUseRawResolvedPlaceOrderOutcomeLabel = (market, outcome) => {
+  var _a, _b;
+  if (!market || !outcome) return false;
+  const isSportsMoneylineMarket = (market.sportsMarketType === "moneyline" || market.marketGroup === "game_lines") && (outcome.label.trim().toLowerCase() === "yes" || outcome.label.trim().toLowerCase() === "no");
+  if (!isSportsMoneylineMarket) return false;
+  const marketLabel = ((_b = (_a = market.shortTitle) != null ? _a : market.question) != null ? _b : "").trim();
+  if (!marketLabel) return false;
+  return !SIDE_NAMED_MONEYLINE_QUESTION_RE.test(marketLabel);
+};
 var renderRouteCard = ({
   card,
   enableAnimations,
@@ -5172,7 +5192,7 @@ function useResolvedMarketClaim(options = {}) {
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
   return useMemo4(() => {
-    var _a2, _b, _c;
+    var _a2;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(
       (candidate) => candidate.targetMarketId === marketId
@@ -5184,7 +5204,10 @@ function useResolvedMarketClaim(options = {}) {
     if (winningOutcomes.length === 0) return void 0;
     const totals = computeClosedPositionTotals(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
-    const winningOutcomeLabel = ((_b = (_a2 = winningOutcomes[0]) == null ? void 0 : _a2.title) == null ? void 0 : _b.trim()) || ((_c = winningOutcomes[0]) == null ? void 0 : _c.label) || "";
+    const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
+      market: market != null ? market : group.venueMarket,
+      outcome: winningOutcomes[0]
+    })) != null ? _a2 : "";
     const claimKey = group.targetMarketId;
     const canClaim = group.redeemStatus === "eligible" && totals.winningOutcomeIds.length > 0;
     return {

package/dist/{chunk-TR7HUVY7.mjs → chunk-LPIAEKSZ.mjs}

@@ -13,11 +13,12 @@ import {
   normalizeProbability,
   normalizeVenueMarketCluster,
   resolveOutcomeTitle,
+  resolveResolvedOutcomeLabel,
   resolveVenueLineColor,
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-MIAAL7BL.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -508,6 +509,79 @@ var isDateLikeLabel = (value) => {
   if (!value.trim()) return false;
   return dayjs2(value).isValid();
 };
+var CHART_RANGE_PRIORITY = ["1H", "6H", "1D", "1W", "1M", "ALL"];
+var RANGE_SECONDS_BY_TIME_RANGE = {
+  "1H": 60 * 60,
+  "6H": 6 * 60 * 60,
+  "1D": 24 * 60 * 60,
+  "1W": 7 * 24 * 60 * 60,
+  "1M": 30 * 24 * 60 * 60,
+  ALL: 6 * 30 * 24 * 60 * 60
+};
+var toUnixTimestamp = (value) => {
+  if (!value) return null;
+  const parsedValue = dayjs2(value);
+  if (!parsedValue.isValid()) return null;
+  return parsedValue.unix();
+};
+var isResolvedMarketStatus = (status) => {
+  if (!status) return false;
+  const normalizedStatus = status.trim().toLowerCase();
+  return normalizedStatus.includes("resolved") || normalizedStatus.includes("closed") || normalizedStatus.includes("settled") || normalizedStatus.includes("final");
+};
+var resolveInitialEventDetailsChartRange = ({
+  chartData,
+  event,
+  fallbackRange,
+  nowSec = dayjs2().unix(),
+  selectedMarket
+}) => {
+  var _a, _b;
+  const scopedMarkets = selectedMarket ? [selectedMarket] : event.venueMarkets;
+  const preferredEventStart = (_a = toUnixTimestamp(event.startDate)) != null ? _a : toUnixTimestamp(event.creationDate);
+  const marketStartCandidates = scopedMarkets.map((market) => {
+    var _a2;
+    return (_a2 = toUnixTimestamp(market.startDate)) != null ? _a2 : toUnixTimestamp(market.creationDate);
+  }).filter((value) => value != null);
+  const metadataStarts = [preferredEventStart, ...marketStartCandidates].filter(
+    (value) => value != null
+  );
+  const metadataEnds = [
+    toUnixTimestamp(event.endDate),
+    ...scopedMarkets.flatMap((market) => [
+      toUnixTimestamp(market.endDate),
+      toUnixTimestamp(market.resolutionDate)
+    ])
+  ].filter((value) => value != null);
+  const historyTimestamps = chartData == null ? [] : Object.values(chartData.venues).flatMap((venueData) => [
+    ...venueData.candles.map((candle) => candle.time),
+    ...venueData.liveCandle ? [venueData.liveCandle.time] : []
+  ]);
+  const startCandidates = [...metadataStarts, ...historyTimestamps];
+  if (startCandidates.length === 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  const marketResolved = [event.status, ...scopedMarkets.map((market) => market.status)].some(
+    isResolvedMarketStatus
+  );
+  const isUsingSharedOverlapStart = scopedMarkets.length > 1 && marketStartCandidates.length === scopedMarkets.length;
+  const startTs = isUsingSharedOverlapStart ? Math.max(...marketStartCandidates) : Math.min(...startCandidates);
+  const endTs = Math.max(
+    ...marketResolved && metadataEnds.length > 0 ? [nowSec, ...metadataEnds, ...historyTimestamps] : [nowSec, ...historyTimestamps]
+  );
+  const spanSeconds = Math.max(0, endTs - startTs);
+  if (spanSeconds <= 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  if (!marketResolved && spanSeconds > RANGE_SECONDS_BY_TIME_RANGE["1M"]) {
+    return "1M";
+  }
+  const requiredSeconds = spanSeconds * (isUsingSharedOverlapStart ? 1 : marketResolved ? 1.05 : 1.2);
+  const matchingRange = CHART_RANGE_PRIORITY.find((range) => {
+    return RANGE_SECONDS_BY_TIME_RANGE[range] >= requiredSeconds;
+  });
+  return (_b = matchingRange != null ? matchingRange : fallbackRange) != null ? _b : "ALL";
+};
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
   const semanticSelectedLabel = toSemanticLabel(selectedOutcomeLabel);
@@ -1122,8 +1196,13 @@ var resolveTradingStateTimestampLabel = (labels, state) => {
   return null;
 };
 var resolveTradingStatePresentation = (labels, state) => {
+  var _a;
   const timestampLabel = resolveTradingStateTimestampLabel(labels, state);
-  const winningOutcomeLabel = state.winningOutcome ? labels.eventMarketPage.winningOutcome(state.winningOutcome.label) : null;
+  const resolvedOutcomeLabel = resolveResolvedOutcomeLabel({
+    market: (_a = state.market) != null ? _a : null,
+    outcome: state.winningOutcome
+  });
+  const winningOutcomeLabel = resolvedOutcomeLabel ? labels.eventMarketPage.winningOutcome(resolvedOutcomeLabel) : null;
   if (state.kind === "resolved") {
     return {
       badgeLabel: labels.eventMarketPage.tradingResolvedBadge,
@@ -1211,6 +1290,7 @@ var resolveOrderEligibilityMessage = (labels, reason) => {
 export {
   useEventTradingContext,
   sortOutcomeSelectorOutcomes,
+  resolveInitialEventDetailsChartRange,
   resolveOutcomesByVenue,
   resolveSeriesColor,
   resolveMarketChartVenueSeries,

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

@@ -7,6 +7,7 @@ import {
   getDisplayOutcomePrice,
   getFirstSettlementParagraph,
   resolveHeaderOutcomeItems,
+  resolveInitialEventDetailsChartRange,
   resolveInitialOutcomeLabel,
   resolveInitialTab,
   resolveMarketChartDisplaySeries,
@@ -22,7 +23,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-TR7HUVY7.mjs";
+} from "./chunk-LPIAEKSZ.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -67,13 +68,14 @@ import {
   resolveDisplayVolume,
   resolveEventListItemEvent,
   resolveOutcomeTitle,
+  resolveResolvedOutcomeLabel,
   resolveTabVenus,
   resolveVenueLabel,
   resolveYesOutcome,
   sortCategoriesForNavigation,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-MIAAL7BL.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -326,6 +328,24 @@ var buildOutcomeMidpointsByOutcomeId = (midpointRows) => {
   }
   return outcomeMidpointsByOutcomeId;
 };
+var buildArbReturnByVenueMarketId = (midpointRows) => {
+  const arbReturnByVenueMarketId = /* @__PURE__ */ new Map();
+  const addArbReturn = (value) => {
+    var _a, _b;
+    if (!value || typeof value !== "object") return;
+    const row = value;
+    if (row.venueMarketId && !arbReturnByVenueMarketId.has(row.venueMarketId)) {
+      arbReturnByVenueMarketId.set(row.venueMarketId, (_a = row.arbReturn) != null ? _a : null);
+    }
+    for (const matchedRow of (_b = row.matched) != null ? _b : []) {
+      addArbReturn(matchedRow);
+    }
+  };
+  for (const row of midpointRows) {
+    addArbReturn(row);
+  }
+  return arbReturnByVenueMarketId;
+};
 var resolveMarketHrefFromEventHref = (eventHref, marketId, outcomeId) => {
   if (!eventHref) return void 0;
   if (typeof window === "undefined") return void 0;
@@ -342,6 +362,9 @@ var EventListItemContent = ({
   event,
   classNames,
   arbitrageByOutcomeId,
+  midpointPrices,
+  midpointRows: sharedMidpointRows,
+  midpointsLoading,
   onEventClick,
   onMarketClick,
   getMarketHref,
@@ -395,6 +418,8 @@ var EventListItemContent = ({
     if (!isLazyMarketsQueryEnabled || lazyLoadedMarkets.length === 0) return allVenueMarkets;
     return dedupeVenueMarketsById([...allVenueMarkets, ...lazyLoadedMarkets]);
   }, [allVenueMarkets, isLazyMarketsQueryEnabled, lazyLoadedMarkets]);
+  const hasExpandedMarkets = isLazyMarketsQueryEnabled && lazyLoadedMarkets.length > 0;
+  const shouldUseSharedMidpoints = !hasExpandedMarkets && (midpointPrices !== void 0 || sharedMidpointRows !== void 0 || midpointsLoading !== void 0);
   const midpointVenueMarketIds = useMemo(() => {
     var _a2;
     const ids = [];
@@ -406,19 +431,21 @@ var EventListItemContent = ({
     }
     return [...new Set(ids)];
   }, [resolvedOutcomeMarkets]);
-  const { midpointRows, isLoading: isVenueMarketMidpointsLoading } = useVenueMarketMidpoints({
-    venueMarketIds: midpointVenueMarketIds,
-    enabled: midpointVenueMarketIds.length > 0
+  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = useVenueMarketMidpoints({
+    venueMarketIds: shouldUseSharedMidpoints ? [] : midpointVenueMarketIds,
+    enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
-  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = useMidpoints(resolvedOutcomeMarkets);
-  const isAwaitingMidpoints = isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
+  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = useMidpoints(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
+  const resolvedMidpointRows = shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows;
+  const resolvedDisplayMidpointsByOutcomeId = shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId;
+  const isAwaitingMidpoints = midpointsLoading != null ? midpointsLoading : isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
   const displayPriceByOutcomeId = useMemo(() => {
-    const priceByOutcomeId = new Map(displayMidpointsByOutcomeId);
-    for (const [outcomeId, price] of buildOutcomeMidpointsByOutcomeId(midpointRows)) {
+    const priceByOutcomeId = new Map(resolvedDisplayMidpointsByOutcomeId);
+    for (const [outcomeId, price] of buildOutcomeMidpointsByOutcomeId(resolvedMidpointRows)) {
       priceByOutcomeId.set(outcomeId, price);
     }
     return priceByOutcomeId;
-  }, [displayMidpointsByOutcomeId, midpointRows]);
+  }, [resolvedDisplayMidpointsByOutcomeId, resolvedMidpointRows]);
   const comparison = useMemo(() => {
     return normalizeEventListItemV2Comparison({
       venueMarkets: resolvedOutcomeMarkets,
@@ -429,6 +456,9 @@ var EventListItemContent = ({
   const gapsByVenueMarketId = useMemo(() => {
     return computePriceGapsFromComparisonRows(comparison.rows);
   }, [comparison.rows]);
+  const arbReturnByVenueMarketId = useMemo(() => {
+    return buildArbReturnByVenueMarketId(resolvedMidpointRows);
+  }, [resolvedMidpointRows]);
   const shouldRenderLoadingOutcomeRow = shouldEnableLazyMarketLoading && (!isLazyMarketsQueryEnabled || isLoadingLazyMarkets || isFetchingNextLazyMarketsPage || hasNextLazyMarketsPage);
   const resolvedVolume = (_a = resolveDisplayVolume(event.volume, allVenueMarkets)) != null ? _a : 0;
   const volumeLabel = `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}`;
@@ -560,10 +590,10 @@ var EventListItemContent = ({
       )
     ] });
   };
-  const renderPriceGapPill = (value) => {
+  const renderPriceGapPill = (value, source = "percent") => {
     if (!config.features.enablePriceGap) return null;
     if (isAwaitingMidpoints) return null;
-    const formattedPriceGap = formatPriceGapPercent(value);
+    const formattedPriceGap = formatPriceGapPercent(value, source);
     if (!formattedPriceGap) return null;
     return /* @__PURE__ */ jsxs(
       "span",
@@ -699,7 +729,9 @@ var EventListItemContent = ({
               comparison.rows.map((row) => {
                 var _a2;
                 const arbitragePercent = (_a2 = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.outcome.id]) != null ? _a2 : arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.market.id];
-                const priceGapPercent = gapsByVenueMarketId.get(row.market.id);
+                const arbReturn = arbReturnByVenueMarketId.get(row.market.id);
+                const priceGapPercent = arbReturn == null ? gapsByVenueMarketId.get(row.market.id) : arbReturn;
+                const priceGapSource = arbReturn == null ? "percent" : "fraction";
                 return /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -719,7 +751,7 @@ var EventListItemContent = ({
                       ) }),
                       /* @__PURE__ */ jsxs("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
                         renderArbitrage(arbitragePercent),
-                        renderPriceGapPill(priceGapPercent),
+                        renderPriceGapPill(priceGapPercent, priceGapSource),
                         /* @__PURE__ */ jsx("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
                           (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
                         ) })
@@ -2093,7 +2125,6 @@ var EventListItemDetailsGraphSection = ({
   venueMarkets,
   selectedMarketId,
   livePrices,
-  wsLivePrices,
   restMidpoints,
   bestMidpoint,
   bestPrices,
@@ -2287,7 +2318,7 @@ var EventListItemDetailsGraphSection = ({
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
       series: visibleChartSeries,
-      height: 300,
+      height: 200,
       isLoading: isScopedMarketChartLoading,
       chartType: selectedChartType,
       liveCandle: selectedChartType === "candlestick" ? (_m = chartLiveState.liveCandle) != null ? _m : void 0 : void 0,
@@ -2316,7 +2347,7 @@ var EventListItemDetailsGraphSection = ({
                   ),
                   children: chartAvailableVenueOutcomes.map((item) => {
                     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 percentage = (_b3 = (_a3 = resolvedOutcomePriceByMarketId.get(item.market.id)) == null ? void 0 : _a3.get(item.outcome.id)) != null ? _b3 : livePrices.get(item.outcome.id);
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
@@ -2324,6 +2355,7 @@ var EventListItemDetailsGraphSection = ({
                       "button",
                       {
                         type: "button",
+                        "data-id": item.outcome.id,
                         "aria-label": `${item.venue} ${text}`,
                         "aria-pressed": isActiveVenue,
                         className: cn(
@@ -2414,6 +2446,7 @@ var EventListItemDetailsContent = ({
   detailsStats,
   eventTradingState,
   ariaLabel,
+  defaultTimeRange,
   onClick,
   midpointsResult
 }) => {
@@ -2422,9 +2455,6 @@ var EventListItemDetailsContent = ({
   const lastAppliedEventSyncKeyRef = useRef2(null);
   const lastAppliedDefaultRef = useRef2(null);
   const [chartRangeOverride, setChartRangeOverride] = useState3(null);
-  useEffect2(() => {
-    setChartRangeOverride(null);
-  }, [event.id]);
   const config = useSdkUiConfig2();
   const labels = useLabels5();
   const tradingContext = useEventTradingContext();
@@ -2433,13 +2463,20 @@ var EventListItemDetailsContent = ({
     return eventTradingState != null ? eventTradingState : resolveEventTradingState(event);
   }, [event, eventTradingState]);
   const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_a = tradingContext.selectedMarket) != null ? _a : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
+  const venueMarkets = useMemo5(
+    () => resolvedEventTradingState.displayMarkets,
+    [resolvedEventTradingState.displayMarkets]
+  );
+  const eventDetailVenueMarkets = useMemo5(() => {
+    return normalizeVenueMarketCluster(venueMarkets);
+  }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
   useEventOrderbookData(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = useLiveOutcomePrices(resolvedEventTradingState.displayMarkets);
-  const wsBestPrices = useLiveBestPrices(resolvedEventTradingState.displayMarkets);
+  const wsLivePrices = useLiveOutcomePrices(eventDetailVenueMarkets);
+  const wsBestPrices = useLiveBestPrices(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -2464,6 +2501,16 @@ var EventListItemDetailsContent = ({
     for (const [k, v] of wsLivePrices) merged.set(k, v);
     return merged;
   }, [restMidpoints, wsLivePrices]);
+  const initialChartTimeRange = useMemo5(() => {
+    return resolveInitialEventDetailsChartRange({
+      event,
+      selectedMarket: scopedSelectedMarket,
+      fallbackRange: defaultTimeRange != null ? defaultTimeRange : config.chart.selectedChartTimeRange
+    });
+  }, [config.chart.selectedChartTimeRange, defaultTimeRange, event, scopedSelectedMarket]);
+  useEffect2(() => {
+    setChartRangeOverride(initialChartTimeRange);
+  }, [event.id, initialChartTimeRange, scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id]);
   useEffect2(() => {
     if (!tradingContext) return;
     if (lastAppliedEventSyncKeyRef.current === eventSyncKey) return;
@@ -2501,10 +2548,6 @@ var EventListItemDetailsContent = ({
     tradingContext,
     tradingContext == null ? void 0 : tradingContext.selectedEventId
   ]);
-  const venueMarkets = useMemo5(
-    () => resolvedEventTradingState.displayMarkets,
-    [resolvedEventTradingState.displayMarkets]
-  );
   const marketOptions = useMemo5(
     () => venueMarkets.map((vm) => ({
       value: vm.id,
@@ -2626,7 +2669,6 @@ var EventListItemDetailsContent = ({
               venueMarkets,
               selectedMarketId: (_d = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _d : null,
               livePrices,
-              wsLivePrices,
               restMidpoints,
               bestMidpoint,
               bestPrices,
@@ -3970,6 +4012,10 @@ var MarketDetailsContent = ({
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
   const marketStatePresentation = resolveTradingStatePresentation(labels, marketTradingState);
+  const resolvedWinningOutcomeLabel = resolveResolvedOutcomeLabel({
+    market: scopedMarketForCard,
+    outcome: marketTradingState.winningOutcome
+  });
   const marketDetailsTabs = useMemo7(() => {
     return getMarketDetailsTabs(labels);
   }, [labels]);
@@ -4406,7 +4452,9 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx10(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(marketTradingState.winningOutcome.label) })
+                    /* @__PURE__ */ jsx10(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                      resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
+                    ) })
                   ]
                 }
               ) }) : isUpcomingMarket ? /* @__PURE__ */ jsx10("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ jsxs8(
@@ -4883,7 +4931,8 @@ import {
   useCategoryChildren,
   useLabels as useLabels9,
   useSdkUiConfig as useSdkUiConfig5,
-  useVenueEvents
+  useVenueEvents,
+  useVenueMarketMidpoints as useVenueMarketMidpoints2
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
 import * as Dialog from "@radix-ui/react-dialog";
@@ -5252,6 +5301,23 @@ var resolveSortQueryParams = (value) => {
   }
   return { sortBy: "volume24hr", sortDir: "desc" };
 };
+var collectEventListVenueMarkets = (events) => {
+  return events.flatMap((event) => {
+    var _a;
+    return (_a = event.venueMarkets) != null ? _a : [];
+  });
+};
+var collectMidpointVenueMarketIds = (venueMarkets) => {
+  var _a;
+  const ids = [];
+  for (const market of venueMarkets) {
+    ids.push(market.id);
+    for (const sibling of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+      ids.push(sibling.id);
+    }
+  }
+  return [...new Set(ids)];
+};
 var EventList = ({
   title,
   limit = DEFAULT_EVENTS_LIMIT,
@@ -5466,6 +5532,16 @@ var EventList = ({
     if (resolvedMaxVisibleItems == null) return normalizedEvents;
     return normalizedEvents.slice(0, resolvedMaxVisibleItems);
   }, [orderedEvents, resolvedMaxVisibleItems]);
+  const visibleVenueMarkets = useMemo10(() => {
+    return collectEventListVenueMarkets(tileEvents);
+  }, [tileEvents]);
+  const visibleMidpointVenueMarketIds = useMemo10(() => {
+    return collectMidpointVenueMarketIds(visibleVenueMarkets);
+  }, [visibleVenueMarkets]);
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = useVenueMarketMidpoints2({
+    venueMarketIds: visibleMidpointVenueMarketIds,
+    enabled: visibleMidpointVenueMarketIds.length > 0
+  });
   const shouldRenderLoadingState = isLoading && !isPlaceholderData && tileEvents.length === 0;
   const shouldRenderEmptyState = !isLoading && !isError && tileEvents.length === 0;
   const shouldRenderPaginationLoadingItems = shouldPaginate && hasNextPage;
@@ -5634,6 +5710,8 @@ var EventList = ({
                   EventListItem,
                   {
                     event,
+                    midpointRows: sharedMidpointRows,
+                    midpointsLoading: isSharedMidpointsLoading,
                     classNames: {
                       root: "agg-event-list-item w-full min-w-0! max-w-none justify-between!"
                     },