valtech-components 4.0.375 → 4.0.377

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"medium" | "success" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,8 +41,8 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
-        alignment: "start" | "center";
+        gap: "small" | "medium" | "large";
+        alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/operation-reference/operation-reference.component.d.ts

@@ -6,7 +6,7 @@ export declare class OperationReferenceComponent {
     protected label: import("@angular/core").Signal<string>;
     protected copiedLabel: import("@angular/core").Signal<string>;
     protected copyAriaLabel: import("@angular/core").Signal<string>;
-    protected align: import("@angular/core").Signal<"start" | "center" | "end">;
+    protected align: import("@angular/core").Signal<"center" | "start" | "end">;
     protected copyValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperationReferenceComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OperationReferenceComponent, "val-operation-reference", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;

package/lib/components/organisms/mini-games/chessimals-game.component.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { ChessimalsAnimalType, ChessimalsBotDifficulty, ChessimalsBoardSize, ChessimalsGameState, ChessimalsLocalMode, ChessimalsMove, ChessimalsPiece, ChessimalsPlayerColor, ChessimalsPosition } from './types';
+import { ChessimalsAnimalType, ChessimalsBotDifficulty, ChessimalsBoardSize, ChessimalsGameState, ChessimalsHistoryEntry, ChessimalsLocalMode, ChessimalsMove, ChessimalsPiece, ChessimalsPlayerColor, ChessimalsPosition } from './types';
 import { UserAvatarMetadata } from '../../atoms/user-avatar/types';
 import { ButtonMetadata } from '../../types';
 import * as i0 from "@angular/core";
@@ -29,6 +29,9 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private botTurnTimer;
     private readonly routeSubscription;
     private onlineSubscription;
+    private historySubscription;
+    private historyUid;
+    private historyWatchTimer;
     private pendingOnlineGameId;
     private openingOnlineGameId;
     private openedOnlineGameId;
@@ -53,6 +56,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly onlineLoading: import("@angular/core").WritableSignal<boolean>;
     readonly onlineError: import("@angular/core").WritableSignal<string>;
     readonly onlineUid: import("@angular/core").WritableSignal<string>;
+    readonly onlineHistory: import("@angular/core").WritableSignal<ChessimalsHistoryEntry[]>;
     readonly resumeSplashVisible: import("@angular/core").WritableSignal<boolean>;
     readonly loggedInUser: import("@angular/core").Signal<import("valtech-components").AuthUser>;
     readonly localPlayerProfile: import("@angular/core").Signal<import("./types").MiniGamePlayerProfile>;
@@ -61,6 +65,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly loggedPlayerHandle: import("@angular/core").Signal<string>;
     readonly loggedPlayerAvatarProps: import("@angular/core").Signal<UserAvatarMetadata>;
     set onlineGameId(value: string | null | undefined);
+    miniGamesRoute: string;
     readonly currentPlayer: import("@angular/core").Signal<import("./types").ChessimalsPlayerState>;
     readonly legalMoves: import("@angular/core").Signal<ChessimalsMove[]>;
     readonly legalMoveKeys: import("@angular/core").Signal<Set<string>>;
@@ -70,7 +75,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly displayRows: import("@angular/core").Signal<number[]>;
     readonly displayCols: import("@angular/core").Signal<number[]>;
     readonly boardOrientationColor: import("@angular/core").Signal<ChessimalsPlayerColor>;
-    readonly onlineRole: import("@angular/core").Signal<"waiting" | ChessimalsPlayerColor | "spectator">;
+    readonly onlineRole: import("@angular/core").Signal<"waiting" | "pending" | ChessimalsPlayerColor | "spectator">;
     readonly canPlayCurrentTurn: import("@angular/core").Signal<boolean>;
     readonly currentTurnTitle: import("@angular/core").Signal<string>;
     readonly winTitle: import("@angular/core").Signal<string>;
@@ -124,11 +129,20 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     playerLabel(color: ChessimalsPlayerColor): string;
     modeChipLabel(): string;
     turnTitle(): string;
-    turnBody(): string;
     normalizeGameId(value: string): string;
     copyOnlineLink(): Promise<void>;
     shareOnlineLink(): Promise<void>;
+    canReviewPendingGuest(): boolean;
+    pendingGuestName(): string;
+    waitingTitle(): string;
+    waitingBody(): string;
+    acceptOnlineGuest(): Promise<void>;
+    rejectOnlineGuest(): Promise<void>;
+    openHistoryGame(entry: ChessimalsHistoryEntry): void;
+    historyOutcomeLabel(entry: ChessimalsHistoryEntry): string;
     requestOnlineRematch(): Promise<void>;
+    private queueHistoryWatch;
+    private watchOnlineHistory;
     unlockedLabel(color: ChessimalsPlayerColor): string;
     localModeLabel(mode: ChessimalsLocalMode): string;
     localModeDescription(mode: ChessimalsLocalMode): string;
@@ -137,8 +151,10 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private displayRowIndex;
     private displayColIndex;
     private watchOnlineGame;
+    private miniGamesBaseRoute;
+    private chessimalsGameRoute;
     private capitalize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChessimalsGameComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChessimalsGameComponent, "val-chessimals-game", never, { "onlineGameId": { "alias": "onlineGameId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChessimalsGameComponent, "val-chessimals-game", never, { "onlineGameId": { "alias": "onlineGameId"; "required": false; }; "miniGamesRoute": { "alias": "miniGamesRoute"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/components/organisms/mini-games/chessimals-online.service.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { ChessimalsBoardSize, ChessimalsGameState, ChessimalsMove, ChessimalsPlayerColor } from './types';
+import { ChessimalsBoardSize, ChessimalsGameState, ChessimalsHistoryEntry, ChessimalsMove, ChessimalsPlayerColor } from './types';
 import * as i0 from "@angular/core";
 export declare class ChessimalsOnlineService {
     private readonly auth;
@@ -11,19 +11,28 @@ export declare class ChessimalsOnlineService {
     isValidGameId(value: string): boolean;
     createGame(boardSize: ChessimalsBoardSize): Promise<ChessimalsGameState>;
     watchGame(gameId: string): Observable<ChessimalsGameState | null>;
+    watchHistory(limitCount?: number): Observable<ChessimalsHistoryEntry[]>;
     joinGame(gameId: string): Promise<void>;
+    acceptGuest(gameId: string): Promise<void>;
+    rejectGuest(gameId: string): Promise<void>;
     move(gameId: string, move: ChessimalsMove): Promise<void>;
     resign(gameId: string): Promise<void>;
     requestRematch(gameId: string): Promise<void>;
     participantSide(state: ChessimalsGameState, uid?: string): ChessimalsPlayerColor | undefined;
     isParticipant(state: ChessimalsGameState, uid?: string): boolean;
     isHostWaiting(state: ChessimalsGameState, uid?: string): boolean;
-    shareUrl(gameId: string): string;
+    shareUrl(gameId: string, baseRoute?: string): string;
+    saveCurrentUserHistory(state: ChessimalsGameState): Promise<void>;
     private gameRef;
+    private historyPath;
+    private historyRef;
     private ensureUser;
     private decodeInput;
     private createParticipant;
     private withUpdatedAt;
+    private createHistoryEntry;
+    private withoutUndefined;
+    private historyOutcome;
     private assertNotExpired;
     private createGameId;
     private randomIndex;

package/lib/components/organisms/mini-games/types.d.ts

@@ -85,10 +85,32 @@ export interface ChessimalsOnlineState {
     expiresAt: string;
     expiresAtMs: number;
     round: number;
+    rematchOf?: string;
     lobby?: ChessimalsOnlineParticipant;
+    pendingGuest?: ChessimalsOnlineParticipant;
     participants?: Partial<Record<ChessimalsPlayerColor, ChessimalsOnlineParticipant>>;
     rematchRequests?: string[];
 }
+export type ChessimalsHistoryOutcome = 'waiting' | 'pending' | 'in_progress' | 'won' | 'lost' | 'declined';
+export interface ChessimalsHistoryEntry {
+    gameId: string;
+    mode: 'online';
+    boardSize: ChessimalsBoardSize;
+    status: ChessimalsGameStatus;
+    outcome: ChessimalsHistoryOutcome;
+    side?: ChessimalsPlayerColor;
+    opponentUid?: string;
+    opponentName?: string;
+    winner?: ChessimalsPlayerColor;
+    winnerReason?: ChessimalsWinReason;
+    moveCount: number;
+    round: number;
+    createdAt: string;
+    updatedAt: string;
+    finishedAt?: string;
+    expiresAt?: string;
+    rematchOf?: string;
+}
 export interface ChessimalsGameState {
     id: string;
     mode: ChessimalsGameMode;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.375";
+export declare const VERSION = "4.0.377";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.375",
+  "version": "4.0.377",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"