@oddsmith/ui 1.0.5 → 1.0.6

package/dist/{components/os-leaderboard-casino/sections → sections}/stats-section/stats-section.d.ts

@@ -1,16 +1,19 @@
 import { LitElement, nothing } from 'lit';
-import { OsLeaderboardCasinoStatsSection } from '../../types/sections.js';
-import { StatsSectionHost, StatRailSegment } from './stats-section.host.js';
+import { CasinoStore } from '../../store';
+import { StatsView } from './types/view.js';
+import { StatsSectionHost, StatIconName } from './stats-section.host.js';
 export declare class OsLeaderboardCasinoStats extends LitElement implements StatsSectionHost {
     static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoStatsSection;
+    store: CasinoStore;
+    get section(): StatsView | undefined;
+    get participantsCaption(): string;
     get participantsLabel(): string;
     get showPrizes(): boolean;
+    get prizeTiersCaption(): string;
     get prizesLabel(): string;
     get showBiggestWin(): boolean;
+    get biggestWinCaption(): string;
     get biggestWinLabel(): string;
-    get participantsSegment(): StatRailSegment;
-    get prizesSegment(): StatRailSegment;
-    get biggestWinSegment(): StatRailSegment;
+    renderIcon(icon: StatIconName): import('lit').TemplateResult<1>;
     render(): import('lit').TemplateResult | typeof nothing;
 }

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

@@ -0,0 +1,15 @@
+import { LitTemplate } from '../../.shared/lib/lit/template.js';
+import { StatsView } from './types/view.js';
+export type StatIconName = 'users' | 'gift' | 'trophy';
+export interface StatsSectionHost {
+    section: StatsView | undefined;
+    participantsCaption: string;
+    participantsLabel: string;
+    showPrizes: boolean;
+    prizeTiersCaption: string;
+    prizesLabel: string;
+    showBiggestWin: boolean;
+    biggestWinCaption: string;
+    biggestWinLabel: string;
+    renderIcon(icon: StatIconName): LitTemplate;
+}

package/dist/sections/stats-section/types/data.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Stats rail numbers. Omit on a partial `.data` → mix default snapshot. `null` → unmount.
+ *
+ * Snapshot from the host — not derived from `prizes[]`, `players[]`,
+ * or marquee amounts. `participants` is the campaign total, not the
+ * table preview length.
+ */
+export type StatsData = {
+    participants: number;
+    prizes: number;
+    biggestWin: number;
+};

package/dist/sections/stats-section/types/labels.d.ts

@@ -0,0 +1,6 @@
+/** Chrome copy for the stats section. */
+export type StatsLabels = {
+    participants: string;
+    prizeTiers: string;
+    biggestWin: string;
+};

package/dist/sections/stats-section/types/view.d.ts

@@ -0,0 +1,8 @@
+/** Render data for the stats section. */
+export interface StatsView {
+    participants: number;
+    prizes: number;
+    biggestWin: number;
+    biggestWinCurrency: string;
+    locale: string;
+}

package/dist/{components/os-leaderboard-casino/sections → sections}/table-section/table-section.d.ts

@@ -1,29 +1,39 @@
 import { LitElement, nothing } from 'lit';
