fix: issue with invalidation of applet base info query data (M2-8151)

.github/workflows/ci.yaml

@@ -30,6 +30,26 @@ jobs:
           prettier: true
           prettier_extensions: js,jsx,ts,tsx
           continue_on_error: false
+  tsc:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Install deps
+        run: yarn install --frozen-lockfile
+
+      - uses: actions/cache@v4
+        with:
+          path: |
+            ~/node_modules
+          key: ${{ runner.os }}-node-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Running tsc
+        run: yarn tsc
   tests:
     runs-on: ubuntu-latest
     steps:

src/entities/applet/model/services/RefreshAppletService.ts

@@ -17,6 +17,7 @@ import { ILogger } from '@app/shared/lib/types/logger';
 import { ImageUrl } from '@app/shared/lib/types/url';
 import {
   getActivityDetailsKey,
+  getAppletBaseInfoKey,
   getAppletDetailsKey,
   getAssignmentsKey,
   getDataFromQuery,
@@ -80,6 +81,13 @@ export class RefreshAppletService implements IRefreshAppletService {
     }
   }
 
+  private resetAppletBaseInfoQuery(appletId: string) {
+    this.queryClient.removeQueries({
+      exact: true,
+      queryKey: getAppletBaseInfoKey(appletId),
+    });
+  }
+
   private resetAppletDetailsQuery(appletId: string) {
     this.queryClient.removeQueries({
       exact: true,
@@ -113,6 +121,7 @@ export class RefreshAppletService implements IRefreshAppletService {
   private refreshAppletCaches(
     appletInternalDtos: CollectAppletInternalsResult,
   ) {
+    this.resetAppletBaseInfoQuery(appletInternalDtos.appletId);
     this.resetAppletDetailsQuery(appletInternalDtos.appletId);
 
     for (const activityDto of appletInternalDtos.activities) {
@@ -195,6 +204,8 @@ export class RefreshAppletService implements IRefreshAppletService {
       `[RefreshAppletService.partialRefresh]: Skip refresh for Applet "${appletDto.displayName}|${appletDto.id}" as to versions are the same`,
     );
 
+    this.resetAppletBaseInfoQuery(appletDto.id);
+
     const assignmentsResponse =
       allAppletAssignments.appletAssignments[appletDto.id];
     if (!assignmentsResponse) {

src/shared/api/services/appletsService.ts

@@ -10,6 +10,8 @@ import {
   AppletAndActivitiesDetailsResponse,
   AppletAssignmentsRequest,
   AppletAssignmentsResponse,
+  AppletBaseInfoRequest,
+  AppletBaseInfoResponse,
   AppletDetailsRequest,
   AppletDetailsResponse,
   AppletsResponse,
@@ -20,7 +22,7 @@ export function appletsService(): IAppletService {
   return {
     async getAppletBaseInfo(request: AppletBaseInfoRequest) {
       const apiCall = () => {
-        return httpService.get<AppletAndActivitiesDetailsResponse>(
+        return httpService.get<AppletBaseInfoResponse>(
           `/applets/${request.appletId}/base_info`,
         );
       };

src/shared/lib/utils/reactQueryHelpers.ts

@@ -25,6 +25,9 @@ export const hasPendingMutations = (queryClient: QueryClient): boolean => {
 
 export const getAppletsKey = () => ['applets'] as AppQueryKey;
 
+export const getAppletBaseInfoKey = (appletId: string) =>
+  ['base-info', { appletId }] as AppQueryKey;
+
 export const getAppletDetailsKey = (appletId: string) =>
   ['applets', { appletId }] as AppQueryKey;
 

src/widgets/activity-group/model/hooks/useBaseInfo.ts

@@ -1,14 +1,15 @@
 import { useBaseQuery } from '@app/shared/api/hooks/useBaseQuery';
 import { ResponseType } from '@app/shared/api/services/ActivityItemDto';
 import { getDefaultAppletsService } from '@app/shared/api/services/appletsServiceInstance';
+import { getAppletBaseInfoKey } from '@shared/lib/utils/reactQueryHelpers.ts';
 
 import { useTimer } from './useTimer';
 
 export const useBaseInfo = (appletId: string) => {
   useTimer();
 
   return useBaseQuery(
-    ['base-info', { appletId }],
+    getAppletBaseInfoKey(appletId),
     () => getDefaultAppletsService().getAppletBaseInfo({ appletId }),
     {
       select: data => {