@agg-build/ui 2.5.2 → 2.6.0

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

@@ -1,6 +1,4 @@
 import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
-export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
-export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["to_advance", "moneyline", "spread", "total", "prop", "completion", "other"];
 export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
 export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
@@ -17,41 +15,18 @@ export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact
 export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
 export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
 export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
-export type SportsSectionTabDefinition = {
-    key: SportsSectionTabKey;
-    /** Preferred section filter — supersedes `marketCategory`. */
-    marketGroup?: readonly SportsMarketGroupKey[];
-    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
-    marketCategory?: SportsMarketCategoryKey;
-    sportsMarketType?: readonly SportsMarketTypeKey[];
-    period?: readonly SportsPeriodKey[];
+export type SportsSectionTabKind = "game_lines" | "period" | "stat" | "exact_score" | "other";
+export type SportsSectionTab = {
+    /** Stable key: "game_lines" | "exact_score" | "other" | `period:<family>` | `stat:<token>` */
+    key: string;
+    kind: SportsSectionTabKind;
+    /** kind="period": the family this tab covers (e.g. "halves", "first_5_innings"). */
+    periodFamily?: string;
+    /** kind="period": every period in the family that this game actually has. */
+    periods?: readonly SportsPeriodKey[];
+    /** kind="stat": the stat token, e.g. "home_runs". "player_props" = the catch-all. */
+    stat?: string;
 };
-export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
-    readonly key: "game_lines";
-    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
-}, {
-    readonly key: "exact_score";
-    readonly marketGroup: readonly ["exact_score"];
-}, {
-    readonly key: "halves";
-    readonly marketGroup: readonly ["period_lines"];
-    readonly period: readonly ["1h", "2h"];
-}, {
-    readonly key: "corners";
-    readonly marketCategory: "corners";
-}, {
-    readonly key: "goals";
-    readonly marketCategory: "goals";
-}, {
-    readonly key: "assists";
-    readonly marketCategory: "assists";
-}, {
-    readonly key: "shots";
-    readonly marketCategory: "shots";
-}, {
-    readonly key: "other";
-    readonly marketGroup: readonly ["other", "team_props", "specials", "completion"];
-}];
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
@@ -69,11 +44,27 @@ export type SportsPeriodGroup = {
     markets: VenueMarket[];
     groups: SportsMarketDisplayGroup[];
 };
-export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+/**
+ * Collapse a period into its display FAMILY, so one tab covers the periods a
+ * viewer thinks of together: soccer's 1h+2h are a single "Halves" tab (as
+ * today), basketball's q1–q4 a single "Quarters" tab, while baseball's
+ * `first_5_innings` stands alone and reads "5 Innings" like Polymarket.
+ */
+export declare const resolveSportsPeriodFamily: (period: SportsPeriodKey) => string;
 export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
 export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
 export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
 export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * The stat a player prop measures, as a bare token ("home_runs").
+ *
+ * Primary source is `marketSubtype`, which both Polymarket and (since the
+ * kalshi series-suffix mapping) Kalshi spell identically —
+ * `baseball_player_home_runs` on both — so one tab holds both venues' markets.
+ * Falls back to `marketCategory` for soccer's legacy corners/goals/assists/
+ * shots, which have no player subtype. Null when neither resolves.
+ */
+export declare const resolveSportsStatToken: (market: Pick<VenueMarket, "marketSubtype" | "marketCategory" | "question">) => string | null;
 /**
  * Map a market to the sports section tab it belongs to — marketGroup-first, with
  * marketCategory as the documented compatibility fallback (see the
@@ -81,34 +72,16 @@ export declare const normalizeSportsMarketGroup: (value: string | null | undefin
  * recognizable grouping metadata, so the page can fall back to the default,
  * ungrouped market list instead of inventing an empty tab.
  */
-export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType">) => SportsSectionTabKey | null;
-export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType" | "period">) => string | null;
+export declare const resolveVisibleSportsSectionTabs: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTab[];
+export declare const resolveSportsSectionFilters: (tab: SportsSectionTab) => {
     marketGroup?: SportsMarketGroupKey[];
     marketCategory?: SportsMarketCategoryKey[];
     sportsMarketType?: SportsMarketTypeKey[];
     period?: SportsPeriodKey[];
 };
