@ventlio/tanstack-query 0.2.87 → 0.2.89

package/dist/config/useQueryConfig.js

@@ -2,9 +2,35 @@ import { useQueryClient } from '@tanstack/react-query';
 
 const useQueryConfig = () => {
     const queryClient = useQueryClient();
+    const setConfig = (options) => {
+        let mutationMeta = queryClient.getMutationDefaults()?.meta ?? {};
+        let queryMeta = queryClient.getQueryDefaults()?.meta ?? {};
+        const { pauseFutureMutations, pauseFutureQueries, mutationMiddleware, queryMiddleware, ...otherOptions } = options;
+        if (pauseFutureMutations) {
+            mutationMeta.pauseFutureMutations = pauseFutureMutations;
+        }
+        if (mutationMiddleware) {
+            mutationMeta.mutationMiddleware = mutationMiddleware;
+        }
+        mutationMeta = { meta: { ...mutationMeta, ...otherOptions } };
+        if (pauseFutureQueries) {
+            queryMeta.pauseFutureQueries = pauseFutureQueries;
+        }
+        if (queryMiddleware) {
+            queryMeta.mutationMiddleware = queryMiddleware;
+        }
+        queryMeta = { meta: { ...queryMeta, ...otherOptions } };
+        const defaultMutationOptions = queryClient.defaultMutationOptions();
+        const defaultQueryOptions = queryClient.defaultQueryOptions();
+        queryClient.setDefaultOptions({
+            queries: { ...defaultQueryOptions, meta: queryMeta },
+            mutations: { ...defaultMutationOptions, meta: mutationMeta },
+        });
+    };
     const mutationMeta = (queryClient.getDefaultOptions().mutations?.meta ?? {});
     const queryMeta = (queryClient.getDefaultOptions().queries?.meta ?? {});
-    return { ...queryMeta, ...mutationMeta };
+    const options = { ...queryMeta, ...mutationMeta };
+    return { options, setConfig };
 };
 
 export { useQueryConfig };

package/dist/config/useQueryConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryConfig.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"useQueryConfig.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/config/useQueryHeaders.js

