@autobusal/admin-api-consumers 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.2.1
+
+### Fixed
+
+- **The token panel updates without a reload** - toggle/revoke/regenerate invalidate the consumer they changed. The button also reads "Generate Token" while no token exists. (Audit ADM-04f.)
+
 ## 1.2.0
 
 ### Added

package/TokenManager.tsx

@@ -78,7 +78,7 @@ const TokenManager = ({ id, hasToken, enabled, t }: Props): JSX.Element => {
           subtype="secondary"
           noMargin
           loading={ isPendingRegenerate }
-          text={ <><FiRefreshCw /> { t('admin_api_consumers.token.regenerate', { ns: 'common' }) }</> }
+          text={ <><FiRefreshCw /> { t(hasToken ? 'admin_api_consumers.token.regenerate' : 'admin_api_consumers.token.generate', { ns: 'common' }) }</> }
           onClick={ onRegenerate }
         />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/admin-api-consumers",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"

package/services.ts

@@ -1,4 +1,4 @@
-import { UseMutationResult, UseQueryResult, UseSuspenseQueryResult, useMutation, useQuery, useSuspenseQuery } from '@tanstack/react-query';
+import { UseMutationResult, UseQueryResult, UseSuspenseQueryResult, useMutation, useQuery, useQueryClient, useSuspenseQuery } from '@tanstack/react-query';
 import { apiClient } from '@autobusal/providers';
 import { PaginationData } from '@autobusal/providers/types/pagination';
 import { TableParamsData } from '@autobusal/providers/types/other';
@@ -106,8 +106,17 @@ export const useDeleteApiConsumer = (): UseMutationResult<void, Error, number, u
   })
 );
 
-export const useToggleApiConsumer = (): UseMutationResult<void, Error, { id: number, api: number }, unknown> => (
-  useMutation({
+/*
+ * Claude - 2026-08-22 (audit finding ADM-04f): the token panel only showed
+ * a toggle/revoke/regenerate's effect after a full page reload - an admin
+ * could reasonably believe Revoke had failed. Each mutation now
+ * invalidates the consumer it changed, so the panel redraws from the
+ * server's answer immediately.
+ */
+export const useToggleApiConsumer = (): UseMutationResult<void, Error, { id: number, api: number }, unknown> => {
+  const client = useQueryClient();
+
+  return useMutation({
     mutationKey: ['admin-api-consumers-toggle'],
     mutationFn: async ({ id, api }: { id: number, api: number }) => (
       await apiClient
@@ -115,12 +124,17 @@ export const useToggleApiConsumer = (): UseMutationResult<void, Error, { id: num
         .then(response => (
           response.data
         ))
-    )
-  })
-);
+    ),
+    onSuccess: (_, { id }): void => {
+      client.invalidateQueries({ queryKey: ['admin-api-consumers-manage', { id }] });
+    }
+  });
+};
 
-export const useRevokeApiConsumerToken = (): UseMutationResult<void, Error, number, unknown> => (
-  useMutation({
+export const useRevokeApiConsumerToken = (): UseMutationResult<void, Error, number, unknown> => {
+  const client = useQueryClient();
+
+  return useMutation({
     mutationKey: ['admin-api-consumers-revoke'],
     mutationFn: async (id: number) => (
       await apiClient
@@ -128,12 +142,17 @@ export const useRevokeApiConsumerToken = (): UseMutationResult<void, Error, numb
         .then(response => (
           response.data
         ))
-    )
-  })
-);
+    ),
+    onSuccess: (_, id): void => {
+      client.invalidateQueries({ queryKey: ['admin-api-consumers-manage', { id }] });
+    }
+  });
+};
 
-export const useRegenerateApiConsumerToken = (): UseMutationResult<{ api_token: string }, Error, number, unknown> => (
-  useMutation({
+export const useRegenerateApiConsumerToken = (): UseMutationResult<{ api_token: string }, Error, number, unknown> => {
+  const client = useQueryClient();
+
+  return useMutation({
     mutationKey: ['admin-api-consumers-regenerate'],
     mutationFn: async (id: number) => (
       await apiClient
@@ -141,9 +160,12 @@ export const useRegenerateApiConsumerToken = (): UseMutationResult<{ api_token:
         .then(response => (
           response.data
         ))
-    )
-  })
-);
+    ),
+    onSuccess: (_, id): void => {
+      client.invalidateQueries({ queryKey: ['admin-api-consumers-manage', { id }] });
+    }
+  });
+};
 
 // Edited: Ferjolt Ozuni - Date: 2026-07-27
 // Package 3 - API partner receivables reports + settlements