@go-avro/avro-js 0.0.36 → 0.0.38

package/dist/client/hooks/jobs.js

@@ -1,11 +1,15 @@
-import { useMutation, useQuery, useInfiniteQuery } from '@tanstack/react-query';
-import { AvroQueryClient } from '../../client/QueryClient';
-import { Job } from '../../types/api';
+import { useMutation, useQuery, useInfiniteQuery, } from "@tanstack/react-query";
+import { AvroQueryClient } from "../../client/QueryClient";
+import { Job } from "../../types/api";
 AvroQueryClient.prototype.getJobsFromCache = function (queryClient) {
     if (!queryClient) {
         queryClient = this.getQueryClient();
     }
-    return (queryClient.getQueryData(['jobs', this.companyId, this.company?.num_jobs]) ?? []);
+    return (queryClient.getQueryData([
+        "jobs",
+        this.companyId,
+        this.company?.num_jobs,
+    ]) ?? []);
 };
 AvroQueryClient.prototype.useGetJobs = function (params) {
     const queryClient = this.getQueryClient();
@@ -13,7 +17,7 @@ AvroQueryClient.prototype.useGetJobs = function (params) {
     const company_id = params?.companyId ?? this.companyId;
     const num_jobs = params?.numJobs ?? this.company?.num_jobs ?? 0;
     return useQuery({
-        queryKey: ['jobs', company_id, num_jobs],
+        queryKey: ["jobs", company_id, num_jobs],
         queryFn: async () => {
             params?.onProgress?.(0);
             const pageCount = amt ? Math.ceil((num_jobs ?? 0) / amt) + 1 : 1;
@@ -29,12 +33,19 @@ AvroQueryClient.prototype.useGetJobs = function (params) {
             const jobs = pages.flat().map((job) => new Job(job));
             jobs.forEach((job) => {
                 job.current_event = job.tasks.reduce((latest, task) => {
-                    return task.current_event && (!latest || task.current_event.time_started > latest.time_started) ? task.current_event : latest;
+                    return task.current_event &&
+                        (!latest || task.current_event.time_started > latest.time_started)
+                        ? task.current_event
+                        : latest;
                 }, job.current_event);
                 job.last_completed_event = job.tasks.reduce((latest, task) => {
-                    return task.last_completed_event && (!latest || task.last_completed_event.time_started > latest.time_started) ? task.last_completed_event : latest;
+                    return task.last_completed_event &&
+                        (!latest ||
+                            task.last_completed_event.time_started > latest.time_started)
+                        ? task.last_completed_event
+                        : latest;
                 }, job.last_completed_event);
-                queryClient.setQueryData(['jobs', job.id], job);
+                queryClient.setQueryData(["jobs", job.id], job);
             });
             return jobs;
         },
@@ -44,7 +55,14 @@ AvroQueryClient.prototype.useGetJobs = function (params) {
 AvroQueryClient.prototype.useGetInfiniteJobs = function (body, onProgress) {
     const queryClient = this.getQueryClient();
     const result = useInfiniteQuery({
-        queryKey: ['infinite', 'jobs', this.companyId, body.amt ?? 50, body.query ?? "", body.routeId ?? ""],
+        queryKey: [
+            "infinite",
+            "jobs",
+            this.companyId,
+            body.amt ?? 50,
+            body.query ?? "",
+            body.routeId ?? "",
+        ],
         initialPageParam: 0,
         getNextPageParam: (lastPage, allPages) => {
             if (lastPage.length < (body.amt ?? 50))
@@ -63,7 +81,7 @@ AvroQueryClient.prototype.useGetInfiniteJobs = function (body, onProgress) {
     if (result.data) {
         result.data.pages.forEach((data_page) => {
             data_page.forEach((job) => {
-                queryClient.setQueryData(['jobs', job.id], job);
+                queryClient.setQueryData(["jobs", job.id], job);
             });
         });
     }
@@ -71,10 +89,10 @@ AvroQueryClient.prototype.useGetInfiniteJobs = function (body, onProgress) {
 };
 AvroQueryClient.prototype.useGetJob = function (jobId) {
     return useQuery({
-        queryKey: ['jobs', jobId],
+        queryKey: ["jobs", jobId],
         queryFn: async () => {
             const job = await this.get({
-                path: `/job/${jobId}`
+                path: `/job/${jobId}`,
             });
             return new Job(job);
         },
@@ -88,7 +106,16 @@ AvroQueryClient.prototype.useCreateJob = function () {
             return this.post({
                 path: `/company/${this.companyId}/job`,
                 data: JSON.stringify(jobData),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
+            });
+        },
+        onSuccess: async (result) => {
+            await this._syncEntity(queryClient, {
+                action: "create",
+                entityKey: "jobs",
+                id: result.id,
+                fetchPath: `/job/${result.id}`,
+                construct: (d) => new Job(d),
             });
         },
     });
@@ -100,19 +127,32 @@ AvroQueryClient.prototype.useManageJobs = function () {
             return this.post({
                 path: `/company/${this.companyId}/jobs/manage`,
                 data: JSON.stringify({ jobs }),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
             });
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["jobs"] });
+            queryClient.invalidateQueries({ queryKey: ["infinite", "jobs"] });
+        },
     });
 };
 AvroQueryClient.prototype.useUpdateJob = function () {
     const queryClient = this.getQueryClient();
     return useMutation({
-        mutationFn: ({ jobId, updates }) => {
+        mutationFn: ({ jobId, updates, }) => {
             return this.put({
                 path: `/job/${jobId}`,
                 data: JSON.stringify(updates),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
+            });
+        },
+        onSuccess: async (_result, { jobId }) => {
+            await this._syncEntity(queryClient, {
+                action: "update",
+                entityKey: "jobs",
+                id: jobId,
+                fetchPath: `/job/${jobId}`,
+                construct: (d) => new Job(d),
             });
         },
     });
@@ -124,9 +164,13 @@ AvroQueryClient.prototype.useDeleteJobs = function () {
             return this.post({
                 path: `/company/${this.companyId}/jobs/delete`,
                 data: JSON.stringify({ ids }),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
             });
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["jobs"] });
+            queryClient.invalidateQueries({ queryKey: ["infinite", "jobs"] });
+        },
     });
 };
 AvroQueryClient.prototype.useDeleteJob = function () {
@@ -137,7 +181,14 @@ AvroQueryClient.prototype.useDeleteJob = function () {
                 path: `/job/${jobId}`,
                 headers: {
                     "Content-Type": "application/json",
-                }
+                },
+            });
+        },
+        onSuccess: async (_result, { jobId }) => {
+            await this._syncEntity(queryClient, {
+                action: "delete",
+                entityKey: "jobs",
+                id: jobId,
             });
         },
     });