@@ -1,23 +1,12 @@
-import { useQueryClient } from '@tanstack/react-query';
 import { useQueryConfig } from './useQueryConfig.js';
 
 const useQueryHeaders = () => {
-    const queryClient = useQueryClient();
-    const { headers, options } = useQueryConfig();
+    const { setConfig, ...config } = useQueryConfig();
     const getHeaders = () => {
-        return headers;
+        return config.options?.headers;
     };
-    const setQueryHeaders = (newHeaders) => {
-        const defaultMeta = {
-            headers: { ...headers, ...newHeaders },
-            options,
-        };
-        queryClient.setDefaultOptions({
-            queries: {
-                meta: defaultMeta,
-            },
-            mutations: { meta: defaultMeta },
-        });
+    const setQueryHeaders = (headers) => {
+        setConfig({ headers });
     };
     return { setQueryHeaders, getHeaders };
 };

package/dist/config/useQueryHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryHeaders.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useQueryHeaders.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/config/useReactNativeEnv.js

@@ -2,9 +2,9 @@ import { useQueryConfig } from './useQueryConfig.js';
 
 const useReactNativeEnv = () => {
     const config = useQueryConfig();
-    const appUrl = config.options?.environments?.appBaseUrl;
-    const appTimeout = config.options?.environments?.appTimeout;
-    const isApp = config.options?.context === 'app';
+    const appUrl = config.options.environments?.appBaseUrl;
+    const appTimeout = config.options.environments?.appTimeout;
+    const isApp = config.options.context === 'app';
     return { appUrl, appTimeout, isApp };
 };
 

package/dist/index.mjs

@@ -2,7 +2,7 @@ import 'url-search-params-polyfill';
 import { useQueryClient, useQuery, useInfiniteQuery, useMutation } from '@tanstack/react-query';
 import result from 'lodash.result';
 import lodashSet from 'lodash.set';
-import { useState, useMemo, useEffect, startTransition } from 'react';
+import { useState, useEffect, useMemo, startTransition } from 'react';
 import axios from 'axios';
 
 const bootstrapQueryRequest = (queryClient, options) => {
@@ -24,16 +24,42 @@ const bootstrapQueryRequest = (queryClient, options) => {
 
 const useQueryConfig = () => {
     const queryClient = useQueryClient();
+    const setConfig = (options) => {
+        let mutationMeta = queryClient.getMutationDefaults()?.meta ?? {};
+        let queryMeta = queryClient.getQueryDefaults()?.meta ?? {};
+        const { pauseFutureMutations, pauseFutureQueries, mutationMiddleware, queryMiddleware, ...otherOptions } = options;
+        if (pauseFutureMutations) {
+            mutationMeta.pauseFutureMutations = pauseFutureMutations;
+        }
+        if (mutationMiddleware) {
+            mutationMeta.mutationMiddleware = mutationMiddleware;
+        }
+        mutationMeta = { meta: { ...mutationMeta, ...otherOptions } };
+        if (pauseFutureQueries) {
+            queryMeta.pauseFutureQueries = pauseFutureQueries;
+        }
+        if (queryMiddleware) {
+            queryMeta.mutationMiddleware = queryMiddleware;
+        }
+        queryMeta = { meta: { ...queryMeta, ...otherOptions } };
+        const defaultMutationOptions = queryClient.defaultMutationOptions();
+        const defaultQueryOptions = queryClient.defaultQueryOptions();
+        queryClient.setDefaultOptions({
+            queries: { ...defaultQueryOptions, meta: queryMeta },
+            mutations: { ...defaultMutationOptions, meta: mutationMeta },
+        });
+    };
     const mutationMeta = (queryClient.getDefaultOptions().mutations?.meta ?? {});
     const queryMeta = (queryClient.getDefaultOptions().queries?.meta ?? {});
-    return { ...queryMeta, ...mutationMeta };
+    const options = { ...queryMeta, ...mutationMeta };
+    return { options, setConfig };
 };
 
 const useReactNativeEnv = () => {
     const config = useQueryConfig();
-    const appUrl = config.options?.environments?.appBaseUrl;
-    const appTimeout = config.options?.environments?.appTimeout;
-    const isApp = config.options?.context === 'app';
+    const appUrl = config.options.environments?.appBaseUrl;
+    const appTimeout = config.options.environments?.appTimeout;
+    const isApp = config.options.context === 'app';
     return { appUrl, appTimeout, isApp };
 };
 
@@ -48,22 +74,12 @@ const useEnvironmentVariables = () => {
 };
 
 const useQueryHeaders = () => {
-    const queryClient = useQueryClient();
-    const { headers, options } = useQueryConfig();
+    const { setConfig, ...config } = useQueryConfig();
     const getHeaders = () => {
-        return headers;
+        return config.options?.headers;
     };
-    const setQueryHeaders = (newHeaders) => {
-        const defaultMeta = {
-            headers: { ...headers, ...newHeaders },
-            options,
-        };
-        queryClient.setDefaultOptions({
-            queries: {
-                meta: defaultMeta,
-            },
-            mutations: { meta: defaultMeta },
-        });
+    const setQueryHeaders = (headers) => {
+        setConfig({ headers });
     };
     return { setQueryHeaders, getHeaders };
 };
@@ -87,7 +103,11 @@ function getDateInFuture(days) {
 const useKeyTrackerModel = (keyTracker) => {
     const queryClient = useQueryClient();
     const getQueryKey = (innerKeyTracker) => {
-        const queryKey = queryClient.getQueryData([innerKeyTracker ?? keyTracker]);
+        const meta = {
+            ...queryClient.getDefaultOptions().mutations?.meta,
+            ...queryClient.getDefaultOptions().queries?.meta,
+        };
+        const queryKey = meta[innerKeyTracker ?? keyTracker];
         return queryKey;
     };
     const refetchQuery = async (innerKeyTracker) => {
@@ -395,6 +415,7 @@ const useDeleteRequest = (deleteOptions) => {
     const { baseUrl, headers } = deleteOptions ?? {};
     const [requestPath, setRequestPath] = useState('');
     const [options, setOptions] = useState();
+    const [destroyConfig, setDestroyConfig] = useState();
     const { options: queryConfigOptions } = useQueryConfig();
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const { getHeaders } = useQueryHeaders();
@@ -410,7 +431,7 @@ const useDeleteRequest = (deleteOptions) => {
             timeout: TIMEOUT,
         };
         let shouldContinue = true;
-        if (queryConfigOptions?.queryMiddleware) {
+        if (queryConfigOptions.queryMiddleware) {
             shouldContinue = await queryConfigOptions.queryMiddleware({ queryKey, ...requestOptions });
         }
         if (shouldContinue) {
@@ -434,22 +455,37 @@ const useDeleteRequest = (deleteOptions) => {
         return setOptions(fetchOptions);
     };
     const destroy = async (link, internalDeleteOptions) => {
-        // set enabled to be true for every delete
-        internalDeleteOptions = internalDeleteOptions ?? {};
-        internalDeleteOptions.enabled = true;
-        await setOptionsAsync(internalDeleteOptions);
-        await updatedPathAsync(link);
-        return query.data;
-    };
-    return { destroy, ...query };
+        if (!queryConfigOptions.pauseFutureQueries) {
+            // set enabled to be true for every delete
+            internalDeleteOptions = internalDeleteOptions ?? {};
+            internalDeleteOptions.enabled = true;
+            await setOptionsAsync(internalDeleteOptions);
+            await updatedPathAsync(link);
+            return query.data;
+        }
+        else {
+            // save delete config
+            setDestroyConfig({ link, internalDeleteOptions });
+            return undefined;
+        }
+    };
+    useEffect(() => {
+        if (!queryConfigOptions.pauseFutureQueries && destroyConfig) {
+            destroy(destroyConfig.link, destroyConfig.internalDeleteOptions);
+            setDestroyConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConfigOptions.pauseFutureQueries]);
+    return { destroy, ...query, isLoading: query.isLoading || queryConfigOptions.pauseFutureQueries };
 };
 
 const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl, headers, }) => {
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const { getHeaders } = useQueryHeaders();
     const [requestPath, setRequestPath] = useState(path);
+    const [queryConfig, setQueryConfig] = useState();
     const [options, setOptions] = useState(queryOptions);
-    const { options: queryConfigOptions } = useQueryConfig();
+    const { options: queryConfigOptions, setConfig } = useQueryConfig();
     let queryClient = useQueryClient();
     // eslint-disable-next-line react-hooks/exhaustive-deps
     queryClient = useMemo(() => queryClient, []);
@@ -464,7 +500,7 @@ const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, b
                 timeout: TIMEOUT,
             };
             let shouldContinue = true;
-            if (queryConfigOptions?.queryMiddleware) {
+            if (queryConfigOptions.queryMiddleware) {
                 shouldContinue = await queryConfigOptions.queryMiddleware({ queryKey, ...requestOptions });
             }
             if (shouldContinue) {
@@ -496,7 +532,7 @@ const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, b
         return pathname + '?' + queryParams.toString();
     };
     const query = useInfiniteQuery([requestPath, {}], ({ pageParam = requestPath, queryKey }) => new Promise((res, rej) => sendRequest(res, rej, queryKey, pageParam)), {
-        enabled: load,
+        enabled: load || !queryConfigOptions.pauseFutureQueries,
         getNextPageParam: (lastPage) => constructPaginationLink('next_page', lastPage),
         getPreviousPageParam: (lastPage) => constructPaginationLink('previous_page', lastPage),
         ...options,
@@ -507,9 +543,15 @@ const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, b
         });
     };
     const get = async (link, fetchOptions) => {
-        await setOptionsAsync(fetchOptions);
-        await updatedPathAsync(link);
-        return query.data;
+        if (!queryConfigOptions.pauseFutureQueries) {
+            await setOptionsAsync(fetchOptions);
+            await updatedPathAsync(link);
+            return query.data;
+        }
+        else {
+            setQueryConfig({ link, fetchOptions });
+            return undefined;
+        }
     };
     const updatedPathAsync = async (link) => {
         startTransition(() => {
@@ -518,17 +560,21 @@ const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, b
     };
     useEffect(() => {
         if (keyTracker) {
-            // set expiration time for the tracker
-            queryClient.setQueryDefaults([keyTracker], {
-                cacheTime: Infinity,
-                staleTime: Infinity,
-            });
-            queryClient.setQueryData([keyTracker], [requestPath, {}]);
+            setConfig({ [keyTracker]: [requestPath, {}] });
         }
-    }, [keyTracker, requestPath, queryClient, queryOptions?.staleTime]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [keyTracker, requestPath]);
+    useEffect(() => {
+        if (!queryConfigOptions.pauseFutureQueries && queryConfig) {
+            get(queryConfig.link, queryConfig.fetchOptions);
+            setQueryConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConfigOptions.pauseFutureQueries]);
     return {
         get,
         ...query,
+        isLoading: query.isLoading || queryConfigOptions.pauseFutureQueries,
     };
 };
 
@@ -538,7 +584,8 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
     const [page, setPage] = useState(1);
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const { getHeaders } = useQueryHeaders();
-    const { options: queryConfigOptions } = useQueryConfig();
+    const { options: queryConfigOptions, setConfig } = useQueryConfig();
+    const [queryConfig, setQueryConfig] = useState();
     let queryClient = useQueryClient();
     // eslint-disable-next-line react-hooks/exhaustive-deps
     queryClient = useMemo(() => queryClient, []);
@@ -555,7 +602,7 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
                 timeout: TIMEOUT,
             };
             let shouldContinue = true;
-            if (queryConfigOptions?.queryMiddleware) {
+            if (queryConfigOptions.queryMiddleware) {
                 shouldContinue = await queryConfigOptions.queryMiddleware({ queryKey, ...requestOptions });
             }
             if (shouldContinue) {
@@ -586,14 +633,10 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
     }, [path]);
     useEffect(() => {
         if (keyTracker) {
-            // set expiration time for the tracker
-            queryClient.setQueryDefaults([keyTracker], {
-                cacheTime: Infinity,
-                staleTime: Infinity,
-            });
-            queryClient.setQueryData([keyTracker], [requestPath, {}]);
+            setConfig({ [keyTracker]: [requestPath, {}] });
         }
-    }, [keyTracker, requestPath, queryClient, queryOptions?.staleTime]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [keyTracker, requestPath]);
     const nextPage = () => {
         if (query.data?.data.pagination) {
             const pagination = query.data.data.pagination;
@@ -636,12 +679,26 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
         });
     };
     const get = async (link, fetchOptions) => {
-        await setOptionsAsync(fetchOptions);
-        await updatedPathAsync(link);
-        return query.data;
+        if (!queryConfigOptions.pauseFutureQueries) {
+            await setOptionsAsync(fetchOptions);
+            await updatedPathAsync(link);
+            return query.data;
+        }
+        else {
+            setQueryConfig({ link, fetchOptions });
+            return undefined;
+        }
     };
+    useEffect(() => {
+        if (!queryConfigOptions.pauseFutureQueries && queryConfig) {
+            get(queryConfig.link, queryConfig.fetchOptions);
+            setQueryConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConfigOptions.pauseFutureQueries]);
     return {
         ...query,
+        isLoading: query.isLoading || queryConfigOptions.pauseFutureQueries,
         setRequestPath,
         nextPage,
         prevPage,
@@ -665,6 +722,7 @@ const useUploadProgress = () => {
 const usePatchRequest = ({ path, baseUrl, headers }) => {
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
+    const [mutationConfig, setMutationConfig] = useState();
     const { getHeaders } = useQueryHeaders();
     const config = useQueryConfig();
     const sendRequest = async (res, rej, data) => {
@@ -680,7 +738,7 @@ const usePatchRequest = ({ path, baseUrl, headers }) => {
             onUploadProgress,
         };
         let shouldContinue = true;
-        if (config.options?.mutationMiddleware) {
+        if (config.options.mutationMiddleware) {
             shouldContinue = await config.options.mutationMiddleware({
                 mutationKey: [path, { type: 'mutation' }],
                 ...requestOptions,
@@ -690,14 +748,14 @@ const usePatchRequest = ({ path, baseUrl, headers }) => {
             const patchResponse = await makeRequest(requestOptions);
             if (patchResponse.status) {
                 // scroll to top after success
-                if (config.options?.context !== 'app') {
+                if (config.options.context !== 'app') {
                     scrollToTop();
                 }
                 res(patchResponse);
             }
             else {
                 // scroll to top after error
-                if (config.options?.context !== 'app') {
+                if (config.options.context !== 'app') {
                     scrollToTop();
                 }
                 rej(patchResponse);
@@ -712,14 +770,33 @@ const usePatchRequest = ({ path, baseUrl, headers }) => {
         return sendRequest(res, rej, dataData);
     }), { mutationKey: [path, { type: 'mutation' }] });
     const patch = async (data, options) => {
-        return mutation.mutateAsync(data, options);
+        if (!config.options.pauseFutureMutations) {
+            return mutation.mutateAsync(data, options);
+        }
+        else {
+            setMutationConfig({ data, options });
+            return undefined;
+        }
+    };
+    useEffect(() => {
+        if (!config.options.pauseFutureMutations && mutationConfig) {
+            patch(mutationConfig.data, mutationConfig.options);
+            setMutationConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config.options.pauseFutureMutations]);
+    return {
+        patch,
+        uploadProgressPercent,
+        ...mutation,
+        isLoading: mutation.isLoading || config.options.pauseFutureMutations,
     };
-    return { patch, uploadProgressPercent, ...mutation };
 };
 
 const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelectors, }) => {
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const config = useQueryConfig();
+    const [mutationConfig, setMutationConfig] = useState();
     const { getHeaders } = useQueryHeaders();
     const { isApp } = useReactNativeEnv();
     const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
@@ -744,7 +821,7 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
             ...requestConfig,
         };
         let shouldContinue = true;
-        if (config.options?.mutationMiddleware) {
+        if (config.options.mutationMiddleware) {
             shouldContinue = await config.options.mutationMiddleware({
                 mutationKey: [path, { type: 'mutation' }],
                 ...requestOptions,
@@ -754,14 +831,14 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
             const postResponse = await makeRequest(requestOptions);
             if (postResponse.status) {
                 // scroll to top after success
-                if (config.options?.context !== 'app') {
+                if (config.options.context !== 'app') {
                     scrollToTop();
                 }
                 res(postResponse);
             }
             else {
                 // scroll to top after error
-                if (config.options?.context !== 'app') {
+                if (config.options.context !== 'app') {
                     scrollToTop();
                 }
                 rej(postResponse);
@@ -776,9 +853,22 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
         mutationKey: [path, { type: 'mutation' }],
     });
     const post = async (data, options) => {
-        const { requestConfig, ...otherOptions } = options ?? {};
-        return mutation.mutateAsync({ data, requestConfig }, otherOptions);
+        if (!config.options.pauseFutureMutations) {
+            const { requestConfig, ...otherOptions } = options ?? {};
+            return mutation.mutateAsync({ data, requestConfig }, otherOptions);
+        }
+        else {
+            setMutationConfig({ data, options });
+            return undefined;
+        }
     };
+    useEffect(() => {
+        if (!config.options.pauseFutureMutations && mutationConfig) {
+            post(mutationConfig.data, mutationConfig.options);
+            setMutationConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config.options.pauseFutureMutations]);
     return { post, uploadProgressPercent, ...mutation };
 };
 

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/model/useKeyTrackerModel.d.ts

@@ -1,4 +1,4 @@
 export declare const useKeyTrackerModel: <T>(keyTracker: string) => {
     refetchQuery: (innerKeyTracker?: string) => Promise<void>;
-    getQueryKey: (innerKeyTracker?: string) => any[] | undefined;
+    getQueryKey: (innerKeyTracker?: string) => any[];
 };

package/dist/model/useKeyTrackerModel.js

@@ -3,7 +3,11 @@ import { useQueryClient } from '@tanstack/react-query';
 const useKeyTrackerModel = (keyTracker) => {
     const queryClient = useQueryClient();
     const getQueryKey = (innerKeyTracker) => {
-        const queryKey = queryClient.getQueryData([innerKeyTracker ?? keyTracker]);
+        const meta = {
+            ...queryClient.getDefaultOptions().mutations?.meta,
+            ...queryClient.getDefaultOptions().queries?.meta,
+        };
+        const queryKey = meta[innerKeyTracker ?? keyTracker];
         return queryKey;
     };
     const refetchQuery = async (innerKeyTracker) => {

package/dist/model/useKeyTrackerModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyTrackerModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useKeyTrackerModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/useDeleteRequest.d.ts

@@ -2,10 +2,10 @@ import type { UseQueryOptions } from '@tanstack/react-query';
 import type { IRequestError, IRequestSuccess } from '../request';
 import type { DefaultRequestOptions } from './queries.interface';
 export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultRequestOptions) => {
+    isLoading: boolean | undefined;
     data: IRequestSuccess<TResponse>;
     error: any;
     isError: true;
-    isLoading: false;
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
@@ -31,10 +31,10 @@ export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultReques
         cached?: boolean | undefined;
     }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
 } | {
+    isLoading: boolean | undefined;
     data: IRequestSuccess<TResponse>;
     error: null;
     isError: false;
-    isLoading: false;
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
@@ -60,10 +60,10 @@ export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultReques
         cached?: boolean | undefined;
     }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
 } | {
+    isLoading: boolean | undefined;
     data: undefined;
     error: any;
     isError: true;
-    isLoading: false;
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
@@ -89,10 +89,10 @@ export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultReques
         cached?: boolean | undefined;
     }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
 } | {
+    isLoading: boolean | undefined;
     data: undefined;
     error: null;
     isError: false;
-    isLoading: true;
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;

package/dist/queries/useDeleteRequest.js

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import 'url-search-params-polyfill';
 import { useEnvironmentVariables } from '../config/useEnvironmentVariables.js';
 import { useQueryConfig } from '../config/useQueryConfig.js';
@@ -12,6 +12,7 @@ const useDeleteRequest = (deleteOptions) => {
     const { baseUrl, headers } = deleteOptions ?? {};
     const [requestPath, setRequestPath] = useState('');
     const [options, setOptions] = useState();
+    const [destroyConfig, setDestroyConfig] = useState();
     const { options: queryConfigOptions } = useQueryConfig();
     const { API_URL, TIMEOUT } = useEnvironmentVariables();
     const { getHeaders } = useQueryHeaders();
@@ -27,7 +28,7 @@ const useDeleteRequest = (deleteOptions) => {
             timeout: TIMEOUT,
         };
         let shouldContinue = true;
-        if (queryConfigOptions?.queryMiddleware) {
+        if (queryConfigOptions.queryMiddleware) {
             shouldContinue = await queryConfigOptions.queryMiddleware({ queryKey, ...requestOptions });
         }
         if (shouldContinue) {
@@ -51,14 +52,28 @@ const useDeleteRequest = (deleteOptions) => {
         return setOptions(fetchOptions);
     };
     const destroy = async (link, internalDeleteOptions) => {
-        // set enabled to be true for every delete
-        internalDeleteOptions = internalDeleteOptions ?? {};
-        internalDeleteOptions.enabled = true;
-        await setOptionsAsync(internalDeleteOptions);
-        await updatedPathAsync(link);
-        return query.data;
+        if (!queryConfigOptions.pauseFutureQueries) {
+            // set enabled to be true for every delete
+            internalDeleteOptions = internalDeleteOptions ?? {};
+            internalDeleteOptions.enabled = true;
+            await setOptionsAsync(internalDeleteOptions);
+            await updatedPathAsync(link);
+            return query.data;
+        }
+        else {
+            // save delete config
+            setDestroyConfig({ link, internalDeleteOptions });
+            return undefined;
+        }
     };
-    return { destroy, ...query };
+    useEffect(() => {
+        if (!queryConfigOptions.pauseFutureQueries && destroyConfig) {
+            destroy(destroyConfig.link, destroyConfig.internalDeleteOptions);
+            setDestroyConfig(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryConfigOptions.pauseFutureQueries]);
+    return { destroy, ...query, isLoading: query.isLoading || queryConfigOptions.pauseFutureQueries };
 };
 
 export { useDeleteRequest };

package/dist/queries/useDeleteRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeleteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useDeleteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}