-/**
- * Resolve the markets a sports section tab should display and group.
- *
- * Section markets are fetched by `aggKey`, which intentionally spans every
- * sibling venue-event for the same real-world game (so cross-venue line ladders
- * and prop categories aggregate together). For the Game Lines MONEYLINE
- * (match-result) group, that aggregation is wrong: it can surface duplicate
- * draws sourced from sibling events, props mis-classified as `moneyline`, and —
- * because a sibling's market often wins the cross-venue collapse — it can omit
- * THIS event's own outcome markets entirely (e.g. show two "Draw"s and drop the
- * "Australia" win).
- *
- * The event's own curated `venueMarkets` are the authoritative N-way result for
- * this event (the same source the non-sports event page renders correctly). So
- * on the Game Lines tab we take the moneyline markets from the event and keep
- * only the line markets (spread/total) from the aggKey fetch. Every other tab —
- * and the spread/total ladders within Game Lines — use the fetched markets
- * unchanged.
- */
-export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
-    tabKey: SportsSectionTabKey;
+export declare const resolveSportsSectionMarkets: ({ tab, eventMarkets, sectionMarkets, }: {
+    tab: SportsSectionTab;
     eventMarkets: VenueMarket[];
     sectionMarkets: VenueMarket[];
 }) => VenueMarket[];
@@ -192,8 +165,7 @@ export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarket
  */
 export declare const formatSportsPeriodGrammarLabel: (period: string) => string | null;
 export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
-export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
 export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {
     event: import("@agg-build/hooks").VenueEventWithMarkets;
-    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+    sectionMarketsByKey: Partial<Record<string, VenueMarket[]>>;
 }) => import("@agg-build/hooks").VenueEventWithMarkets;

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

@@ -1,6 +1,4 @@
 import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
-export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
-export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
 export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["to_advance", "moneyline", "spread", "total", "prop", "completion", "other"];
 export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
 export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
@@ -17,41 +15,18 @@ export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact
 export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
 export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
 export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
