@agg-build/ui 2.5.3 → 2.6.0

package/dist/pages.js

@@ -23497,64 +23497,15 @@ var SPORTS_LEGACY_PROP_CATEGORY_KEY_SET = /* @__PURE__ */ new Set([
   "assists",
   "shots"
 ]);
-var SPORTS_CATEGORY_OVERRIDE_TAB_KEY_SET = /* @__PURE__ */ new Set([
-  "exact_score",
-  ...SPORTS_LEGACY_PROP_CATEGORY_KEY_SET
-]);
-var SPORTS_MARKET_GROUP_TO_TAB = {
-  game_lines: "game_lines",
-  spreads: "game_lines",
-  totals: "game_lines",
-  period_lines: "halves",
-  exact_score: "exact_score",
-  team_props: "other",
-  player_props: "other",
-  specials: "other",
-  completion: "other",
-  other: "other"
-};
-var SPORTS_SECTION_TAB_DEFINITIONS = [
-  {
-    key: "game_lines",
-    // NO sportsMarketType filter: spread/total markets on some sports (e.g.
-    // esports "Map 1 Rounds Handicap"/"Total Rounds") are sportsMarketType="other"
-    // with marketGroup=spreads/totals; AND-ing the game-line types would drop them
-    // and leave only the moneyline. marketGroup already scopes the tab. (Safe now
-    // that classify_market no longer mis-groups prop/to-score-first/extra-innings
-    // markets into game_lines/totals — see agg-venue-core market_group.rs.)
-    marketGroup: ["game_lines", "spreads", "totals"]
-    // No server-side period filter: many regular-time game-line markets arrive
-    // with period=null (moneyline sides, team totals, BTTS), and a
-    // period=["full"] filter would drop them server-side. The Game Lines tab
-    // narrows to the regular-time group client-side instead (see SportsMarkets).
-  },
-  { key: "exact_score", marketGroup: ["exact_score"] },
-  {
-    key: "halves",
-    // NO sportsMarketType filter: half-result legs ("France leading at halftime?")
-    // are sportsMarketType="other"; AND-ing the game-line types would drop them.
-    // marketGroup=period_lines + period already scope the tab.
-    marketGroup: ["period_lines"],
-    period: ["1h", "2h"]
-  },
-  { key: "corners", marketCategory: "corners" },
-  { key: "goals", marketCategory: "goals" },
-  { key: "assists", marketCategory: "assists" },
-  { key: "shots", marketCategory: "shots" },
-  {
-    key: "other",
-    // `player_props` is deliberately NOT fetched here: goals/assists/shots/corners
-    // props already have dedicated tabs (resolveMarketSectionTabKey routes them
-    // there by category), so including the group would re-fetch hundreds of props
-    // already shown elsewhere. The handful with no stat category (e.g. "saves")
-    // are back-filled from the game-wide set in resolveSportsSectionMarkets.
-    marketGroup: ["other", "team_props", "specials", "completion"]
-  }
+var SPORTS_GAME_LINE_GROUPS = [
+  "game_lines",
+  "spreads",
+  "totals",
+  "team_props",
+  "specials",
+  "completion"
 ];
-var SPORTS_NON_STANDARD_VISIBLE_TAB_KEYS = ["game_lines", "other"];
-var SPORTS_NON_STANDARD_VISIBLE_TAB_KEY_SET = new Set(
-  SPORTS_NON_STANDARD_VISIBLE_TAB_KEYS
-);
+var SPORTS_GENERIC_STAT = "player_props";
 var ESPORTS_CATEGORY_TOKENS = /* @__PURE__ */ new Set([
   "esports",
   "video games",
@@ -23565,9 +23516,6 @@ var ESPORTS_CATEGORY_TOKENS = /* @__PURE__ */ new Set([
 ]);
 var ESPORTS_TITLE_PATTERN = /\b(?:esports?|valorant|counter-strike|cs2|league of legends|lol|dota|rocket league|overwatch|rainbow six|starcraft|call of duty)\b/i;
 var SERIES_SCOPE_PATTERN = /\b(?:bo[1-9]|best of \d+|map \d+|game \d+)\b/i;
-var SPORTS_SECTION_TAB_BY_KEY = new Map(
-  SPORTS_SECTION_TAB_DEFINITIONS.map((definition) => [definition.key, definition])
-);
 var SPORTS_PERIOD_ORDER = [
   "full",
   "1h",
@@ -23632,12 +23580,13 @@ var getSportsMarketTypeOrderIndex = (sportsMarketType) => {
   const marketTypeIndex = SPORTS_MARKET_TYPE_ORDER.indexOf(sportsMarketType);
   return marketTypeIndex >= 0 ? marketTypeIndex : SPORTS_MARKET_TYPE_ORDER.length;
 };
-var resolveSportsSectionDefinition = (key) => {
-  const resolvedDefinition = SPORTS_SECTION_TAB_BY_KEY.get(key);
-  if (!resolvedDefinition) {
-    return SPORTS_SECTION_TAB_DEFINITIONS[0];
-  }
-  return resolvedDefinition;
+var resolveSportsPeriodFamily = (period) => {
+  if (period === "1h" || period === "2h") return "halves";
+  if (period === "q1" || period === "q2" || period === "q3" || period === "q4") return "quarters";
+  if (/^inning_\d{1,2}$/.test(period)) return "innings";
+  if (/^set_\d{1,2}$/.test(period)) return "sets";
+  if (/^(?:map|game)_\d{1,2}$/.test(period)) return "maps";
+  return period;
 };
 var normalizeSportsPeriod = (value) => {
   const resolvedValue = toTrimmedString(value).toLowerCase();
@@ -23682,34 +23631,134 @@ var resolveFallbackSportsMarketCategory = (market) => {
   if (question.includes("goal")) return "goals";
   return null;
 };
+var resolveSportsStatToken = (market) => {
+  const subtype = toTrimmedString(market.marketSubtype).toLowerCase();
+  const playerMatch = /_player_(.+)$/.exec(subtype);
+  if (playerMatch) return playerMatch[1];
+  const category = normalizeSportsMarketCategory(market.marketCategory);
+  if (category && SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(category)) return category;
+  return null;
+};
 var resolveMarketSectionTabKey = (market) => {
+  var _a;
   if (normalizeSportsMarketType(market.sportsMarketType) === "to_advance") {
     return "game_lines";
   }
   const normalizedCategory = normalizeSportsMarketCategory(market.marketCategory);
   const fallbackCategory = !normalizedCategory || normalizedCategory === "other" ? resolveFallbackSportsMarketCategory(market) : null;
   const category = fallbackCategory != null ? fallbackCategory : normalizedCategory;
-  if (category && SPORTS_CATEGORY_OVERRIDE_TAB_KEY_SET.has(category)) {
-    return category;
-  }
+  if (category && SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(category)) return `stat:${category}`;
+  if (category === "exact_score") return "exact_score";
   const group = normalizeSportsMarketGroup(market.marketGroup);
-  if (group) return SPORTS_MARKET_GROUP_TO_TAB[group];
+  if (group === "exact_score") return "exact_score";
+  if (group === "player_props") {
+    return `stat:${(_a = resolveSportsStatToken(market)) != null ? _a : SPORTS_GENERIC_STAT}`;
+  }
+  if (group === "period_lines") {
+    return `period:${resolveSportsPeriodFamily(normalizeSportsPeriod(market.period))}`;
+  }
+  if (group === "other") return "other";
+  if (group) return "game_lines";
   if (category === "game_lines") return "game_lines";
   if (category === "other") return "other";
   return null;
 };
-var resolveSportsSectionFilters = (key) => {
-  var _a;
-  const resolvedDefinition = resolveSportsSectionDefinition(key);
-  const useMarketGroup = !!((_a = resolvedDefinition.marketGroup) == null ? void 0 : _a.length);
+var resolveVisibleSportsSectionTabs = (event) => {
+  var _a, _b, _c;
+  const periodsByFamily = /* @__PURE__ */ new Map();
+  const statVolume = /* @__PURE__ */ new Map();
+  let hasGameLines = false;
+  let hasExactScore = false;
+  let hasOther = false;
+  for (const market of event.venueMarkets) {
+    const key = resolveMarketSectionTabKey(market);
+    if (!key) continue;
+    if (key === "game_lines") hasGameLines = true;
+    else if (key === "exact_score") hasExactScore = true;
+    else if (key === "other") hasOther = true;
+    else if (key.startsWith("period:")) {
+      const family = key.slice("period:".length);
+      const periods = (_a = periodsByFamily.get(family)) != null ? _a : /* @__PURE__ */ new Set();
+      periods.add(normalizeSportsPeriod(market.period));
+      periodsByFamily.set(family, periods);
+    } else if (key.startsWith("stat:")) {
+      const stat = key.slice("stat:".length);
+      statVolume.set(stat, ((_b = statVolume.get(stat)) != null ? _b : 0) + ((_c = market.volume) != null ? _c : 0));
+    }
+  }
+  const tabs = [];
+  if (hasGameLines) tabs.push({ key: "game_lines", kind: "game_lines" });
+  const periodTabs = Array.from(periodsByFamily.entries()).map(([periodFamily, periods]) => ({
+    key: `period:${periodFamily}`,
+    kind: "period",
+    periodFamily,
+    periods: Array.from(periods).sort(
+      (left, right) => getSportsPeriodOrderIndex(left) - getSportsPeriodOrderIndex(right)
+    )
+  })).sort(
+    (left, right) => getSportsPeriodOrderIndex(left.periods[0]) - getSportsPeriodOrderIndex(right.periods[0])
+  );
+  tabs.push(...periodTabs);
+  const statTabs = Array.from(statVolume.entries()).sort((left, right) => {
+    if (left[0] === SPORTS_GENERIC_STAT !== (right[0] === SPORTS_GENERIC_STAT)) {
+      return left[0] === SPORTS_GENERIC_STAT ? 1 : -1;
+    }
+    return right[1] - left[1];
+  }).map(([stat]) => ({ key: `stat:${stat}`, kind: "stat", stat }));
+  tabs.push(...statTabs);
+  if (hasExactScore) tabs.push({ key: "exact_score", kind: "exact_score" });
+  if (hasOther) tabs.push({ key: "other", kind: "other" });
+  if (isNonStandardSportsLikeEvent(event)) {
+    return tabs.filter((tab) => tab.kind === "game_lines" || tab.kind === "other");
+  }
+  return tabs;
+};
+var resolveSportsSectionFilters = (tab) => {
+  if (tab.kind === "period") {
+    return {
+      marketGroup: ["period_lines"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: tab.periods ? [...tab.periods] : void 0
+    };
+  }
+  if (tab.kind === "stat") {
+    const legacyCategory = SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(
+      tab.stat
+    ) ? tab.stat : null;
+    return legacyCategory ? {
+      marketGroup: void 0,
+      marketCategory: [legacyCategory],
+      sportsMarketType: void 0,
+      period: void 0
+    } : {
+      marketGroup: ["player_props"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
+  if (tab.kind === "exact_score") {
+    return {
+      marketGroup: ["exact_score"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
+  if (tab.kind === "other") {
+    return {
+      marketGroup: ["other"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
   return {
-    marketGroup: useMarketGroup ? [...resolvedDefinition.marketGroup] : void 0,
-    // Only fall back to the deprecated marketCategory filter when the tab has no
-    // marketGroup mapping. Sending both would AND them server-side and drop
-    // markets that carry only one of the two.
-    marketCategory: !useMarketGroup && resolvedDefinition.marketCategory ? [resolvedDefinition.marketCategory] : void 0,
-    sportsMarketType: resolvedDefinition.sportsMarketType ? [...resolvedDefinition.sportsMarketType] : void 0,
-    period: resolvedDefinition.period ? [...resolvedDefinition.period] : void 0
+    marketGroup: [...SPORTS_GAME_LINE_GROUPS],
+    marketCategory: void 0,
+    sportsMarketType: void 0,
+    period: void 0
   };
 };
 var hasTeamTitledOutcomes = (market) => {
@@ -23723,28 +23772,41 @@ var isClusterRelation = (left, right) => {
   var _a, _b;
   return ((_a = left.matchedVenueMarkets) != null ? _a : []).some((market) => market.id === right.id) || ((_b = right.matchedVenueMarkets) != null ? _b : []).some((market) => market.id === left.id);
 };
-var dropDecomposedLegsMergedIntoSingle = (markets) => markets.filter(
-  (market) => hasTeamTitledOutcomes(market) || !markets.some(
-    (other) => other !== market && hasTeamTitledOutcomes(other) && isClusterRelation(market, other)
-  )
-);
+var isDecomposedLeg = (market) => {
+  var _a;
+  const labels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  return labels.length === 2 && labels.every((label2) => YES_NO_LABELS.has(label2)) && !hasTeamTitledOutcomes(market);
+};
+var dropDecomposedLegsMergedIntoSingle = (markets) => {
+  const legs = markets.filter((market) => isDecomposedLeg(market));
+  if (legs.length === 0) return markets;
+  const hasMergedSingle = markets.some(
+    (market) => {
+      var _a, _b;
+      return hasTeamTitledOutcomes(market) && ((_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.length) != null ? _b : 0) >= legs.length && markets.some((other) => other !== market && isClusterRelation(market, other));
+    }
+  );
+  return hasMergedSingle ? markets.filter((market) => !isDecomposedLeg(market)) : markets;
+};
 var resolveSportsSectionMarkets = ({
-  tabKey,
+  tab,
   eventMarkets,
   sectionMarkets
 }) => {
-  const effectiveSectionMarkets = sectionMarkets.length > 0 ? sectionMarkets : eventMarkets.filter((market) => resolveMarketSectionTabKey(market) === tabKey);
+  const effectiveSectionMarkets = sectionMarkets.length > 0 ? sectionMarkets : eventMarkets.filter((market) => resolveMarketSectionTabKey(market) === tab.key);
   const filteredSectionMarkets = effectiveSectionMarkets.filter(
-    (market) => resolveMarketSectionTabKey(market) === tabKey
+    (market) => resolveMarketSectionTabKey(market) === tab.key
   );
-  if (tabKey === "other") {
+  if (tab.key === "other" || tab.key === `stat:${SPORTS_GENERIC_STAT}`) {
     const seenIds = new Set(filteredSectionMarkets.map((market) => market.id));
-    const strayOtherMarkets = eventMarkets.filter(
-      (market) => !seenIds.has(market.id) && resolveMarketSectionTabKey(market) === "other"
+    const strayMarkets = eventMarkets.filter(
+      (market) => !seenIds.has(market.id) && resolveMarketSectionTabKey(market) === tab.key
     );
-    return [...filteredSectionMarkets, ...strayOtherMarkets];
+    return [...filteredSectionMarkets, ...strayMarkets];
   }
-  if (tabKey !== "game_lines") return filteredSectionMarkets;
+  if (tab.kind !== "game_lines") return filteredSectionMarkets;
   const dedupeEventMarketsOfType = (type) => {
     const dedupedMarkets = [];
     const seenKeys = /* @__PURE__ */ new Set();
@@ -23844,7 +23906,9 @@ var resolveSpreadOutcomeTeamNames = (activeMarket, groupMarkets) => {
       return toTrimmedString((_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a[index]) == null ? void 0 : _b.title);
     }).filter((title2) => isSpreadTeamTitle(title2));
     if (cleanTitles.length === 0) return null;
-    return cleanTitles.reduce((longest, title2) => title2.length > longest.length ? title2 : longest);
+    return cleanTitles.reduce(
+      (longest, title2) => title2.length > longest.length ? title2 : longest
+    );
   };
   return { favored: pickName(0), dog: pickName(1) };
 };
@@ -23853,9 +23917,7 @@ var resolveCombinedMoneylineLegLabel = (market) => {
   return toTrimmedString(typedMarket.shortTitle) || toTrimmedString(market.question);
 };
 var areCombinedMoneylineLegsDistinct = (markets) => {
-  const labels = markets.map(
-    (market) => resolveCombinedMoneylineLegLabel(market).toLowerCase()
-  );
+  const labels = markets.map((market) => resolveCombinedMoneylineLegLabel(market).toLowerCase());
   return labels.every((label2) => label2.length > 0) && new Set(labels).size === labels.length;
 };
 var resolveDisplayGroupFamilyKey = (market) => {
@@ -24140,6 +24202,15 @@ var buildSportsSlideFromGroup = (group) => {
     defaultStopIndex
   };
 };
+var formatSportsPeriodGrammarLabel = (period) => {
+  const grammarMatch = SPORTS_PERIOD_GRAMMAR_PATTERN.exec(period);
+  if (!grammarMatch) return null;
+  if (grammarMatch[1]) {
+    const family = grammarMatch[1].charAt(0).toUpperCase() + grammarMatch[1].slice(1);
+    return `${family} ${Number(grammarMatch[2])}`;
+  }
+  return `First ${Number(grammarMatch[3])} Innings`;
+};
 var resolveSportsCategoryTokens = (event) => {
   return new Set(
     event.categories.flatMap((entry) => {
@@ -24162,39 +24233,20 @@ var isNonStandardSportsLikeEvent = (event) => {
     return ESPORTS_TITLE_PATTERN.test(question) || SERIES_SCOPE_PATTERN.test(question);
   });
 };
-var resolveVisibleSportsSectionTabDefinitions = (event) => {
-  const presentTabKeys = /* @__PURE__ */ new Set();
-  for (const market of event.venueMarkets) {
-    const tabKey = resolveMarketSectionTabKey(market);
-    if (tabKey) presentTabKeys.add(tabKey);
-  }
-  let definitions = SPORTS_SECTION_TAB_DEFINITIONS.filter(
-    (definition) => presentTabKeys.has(definition.key)
-  );
-  if (isNonStandardSportsLikeEvent(event)) {
-    definitions = definitions.filter(
-      (definition) => SPORTS_NON_STANDARD_VISIBLE_TAB_KEY_SET.has(definition.key)
-    );
-  }
-  return definitions;
-};
 var mergeSportsSectionMarketsIntoEvent = ({
   event,
   sectionMarketsByKey
 }) => {
-  var _a;
   const orderedVenueMarkets = [...event.venueMarkets];
   const seenMarketIds = new Set(orderedVenueMarkets.map((market) => market.id));
-  for (const sectionKey of SPORTS_SECTION_TAB_DEFINITIONS.map((definition) => definition.key)) {
-    for (const market of (_a = sectionMarketsByKey[sectionKey]) != null ? _a : []) {
+  for (const markets of Object.values(sectionMarketsByKey)) {
+    for (const market of markets != null ? markets : []) {
       if (seenMarketIds.has(market.id)) continue;
       seenMarketIds.add(market.id);
       orderedVenueMarkets.push(market);
     }
   }
-  return __spreadProps(__spreadValues({}, event), {
-    venueMarkets: orderedVenueMarkets
-  });
+  return __spreadProps(__spreadValues({}, event), { venueMarkets: orderedVenueMarkets });
 };
 
 // src/pages/event-market/sports-market-card.tsx
@@ -24677,24 +24729,48 @@ SportsMarketCard.displayName = "SportsMarketCard";
 
 // src/pages/event-market/sports-markets.tsx
 var import_jsx_runtime162 = require("react/jsx-runtime");
-var resolveSportsSectionLabel = (labels, key) => {
-  switch (key) {
+var STAT_LABEL_OVERRIDES = {
+  rbis: "RBIs",
+  hits_runs_rbis: "Hits + Runs + RBIs",
+  ot: "OT"
+};
+var formatStatLabel = (stat) => {
+  var _a;
+  return (_a = STAT_LABEL_OVERRIDES[stat]) != null ? _a : stat.split("_").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
+var LEGACY_STAT_LABEL_KEYS = {
+  corners: "cornersTab",
+  goals: "goalsTab",
+  assists: "assistsTab",
+  shots: "shotsTab"
+};
+var resolveSportsSectionLabel = (labels, tab) => {
+  var _a, _b, _c, _d, _e;
+  const sports = labels.eventMarketPage.sports;
+  switch (tab.kind) {
     case "game_lines":
-      return labels.eventMarketPage.sports.gameLinesTab;
-    case "halves":
-      return labels.eventMarketPage.sports.halvesTab;
+      return sports.gameLinesTab;
     case "exact_score":
-      return labels.eventMarketPage.sports.exactScoreTab;
-    case "corners":
-      return labels.eventMarketPage.sports.cornersTab;
-    case "goals":
-      return labels.eventMarketPage.sports.goalsTab;
-    case "assists":
-      return labels.eventMarketPage.sports.assistsTab;
-    case "shots":
-      return labels.eventMarketPage.sports.shotsTab;
+      return sports.exactScoreTab;
     case "other":
-      return labels.eventMarketPage.sports.otherTab;
+      return sports.otherTab;
+    case "stat": {
+      if (tab.stat === "player_props") return sports.playerPropsTab;
+      const legacyLabelKey = tab.stat ? LEGACY_STAT_LABEL_KEYS[tab.stat] : void 0;
+      return legacyLabelKey ? sports[legacyLabelKey] : formatStatLabel((_a = tab.stat) != null ? _a : "");
+    }
+    case "period": {
+      switch (tab.periodFamily) {
+        case "halves":
+          return sports.halvesTab;
+        case "quarters":
+          return sports.quartersTab;
+        case "sets":
+          return sports.setsTab;
+        default:
+          return (_e = (_c = formatSportsPeriodGrammarLabel((_b = tab.periodFamily) != null ? _b : "")) == null ? void 0 : _c.replace(/^First /, "")) != null ? _e : formatStatLabel((_d = tab.periodFamily) != null ? _d : "");
+      }
+    }
   }
 };
 var SportsTabButton = ({
@@ -24782,18 +24858,23 @@ var SportsMarkets = ({
     }
     return merged;
   }, [event.venueMarkets, gameMarkets]);
-  const visibleSectionDefinitions = (0, import_react41.useMemo)(
-    () => resolveVisibleSportsSectionTabDefinitions(__spreadProps(__spreadValues({}, event), { venueMarkets: tabSourceMarkets })),
+  const visibleTabs = (0, import_react41.useMemo)(
+    () => resolveVisibleSportsSectionTabs(__spreadProps(__spreadValues({}, event), { venueMarkets: tabSourceMarkets })),
     [event, tabSourceMarkets]
   );
-  const shouldRenderTabs = visibleSectionDefinitions.length > 1 && tabSourceMarkets.length > 1;
-  const [activeTabKey, setActiveTabKey] = (0, import_react41.useState)(
-    (_b = (_a = visibleSectionDefinitions[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines"
+  const shouldRenderTabs = visibleTabs.length > 1 && tabSourceMarkets.length > 1;
+  const [activeTabKey, setActiveTabKey] = (0, import_react41.useState)((_b = (_a = visibleTabs[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines");
+  const activeTab = (0, import_react41.useMemo)(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = visibleTabs.find((tab) => tab.key === activeTabKey)) != null ? _a2 : visibleTabs[0]) != null ? _b2 : { key: "game_lines", kind: "game_lines" };
+    },
+    [visibleTabs, activeTabKey]
   );
   const [expandedGroupId, setExpandedGroupId] = (0, import_react41.useState)(null);
   const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react41.useState)({});
-  const activeTabLabel = resolveSportsSectionLabel(labels, activeTabKey);
-  const sectionFilters = resolveSportsSectionFilters(activeTabKey);
+  const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
+  const sectionFilters = resolveSportsSectionFilters(activeTab);
   const sectionMarketsQuery = (0, import_hooks65.useVenueMarkets)({
     aggKey: event.aggKey ? [event.aggKey] : void 0,
     sportsMarketType: sectionFilters.sportsMarketType,
@@ -24816,26 +24897,25 @@ var SportsMarkets = ({
   } = sectionMarketsQuery;
   const resolvedSectionMarkets = (0, import_react41.useMemo)(
     () => resolveSportsSectionMarkets({
-      tabKey: activeTabKey,
+      tab: activeTab,
       eventMarkets: tabSourceMarkets,
       sectionMarkets
     }),
-    [activeTabKey, tabSourceMarkets, sectionMarkets]
+    [activeTab, tabSourceMarkets, sectionMarkets]
   );
   const isSectionSettled = !isSectionLoading && !hasNextPage && !isFetchingNextPage;
   const stableSectionMarkets = stableMarketsByTab[activeTabKey];
-  const displayedSectionMarkets = stableSectionMarkets != null ? stableSectionMarkets : isSectionSettled ? resolvedSectionMarkets : [];
+  const displayedSectionMarkets = (0, import_react41.useMemo)(
+    () => stableSectionMarkets != null ? stableSectionMarkets : isSectionSettled ? resolvedSectionMarkets : [],
+    [stableSectionMarkets, isSectionSettled, resolvedSectionMarkets]
+  );
   const periodGroups = (0, import_react41.useMemo)(
     () => groupSportsMarketsByPeriod(displayedSectionMarkets),
     [displayedSectionMarkets]
   );
-  const displayedPeriodGroups = (0, import_react41.useMemo)(
-    () => activeTabKey === "game_lines" ? periodGroups.filter((periodGroup) => periodGroup.key === "full") : periodGroups,
-    [activeTabKey, periodGroups]
-  );
   const allGroups = (0, import_react41.useMemo)(
-    () => displayedPeriodGroups.flatMap((periodGroup) => periodGroup.groups),
-    [displayedPeriodGroups]
+    () => periodGroups.flatMap((periodGroup) => periodGroup.groups),
+    [periodGroups]
   );
   (0, import_react41.useEffect)(() => {
     if (hasNextPage && !isFetchingNextPage) {
@@ -24869,9 +24949,9 @@ var SportsMarkets = ({
   }, [activeTabKey, displayedSectionMarkets, hasAggKey, onSectionMarketsChange]);
   (0, import_react41.useEffect)(() => {
     var _a2, _b2;
-    if (visibleSectionDefinitions.some((definition) => definition.key === activeTabKey)) return;
-    setActiveTabKey((_b2 = (_a2 = visibleSectionDefinitions[0]) == null ? void 0 : _a2.key) != null ? _b2 : "game_lines");
-  }, [activeTabKey, visibleSectionDefinitions]);
+    if (visibleTabs.some((tab) => tab.key === activeTabKey)) return;
+    setActiveTabKey((_b2 = (_a2 = visibleTabs[0]) == null ? void 0 : _a2.key) != null ? _b2 : "game_lines");
+  }, [activeTabKey, visibleTabs]);
   const lastActiveTabRef = (0, import_react41.useRef)(null);
   (0, import_react41.useEffect)(() => {
     if (allGroups.length === 0) return;
@@ -24918,14 +24998,14 @@ var SportsMarkets = ({
         role: "tablist",
         "aria-label": labels.eventMarketPage.sports.sectionTabsAria,
         className: "flex flex-nowrap items-center gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-        children: visibleSectionDefinitions.map((definition) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+        children: visibleTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
           SportsTabButton,
           {
-            isActive: definition.key === activeTabKey,
-            label: resolveSportsSectionLabel(labels, definition.key),
-            onClick: () => setActiveTabKey(definition.key)
+            isActive: tab.key === activeTabKey,
+            label: resolveSportsSectionLabel(labels, tab),
+            onClick: () => setActiveTabKey(tab.key)
           },
-          definition.key
+          tab.key
         ))
       }
     ) : null,
@@ -24939,7 +25019,7 @@ var SportsMarkets = ({
         classNames: { root: "min-h-[220px]" }
       }
     ) : null,
-    displayedPeriodGroups.map((periodGroup) => {
+    periodGroups.map((periodGroup) => {
       return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         "section",
         {
@@ -24996,7 +25076,7 @@ var SportsEventMarketPage = ({
   }, [event, sectionMarketsByKey]);
   const eventTradingState = (0, import_react42.useMemo)(() => (0, import_hooks66.resolveEventTradingState)(composedEvent), [composedEvent]);
   const hasSportsSections = (0, import_react42.useMemo)(
-    () => resolveVisibleSportsSectionTabDefinitions(event).length > 0,
+    () => resolveVisibleSportsSectionTabs(event).length > 0,
     [event]
   );
   const stickyOrderPanelState = resolveEventMarketPageStickyState({

package/dist/pages.mjs

@@ -8,7 +8,7 @@ import {
   UserProfilePage,
   buildAggTxExplorerHref,
   useHomePageModals
-} from "./chunk-AELMIG74.mjs";
+} from "./chunk-TQL5I4GX.mjs";
 import "./chunk-XAG432PJ.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,

package/dist/types/pages/event-market/sports-event-market.fixtures.d.mts

@@ -1,12 +1,12 @@
 import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
 export declare const sportsSectionMarketsByTab: {
     game_lines: VenueMarket[];
-    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    "period:halves": readonly [VenueMarket, VenueMarket, VenueMarket];
     exact_score: readonly [VenueMarket];
-    corners: readonly [VenueMarket, VenueMarket];
-    goals: VenueMarket[];
-    assists: readonly [VenueMarket];
-    shots: readonly [VenueMarket];
+    "stat:corners": readonly [VenueMarket, VenueMarket];
+    "stat:goals": VenueMarket[];
+    "stat:assists": readonly [VenueMarket];
+    "stat:shots": readonly [VenueMarket];
     other: readonly [VenueMarket];
 };
 export declare const sportsEventPageFixture: VenueEventWithMarkets;

package/dist/types/pages/event-market/sports-event-market.fixtures.d.ts

@@ -1,12 +1,12 @@
 import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
 export declare const sportsSectionMarketsByTab: {
     game_lines: VenueMarket[];
-    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    "period:halves": readonly [VenueMarket, VenueMarket, VenueMarket];
     exact_score: readonly [VenueMarket];
-    corners: readonly [VenueMarket, VenueMarket];
-    goals: VenueMarket[];
-    assists: readonly [VenueMarket];
-    shots: readonly [VenueMarket];
+    "stat:corners": readonly [VenueMarket, VenueMarket];
+    "stat:goals": VenueMarket[];
+    "stat:assists": readonly [VenueMarket];
+    "stat:shots": readonly [VenueMarket];
     other: readonly [VenueMarket];
 };
 export declare const sportsEventPageFixture: VenueEventWithMarkets;