@agg-build/ui 4.21.0 → 4.22.2

package/dist/{chunk-5PA5KLXN.mjs → chunk-4IO5CRSG.mjs}

@@ -8,7 +8,7 @@ import {
   EventListTabs,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-JLO2BGSF.mjs";
+} from "./chunk-LIB6TLLV.mjs";
 import {
   OPEN_ORDER_FALLBACK_THUMBNAIL_SRC,
   OPEN_ORDER_QUERY_STATUSES,
@@ -21,7 +21,7 @@ import {
   parseRawMicroValue,
   selectOpenLimitOrders,
   useOpenOrderCancellation
-} from "./chunk-DONMO42Q.mjs";
+} from "./chunk-NDD5IHAU.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
@@ -266,7 +266,7 @@ var useHomePageModals = () => {
 // src/pages/home/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var DeferredEventMarketPage = lazy(
-  () => import("./event-market-UREM3ZE7.mjs").then((module) => ({ default: module.EventMarketPage }))
+  () => import("./event-market-F2FPSTAB.mjs").then((module) => ({ default: module.EventMarketPage }))
 );
 var MIN_SEARCH_LENGTH = 3;
 var SEARCH_DEBOUNCE_MS = 300;

package/dist/{chunk-JLO2BGSF.mjs → chunk-LIB6TLLV.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   isErrorWithStatus
-} from "./chunk-DWPBGMVJ.mjs";
+} from "./chunk-LTFRGJPL.mjs";
 import {
   Badge,
   Card,

package/dist/{chunk-DWPBGMVJ.mjs → chunk-LTFRGJPL.mjs}

@@ -1650,64 +1650,32 @@ var formatContractChartTime = (timestamp) => {
 
 // src/events/item-details/event-markets-chart.utils.ts
 import { resolveMarketTradingState } from "@agg-build/hooks";
-var EVENT_CHART_SERIES_LIMIT = 8;
-function resolveEventChartSelectedOutcome(markets, venue, selectedOutcomeId) {
-  var _a, _b;
-  if (!selectedOutcomeId) return null;
-  const allMarkets = normalizeVenueMarketCluster(markets);
-  const market = allMarkets.find(
-    (item) => item.venueMarketOutcomes.some((outcome2) => outcome2.id === selectedOutcomeId)
-  );
-  const outcome = market == null ? void 0 : market.venueMarketOutcomes.find((item) => item.id === selectedOutcomeId);
-  if (!market || !outcome) return null;
-  return (_b = (_a = collectEligibleVenueOutcomes({
-    venueMarkets: normalizeVenueMarketCluster(markets, market.id),
-    selectedOutcomeLabel: outcome.label,
-    selectedOutcomeId
-  }).find((item) => item.venue === venue)) == null ? void 0 : _a.outcomeId) != null ? _b : null;
-}
-function resolveEventChartPage(outcomes, selectedOutcomeId, requestedPage) {
+var EVENT_CHART_MARKET_LIMIT = 3;
+var marketVolume = (market) => {
   var _a;
-  const pinned = outcomes.find((outcome) => outcome.id === selectedOutcomeId);
-  const remaining = outcomes.filter((outcome) => outcome.id !== (pinned == null ? void 0 : pinned.id));
-  const pageSize = EVENT_CHART_SERIES_LIMIT - (pinned ? 1 : 0);
-  const pageCount = Math.max(1, Math.ceil(remaining.length / pageSize));
-  const page = Math.max(0, Math.min(requestedPage, pageCount - 1));
-  return {
-    page,
-    pageCount,
-    pinnedId: (_a = pinned == null ? void 0 : pinned.id) != null ? _a : null,
-    outcomes: [
-      ...pinned ? [pinned] : [],
-      ...remaining.slice(page * pageSize, (page + 1) * pageSize)
-    ]
-  };
-}
-var resolveEventChartOutcomes = (markets, venue, eventEndDate) => normalizeVenueMarketCluster(markets).filter((market) => market.venue === venue).sort(
-  (left, right) => {
-    var _a, _b;
-    return ((_a = right.volume) != null ? _a : 0) - ((_b = left.volume) != null ? _b : 0) || left.id.localeCompare(right.id);
-  }
-).flatMap((market) => {
+  return Number.isFinite(market.volume) ? Math.max(0, (_a = market.volume) != null ? _a : 0) : 0;
+};
+var resolveTopEventChartMarkets = (markets, venue) => normalizeVenueMarketCluster(markets).filter((market) => market.venue === venue && market.venueMarketOutcomes.length > 0).sort(
+  (left, right) => marketVolume(right) - marketVolume(left) || left.id.localeCompare(right.id)
+).slice(0, EVENT_CHART_MARKET_LIMIT);
+var resolveEventChartOutcomes = (markets, venue, eventEndDate) => resolveTopEventChartMarkets(markets, venue).flatMap((market) => {
   var _a, _b, _c;
   const state = resolveMarketTradingState(market);
   const hasFinalResult = state.kind === "resolved" && market.venueMarketOutcomes.some((outcome) => outcome.winner === true) && market.venueMarketOutcomes.every((outcome) => outcome.winner != null);
   const settledAt = Date.parse((_c = (_b = (_a = market.resolutionDate) != null ? _a : market.endDate) != null ? _b : eventEndDate) != null ? _c : "") / 1e3;
-  const ordered = [...market.venueMarketOutcomes].sort((a, b) => {
-    const rank = (label) => label.trim().toLowerCase() === "yes" ? 0 : label.trim().toLowerCase() === "no" ? 1 : 2;
-    return rank(a.label) - rank(b.label);
-  });
+  const ordered = sortOutcomeSelectorOutcomes(market.venueMarketOutcomes);
   return ordered.map((outcome) => {
-    var _a2;
+    var _a2, _b2;
     return {
       id: outcome.id,
       marketId: market.id,
       venue: market.venue,
       side: outcome.label,
+      outcomeLabel: ((_a2 = outcome.title) == null ? void 0 : _a2.trim()) || outcome.label,
       live: !state.isTradingDisabled,
       finalValue: hasFinalResult ? outcome.winner ? 100 : 0 : void 0,
       settledAt: Number.isFinite(settledAt) ? settledAt : void 0,
-      label: `${market.question} \xB7 ${((_a2 = outcome.title) == null ? void 0 : _a2.trim()) || outcome.label}`
+      label: `${market.question} \xB7 ${((_b2 = outcome.title) == null ? void 0 : _b2.trim()) || outcome.label}`
     };
   });
 });
@@ -1720,8 +1688,7 @@ var EventMarketsChart = ({
   eventEndDate,
   contractWindow,
   range,
-  live,
-  selectedOutcomeId
+  live
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const labels = useLabels6();
@@ -1733,31 +1700,20 @@ var EventMarketsChart = ({
     () => [...new Set(normalizeVenueMarketCluster(markets).map((market) => market.venue))],
     [markets]
   );
-  const venue = venues.includes(defaultVenue) ? defaultVenue : (_a = venues[0]) != null ? _a : defaultVenue;
-  const outcomes = useMemo5(
-    () => resolveEventChartOutcomes(markets, venue, eventEndDate),
-    [markets, venue, eventEndDate]
-  );
   const [selection, setSelection] = useState2(() => ({
-    venue,
-    page: 0,
+    defaultVenue,
+    venue: defaultVenue,
     hidden: /* @__PURE__ */ new Set()
   }));
-  const currentSelection = useMemo5(
-    () => selection.venue === venue ? selection : { venue, page: 0, hidden: /* @__PURE__ */ new Set() },
-    [selection, venue]
-  );
-  const pinnedOutcomeId = useMemo5(
-    () => resolveEventChartSelectedOutcome(markets, venue, selectedOutcomeId),
-    [markets, venue, selectedOutcomeId]
-  );
-  const page = useMemo5(
-    () => resolveEventChartPage(outcomes, pinnedOutcomeId, currentSelection.page),
-    [outcomes, pinnedOutcomeId, currentSelection.page]
-  );
-  const activeOutcomes = page.outcomes.filter(
-    (outcome) => outcome.id === page.pinnedId || !currentSelection.hidden.has(outcome.id)
+  const requestedVenue = selection.defaultVenue === defaultVenue ? selection.venue : defaultVenue;
+  const venue = venues.includes(requestedVenue) ? requestedVenue : (_a = venues[0]) != null ? _a : defaultVenue;
+  const hidden = selection.defaultVenue === defaultVenue && selection.venue === venue ? selection.hidden : /* @__PURE__ */ new Set();
+  const topMarkets = useMemo5(() => resolveTopEventChartMarkets(markets, venue), [markets, venue]);
+  const outcomes = useMemo5(
+    () => resolveEventChartOutcomes(topMarkets, venue, eventEndDate),
+    [topMarkets, venue, eventEndDate]
   );
+  const activeOutcomes = outcomes.filter((outcome) => !hidden.has(outcome.id));
   const activeIds = new Set(activeOutcomes.map((outcome) => outcome.id));
   const rollingWindow = useRollingChartWindow({
     range,
@@ -1790,10 +1746,10 @@ var EventMarketsChart = ({
     live: live && !windowEnded
   });
   const stableColorIds = useMemo5(
-    () => [...new Set(outcomes.map((outcome) => outcome.marketId))].sort(),
-    [outcomes]
+    () => normalizeVenueMarketCluster(markets).filter((market) => market.venue === venue).map((market) => market.id).sort(),
+    [markets, venue]
   );
-  const allSeries = page.outcomes.map((outcome) => {
+  const allSeries = outcomes.map((outcome) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i;
     const settledAt = outcome.settledAt == null ? void 0 : contractWindow ? Math.min(outcome.settledAt, contractWindow.to) : outcome.settledAt;
     const outcomeLive = outcome.live && !windowEnded;
@@ -1829,110 +1785,109 @@ var EventMarketsChart = ({
   });
   const visibleSeries = allSeries.filter((series) => activeIds.has(series.id));
   const hasVisibleHistory = visibleSeries.some((series) => series.points.length > 0);
-  const volume = useMemo5(
-    () => normalizeVenueMarketCluster(markets).filter((market) => market.venue === venue).reduce((sum, market) => {
+  const volume = topMarkets.reduce(
+    (sum, market) => {
       var _a2;
-      return sum + ((_a2 = market.volume) != null ? _a2 : 0);
-    }, 0),
-    [markets, venue]
+      return sum + (Number.isFinite(market.volume) ? Math.max(0, (_a2 = market.volume) != null ? _a2 : 0) : 0);
+    },
+    0
   );
   const venueLabel = (_g = labels.venues[venue]) != null ? _g : venue;
   return /* @__PURE__ */ jsxs4("div", { className: "agg-event-markets-chart flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center justify-between gap-2 text-agg-sm text-agg-muted-foreground", children: [
-      /* @__PURE__ */ jsx6("span", { role: "status", children: labels.eventItemDetails.comparisonSeriesCount(activeOutcomes.length, outcomes.length) }),
-      page.pageCount > 1 ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx6(
-          Button,
-          {
-            variant: "tertiary",
-            size: "small",
-            disabled: page.page === 0,
-            onClick: (event) => {
-              event.stopPropagation();
-              setSelection(__spreadProps(__spreadValues({}, currentSelection), { page: page.page - 1 }));
-            },
-            prefix: /* @__PURE__ */ jsx6(Icon, { name: "chevron-left", size: "small" }),
-            children: labels.eventItemDetails.comparisonPreviousSeries
-          }
-        ),
-        /* @__PURE__ */ jsx6("span", { children: labels.eventItemDetails.comparisonSeriesPage(page.page + 1, page.pageCount) }),
-        /* @__PURE__ */ jsx6(
-          Button,
-          {
-            variant: "tertiary",
-            size: "small",
-            disabled: page.page + 1 === page.pageCount,
-            onClick: (event) => {
-              event.stopPropagation();
-              setSelection(__spreadProps(__spreadValues({}, currentSelection), { page: page.page + 1 }));
-            },
-            suffix: /* @__PURE__ */ jsx6(Icon, { name: "chevron-right", size: "small" }),
-            children: labels.eventItemDetails.comparisonNextSeries
-          }
-        )
-      ] }) : null
-    ] }),
-    outcomes.length > EVENT_CHART_SERIES_LIMIT ? /* @__PURE__ */ jsx6("p", { className: "text-agg-xs text-agg-muted-foreground", children: labels.eventItemDetails.comparisonSeriesBudget(EVENT_CHART_SERIES_LIMIT) }) : null,
+    /* @__PURE__ */ jsx6("div", { className: "agg-market-badges flex min-w-0 gap-2 overflow-x-auto pb-1 md:flex-wrap", children: venues.map((item) => {
+      var _a2, _b2;
+      return /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          "aria-label": (_a2 = labels.venues[item]) != null ? _a2 : item,
+          "aria-pressed": venue === item,
+          className: "agg-market-badge cursor-pointer rounded-agg-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+          onClick: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (item !== venue) setSelection({ defaultVenue, venue: item, hidden: /* @__PURE__ */ new Set() });
+          },
+          children: /* @__PURE__ */ jsx6(
+            Badge,
+            {
+              text: (_b2 = labels.venues[item]) != null ? _b2 : item,
+              prefix: /* @__PURE__ */ jsx6(VenueLogo, { venue: item, size: "small", title: item }),
+              size: "large",
+              isActive: venue === item,
+              classNames: { root: "shrink-0 border px-4 h-8 md:h-9" }
+            }
+          )
+        },
+        item
+      );
+    }) }),
     /* @__PURE__ */ jsx6(
       "div",
       {
         role: "group",
         "aria-label": labels.eventItemDetails.chartLegend,
-        className: "flex flex-wrap gap-x-5 gap-y-2",
-        children: allSeries.map((series) => /* @__PURE__ */ jsxs4(
-          "button",
-          {
-            type: "button",
-            "data-chart-outcome-id": series.id,
-            "aria-pressed": activeIds.has(series.id),
-            disabled: series.id === page.pinnedId,
-            onClick: (event) => {
-              event.stopPropagation();
-              setSelection(() => {
-                const next = new Set(currentSelection.hidden);
-                if (next.has(series.id)) next.delete(series.id);
-                else next.add(series.id);
-                return __spreadProps(__spreadValues({}, currentSelection), { hidden: next });
-              });
+        className: "flex flex-col gap-2",
+        children: topMarkets.map((market) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              "data-chart-market-id": market.id,
+              className: "flex min-w-0 flex-wrap items-center justify-between gap-x-4 gap-y-1",
+              children: [
+                /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 items-center gap-2 text-agg-sm text-agg-foreground", children: [
+                  /* @__PURE__ */ jsx6(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "h-0 w-4 shrink-0 border-t-2",
+                      style: {
+                        borderColor: (_a2 = allSeries.find((series) => series.marketId === market.id)) == null ? void 0 : _a2.color
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx6("span", { className: "truncate", title: market.question, children: market.question })
+                ] }),
+                /* @__PURE__ */ jsx6("div", { className: "agg-outcome-switch flex max-w-full flex-wrap gap-1 rounded-agg-full bg-agg-secondary", children: allSeries.filter((series) => series.marketId === market.id).map((series) => {
+                  const value = !activeIds.has(series.id) ? labels.eventItemDetails.comparisonHiddenSeries : series.pending ? labels.common.loading : series.points.length === 0 ? labels.eventItemDetails.marketHistoryUnavailable : formatDefaultChartValue(
+                    series.current != null ? series.current * 100 : series.points.at(-1).value
+                  );
+                  return /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      "data-chart-outcome-id": series.id,
+                      "aria-label": `${series.label} ${value}`,
+                      "aria-pressed": activeIds.has(series.id),
+                      title: `${series.label} ${value}`,
+                      className: "cursor-pointer rounded-agg-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                      onClick: (event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        const next = new Set(hidden);
+                        if (next.has(series.id)) next.delete(series.id);
+                        else next.add(series.id);
+                        setSelection({ defaultVenue, venue, hidden: next });
+                      },
+                      children: /* @__PURE__ */ jsx6(
+                        Badge,
+                        {
+                          text: `${series.outcomeLabel} ${value}`,
+                          size: "large",
+                          isActive: activeIds.has(series.id),
+                          classNames: { root: "h-8 w-36 border px-4 tabular-nums md:h-9" }
+                        }
+                      )
+                    },
+                    series.id
+                  );
+                }) })
+              ]
             },
-            className: "flex max-w-full cursor-pointer items-center gap-2 rounded-agg-sm py-1 text-agg-sm text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-default disabled:opacity-50",
-            style: { opacity: activeIds.has(series.id) ? 1 : 0.4 },
-            children: [
-              /* @__PURE__ */ jsx6(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "h-0 w-4 shrink-0 border-t-2",
-                  style: {
-                    borderColor: series.color,
-                    borderTopStyle: series.lineStyle === "dashed" ? "dashed" : "solid"
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx6("span", { className: "min-w-0 text-left [overflow-wrap:anywhere]", children: series.label }),
-              series.id === page.pinnedId ? /* @__PURE__ */ jsx6("span", { children: labels.eventItemDetails.comparisonSelectedSeries }) : null,
-              /* @__PURE__ */ jsxs4("span", { className: "inline-grid shrink-0 items-center font-agg-semibold tabular-nums", children: [
-                [
-                  formatDefaultChartValue(100),
-                  formatDefaultChartValue(99.9),
-                  labels.common.loading,
-                  labels.eventItemDetails.comparisonHiddenSeries,
-                  labels.eventItemDetails.marketHistoryUnavailable
-                ].map((value, index) => /* @__PURE__ */ jsx6(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: "invisible col-start-1 row-start-1 select-none",
-                    children: value
-                  },
-                  index
-                )),
-                /* @__PURE__ */ jsx6("span", { className: "col-start-1 row-start-1", children: !activeIds.has(series.id) ? labels.eventItemDetails.comparisonHiddenSeries : series.pending ? labels.common.loading : series.points.length === 0 ? labels.eventItemDetails.marketHistoryUnavailable : series.current != null ? formatDefaultChartValue(series.current * 100) : formatDefaultChartValue(series.points.at(-1).value) })
-              ] })
-            ]
-          },
-          series.id
-        ))
+            market.id
+          );
+        })
       }
     ),
     visibleSeries.length === 0 && allSeries.length > 0 ? /* @__PURE__ */ jsx6(
@@ -2434,7 +2389,7 @@ var EventListItemDetailsContent = ({
   recurringMarkets,
   sportsLiveState
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   const [selectedChartType, setSelectedChartType] = useState3("line");
   const [chartView, setChartView] = useState3(defaultChartView);
   const lastAppliedEventSyncKeyRef = useRef2(null);
@@ -2762,7 +2717,6 @@ var EventListItemDetailsContent = ({
             {
               markets: event.venueMarkets,
               defaultVenue: event.venue,
-              selectedOutcomeId: (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedOutcomeId : (_f = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) == null ? void 0 : _f.id,
               eventEndDate: event.endDate,
               contractWindow,
               range: chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange,
@@ -2777,7 +2731,7 @@ var EventListItemDetailsContent = ({
               selectedChartType,
               venueInfo,
               venueMarkets,
-              selectedMarketId: (_g = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _g : null,
+              selectedMarketId: (_f = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _f : null,
               livePrices,
               restMidpoints,
               bestMidpoint,

package/dist/{chunk-DONMO42Q.mjs → chunk-NDD5IHAU.mjs}

@@ -4,7 +4,7 @@ import {
   MarketDetails,
   MarketDetailsList,
   isErrorWithStatus
-} from "./chunk-DWPBGMVJ.mjs";
+} from "./chunk-LTFRGJPL.mjs";
 import {
   PlaceOrder,
   SettlementDetails,
@@ -1368,6 +1368,7 @@ var resolveSportsSectionMarkets = ({
   }
   if (tab.kind !== "game_lines") return filteredSectionMarkets;
   const dedupeEventMarketsOfType = (type) => {
+    var _a, _b, _c, _d;
     const dedupedMarkets = [];
     const keptIndexByKey = /* @__PURE__ */ new Map();
     for (const market of eventMarkets) {
@@ -1378,6 +1379,10 @@ var resolveSportsSectionMarkets = ({
       const keptIndex = keptIndexByKey.get(key);
       if (keptIndex !== void 0) {
         const kept = dedupedMarkets[keptIndex];
+        if (hasTeamTitledOutcomes(kept) && hasTeamTitledOutcomes(market) && ((_b = (_a = kept.venueMarketOutcomes) == null ? void 0 : _a.length) != null ? _b : 0) !== ((_d = (_c = market.venueMarketOutcomes) == null ? void 0 : _c.length) != null ? _d : 0)) {
+          dedupedMarkets.push(market);
+          continue;
+        }
         if (!hasTeamTitledOutcomes(kept) && hasTeamTitledOutcomes(market)) {
           dedupedMarkets[keptIndex] = market;
         }
@@ -1507,6 +1512,12 @@ var SPORTS_LEG_GROUPABLE_GROUPS = /* @__PURE__ */ new Set([
   "specials",
   "completion"
 ]);
+var DRAW_OUTCOME_TITLE_PATTERN = /\b(draw|tie)\b/i;
+var isThreeWayMoneylineHub = (market) => {
+  var _a, _b;
+  const outcomes = (_a = market.venueMarketOutcomes) != null ? _a : [];
+  return normalizeSportsMarketType(market.sportsMarketType) === "moneyline" && normalizeSportsMarketGroup(market.marketGroup) === "game_lines" && normalizeSportsPeriod(market.period) === "full" && outcomes.length === 3 && outcomes.filter((outcome) => DRAW_OUTCOME_TITLE_PATTERN.test(toTrimmedString(outcome.title))).length === 1 && ((_b = market.matchedVenueMarkets) != null ? _b : []).length > 0;
+};
 var resolveDisplayGroupFamilyKey = (market, sport) => {
   var _a, _b, _c;
   const normalizedQuestion = sanitizeFamilyValue(toTrimmedString(market.question));
@@ -1516,7 +1527,7 @@ var resolveDisplayGroupFamilyKey = (market, sport) => {
   const sportsMarketType = (_b = normalizeSportsMarketType(market.sportsMarketType)) != null ? _b : "other";
   const period = normalizeSportsPeriod(market.period);
   const marketCategory = (_c = normalizeSportsMarketCategory(market.marketCategory)) != null ? _c : "other";
-  if (isBinarySportsMoneylineMarket(market)) {
+  if (isBinarySportsMoneylineMarket(market) || isThreeWayMoneylineHub(market)) {
     return `${period}|moneyline|${marketCategory}`;
   }
   if (sportsMarketType === "to_advance") {
@@ -1580,7 +1591,7 @@ var formatSportsLegTitle = (token) => {
 var resolveDisplayGroupTitle = (market, groupMarkets = [market], sport, isCombinedLegGroup = false) => {
   const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
   const question = toTrimmedString(market.question);
-  if (isBinarySportsMoneylineMarket(market)) return "Moneyline";
+  if (isBinarySportsMoneylineMarket(market) || isThreeWayMoneylineHub(market)) return "Moneyline";
   if (sportsMarketType === "to_advance") return "Team to Advance";
   if (sportsMarketType === "spread") return "Spreads";
   if (isCombinedLegGroup) {
@@ -1903,7 +1914,11 @@ var resolveSportsLadderTitle = (group, selectedLineDisplay) => {
   const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
   return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
 };
-var buildSportsSlideFromGroup = (group) => {
+var resolveDistanceFromEvenMoney = (market, prices) => {
+  const price = market.venueMarketOutcomes.map((outcome) => prices == null ? void 0 : prices.get(outcome.id)).find((value) => value != null);
+  return price == null ? Number.POSITIVE_INFINITY : Math.abs(price - 0.5);
+};
+var buildSportsSlideFromGroup = (group, prices) => {
   const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
   const hasLadder = lineStops.length > 1;
   const stops = hasLadder ? lineStops.map((lineStop) => ({
@@ -1911,10 +1926,16 @@ var buildSportsSlideFromGroup = (group) => {
     venues: lineStop.venues,
     market: lineStop.representative
   })) : [];
-  const defaultStopIndex = hasLadder ? lineStops.reduce(
-    (bestIndex, lineStop, index) => lineStop.volume > lineStops[bestIndex].volume ? index : bestIndex,
-    0
-  ) : 0;
+  const evenMoneyDistances = lineStops.map(
+    (lineStop) => resolveDistanceFromEvenMoney(lineStop.representative, prices)
+  );
+  const defaultStopIndex = hasLadder ? lineStops.reduce((bestIndex, lineStop, index) => {
+    const best = lineStops[bestIndex];
+    if (lineStop.volume !== best.volume) {
+      return lineStop.volume > best.volume ? index : bestIndex;
+    }
+    return evenMoneyDistances[index] < evenMoneyDistances[bestIndex] ? index : bestIndex;
+  }, 0) : 0;
   return {
     id: group.id,
     kind: resolveSlideKind(group),
@@ -2326,14 +2347,18 @@ var SportsMarketCard = ({
   midpointsFallbackVenues,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const labels = useLabels6();
   const {
     formatting: { formatCompactCurrency }
   } = useSdkUiConfig2();
   const tradingContext = useEventTradingContext();
-  const slide = useMemo2(() => buildSportsSlideFromGroup(group), [group]);
+  const linePrices = (_a = midpointsResult == null ? void 0 : midpointsResult.bestMidpointsByOutcomeId) != null ? _a : midpointsResult == null ? void 0 : midpointsResult.prices;
+  const slide = useMemo2(() => buildSportsSlideFromGroup(group, linePrices), [group, linePrices]);
   const [selectedLineIndex, setSelectedLineIndex] = useState4(slide.defaultStopIndex);
+  const userPickedLineRef = useRef2(false);
+  const autoLineIndexRef = useRef2(slide.defaultStopIndex);
+  const autoSelectedMarketIdRef = useRef2(null);
   const combinedLegs = useMemo2(() => resolveSportsCombinedLegs(group), [group]);
   const isCombinedLegGroup = combinedLegs != null;
   const combinedLegMarkets = useMemo2(
@@ -2362,11 +2387,30 @@ var SportsMarketCard = ({
     const matchedIndex = slide.stops.findIndex((stop) => stop.market.id === tradingMarketId);
     if (matchedIndex >= 0) setSelectedLineIndex(matchedIndex);
   }, [slide.hasLadder, slide.stops, tradingContext == null ? void 0 : tradingContext.selectedMarketId]);
-  const activeLegMarket = isCombinedLegGroup ? preferredResolvedLegMarket != null ? preferredResolvedLegMarket : (tradingContext == null ? void 0 : tradingContext.selectedMarketId) ? (_a = group.markets.find((market) => market.id === tradingContext.selectedMarketId)) != null ? _a : null : null : null;
-  const activeMarket = slide.hasLadder ? (_d = (_c = (_b = slide.stops[selectedLineIndex]) == null ? void 0 : _b.market) != null ? _c : group.markets[0]) != null ? _d : null : (_f = (_e = activeLegMarket != null ? activeLegMarket : combinedLegMarkets[0]) != null ? _e : group.markets[0]) != null ? _f : null;
-  const activeDefaultOutcome = isCombinedLegGroup && activeMarket ? (_g = activeMarket.venueMarketOutcomes.find(
+  useEffect3(() => {
+    var _a2;
+    if (!slide.hasLadder || userPickedLineRef.current) return;
+    const nextIndex = slide.defaultStopIndex;
+    if (nextIndex === autoLineIndexRef.current) return;
+    const tradingIndex = slide.stops.findIndex(
+      (stop) => stop.market.id === (tradingContext == null ? void 0 : tradingContext.selectedMarketId)
+    );
+    if (tradingIndex >= 0 && (tradingContext == null ? void 0 : tradingContext.selectedMarketId) !== autoSelectedMarketIdRef.current) {
+      return;
+    }
+    autoLineIndexRef.current = nextIndex;
+    setSelectedLineIndex(nextIndex);
+    const nextMarket = (_a2 = slide.stops[nextIndex]) == null ? void 0 : _a2.market;
+    if (tradingIndex >= 0 && nextMarket) {
+      autoSelectedMarketIdRef.current = nextMarket.id;
+      tradingContext == null ? void 0 : tradingContext.selectMarket(nextMarket.id, nextMarket);
+    }
+  }, [slide.hasLadder, slide.defaultStopIndex, slide.stops, tradingContext]);
+  const activeLegMarket = isCombinedLegGroup ? preferredResolvedLegMarket != null ? preferredResolvedLegMarket : (tradingContext == null ? void 0 : tradingContext.selectedMarketId) ? (_b = group.markets.find((market) => market.id === tradingContext.selectedMarketId)) != null ? _b : null : null : null;
+  const activeMarket = slide.hasLadder ? (_e = (_d = (_c = slide.stops[selectedLineIndex]) == null ? void 0 : _c.market) != null ? _d : group.markets[0]) != null ? _e : null : (_g = (_f = activeLegMarket != null ? activeLegMarket : combinedLegMarkets[0]) != null ? _f : group.markets[0]) != null ? _g : null;
+  const activeDefaultOutcome = isCombinedLegGroup && activeMarket ? (_h = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
-  )) != null ? _g : activeMarket.venueMarketOutcomes[0] : activeMarket == null ? void 0 : activeMarket.venueMarketOutcomes[0];
+  )) != null ? _h : activeMarket.venueMarketOutcomes[0] : activeMarket == null ? void 0 : activeMarket.venueMarketOutcomes[0];
   const wasExpandedRef = useRef2(isExpanded);
   useEffect3(() => {
     const justOpened = isExpanded && !wasExpandedRef.current;
@@ -2378,6 +2422,7 @@ var SportsMarketCard = ({
     if (hasInScopeOutcome) return;
     const firstOutcome = activeDefaultOutcome;
     if (firstOutcome) {
+      autoSelectedMarketIdRef.current = activeMarket.id;
       tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(activeMarket.id, firstOutcome.id);
     }
   }, [activeDefaultOutcome, isExpanded, activeMarket, tradingContext]);
@@ -2419,9 +2464,9 @@ var SportsMarketCard = ({
   if (!activeMarket) return null;
   const selectedStop = slide.hasLadder ? slide.stops[selectedLineIndex] : void 0;
   const cardTitle = selectedStop ? resolveSportsLadderTitle(group, selectedStop.value) : group.title;
-  const activeOutcome = (_h = activeMarket.venueMarketOutcomes.find(
+  const activeOutcome = (_i = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
-  )) != null ? _h : activeDefaultOutcome;
+  )) != null ? _i : activeDefaultOutcome;
   const activeOutcomeVenueCount = (() => {
     var _a2, _b2;
     if (!activeOutcome) return collectVenueNames(activeMarket).length;
@@ -2463,6 +2508,7 @@ var SportsMarketCard = ({
       useSpreadOverride: slide.kind === "spread"
     });
     const nextOutcome = resolveOutcomeBySide(targetDisplayedOutcomes, selectedSide != null ? selectedSide : "left");
+    userPickedLineRef.current = true;
     setSelectedLineIndex(index);
     if (nextOutcome) {
       tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(targetMarket.id, nextOutcome.id);

package/dist/{event-market-UREM3ZE7.mjs → event-market-F2FPSTAB.mjs}

@@ -6,8 +6,8 @@ import {
   EventOpenOrdersCard,
   formatRecurringCountdown,
   useEventOpenOrders
-} from "./chunk-DONMO42Q.mjs";
-import "./chunk-DWPBGMVJ.mjs";
+} from "./chunk-NDD5IHAU.mjs";
+import "./chunk-LTFRGJPL.mjs";
 import "./chunk-NV6WT3TN.mjs";
 import "./chunk-WOCZ4TVT.mjs";
 import "./chunk-CKHECAKV.mjs";