valtech-components 4.0.396 → 4.0.398

package/fesm2022/valtech-components.mjs

@@ -58,7 +58,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.396';
+const VERSION = '4.0.398';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -61664,11 +61664,11 @@ class ChessimalsOnlineService {
             this.assertNotExpired(state);
             if (this.isParticipant(state, uid))
                 return;
-            if (state.status === 'waiting' && state.online?.lobby?.uid === uid)
+            if (this.isHostWaiting(state, uid))
                 return;
             if (state.status !== 'waiting' || !state.online?.lobby)
                 return;
-            if (state.online.pendingGuest?.uid === uid)
+            if (this.isPendingGuest(state, uid))
                 return;
             const now = new Date();
             const guest = this.createParticipant(uid, now.toISOString());
@@ -61693,7 +61693,7 @@ class ChessimalsOnlineService {
                 throw new Error('CHESSIMALS_GAME_NOT_FOUND');
             const state = snapshot.data();
             this.assertNotExpired(state);
-            if (state.status !== 'waiting' || state.online?.lobby?.uid !== uid || !state.online.pendingGuest)
+            if (!this.isHostWaiting(state, uid) || !state.online.pendingGuest)
                 return;
             const now = new Date();
             const [hostSide, guestSide] = Math.random() > 0.5 ? ['white', 'black'] : ['black', 'white'];
@@ -61729,7 +61729,7 @@ class ChessimalsOnlineService {
                 throw new Error('CHESSIMALS_GAME_NOT_FOUND');
             const state = snapshot.data();
             this.assertNotExpired(state);
-            if (state.status !== 'waiting' || state.online?.lobby?.uid !== uid || !state.online.pendingGuest)
+            if (!this.isHostWaiting(state, uid) || !state.online.pendingGuest)
                 return;
             const now = new Date();
             const online = { ...state.online, updatedAt: now.toISOString() };
@@ -61831,8 +61831,12 @@ class ChessimalsOnlineService {
             const participants = state.online?.participants;
             if (!participants?.white || !participants.black || !state.online)
                 return;
-            const requests = Array.from(new Set([...(state.online.rematchRequests ?? []), uid]));
-            const bothReady = [participants.white.uid, participants.black.uid].every((item) => requests.includes(item));
+            const currentParticipant = this.participantForSide(state, this.participantSide(state, uid));
+            const requestKey = this.participantKey(currentParticipant);
+            if (!requestKey)
+                return;
+            const requests = Array.from(new Set([...(state.online.rematchRequests ?? []), requestKey]));
+            const bothReady = [participants.white, participants.black].every((item) => this.participantRequestKeys(item).some((key) => requests.includes(key)));
             const now = new Date();
             if (!bothReady) {
                 transaction.set(ref, {
@@ -61863,20 +61867,62 @@ class ChessimalsOnlineService {
         });
     }
     participantSide(state, uid = this.currentUid) {
-        if (!uid)
-            return undefined;
-        const participants = state.online?.participants;
-        if (participants?.white?.uid === uid)
-            return 'white';
-        if (participants?.black?.uid === uid)
-            return 'black';
+        const entries = this.participantEntries(state);
+        const currentSeatKey = this.currentSeatKey(uid);
+        if (currentSeatKey) {
+            const seatMatch = entries.find(([, participant]) => this.participantKey(participant) === currentSeatKey);
+            if (seatMatch)
+                return seatMatch[0];
+        }
+        if (uid) {
+            const currentProfile = this.profiles.activeProfile();
+            if (currentProfile) {
+                const legacyProfileMatch = entries.find(([, participant]) => participant.uid === uid
+                    && participant.avatar === currentProfile.avatar
+                    && this.normalizeColor(participant.color) === this.normalizeColor(currentProfile.color));
+                if (legacyProfileMatch)
+                    return legacyProfileMatch[0];
+            }
+            const uidMatches = entries.filter(([, participant]) => participant.uid === uid);
+            if (uidMatches.length === 1)
+                return uidMatches[0][0];
+        }
+        const accountUserId = this.auth.user()?.userId;
+        if (accountUserId) {
+            const accountMatches = entries.filter(([, participant]) => participant.accountUserId === accountUserId);
+            if (accountMatches.length === 1)
+                return accountMatches[0][0];
+        }
         return undefined;
     }
     isParticipant(state, uid = this.currentUid) {
         return !!this.participantSide(state, uid);
     }
     isHostWaiting(state, uid = this.currentUid) {
-        return !!uid && state.status === 'waiting' && state.online?.lobby?.uid === uid;
+        return state.status === 'waiting' && this.matchesCurrentParticipant(state.online?.lobby, uid);
+    }
+    isPendingGuest(state, uid = this.currentUid) {
+        return state.status === 'waiting' && this.matchesCurrentParticipant(state.online?.pendingGuest, uid);
+    }
+    hasCurrentRematchRequest(state, uid = this.currentUid) {
+        const side = this.participantSide(state, uid);
+        const participant = this.participantForSide(state, side);
+        return this.participantRequestKeys(participant).some((key) => (state.online?.rematchRequests ?? []).includes(key));
+    }
+    hasOpponentRematchRequest(state, uid = this.currentUid) {
+        const side = this.participantSide(state, uid);
+        if (!side)
+            return false;
+        const opponent = this.participantForSide(state, side === 'white' ? 'black' : 'white');
+        return this.participantRequestKeys(opponent).some((key) => (state.online?.rematchRequests ?? []).includes(key));
+    }
+    participantKey(participant) {
+        return participant?.seatKey
+            || this.buildSeatKey(participant?.uid, participant?.profileId)
+            || participant?.profileId
+            || participant?.accountUserId
+            || participant?.uid
+            || '';
     }
     shareUrl(gameId, baseRoute = '/mini-games') {
         const origin = typeof window === 'undefined' ? '' : window.location.origin;
@@ -61927,15 +61973,19 @@ class ChessimalsOnlineService {
         const profile = this.profiles.activeProfile();
         const handle = this.normalizeHandle(user?.handle);
         const avatarUrl = user?.avatarUrl?.trim() || firebaseUser?.photoURL?.trim() || undefined;
+        const email = user?.email?.trim() || firebaseUser?.email?.trim() || undefined;
+        const profileId = profile?.id ?? user?.userId ?? uid;
         return {
             uid,
-            profileId: user?.userId ?? profile?.id ?? 'local-player',
+            accountUserId: user?.userId,
+            profileId,
+            seatKey: this.buildSeatKey(uid, profileId),
             name: user?.name?.trim()
                 || firebaseUser?.displayName?.trim()
-                || user?.email?.trim()
-                || firebaseUser?.email?.trim()
+                || email
                 || this.profiles.displayName(profile, 'Jugador'),
             handle,
+            email,
             avatar: profile?.avatar ?? '♟️',
             avatarUrl,
             color: profile?.color ?? '#ff00b2',
@@ -61948,6 +61998,58 @@ class ChessimalsOnlineService {
             return undefined;
         return trimmed.startsWith('@') ? trimmed : `@${trimmed}`;
     }
+    buildSeatKey(uid, profileId) {
+        const normalizedUid = uid?.trim();
+        const normalizedProfileId = profileId?.trim();
+        if (!normalizedUid || !normalizedProfileId)
+            return undefined;
+        return `${normalizedUid}:${normalizedProfileId}`;
+    }
+    currentSeatKey(uid = this.currentUid) {
+        return this.buildSeatKey(uid, this.profiles.activeProfile()?.id);
+    }
+    participantForSide(state, side) {
+        if (!side)
+            return undefined;
+        return state.online?.participants?.[side];
+    }
+    participantEntries(state) {
+        const participants = state.online?.participants;
+        return ['white', 'black']
+            .map((side) => [side, participants?.[side]])
+            .filter((entry) => !!entry[1]);
+    }
+    participantRequestKeys(participant) {
+        if (!participant)
+            return [];
+        const keys = [
+            this.participantKey(participant),
+            participant.uid,
+            participant.accountUserId,
+            participant.profileId,
+        ];
+        return Array.from(new Set(keys.filter((key) => !!key)));
+    }
+    matchesCurrentParticipant(participant, uid = this.currentUid) {
+        if (!participant)
+            return false;
+        const seatKey = this.currentSeatKey(uid);
+        if (seatKey && this.participantKey(participant) === seatKey)
+            return true;
+        const profile = this.profiles.activeProfile();
+        if (uid && profile) {
+            return participant.uid === uid
+                && participant.avatar === profile.avatar
+                && this.normalizeColor(participant.color) === this.normalizeColor(profile.color);
+        }
+        if (uid && participant.uid === uid)
+            return true;
+        const accountUserId = this.auth.user()?.userId;
+        return !!accountUserId && participant.accountUserId === accountUserId;
+    }
+    normalizeColor(color) {
+        return (color ?? '').trim().toLowerCase();
+    }
     withUpdatedAt(state, date = new Date()) {
         if (!state.online)
             return state;
@@ -61966,10 +62068,13 @@ class ChessimalsOnlineService {
         };
     }
     createMoveLogEntry(args) {
+        const participant = this.participantForSide(args.state, args.side);
         return this.withoutUndefined({
             id: args.id,
             at: new Date().toISOString(),
             uid: args.uid,
+            profileId: participant?.profileId,
+            seatKey: this.participantKey(participant) || undefined,
             side: args.side,
             status: args.status,
             code: args.code,
@@ -61994,8 +62099,8 @@ class ChessimalsOnlineService {
         if (!state.online)
             return undefined;
         const side = this.participantSide(state, uid);
-        const isLobbyHost = state.online.lobby?.uid === uid;
-        const isPendingGuest = state.online.pendingGuest?.uid === uid;
+        const isLobbyHost = this.isHostWaiting(state, uid);
+        const isPendingGuest = this.isPendingGuest(state, uid);
         if (!side && !isLobbyHost && !isPendingGuest)
             return undefined;
         const opponent = side
@@ -63189,7 +63294,7 @@ class ChessimalsGameComponent {
                 return 'spectator';
             if (this.online.isHostWaiting(game, uid))
                 return 'waiting';
-            if (game.status === 'waiting' && game.online?.pendingGuest?.uid === uid)
+            if (this.online.isPendingGuest(game, uid))
                 return 'pending';
             return this.online.participantSide(game, uid) ?? 'spectator';
         });
@@ -63204,6 +63309,15 @@ class ChessimalsGameComponent {
                 return true;
             return this.onlineRole() === game.currentTurn;
         });
+        this.canControlCurrentGame = computed(() => {
+            if (this.projectionMode)
+                return false;
+            const game = this.game();
+            if (game.mode !== 'online')
+                return true;
+            const role = this.onlineRole();
+            return role === 'white' || role === 'black';
+        });
         this.rematchState = computed(() => {
             const game = this.game();
             if (game.mode !== 'online' || game.status !== 'finished')
@@ -63211,9 +63325,8 @@ class ChessimalsGameComponent {
             const uid = this.onlineUid();
             if (!uid || this.onlineRole() === 'spectator')
                 return 'none';
-            const requests = game.online?.rematchRequests ?? [];
-            const hasMine = requests.includes(uid);
-            const hasOther = requests.some((item) => item !== uid);
+            const hasMine = this.online.hasCurrentRematchRequest(game, uid);
+            const hasOther = this.online.hasOpponentRematchRequest(game, uid);
             if (hasOther && !hasMine)
                 return 'incoming';
             if (hasMine)
@@ -63508,6 +63621,8 @@ class ChessimalsGameComponent {
             this.screen.set('home');
     }
     requestRestartGame() {
+        if (!this.canControlCurrentGame())
+            return;
         this.confirmAction.set('restart');
         this.audio.flip();
     }
@@ -63524,7 +63639,7 @@ class ChessimalsGameComponent {
         this.audio.flip();
     }
     requestResign() {
-        if (this.game().status === 'finished')
+        if (this.game().status === 'finished' || !this.canControlCurrentGame())
             return;
         this.confirmAction.set('resign');
         this.audio.flip();
@@ -63935,8 +64050,7 @@ class ChessimalsGameComponent {
         const uid = this.onlineUid();
         return !!uid
             && game.mode === 'online'
-            && game.status === 'waiting'
-            && game.online?.lobby?.uid === uid
+            && this.online.isHostWaiting(game, uid)
             && !!game.online.pendingGuest;
     }
     pendingGuestName() {
@@ -64040,6 +64154,8 @@ class ChessimalsGameComponent {
     async requestOnlineRematch() {
         if (this.game().mode !== 'online')
             return;
+        if (!this.canControlCurrentGame())
+            return;
         if (this.rematchState() === 'requested' || this.rematchLoading())
             return;
         const accepting = this.rematchState() === 'incoming';
@@ -64117,12 +64233,12 @@ class ChessimalsGameComponent {
                 this.game.set(state);
                 this.selectedBoardSize.set(state.boardSize);
                 this.resumeSplashVisible.set(false);
-                const previousPendingUid = previous.id === state.id ? previous.online?.pendingGuest?.uid : undefined;
-                const nextPendingUid = state.online?.pendingGuest?.uid;
+                const previousPendingKey = previous.id === state.id ? this.online.participantKey(previous.online?.pendingGuest) : '';
+                const nextPendingKey = this.online.participantKey(state.online?.pendingGuest);
                 if (state.status === 'waiting' &&
-                    state.online?.lobby?.uid === this.online.currentUid &&
-                    !!nextPendingUid &&
-                    nextPendingUid !== previousPendingUid) {
+                    this.online.isHostWaiting(state, this.online.currentUid) &&
+                    !!nextPendingKey &&
+                    nextPendingKey !== previousPendingKey) {
                     this.audio.chessimalsJoinRequest();
                     void this.haptics.success();
                 }
@@ -64601,11 +64717,11 @@ class ChessimalsGameComponent {
           }
 
           <div class="chessimals-actions">
-            @if (game().status !== 'finished') {
+            @if (game().status !== 'finished' && canControlCurrentGame()) {
               <button class="chessimals-secondary" type="button" (click)="requestResign()">
                 {{ t('chessimalsResign') }}
               </button>
-            } @else if (game().mode === 'online' && onlineRole() !== 'spectator') {
+            } @else if (game().mode === 'online' && canControlCurrentGame()) {
               <button
                 class="chessimals-secondary"
                 type="button"
@@ -65172,11 +65288,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           }
 
           <div class="chessimals-actions">
-            @if (game().status !== 'finished') {
+            @if (game().status !== 'finished' && canControlCurrentGame()) {
               <button class="chessimals-secondary" type="button" (click)="requestResign()">
                 {{ t('chessimalsResign') }}
               </button>
-            } @else if (game().mode === 'online' && onlineRole() !== 'spectator') {
+            } @else if (game().mode === 'online' && canControlCurrentGame()) {
               <button
                 class="chessimals-secondary"
                 type="button"