-export type SportsSectionTabDefinition = {
-    key: SportsSectionTabKey;
-    /** Preferred section filter — supersedes `marketCategory`. */
-    marketGroup?: readonly SportsMarketGroupKey[];
-    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
-    marketCategory?: SportsMarketCategoryKey;
-    sportsMarketType?: readonly SportsMarketTypeKey[];
-    period?: readonly SportsPeriodKey[];
+export type SportsSectionTabKind = "game_lines" | "period" | "stat" | "exact_score" | "other";
+export type SportsSectionTab = {
+    /** Stable key: "game_lines" | "exact_score" | "other" | `period:<family>` | `stat:<token>` */
+    key: string;
+    kind: SportsSectionTabKind;
+    /** kind="period": the family this tab covers (e.g. "halves", "first_5_innings"). */
+    periodFamily?: string;
+    /** kind="period": every period in the family that this game actually has. */
+    periods?: readonly SportsPeriodKey[];
+    /** kind="stat": the stat token, e.g. "home_runs". "player_props" = the catch-all. */
+    stat?: string;
 };
-export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
-    readonly key: "game_lines";
-    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
-}, {
-    readonly key: "exact_score";
-    readonly marketGroup: readonly ["exact_score"];
-}, {
-    readonly key: "halves";
-    readonly marketGroup: readonly ["period_lines"];
-    readonly period: readonly ["1h", "2h"];
-}, {
-    readonly key: "corners";
-    readonly marketCategory: "corners";
-}, {
-    readonly key: "goals";
-    readonly marketCategory: "goals";
-}, {
-    readonly key: "assists";
-    readonly marketCategory: "assists";
-}, {
-    readonly key: "shots";
-    readonly marketCategory: "shots";
-}, {
-    readonly key: "other";
-    readonly marketGroup: readonly ["other", "team_props", "specials", "completion"];
-}];
 export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
 export type SportsMarketDisplayGroup = {
     id: string;
@@ -69,11 +44,27 @@ export type SportsPeriodGroup = {
     markets: VenueMarket[];
     groups: SportsMarketDisplayGroup[];
 };
-export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+/**
+ * Collapse a period into its display FAMILY, so one tab covers the periods a
+ * viewer thinks of together: soccer's 1h+2h are a single "Halves" tab (as
+ * today), basketball's q1–q4 a single "Quarters" tab, while baseball's
+ * `first_5_innings` stands alone and reads "5 Innings" like Polymarket.
+ */
+export declare const resolveSportsPeriodFamily: (period: SportsPeriodKey) => string;
 export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
 export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
 export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
 export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * The stat a player prop measures, as a bare token ("home_runs").
+ *
+ * Primary source is `marketSubtype`, which both Polymarket and (since the
+ * kalshi series-suffix mapping) Kalshi spell identically —
+ * `baseball_player_home_runs` on both — so one tab holds both venues' markets.
+ * Falls back to `marketCategory` for soccer's legacy corners/goals/assists/
+ * shots, which have no player subtype. Null when neither resolves.
+ */
+export declare const resolveSportsStatToken: (market: Pick<VenueMarket, "marketSubtype" | "marketCategory" | "question">) => string | null;
 /**
  * Map a market to the sports section tab it belongs to — marketGroup-first, with
  * marketCategory as the documented compatibility fallback (see the
@@ -81,34 +72,16 @@ export declare const normalizeSportsMarketGroup: (value: string | null | undefin
  * recognizable grouping metadata, so the page can fall back to the default,
  * ungrouped market list instead of inventing an empty tab.
  */
-export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType">) => SportsSectionTabKey | null;
-export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory" | "marketSubtype" | "question" | "sportsMarketType" | "period">) => string | null;
+export declare const resolveVisibleSportsSectionTabs: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTab[];
+export declare const resolveSportsSectionFilters: (tab: SportsSectionTab) => {
     marketGroup?: SportsMarketGroupKey[];
     marketCategory?: SportsMarketCategoryKey[];
     sportsMarketType?: SportsMarketTypeKey[];
     period?: SportsPeriodKey[];
 };
-/**
- * Resolve the markets a sports section tab should display and group.
- *
- * Section markets are fetched by `aggKey`, which intentionally spans every
- * sibling venue-event for the same real-world game (so cross-venue line ladders
- * and prop categories aggregate together). For the Game Lines MONEYLINE
- * (match-result) group, that aggregation is wrong: it can surface duplicate
- * draws sourced from sibling events, props mis-classified as `moneyline`, and —
- * because a sibling's market often wins the cross-venue collapse — it can omit
- * THIS event's own outcome markets entirely (e.g. show two "Draw"s and drop the
- * "Australia" win).
- *
- * The event's own curated `venueMarkets` are the authoritative N-way result for
- * this event (the same source the non-sports event page renders correctly). So
- * on the Game Lines tab we take the moneyline markets from the event and keep
- * only the line markets (spread/total) from the aggKey fetch. Every other tab —
- * and the spread/total ladders within Game Lines — use the fetched markets
- * unchanged.
- */
-export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
-    tabKey: SportsSectionTabKey;
+export declare const resolveSportsSectionMarkets: ({ tab, eventMarkets, sectionMarkets, }: {
+    tab: SportsSectionTab;
     eventMarkets: VenueMarket[];
     sectionMarkets: VenueMarket[];
 }) => VenueMarket[];
@@ -192,8 +165,7 @@ export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarket
  */
 export declare const formatSportsPeriodGrammarLabel: (period: string) => string | null;
 export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
-export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
 export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {
     event: import("@agg-build/hooks").VenueEventWithMarkets;
-    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+    sectionMarketsByKey: Partial<Record<string, VenueMarket[]>>;
 }) => import("@agg-build/hooks").VenueEventWithMarkets;

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

@@ -1,8 +1,7 @@
 import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
-import { type SportsSectionTabKey } from "./sports-event-market.utils";
 export type SportsMarketsProps = {
     event: VenueEventWithMarkets;
-    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onSectionMarketsChange: (tabKey: string, markets: VenueMarket[]) => void;
     onOutcomeSelect?: () => void;
     live?: boolean;
     midpointsResult?: UseMidpointsResult;

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

@@ -1,8 +1,7 @@
 import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
-import { type SportsSectionTabKey } from "./sports-event-market.utils";
 export type SportsMarketsProps = {
     event: VenueEventWithMarkets;
-    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onSectionMarketsChange: (tabKey: string, markets: VenueMarket[]) => void;
     onOutcomeSelect?: () => void;
     live?: boolean;
     midpointsResult?: UseMidpointsResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,7 +100,7 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^2.5.1",
+    "@agg-build/hooks": "^2.6.0",
     "@agg-build/sdk": "^2.5.1"
   },
   "dependencies": {