-import { OsLeaderboardCasinoTableView } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { 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 {
     static styles: import('lit').CSSResult[];
     private _resizeObserver?;
+    private clock?;
+    private now;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
     private _syncStickyWidth;
-    section: OsLeaderboardCasinoTableView;
-    /** Campaign uuid included in the `leaderboard-open` event detail. */
-    uuid: string;
-    finished: boolean;
+    store: CasinoStore;
+    get section(): TableView | undefined;
+    get finished(): boolean;
     get sectionTitle(): string;
     get ctaLabel(): string;
+    get colRank(): string;
+    get colPlayer(): string;
+    get colGames(): string;
+    get colWinRate(): string;
+    get colBet(): string;
+    get colPoints(): string;
+    get colChange(): string;
     private get visiblePlayers();
     private get pinnedCurrentUser();
     get hasPlayers(): boolean;
     get emptyMessage(): string;
     get showPinned(): boolean;
+    get yourPositionLabel(): string;
     onOpenClick(): void;
-    private resolvePlayerPrize;
+    private resolvePlayerPrizeLabel;
     private renderRankChange;
-    private avatarUrl;
+    private renderMedal;
     private renderRow;
     renderPlayers(): import('lit').TemplateResult<1>;
     renderPinnedRow(): typeof nothing | import('lit').TemplateResult<1>;

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

@@ -0,0 +1,22 @@
+import { LitTemplate } from '../../.shared/lib/lit/template.js';
+import { TableView } from './types/view.js';
+export interface TableSectionHost {
+    section: TableView | undefined;
+    finished: boolean;
+    sectionTitle: string;
+    ctaLabel: string;
+    colRank: string;
+    colPlayer: string;
+    colGames: string;
+    colWinRate: string;
+    colBet: string;
+    colPoints: string;
+    colChange: string;
+    hasPlayers: boolean;
+    emptyMessage: string;
+    showPinned: boolean;
+    yourPositionLabel: string;
+    onOpenClick(): void;
+    renderPlayers(): LitTemplate;
+    renderPinnedRow(): LitTemplate;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * Player row. Host sends `players[]` already sorted by rank (best first).
+ * Display rank is array index + 1. There is no `rank` field.
+ */
+export type PlayerData = {
+    id: string;
+    username: string;
+    points: number;
+    gamesPlayed: number;
+    /**
+     * Already a percent, 0–100. Rendered with `table.percent`
+     * (`69` → `69%` when that label is `%`). `0.69` would show `0.69%`.
+     */
+    winRate: number;
+    totalBet: number;
+    /** Host-provided avatar. Omit = no image. The component never invents one. */
+    avatarUrl?: string;
+    /**
+     * Current-user flag. Only boolean `true` or `false`.
+     * `1` / `0` / `"true"` are ignored. First `true` in array order wins.
+     */
+    isYou?: boolean;
+    previousRank?: number;
+};

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

@@ -0,0 +1,9 @@
+/** Custom events from the table section. */
+export declare const TableEvents: {
+    /** Table CTA — current player (`isYou`). */
+    readonly open: "leaderboard-player-open";
+};
+export type TableEventName = (typeof TableEvents)[keyof typeof TableEvents];
+export interface TableOpenDetail {
+    playerId: string;
+}

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

@@ -0,0 +1,16 @@
+/** Chrome copy for the table section. */
+export type TableLabels = {
+    title: string;
+    rank: string;
+    player: string;
+    games: string;
+    winRate: string;
+    /** Percent sign after a win-rate number, e.g. `%`. */
+    percent: string;
+    totalBet: string;
+    points: string;
+    change: string;
+    you: string;
+    yourPosition: string;
+    empty: string;
+};

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

@@ -0,0 +1,20 @@
+import { PrizeItem } from '../../prize-section/types/view.js';
+export interface TablePlayer {
+    id: string;
+    username: string;
+    rank: number;
+    points: number;
+    isYou: boolean;
+    gamesPlayed: number;
+    winRate: number;
+    totalBet: number;
+    avatarUrl?: string;
+    previousRank?: number;
+    prizeLabel?: string;
+}
+/** Render data for the table section. */
+export interface TableView {
+    players: TablePlayer[];
+    currentUser?: TablePlayer;
+    prizes?: PrizeItem[];
+}

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

@@ -0,0 +1,5 @@
+import { CasinoStore } from './casino.store.js';
+/** Provided by the `OsLeaderboardCasino` instance, consumed by any descendant. */
+export declare const casinoStoreContext: {
+    __context__: CasinoStore;
+};

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

@@ -0,0 +1,37 @@
+import { LeaderboardData, 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.
+ * Image URLs are copied from host data as-is.
+ */
+export declare class CasinoStore {
+    private data;
+    private demo;
+    /** Demo countdown roll — only if the campaign was not already over at hydrate. */
+    private demoRollClock;
+    hydrate(data: LeaderboardData, demo?: boolean): void;
+    clear(): void;
+    isReady(): boolean;
+    isDemo(): boolean;
+    getData(): LeaderboardData;
+    /**
+     * Derived from data.hero startsAt / endsAt / cancelled.
+     * Demo boards that loaded already finished stay finished.
+     * Demo boards that were live at hydrate keep `active` so the hero can roll the clock.
+     */
+    getStatus(now?: number): LeaderboardStatus;
+    isCampaignOver(now?: number): boolean;
+    getHeroView(): HeroView;
+    getPrizeView(): PrizeView | undefined;
+    getStatsView(): StatsView | undefined;
+    getGamesView(): GamesView | undefined;
+    getClimbView(): ClimbView | undefined;
+    getTableView(): TableView | undefined;
+    getMarqueeView(): MarqueeView | undefined;
+    getEventsBannerView(): EventsBannerView | undefined;
+    getFooterView(): FooterView;
+    getLegalsView(): LegalsView | undefined;
+    private requireData;
+}