fix(web): improve software queries invalidation

web/package/agama-web-ui.changes

@@ -1,3 +1,9 @@
+-------------------------------------------------------------------
+Fri Jun 27 15:14:35 UTC 2025 - Imobach Gonzalez Sosa <[email protected]>
+
+- Invalidate all software queries when the selected product changes
+  (gh#agama-project/agama#2517).
+
 -------------------------------------------------------------------
 Fri Jun 27 11:23:29 UTC 2025 - José Iván López González <[email protected]>
 

web/src/queries/software.ts

@@ -98,14 +98,6 @@ const licensesQuery = () => ({
   staleTime: Infinity,
 });
 
-/**
- * Query to retrieve selected product
- */
-const selectedProductQuery = () => ({
-  queryKey: ["software", "product"],
-  queryFn: () => fetchConfig().then(({ product }) => product),
-});
-
 /**
  * Query to retrieve registration info
  */
@@ -166,9 +158,7 @@ const useConfigMutation = () => {
   const query = {
     mutationFn: updateConfig,
     onSuccess: async (_, config: SoftwareConfig) => {
-      queryClient.invalidateQueries({ queryKey: ["software", "config"] });
-      queryClient.invalidateQueries({ queryKey: ["software", "product"] });
-      queryClient.invalidateQueries({ queryKey: ["software", "proposal"] });
+      queryClient.invalidateQueries({ queryKey: ["software"] });
       if (config.product) {
         await systemProbe();
         queryClient.invalidateQueries({ queryKey: ["storage"] });
@@ -238,20 +228,20 @@ const useProduct = (
 ): { products?: Product[]; selectedProduct?: Product } => {
   const func = options?.suspense ? useSuspenseQueries : useQueries;
   const [
-    { data: selected, isPending: isSelectedPending },
+    { data: config, isPending: isConfigPending },
     { data: products, isPending: isProductsPending },
   ] = func({
-    queries: [selectedProductQuery(), productsQuery()],
-  }) as [{ data: string; isPending: boolean }, { data: Product[]; isPending: boolean }];
+    queries: [configQuery(), productsQuery()],
+  }) as [{ data: SoftwareConfig; isPending: boolean }, { data: Product[]; isPending: boolean }];
 
-  if (isSelectedPending || isProductsPending) {
+  if (isConfigPending || isProductsPending) {
     return {
       products: [],
       selectedProduct: undefined,
     };
   }
 
-  const selectedProduct = products.find((p: Product) => p.id === selected);
+  const selectedProduct = products.find((p: Product) => p.id === config.product);
   return {
     products,
     selectedProduct,
@@ -371,7 +361,7 @@ const useProductChanges = () => {
 
     return client.onEvent((event) => {
       if (event.type === "ProductChanged") {
-        queryClient.invalidateQueries({ queryKey: ["software", "config"] });
+        queryClient.invalidateQueries({ queryKey: ["software"] });
       }
 
       if (event.type === "LocaleChanged") {
@@ -423,7 +413,6 @@ const useConflictsChanges = () => {
 export {
   configQuery,
   productsQuery,
-  selectedProductQuery,
   useAddons,
   useConfigMutation,
   useConflicts,

web/src/queries/status.ts

@@ -26,7 +26,6 @@ import { fetchInstallerStatus } from "~/api/status";
 import { useInstallerClient } from "~/context/installer";
 import { InstallerStatus } from "~/types/status";
 import { QueryHookOptions } from "~/types/queries";
-import { selectedProductQuery } from "./software";
 
 const MANAGER_SERVICE = "org.opensuse.Agama.Manager1";
 
@@ -70,9 +69,6 @@ const useInstallerStatusChanges = () => {
         case "IssuesChanged":
           queryClient.invalidateQueries({ queryKey: ["status"] });
           break;
-        case "ProductChanged":
-          queryClient.invalidateQueries({ queryKey: selectedProductQuery().queryKey });
-          break;
         case "InstallationPhaseChanged":
           if (!data) {
             console.warn("Ignoring InstallationPhaseChanged event", event);