@oddsmith/ui 1.0.7 → 1.1.0

package/dist/sections/table-section/table-section.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from 'lit';
 import { CasinoStore } from '../../store';
-import { TableView } from './types/view.js';
+import { TablePlayer, TableView } from './types/view.js';
 import { TableSectionHost } from './table-section.host.js';
 /** Top-players preview — pinned current user, golden CTA. */
 export declare class OsLeaderboardCasinoTable extends LitElement implements TableSectionHost {
@@ -30,7 +30,8 @@ export declare class OsLeaderboardCasinoTable extends LitElement implements Tabl
     get emptyMessage(): string;
     get showPinned(): boolean;
     get yourPositionLabel(): string;
-    onOpenClick(): void;
+    onCtaClick(): void;
+    onPlayerClick(player: TablePlayer): void;
     private resolvePlayerPrizeLabel;
     private renderRankChange;
     private renderMedal;

package/dist/sections/table-section/table-section.host.d.ts

@@ -16,7 +16,7 @@ export interface TableSectionHost {
     emptyMessage: string;
     showPinned: boolean;
     yourPositionLabel: string;
-    onOpenClick(): void;
+    onCtaClick(): void;
     renderPlayers(): LitTemplate;
     renderPinnedRow(): LitTemplate;
 }

package/dist/sections/table-section/types/events.d.ts

@@ -1,9 +1,14 @@
 /** Custom events from the table section. */
 export declare const TableEvents: {
-    /** Table CTA — current player (`isYou`). */
+    /** Table CTA — `players[].id` of the first `isYou: true`. */
+    readonly cta: "cta-click";
+    /** Table row — that player's `players[].id`. */
     readonly open: "leaderboard-player-open";
 };
 export type TableEventName = (typeof TableEvents)[keyof typeof TableEvents];
+export interface TableCtaDetail {
+    playerId: string;
+}
 export interface TableOpenDetail {
     playerId: string;
 }

package/dist/store/casino.store.d.ts

@@ -1,9 +1,9 @@
-import { LeaderboardData, LeaderboardStatus, HeroView, PrizeView, StatsView, GamesView, ClimbView, TableView, MarqueeView, EventsBannerView, FooterView, LegalsView } from '../types';
+import { ResolvedLeaderboardData, LeaderboardStatus, HeroView, PrizeView, StatsView, GamesView, ClimbView, TableView, MarqueeView, EventsBannerView, FooterView, LegalsView } from '../types';
 /**
  * Data-only store for a single board instance.
  * Bootstrap hydrates once; sections pull view slices via getters.
  *
- * Views are projected from {@link LeaderboardData} only — no demo/fallback fill-in.
+ * Views are projected from {@link ResolvedLeaderboardData} only — no demo/fallback fill-in.
  * Image URLs are copied from host data as-is.
  */
 export declare class CasinoStore {
@@ -11,11 +11,16 @@ export declare class CasinoStore {
     private demo;
     /** Demo countdown roll — only if the campaign was not already over at hydrate. */
     private demoRollClock;
-    hydrate(data: LeaderboardData, demo?: boolean): void;
+    /** First `isYou: true` in `players[]`, resolved once per hydrate. */
+    private you;
+    private youIndex;
+    hydrate(data: ResolvedLeaderboardData, demo?: boolean): void;
     clear(): void;
     isReady(): boolean;
     isDemo(): boolean;
-    getData(): LeaderboardData;
+    getData(): ResolvedLeaderboardData;
+    /** `players[].id` of the first `isYou: true`. Empty string if none. */
+    getCurrentUserId(): string;
     /**
      * Derived from data.hero startsAt / endsAt / cancelled.
      * Demo boards that loaded already finished stay finished.
@@ -33,5 +38,6 @@ export declare class CasinoStore {
     getEventsBannerView(): EventsBannerView | undefined;
     getFooterView(): FooterView;
     getLegalsView(): LegalsView | undefined;
+    private cacheCurrentUser;
     private requireData;
 }

package/dist/types/data.d.ts

@@ -15,26 +15,11 @@ export type { PlayerData } from '../sections/table-section/types/data.js';
 export type { MarqueeItemData, MarqueeData, } from '../sections/marquee-section/types/data.js';
 export type { EventItemData, EventsData, } from '../sections/events-banner/types/data.js';
 export type { ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from '../sections/legals-section/types/data.js';
-/** Resolved campaign. The store always sees this shape after mix. */
-export type LeaderboardData = {
-    hero: HeroData;
-    /** ISO 4217 (e.g. `USD`). Applies to every money amount. */
-    currency: string;
-    /** BCP 47 tag (e.g. `en-US`). Drives all date and number formatting. */
-    locale: string;
-    games?: GameData[];
-    prizes?: PrizeData[];
-    players?: PlayerData[];
-    stats?: StatsData;
-    marquee?: MarqueeData;
-    events?: EventsData;
-    legals?: LegalsData;
-};
 /**
- * Host `.data` input.
+ * Host `.data` (`LeaderboardHostProps.data`).
  * Mix rule: omit key → default. null → unmount. [] → empty copy. Keys mix. Arrays replace (no row merge).
  */
-export type LeaderboardDataInput = {
+export type LeaderboardData = {
     hero?: Partial<HeroData>;
     currency?: string;
     locale?: string;
@@ -47,3 +32,20 @@ export type LeaderboardDataInput = {
     events?: Partial<EventsData> | null;
     legals?: Partial<LegalsData> | null;
 };
+/**
+ * Campaign after mix. Store / producer only — not on the public package entry.
+ */
+export type ResolvedLeaderboardData = {
+    hero: HeroData;
+    /** ISO 4217 (e.g. `USD`). Applies to every money amount. */
+    currency: string;
+    /** BCP 47 tag (e.g. `en-US`). Drives all date and number formatting. */
+    locale: string;
+    games?: GameData[];
+    prizes?: PrizeData[];
+    players?: PlayerData[];
+    stats?: StatsData;
+    marquee?: MarqueeData;
+    events?: EventsData;
+    legals?: LegalsData;
+};

package/dist/types/host.d.ts

@@ -1,10 +1,10 @@
 import { LeaderboardLabels } from './labels.js';
 import { LeaderboardTheme } from './theme.js';
-import { LeaderboardDataInput } from './data.js';
+import { LeaderboardData } from './data.js';
 /**
  * Host input — the only props the public TypeScript contract accepts.
  *
- * Assign these with `setProps({ labels, theme, data })`, then `mount(host)`.
+ * Pass these to `new OsLeaderboardCasino({ labels, theme, data })`, then `mount(host)`.
  * Omit all three for the hardcoded campaign, labels, and theme.
  *
  * `.labels`: omit for defaults. If set, the full bag is required.
@@ -20,5 +20,5 @@ export interface LeaderboardHostProps {
     /** Omit → DEFAULT_THEME. Set → per-key mix; invalid CSS falls back. */
     theme?: Partial<LeaderboardTheme>;
     /** Omit → hardcoded campaign. Set → per-key mix onto that campaign. */
-    data?: LeaderboardDataInput;
+    data?: LeaderboardData;
 }

package/dist/types/index.d.ts

@@ -6,7 +6,7 @@ export type { SectionId, CasinoSectionConfig } from './config.js';
 export type { LeaderboardLabels, StatusLabels, CtaLabels, } from './labels.js';
 export type { LeaderboardTheme } from './theme.js';
 export type { LeaderboardStatus } from './status.js';
-export type { LeaderboardData, LeaderboardDataInput, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
+export type { LeaderboardData, ResolvedLeaderboardData, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
 export type { LeaderboardHostProps } from './host.js';
 export type { MarqueeItem, MarqueeView } from '../sections/marquee-section/types/view.js';
 export type { MarqueeLabels } from '../sections/marquee-section/types/labels.js';
@@ -28,7 +28,7 @@ export type { ClimbView } from '../sections/climb-section/types/view.js';
 export type { ClimbLabels } from '../sections/climb-section/types/labels.js';
 export type { TablePlayer, TableView } from '../sections/table-section/types/view.js';
 export type { TableLabels } from '../sections/table-section/types/labels.js';
-export type { TableEventName, TableOpenDetail, } from '../sections/table-section/types/events.js';
+export type { TableEventName, TableCtaDetail, TableOpenDetail, } from '../sections/table-section/types/events.js';
 export { TableEvents } from '../sections/table-section/types/events.js';
 export type { FooterView } from '../sections/footer-section/types/view.js';
 export type { LegalLink, LegalsView } from '../sections/legals-section/types/view.js';

package/dist/types/public.d.ts

@@ -14,10 +14,10 @@ export type { TableLabels } from '../sections/table-section/types/labels.js';
 export type { MarqueeLabels } from '../sections/marquee-section/types/labels.js';
 export type { EventsLabels } from '../sections/events-banner/types/labels.js';
 export type { LegalsLabels } from '../sections/legals-section/types/labels.js';
-export type { LeaderboardData, LeaderboardDataInput, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
+export type { LeaderboardData, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
 export { PrizeEvents } from '../sections/prize-section/types/events.js';
 export type { PrizeClickDetail } from '../sections/prize-section/types/events.js';
 export { TableEvents } from '../sections/table-section/types/events.js';
-export type { TableOpenDetail } from '../sections/table-section/types/events.js';
+export type { TableCtaDetail, TableOpenDetail } from '../sections/table-section/types/events.js';
 export { EventsEvents } from '../sections/events-banner/types/events.js';
 export type { EventsClickDetail } from '../sections/events-banner/types/events.js';

package/dist/utils/data-resolve.d.ts

@@ -1,6 +1,6 @@
-import { LeaderboardData, LeaderboardDataInput } from '../types';
+import { LeaderboardData, ResolvedLeaderboardData } from '../types';
 /**
  * Mix a partial host `.data` onto a hardcoded campaign.
  * Mix rule: omit key → default. null → unmount. [] → empty copy. Keys mix. Arrays replace (no row merge).
  */
-export declare function resolveLeaderboardData(input?: LeaderboardDataInput | null, logPrefix?: string, fallback?: LeaderboardData): LeaderboardData;
+export declare function resolveLeaderboardData(input?: LeaderboardData | null, logPrefix?: string, fallback?: ResolvedLeaderboardData): ResolvedLeaderboardData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oddsmith/ui",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "description": "Brandable casino leaderboard web component",
   "keywords": [
     "casino",