package/dist/client/hooks/labels.js

@@ -2,7 +2,13 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 import { AvroQueryClient } from "../../client/QueryClient";
 AvroQueryClient.prototype.useGetLabels = function (body, total, onProgress) {
     return useQuery({
-        queryKey: ['labels', this.companyId, body.amt ?? 50, body.query ?? "", total ?? "all"],
+        queryKey: [
+            "labels",
+            this.companyId,
+            body.amt ?? 50,
+            body.query ?? "",
+            total ?? "all",
+        ],
         queryFn: async () => {
             if (typeof total !== "number") {
                 return this.fetchLabels({ ...body, offset: 0 });
@@ -33,32 +39,35 @@ AvroQueryClient.prototype.useCreateLabel = function () {
             return this.post({
                 path: `/company/${this.companyId}/label`,
                 data: JSON.stringify(labelData),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
             });
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["labels"] });
+        },
     });
 };
 AvroQueryClient.prototype.useUpdateLabel = function () {
     const queryClient = this.getQueryClient();
     return useMutation({
-        mutationFn: async ({ labelId, labelData }) => {
+        mutationFn: async ({ labelId, labelData, }) => {
             return this.put({
                 path: `/label/${labelId}`,
                 data: JSON.stringify(labelData),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
             });
         },
         onMutate: async ({ labelId, labelData }) => {
-            await queryClient.cancelQueries({ queryKey: ['labels'] });
-            await queryClient.cancelQueries({ queryKey: ['labels', labelId] });
-            const previousLabels = queryClient.getQueryData(['labels']);
-            const previousLabel = queryClient.getQueryData(['labels', labelId]);
-            queryClient.setQueryData(['labels', labelId], (oldData) => {
+            await queryClient.cancelQueries({ queryKey: ["labels"] });
+            await queryClient.cancelQueries({ queryKey: ["labels", labelId] });
+            const previousLabels = queryClient.getQueryData(["labels"]);
+            const previousLabel = queryClient.getQueryData(["labels", labelId]);
+            queryClient.setQueryData(["labels", labelId], (oldData) => {
                 if (!oldData)
                     return oldData;
                 return { ...oldData, ...labelData };
             });
-            queryClient.setQueriesData({ queryKey: ['labels'] }, (oldData) => {
+            queryClient.setQueriesData({ queryKey: ["labels"] }, (oldData) => {
                 if (!oldData)
                     return oldData;
                 if (oldData.pages) {
@@ -72,13 +81,16 @@ AvroQueryClient.prototype.useUpdateLabel = function () {
             });
             return { previousLabels, previousLabel };
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["labels"] });
+        },
         onError: (_err, variables, context) => {
             const { labelId } = variables;
             if (context?.previousLabels) {
-                queryClient.setQueryData(['labels'], context.previousLabels);
+                queryClient.setQueryData(["labels"], context.previousLabels);
             }
             if (context?.previousLabel) {
-                queryClient.setQueryData(['labels', labelId], context.previousLabel);
+                queryClient.setQueryData(["labels", labelId], context.previousLabel);
             }
         },
     });
@@ -86,16 +98,16 @@ AvroQueryClient.prototype.useUpdateLabel = function () {
 AvroQueryClient.prototype.useDeleteLabel = function () {
     const queryClient = this.getQueryClient();
     return useMutation({
-        mutationFn: async ({ labelId, }) => {
+        mutationFn: async ({ labelId }) => {
             return this.delete({ path: `/label/${labelId}` });
         },
         onMutate: async ({ labelId }) => {
-            await queryClient.cancelQueries({ queryKey: ['labels'] });
-            await queryClient.cancelQueries({ queryKey: ['labels', labelId] });
-            const previousLabels = queryClient.getQueryData(['labels']);
-            const previousLabel = queryClient.getQueryData(['labels', labelId]);
-            queryClient.setQueryData(['labels', labelId], undefined);
-            queryClient.setQueriesData({ queryKey: ['labels'] }, (oldData) => {
+            await queryClient.cancelQueries({ queryKey: ["labels"] });
+            await queryClient.cancelQueries({ queryKey: ["labels", labelId] });
+            const previousLabels = queryClient.getQueryData(["labels"]);
+            const previousLabel = queryClient.getQueryData(["labels", labelId]);
+            queryClient.setQueryData(["labels", labelId], undefined);
+            queryClient.setQueriesData({ queryKey: ["labels"] }, (oldData) => {
                 if (!oldData)
                     return oldData;
                 if (oldData.pages) {
@@ -109,13 +121,16 @@ AvroQueryClient.prototype.useDeleteLabel = function () {
             });
             return { previousLabels, previousLabel };
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["labels"] });
+        },
         onError: (_err, variables, context) => {
             const { labelId } = variables;
             if (context?.previousLabels) {
-                queryClient.setQueryData(['labels'], context.previousLabels);
+                queryClient.setQueryData(["labels"], context.previousLabels);
             }
             if (context?.previousLabel) {
-                queryClient.setQueryData(['labels', labelId], context.previousLabel);
+                queryClient.setQueryData(["labels", labelId], context.previousLabel);
             }
         },
     });

package/dist/client/hooks/messages.js

@@ -4,12 +4,12 @@ AvroQueryClient.prototype.useGetMessages = function (chatId, body) {
     const queryClient = this.getQueryClient();
     const result = useInfiniteQuery({
         queryKey: [
-            'messages',
+            "messages",
             chatId,
             body.amt ?? 50,
             body.known_ids ?? [],
             body.unknown_ids ?? [],
-            body.query ?? '',
+            body.query ?? "",
         ],
         initialPageParam: 0,
         getNextPageParam: (lastPage, allPages) => {
@@ -17,12 +17,15 @@ AvroQueryClient.prototype.useGetMessages = function (chatId, body) {
                 return undefined;
             return allPages.flat().length; // next offset
         },
-        queryFn: ({ pageParam = 0 }) => this.fetchMessages(chatId, { ...body, offset: pageParam }),
+        queryFn: ({ pageParam = 0 }) => this.fetchMessages(chatId, {
+            ...body,
+            offset: pageParam,
+        }),
     });
     if (result.data) {
         result.data.pages.forEach((data_page) => {
             data_page.forEach((message) => {
-                queryClient.setQueryData(['message', message.id], message);
+                queryClient.setQueryData(["message", message.id], message);
             });
         });
     }
@@ -41,12 +44,12 @@ AvroQueryClient.prototype.useCreateMessage = function (chatId) {
                         id,
                     },
                 }),
-                headers: { 'Content-Type': 'application/json' }
+                headers: { "Content-Type": "application/json" },
             });
             return message;
         },
         onSuccess: (message) => {
-            queryClient.setQueryData(['message', message.id], message);
+            queryClient.setQueryData(["message", message.id], message);
         },
     });
 };

package/dist/client/hooks/months.js

@@ -1,20 +1,20 @@
-import { useInfiniteQuery, useMutation } from '@tanstack/react-query';
-import { AvroQueryClient } from '../../client/QueryClient';
-import { LineItemStatus } from '../../types/api';
+import { useInfiniteQuery, useMutation } from "@tanstack/react-query";
+import { AvroQueryClient } from "../../client/QueryClient";
+import { LineItemStatus } from "../../types/api";
 AvroQueryClient.prototype.useGetMonths = function (body) {
     const queryClient = this.getQueryClient();
     const result = useInfiniteQuery({
         queryKey: [
-            'months',
+            "months",
             this.companyId,
             body.amt ?? 50,
             body.known_ids ?? [],
             body.unknown_ids ?? [],
-            body.query ?? '',
+            body.query ?? "",
             body.unbilled ?? true,
             body.billed ?? true,
             body.paid ?? true,
-            body.jobId ?? '',
+            body.jobId ?? "",
             body.enabled ?? true,
         ],
         initialPageParam: 0,
@@ -29,7 +29,7 @@ AvroQueryClient.prototype.useGetMonths = function (body) {
     if (result.data) {
         result.data.pages.forEach((data_page) => {
             data_page.forEach((month) => {
-                queryClient.setQueryData(['month', month.id], month);
+                queryClient.setQueryData(["month", month.id], month);
             });
         });
     }
@@ -39,54 +39,74 @@ AvroQueryClient.prototype.useUpdateMonths = function () {
     const queryClient = this.getQueryClient();
     return useMutation({
         mutationFn: async ({ months, action, }) => {
-            const monthIds = months.map(month => month.id);
+            const monthIds = months.map((month) => month.id);
             return this.put({
                 path: `/company/${this.companyId}/months`,
                 data: JSON.stringify({
                     months: monthIds,
-                    status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID,
+                    status: action === "billed"
+                        ? LineItemStatus.EXTERNALLY_BILLED
+                        : LineItemStatus.EXTERNALLY_PAID,
                 }),
                 headers: {
                     "Content-Type": "application/json",
-                }
+                },
             });
         },
         onMutate: async ({ months, action }) => {
-            await queryClient.cancelQueries({ queryKey: ['months'] });
-            await queryClient.cancelQueries({ queryKey: ['months'] });
-            const previousMonths = queryClient.getQueryData(['months']);
-            const previousMonthObjs = months.map(month => queryClient.getQueryData(['month', month.id]));
-            const monthIds = months.map(month => month.id);
+            await queryClient.cancelQueries({ queryKey: ["months"] });
+            await queryClient.cancelQueries({ queryKey: ["months"] });
+            const previousMonths = queryClient.getQueryData(["months"]);
+            const previousMonthObjs = months.map((month) => queryClient.getQueryData(["month", month.id]));
+            const monthIds = months.map((month) => month.id);
             monthIds.forEach((monthId, idx) => {
-                queryClient.setQueryData(['month', monthId], (oldData) => {
+                queryClient.setQueryData(["month", monthId], (oldData) => {
                     return oldData
-                        ? { ...oldData, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...oldData,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : oldData;
                 });
             });
-            queryClient.setQueriesData({ queryKey: ['months'] }, (oldData) => {
+            queryClient.setQueriesData({ queryKey: ["months"] }, (oldData) => {
                 if (!oldData)
                     return oldData;
                 if (oldData.pages) {
                     const updatedPages = oldData.pages.map((page) => page.map((month) => monthIds.includes(month.id)
-                        ? { ...month, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...month,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : month));
                     return { ...oldData, pages: updatedPages };
                 }
                 if (Array.isArray(oldData)) {
                     return oldData.map((month) => monthIds.includes(month.id)
-                        ? { ...month, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...month,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : month);
                 }
                 return oldData;
             });
             return { previousMonths, previousMonthObjs };
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["months"] });
+        },
         onError: (err, variables, context) => {
             if (context) {
-                queryClient.setQueryData(['months'], context.previousMonths);
+                queryClient.setQueryData(["months"], context.previousMonths);
                 context.previousMonthObjs.forEach((monthObj) => {
-                    queryClient.setQueryData(['month', monthObj.id], monthObj);
+                    queryClient.setQueryData(["month", monthObj.id], monthObj);
                 });
             }
         },

package/dist/client/hooks/plans.js

@@ -2,7 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import { AvroQueryClient } from "../../client/QueryClient";
 AvroQueryClient.prototype.useGetPlans = function (code) {
     return useQuery({
-        queryKey: ['plans', code],
-        queryFn: async () => this.get({ path: `/plans${code ? `?code=${code}` : ''}` }),
+        queryKey: ["plans", code],
+        queryFn: async () => this.get({ path: `/plans${code ? `?code=${code}` : ""}` }),
     });
 };

package/dist/client/hooks/prepayments.js

@@ -1,20 +1,20 @@
-import { useInfiniteQuery, useMutation } from '@tanstack/react-query';
-import { AvroQueryClient } from '../../client/QueryClient';
-import { LineItemStatus } from '../../types/api';
+import { useInfiniteQuery, useMutation } from "@tanstack/react-query";
+import { AvroQueryClient } from "../../client/QueryClient";
+import { LineItemStatus } from "../../types/api";
 AvroQueryClient.prototype.useGetPrepayments = function (body) {
     const queryClient = this.getQueryClient();
     const result = useInfiniteQuery({
         queryKey: [
-            'prepayments',
+            "prepayments",
             this.companyId,
             body.amt ?? 50,
             body.known_ids ?? [],
             body.unknown_ids ?? [],
-            body.query ?? '',
+            body.query ?? "",
             body.unbilled ?? true,
             body.billed ?? true,
             body.paid ?? true,
-            body.taskId ?? '',
+            body.taskId ?? "",
             body.enabled ?? true,
         ],
         initialPageParam: 0,
@@ -29,7 +29,7 @@ AvroQueryClient.prototype.useGetPrepayments = function (body) {
     if (result.data) {
         result.data.pages.forEach((data_page) => {
             data_page.forEach((prepayment) => {
-                queryClient.setQueryData(['prepayment', prepayment.id], prepayment);
+                queryClient.setQueryData(["prepayment", prepayment.id], prepayment);
             });
         });
     }
@@ -39,54 +39,74 @@ AvroQueryClient.prototype.useUpdatePrepayments = function () {
     const queryClient = this.getQueryClient();
     return useMutation({
         mutationFn: async ({ prepayments, action, }) => {
-            const prepaymentIds = prepayments.map(prepayment => prepayment.id);
+            const prepaymentIds = prepayments.map((prepayment) => prepayment.id);
             return this.put({
                 path: `/company/${this.companyId}/prepayments`,
                 data: JSON.stringify({
                     prepayments: prepaymentIds,
-                    status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID,
+                    status: action === "billed"
+                        ? LineItemStatus.EXTERNALLY_BILLED
+                        : LineItemStatus.EXTERNALLY_PAID,
                 }),
                 headers: {
                     "Content-Type": "application/json",
-                }
+                },
             });
         },
         onMutate: async ({ prepayments, action }) => {
-            await queryClient.cancelQueries({ queryKey: ['prepayments'] });
-            await queryClient.cancelQueries({ queryKey: ['prepayments'] });
-            const previousPrepayments = queryClient.getQueryData(['prepayments']);
-            const previousPrepaymentObjs = prepayments.map(prepayment => queryClient.getQueryData(['prepayment', prepayment.id]));
-            const prepaymentIds = prepayments.map(prepayment => prepayment.id);
+            await queryClient.cancelQueries({ queryKey: ["prepayments"] });
+            await queryClient.cancelQueries({ queryKey: ["prepayments"] });
+            const previousPrepayments = queryClient.getQueryData(["prepayments"]);
+            const previousPrepaymentObjs = prepayments.map((prepayment) => queryClient.getQueryData(["prepayment", prepayment.id]));
+            const prepaymentIds = prepayments.map((prepayment) => prepayment.id);
             prepaymentIds.forEach((prepaymentId, idx) => {
-                queryClient.setQueryData(['prepayment', prepaymentId], (oldData) => {
+                queryClient.setQueryData(["prepayment", prepaymentId], (oldData) => {
                     return oldData
-                        ? { ...oldData, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...oldData,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : oldData;
                 });
             });
-            queryClient.setQueriesData({ queryKey: ['prepayments'] }, (oldData) => {
+            queryClient.setQueriesData({ queryKey: ["prepayments"] }, (oldData) => {
                 if (!oldData)
                     return oldData;
                 if (oldData.pages) {
                     const updatedPages = oldData.pages.map((page) => page.map((prepayment) => prepaymentIds.includes(prepayment.id)
-                        ? { ...prepayment, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...prepayment,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : prepayment));
                     return { ...oldData, pages: updatedPages };
                 }
                 if (Array.isArray(oldData)) {
                     return oldData.map((prepayment) => prepaymentIds.includes(prepayment.id)
-                        ? { ...prepayment, status: action === "billed" ? LineItemStatus.EXTERNALLY_BILLED : LineItemStatus.EXTERNALLY_PAID }
+                        ? {
+                            ...prepayment,
+                            status: action === "billed"
+                                ? LineItemStatus.EXTERNALLY_BILLED
+                                : LineItemStatus.EXTERNALLY_PAID,
+                        }
                         : prepayment);
                 }
                 return oldData;
             });
             return { previousPrepayments, previousPrepaymentObjs };
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["prepayments"] });
+        },
         onError: (err, variables, context) => {
             if (context) {
-                queryClient.setQueryData(['prepayments'], context.previousPrepayments);
+                queryClient.setQueryData(["prepayments"], context.previousPrepayments);
                 context.previousPrepaymentObjs.forEach((prepaymentObj) => {
-                    queryClient.setQueryData(['prepayment', prepaymentObj.id], prepaymentObj);
+                    queryClient.setQueryData(["prepayment", prepaymentObj.id], prepaymentObj);
                 });
             }
         },

package/dist/client/hooks/proposal.js

@@ -2,32 +2,48 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 import { AvroQueryClient } from "../../client/QueryClient";
 import { Task } from "../../types/api/Task";
 AvroQueryClient.prototype.useCreateProposal = function () {
+    const queryClient = this.getQueryClient();
     return useMutation({
-        mutationFn: async ({ job_id, data }) => {
+        mutationFn: async ({ job_id, data, }) => {
             return this.post({
                 path: `/job/${job_id}/proposal`,
                 data: JSON.stringify(data),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
+            });
+        },
+        onSuccess: async (result) => {
+            await this._syncEntity(queryClient, {
+                action: "create",
+                entityKey: "proposals",
+                id: result.id,
+                fetchPath: `/proposal/${result.id}`,
             });
         },
     });
 };
 AvroQueryClient.prototype.useReviewProposal = function (proposal_id) {
+    const queryClient = this.getQueryClient();
     return useMutation({
         mutationFn: async (data) => {
             return this.post({
                 path: `/proposal/${proposal_id}/review`,
                 data: JSON.stringify(data),
-                headers: { "Content-Type": "application/json" }
+                headers: { "Content-Type": "application/json" },
             });
         },
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["proposals"] });
+            queryClient.invalidateQueries({ queryKey: ["jobs"] });
+        },
     });
 };
 AvroQueryClient.prototype.useGetProposal = function (proposal_id) {
     return useQuery({
-        queryKey: ['proposals', proposal_id],
+        queryKey: ["proposals", proposal_id],
         queryFn: async () => {
-            const proposal = await this.get({ path: `/proposal/${proposal_id}` });
+            const proposal = await this.get({
+                path: `/proposal/${proposal_id}`,
+            });
             if (proposal && Array.isArray(proposal.tasks)) {
                 proposal.tasks = proposal.tasks.map((task) => new Task(task));
             }