@agg-build/ui 4.21.0 → 4.22.2

package/dist/pages.js

@@ -15792,71 +15792,39 @@ var init_event_chart_window = __esm({
 });
 
 // src/events/item-details/event-markets-chart.utils.ts
-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 _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 import_hooks57, EVENT_CHART_SERIES_LIMIT, resolveEventChartOutcomes;
+var import_hooks57, EVENT_CHART_MARKET_LIMIT, marketVolume, resolveTopEventChartMarkets, resolveEventChartOutcomes;
 var init_event_markets_chart_utils = __esm({
   "src/events/item-details/event-markets-chart.utils.ts"() {
     "use strict";
     import_hooks57 = require("@agg-build/hooks");
     init_venue_market_cluster();
-    init_orderbook_aggregation();
-    EVENT_CHART_SERIES_LIMIT = 8;
-    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) => {
+    init_event_list_item_details_utils();
+    EVENT_CHART_MARKET_LIMIT = 3;
+    marketVolume = (market) => {
+      var _a;
+      return Number.isFinite(market.volume) ? Math.max(0, (_a = market.volume) != null ? _a : 0) : 0;
+    };
+    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);
+    resolveEventChartOutcomes = (markets, venue, eventEndDate) => resolveTopEventChartMarkets(markets, venue).flatMap((market) => {
       var _a, _b, _c;
       const state = (0, import_hooks57.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 = (label2) => label2.trim().toLowerCase() === "yes" ? 0 : label2.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}`
         };
       });
     });
@@ -15872,8 +15840,8 @@ var init_event_markets_chart = __esm({
     import_react35 = require("react");
     import_hooks58 = require("@agg-build/hooks");
     init_chart();
-    init_button();
-    init_icon();
+    init_badge();
+    init_venue_logo();
     init_chart_utils();
     init_venue_market_cluster();
     init_event_list_item_details_utils();
@@ -15886,8 +15854,7 @@ var init_event_markets_chart = __esm({
       eventEndDate,
       contractWindow,
       range,
-      live,
-      selectedOutcomeId
+      live
     }) => {
       var _a, _b, _c, _d, _e, _f, _g;
       const labels = (0, import_hooks58.useLabels)();
@@ -15899,31 +15866,20 @@ var init_event_markets_chart = __esm({
         () => [...new Set(normalizeVenueMarketCluster(markets).map((market) => market.venue))],
         [markets]
       );
-      const venue = venues.includes(defaultVenue) ? defaultVenue : (_a = venues[0]) != null ? _a : defaultVenue;
-      const outcomes = (0, import_react35.useMemo)(
-        () => resolveEventChartOutcomes(markets, venue, eventEndDate),
-        [markets, venue, eventEndDate]
-      );
       const [selection, setSelection] = (0, import_react35.useState)(() => ({
-        venue,
-        page: 0,
+        defaultVenue,
+        venue: defaultVenue,
         hidden: /* @__PURE__ */ new Set()
       }));
-      const currentSelection = (0, import_react35.useMemo)(
-        () => selection.venue === venue ? selection : { venue, page: 0, hidden: /* @__PURE__ */ new Set() },
-        [selection, venue]
-      );
-      const pinnedOutcomeId = (0, import_react35.useMemo)(
-        () => resolveEventChartSelectedOutcome(markets, venue, selectedOutcomeId),
-        [markets, venue, selectedOutcomeId]
-      );
-      const page = (0, import_react35.useMemo)(
-        () => 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 = (0, import_react35.useMemo)(() => resolveTopEventChartMarkets(markets, venue), [markets, venue]);
+      const outcomes = (0, import_react35.useMemo)(
+        () => 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 = (0, import_hooks58.useRollingChartWindow)({
         range,
@@ -15956,10 +15912,10 @@ var init_event_markets_chart = __esm({
         live: live && !windowEnded
       });
       const stableColorIds = (0, import_react35.useMemo)(
-        () => [...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;
@@ -15995,110 +15951,109 @@ var init_event_markets_chart = __esm({
       });
       const visibleSeries = allSeries.filter((series) => activeIds.has(series.id));
       const hasVisibleHistory = visibleSeries.some((series) => series.points.length > 0);
-      const volume = (0, import_react35.useMemo)(
-        () => 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__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "agg-event-markets-chart flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2 text-agg-sm text-agg-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { role: "status", children: labels.eventItemDetails.comparisonSeriesCount(activeOutcomes.length, outcomes.length) }),
-          page.pageCount > 1 ? /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
-              Button,
-              {
-                variant: "tertiary",
-                size: "small",
-                disabled: page.page === 0,
-                onClick: (event) => {
-                  event.stopPropagation();
-                  setSelection(__spreadProps(__spreadValues({}, currentSelection), { page: page.page - 1 }));
-                },
-                prefix: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Icon, { name: "chevron-left", size: "small" }),
-                children: labels.eventItemDetails.comparisonPreviousSeries
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { children: labels.eventItemDetails.comparisonSeriesPage(page.page + 1, page.pageCount) }),
-            /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
-              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__ */ (0, import_jsx_runtime159.jsx)(Icon, { name: "chevron-right", size: "small" }),
-                children: labels.eventItemDetails.comparisonNextSeries
-              }
-            )
-          ] }) : null
-        ] }),
-        outcomes.length > EVENT_CHART_SERIES_LIMIT ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("p", { className: "text-agg-xs text-agg-muted-foreground", children: labels.eventItemDetails.comparisonSeriesBudget(EVENT_CHART_SERIES_LIMIT) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("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__ */ (0, import_jsx_runtime159.jsx)(
+            "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__ */ (0, import_jsx_runtime159.jsx)(
+                Badge,
+                {
+                  text: (_b2 = labels.venues[item]) != null ? _b2 : item,
+                  prefix: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(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__ */ (0, import_jsx_runtime159.jsx)(
           "div",
           {
             role: "group",
             "aria-label": labels.eventItemDetails.chartLegend,
-            className: "flex flex-wrap gap-x-5 gap-y-2",
-            children: allSeries.map((series) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
-              "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__ */ (0, import_jsx_runtime159.jsxs)(
+                "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__ */ (0, import_jsx_runtime159.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-agg-sm text-agg-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+                        "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__ */ (0, import_jsx_runtime159.jsx)("span", { className: "truncate", title: market.question, children: market.question })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("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__ */ (0, import_jsx_runtime159.jsx)(
+                        "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__ */ (0, import_jsx_runtime159.jsx)(
+                            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__ */ (0, import_jsx_runtime159.jsx)(
-                    "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__ */ (0, import_jsx_runtime159.jsx)("span", { className: "min-w-0 text-left [overflow-wrap:anywhere]", children: series.label }),
-                  series.id === page.pinnedId ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("span", { children: labels.eventItemDetails.comparisonSelectedSeries }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("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__ */ (0, import_jsx_runtime159.jsx)(
-                      "span",
-                      {
-                        "aria-hidden": "true",
-                        className: "invisible col-start-1 row-start-1 select-none",
-                        children: value
-                      },
-                      index
-                    )),
-                    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("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__ */ (0, import_jsx_runtime159.jsx)(
@@ -16634,7 +16589,7 @@ var init_item_details = __esm({
       recurringMarkets,
       sportsLiveState
     }) => {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f;
       const [selectedChartType, setSelectedChartType] = (0, import_react36.useState)("line");
       const [chartView, setChartView] = (0, import_react36.useState)(defaultChartView);
       const lastAppliedEventSyncKeyRef = (0, import_react36.useRef)(null);
@@ -16962,7 +16917,6 @@ var init_item_details = __esm({
                 {
                   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,
@@ -16977,7 +16931,7 @@ var init_item_details = __esm({
                   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,
@@ -31275,7 +31229,7 @@ var init_event_market_shared = __esm({
 });
 
 // src/pages/event-market/sports-event-market.utils.ts
-var SPORTS_MARKET_TYPE_KEYS, SPORTS_PERIOD_KEYS, SPORTS_PERIOD_GRAMMAR_PATTERN, SPORTS_MARKET_CATEGORY_KEYS, SPORTS_MARKET_GROUP_KEYS, SPORTS_PERIOD_KEY_SET, SPORTS_MARKET_TYPE_KEY_SET, SPORTS_MARKET_CATEGORY_KEY_SET, SPORTS_MARKET_GROUP_KEY_SET, SPORTS_LEGACY_PROP_CATEGORY_KEY_SET, SPORTS_GAME_LINE_GROUPS, SPORTS_GENERIC_STAT, ESPORTS_CATEGORY_TOKENS, ESPORTS_TITLE_PATTERN, SERIES_SCOPE_PATTERN, SPORTS_PERIOD_ORDER, FIRST_N_INNINGS_PATTERN, SPORTS_MARKET_TYPE_ORDER, YES_NO_LABELS, LINE_MARKET_TYPES, PLAYER_PROP_COUNT_PATTERN, REG_TIME_TITLE_PATTERN, toTrimmedString, resolveSportsMarketAggKey, sanitizeFamilyValue, stripLineValueFromQuestion, SPORTS_PERIOD_FAMILY_ORDER, getSportsPeriodOrderIndex, getSportsMarketTypeOrderIndex, resolveSportsPeriodFamily, normalizeSportsPeriod, normalizeSportsMarketType, normalizeSportsMarketCategory, normalizeSportsMarketGroup, resolveFallbackSportsMarketCategory, resolveSportsStatToken, resolveMarketSectionTabKey, SPORTS_PERIOD_FAMILY_ALLOWED_SPORTS, PERIOD_N_FAMILY_PATTERN, isPeriodFamilyAllowedForSport, resolveEffectiveMarketSectionTabKey, resolveVisibleSportsSectionTabs, resolveSportsSectionFilters, hasTeamTitledOutcomes, isClusterRelation, isDecomposedLeg, singleEnumeratesLegs, dropDecomposedLegsMergedIntoSingle, resolveSportsSectionMarkets, resolveSportsMarketCardVariant, isBinarySportsMoneylineMarket, AGGKEY_LINE_TOKEN_PATTERN, resolveSportsLineFamilyKey, resolveSpreadFamilyKey, SPREAD_KEY_LEG_PATTERN, resolveSpreadKeyLeg, isSpreadUnderdogLeg, resolveSpreadAnchorToken, SPREAD_NON_TEAM_TITLE_PATTERN, isSpreadTeamTitle, resolveSpreadOutcomeTeamNames, resolveCombinedMoneylineLegLabel, normalizeSportsSubtypeToken, SPORTS_LEG_GROUPABLE_GROUPS, resolveDisplayGroupFamilyKey, resolveMarketOwnCardKey, LEG_GROUP_KEY_MARKER, TOTAL_STAT_UNITS, resolveTotalStatUnit, SPORTS_LEG_TITLE_OVERRIDES, SPORTS_LEG_TITLE_SMALL_WORDS, formatSportsLegTitle, resolveDisplayGroupTitle, sortMarketsByLineValue, buildSportsMarketDisplayGroups, groupSportsMarketsByPeriod, resolveSelectedSportsLineValue, collectVenueNames, resolveTotalGroupVolume, resolveSportsExpandedMarkets, resolveSportsExpandedMarketsVolume, resolveHighestVolumeIndex, resolveSportsCombinedLegs, resolveSlideKind, aggregateSportsLineStops, escapeRegExp, resolveSportsLadderTitle, buildSportsSlideFromGroup, formatSportsPeriodGrammarLabel, resolveSportsCategoryTokens, isNonStandardSportsLikeEvent, mergeSportsSectionMarketsIntoEvent;
+var SPORTS_MARKET_TYPE_KEYS, SPORTS_PERIOD_KEYS, SPORTS_PERIOD_GRAMMAR_PATTERN, SPORTS_MARKET_CATEGORY_KEYS, SPORTS_MARKET_GROUP_KEYS, SPORTS_PERIOD_KEY_SET, SPORTS_MARKET_TYPE_KEY_SET, SPORTS_MARKET_CATEGORY_KEY_SET, SPORTS_MARKET_GROUP_KEY_SET, SPORTS_LEGACY_PROP_CATEGORY_KEY_SET, SPORTS_GAME_LINE_GROUPS, SPORTS_GENERIC_STAT, ESPORTS_CATEGORY_TOKENS, ESPORTS_TITLE_PATTERN, SERIES_SCOPE_PATTERN, SPORTS_PERIOD_ORDER, FIRST_N_INNINGS_PATTERN, SPORTS_MARKET_TYPE_ORDER, YES_NO_LABELS, LINE_MARKET_TYPES, PLAYER_PROP_COUNT_PATTERN, REG_TIME_TITLE_PATTERN, toTrimmedString, resolveSportsMarketAggKey, sanitizeFamilyValue, stripLineValueFromQuestion, SPORTS_PERIOD_FAMILY_ORDER, getSportsPeriodOrderIndex, getSportsMarketTypeOrderIndex, resolveSportsPeriodFamily, normalizeSportsPeriod, normalizeSportsMarketType, normalizeSportsMarketCategory, normalizeSportsMarketGroup, resolveFallbackSportsMarketCategory, resolveSportsStatToken, resolveMarketSectionTabKey, SPORTS_PERIOD_FAMILY_ALLOWED_SPORTS, PERIOD_N_FAMILY_PATTERN, isPeriodFamilyAllowedForSport, resolveEffectiveMarketSectionTabKey, resolveVisibleSportsSectionTabs, resolveSportsSectionFilters, hasTeamTitledOutcomes, isClusterRelation, isDecomposedLeg, singleEnumeratesLegs, dropDecomposedLegsMergedIntoSingle, resolveSportsSectionMarkets, resolveSportsMarketCardVariant, isBinarySportsMoneylineMarket, AGGKEY_LINE_TOKEN_PATTERN, resolveSportsLineFamilyKey, resolveSpreadFamilyKey, SPREAD_KEY_LEG_PATTERN, resolveSpreadKeyLeg, isSpreadUnderdogLeg, resolveSpreadAnchorToken, SPREAD_NON_TEAM_TITLE_PATTERN, isSpreadTeamTitle, resolveSpreadOutcomeTeamNames, resolveCombinedMoneylineLegLabel, normalizeSportsSubtypeToken, SPORTS_LEG_GROUPABLE_GROUPS, DRAW_OUTCOME_TITLE_PATTERN, isThreeWayMoneylineHub, resolveDisplayGroupFamilyKey, resolveMarketOwnCardKey, LEG_GROUP_KEY_MARKER, TOTAL_STAT_UNITS, resolveTotalStatUnit, SPORTS_LEG_TITLE_OVERRIDES, SPORTS_LEG_TITLE_SMALL_WORDS, formatSportsLegTitle, resolveDisplayGroupTitle, sortMarketsByLineValue, buildSportsMarketDisplayGroups, groupSportsMarketsByPeriod, resolveSelectedSportsLineValue, collectVenueNames, resolveTotalGroupVolume, resolveSportsExpandedMarkets, resolveSportsExpandedMarketsVolume, resolveHighestVolumeIndex, resolveSportsCombinedLegs, resolveSlideKind, aggregateSportsLineStops, escapeRegExp, resolveSportsLadderTitle, resolveDistanceFromEvenMoney, buildSportsSlideFromGroup, formatSportsPeriodGrammarLabel, resolveSportsCategoryTokens, isNonStandardSportsLikeEvent, mergeSportsSectionMarketsIntoEvent;
 var init_sports_event_market_utils = __esm({
   "src/pages/event-market/sports-event-market.utils.ts"() {
     "use strict";
@@ -31686,6 +31640,7 @@ var init_sports_event_market_utils = __esm({
       }
       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) {
@@ -31696,6 +31651,10 @@ var init_sports_event_market_utils = __esm({
           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;
             }
@@ -31825,6 +31784,12 @@ var init_sports_event_market_utils = __esm({
       "specials",
       "completion"
     ]);
+    DRAW_OUTCOME_TITLE_PATTERN = /\b(draw|tie)\b/i;
+    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;
+    };
     resolveDisplayGroupFamilyKey = (market, sport) => {
       var _a, _b, _c;
       const normalizedQuestion = sanitizeFamilyValue(toTrimmedString(market.question));
@@ -31834,7 +31799,7 @@ var init_sports_event_market_utils = __esm({
       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") {
@@ -31898,7 +31863,7 @@ var init_sports_event_market_utils = __esm({
     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) {
@@ -32221,7 +32186,11 @@ var init_sports_event_market_utils = __esm({
       const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
       return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
     };
-    buildSportsSlideFromGroup = (group) => {
+    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);
+    };
+    buildSportsSlideFromGroup = (group, prices) => {
       const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
       const hasLadder = lineStops.length > 1;
       const stops = hasLadder ? lineStops.map((lineStop) => ({
@@ -32229,10 +32198,16 @@ var init_sports_event_market_utils = __esm({
         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),
@@ -32658,14 +32633,18 @@ var init_sports_market_card = __esm({
       midpointsFallbackVenues,
       midpointsResult
     }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       const labels = (0, import_hooks93.useLabels)();
       const {
         formatting: { formatCompactCurrency }
       } = (0, import_hooks93.useSdkUiConfig)();
       const tradingContext = (0, import_hooks93.useEventTradingContext)();
-      const slide = (0, import_react65.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
+      const linePrices = (_a = midpointsResult == null ? void 0 : midpointsResult.bestMidpointsByOutcomeId) != null ? _a : midpointsResult == null ? void 0 : midpointsResult.prices;
+      const slide = (0, import_react65.useMemo)(() => buildSportsSlideFromGroup(group, linePrices), [group, linePrices]);
       const [selectedLineIndex, setSelectedLineIndex] = (0, import_react65.useState)(slide.defaultStopIndex);
+      const userPickedLineRef = (0, import_react65.useRef)(false);
+      const autoLineIndexRef = (0, import_react65.useRef)(slide.defaultStopIndex);
+      const autoSelectedMarketIdRef = (0, import_react65.useRef)(null);
       const combinedLegs = (0, import_react65.useMemo)(() => resolveSportsCombinedLegs(group), [group]);
       const isCombinedLegGroup = combinedLegs != null;
       const combinedLegMarkets = (0, import_react65.useMemo)(
@@ -32694,11 +32673,30 @@ var init_sports_market_card = __esm({
         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(
+      (0, import_react65.useEffect)(() => {
+        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 = (0, import_react65.useRef)(isExpanded);
       (0, import_react65.useEffect)(() => {
         const justOpened = isExpanded && !wasExpandedRef.current;
@@ -32710,6 +32708,7 @@ var init_sports_market_card = __esm({
         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]);
@@ -32751,9 +32750,9 @@ var init_sports_market_card = __esm({
       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;
@@ -32795,6 +32794,7 @@ var init_sports_market_card = __esm({
           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/pages.mjs

@@ -13,16 +13,16 @@ import {
   buildAggTxExplorerHref,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-5PA5KLXN.mjs";
-import "./chunk-JLO2BGSF.mjs";
+} from "./chunk-4IO5CRSG.mjs";
+import "./chunk-LIB6TLLV.mjs";
 import {
   EventMarketPage,
   EventOpenOrders,
   EventOpenOrdersCard,
   formatRecurringCountdown,
   useEventOpenOrders
-} from "./chunk-DONMO42Q.mjs";
-import "./chunk-DWPBGMVJ.mjs";
+} from "./chunk-NDD5IHAU.mjs";
+import "./chunk-LTFRGJPL.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,