@ventlio/tanstack-query 0.5.4 → 0.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/config/bootstrapQueryRequest.d.ts +4 -4
  2. package/dist/config/bootstrapQueryRequest.js +15 -15
  3. package/dist/config/config.interface.d.ts +4 -4
  4. package/dist/config/index.d.ts +6 -6
  5. package/dist/config/useEnvironmentVariables.d.ts +2 -2
  6. package/dist/config/useEnvironmentVariables.js +8 -8
  7. package/dist/config/useQueryConfig.d.ts +2 -2
  8. package/dist/config/useQueryConfig.js +5 -5
  9. package/dist/config/useQueryHeaders.d.ts +2 -2
  10. package/dist/config/useQueryHeaders.js +9 -9
  11. package/dist/config/useReactNativeEnv.d.ts +5 -5
  12. package/dist/config/useReactNativeEnv.js +6 -6
  13. package/dist/helpers/index.d.ts +2 -2
  14. package/dist/helpers/scrollToTop.d.ts +1 -1
  15. package/dist/helpers/scrollToTop.js +5 -5
  16. package/dist/helpers/timeFuncs.d.ts +1 -1
  17. package/dist/helpers/timeFuncs.js +7 -7
  18. package/dist/hooks/index.d.ts +1 -1
  19. package/dist/hooks/useUploadProgress.d.ts +5 -5
  20. package/dist/hooks/useUploadProgress.js +8 -8
  21. package/dist/index.d.ts +8 -8
  22. package/dist/index.mjs +827 -830
  23. package/dist/index.mjs.map +1 -1
  24. package/dist/model/index.d.ts +4 -4
  25. package/dist/model/model.interface.d.ts +11 -11
  26. package/dist/model/useKeyTrackerModel.d.ts +4 -4
  27. package/dist/model/useKeyTrackerModel.js +14 -14
  28. package/dist/model/useQueryModel.d.ts +2 -2
  29. package/dist/model/useQueryModel.js +115 -115
  30. package/dist/model/useRefetchQuery.d.ts +3 -3
  31. package/dist/model/useRefetchQuery.js +10 -10
  32. package/dist/queries/index.d.ts +6 -6
  33. package/dist/queries/queries.interface.d.ts +17 -17
  34. package/dist/queries/useDeleteRequest.d.ts +60 -60
  35. package/dist/queries/useDeleteRequest.js +72 -71
  36. package/dist/queries/useDeleteRequest.js.map +1 -1
  37. package/dist/queries/useGetInfiniteRequest.d.ts +108 -110
  38. package/dist/queries/useGetInfiniteRequest.js +103 -102
  39. package/dist/queries/useGetInfiniteRequest.js.map +1 -1
  40. package/dist/queries/useGetRequest.d.ts +73 -74
  41. package/dist/queries/useGetRequest.js +129 -133
  42. package/dist/queries/useGetRequest.js.map +1 -1
  43. package/dist/queries/usePatchRequest.d.ts +86 -86
  44. package/dist/queries/usePatchRequest.js +70 -70
  45. package/dist/queries/usePostRequest.d.ts +149 -157
  46. package/dist/queries/usePostRequest.js +77 -78
  47. package/dist/queries/usePostRequest.js.map +1 -1
  48. package/dist/queries/usePutRequest.d.ts +86 -86
  49. package/dist/request/axios-instance.d.ts +3 -3
  50. package/dist/request/axios-instance.js +6 -6
  51. package/dist/request/buildFormData.d.ts +1 -1
  52. package/dist/request/buildFormData.js +40 -40
  53. package/dist/request/index.d.ts +6 -6
  54. package/dist/request/make-request.d.ts +2 -2
  55. package/dist/request/make-request.js +80 -80
  56. package/dist/request/request.enum.d.ts +11 -11
  57. package/dist/request/request.enum.js +12 -12
  58. package/dist/request/request.interface.d.ts +48 -48
  59. package/dist/request/transformer.d.ts +7 -7
  60. package/dist/request/transformer.js +18 -18
  61. package/dist/stores/index.d.ts +2 -2
  62. package/dist/stores/useHeaderStore.d.ts +7 -7
  63. package/dist/stores/useHeaderStore.js +5 -5
  64. package/dist/stores/usePauseFutureRequests.d.ts +7 -7
  65. package/dist/stores/usePauseFutureRequests.js +13 -13
  66. package/dist/types/index.d.ts +27 -29
  67. package/package.json +2 -2
  68. package/src/queries/useDeleteRequest.ts +13 -14
  69. package/src/queries/useGetInfiniteRequest.ts +17 -19
  70. package/src/queries/useGetRequest.ts +29 -36
  71. package/src/queries/usePatchRequest.ts +24 -22
  72. package/src/queries/usePostRequest.ts +20 -23
  73. package/src/queries/usePutRequest.ts +19 -22
  74. package/src/request/make-request.ts +2 -2
  75. package/src/request/transformer.ts +1 -1
  76. package/src/types/index.ts +5 -4
@@ -11,76 +11,76 @@ import 'axios';
11
11
  import { makeRequest } from '../request/make-request.js';
12
12
  import { HttpMethod } from '../request/request.enum.js';
13
13
 
14
- const usePatchRequest = ({ path, baseUrl, headers }) => {
15
- const { API_URL, TIMEOUT } = useEnvironmentVariables();
16
- const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
17
- const globalHeaders = useHeaderStore((state) => state.headers);
18
- const [requestPayload, setRequestPayload] = useState();
19
- const isFutureMutationsPaused = usePauseFutureRequests((state) => state.isFutureMutationsPaused);
20
- const config = useQueryConfig();
21
- const sendRequest = async (res, rej, data) => {
22
- // get request headers
23
- const requestOptions = {
24
- path: path,
25
- body: data,
26
- method: HttpMethod.PATCH,
27
- headers: { ...globalHeaders, ...headers },
28
- baseURL: baseUrl ?? API_URL,
29
- timeout: TIMEOUT,
30
- onUploadProgress,
31
- };
32
- let shouldContinue = true;
33
- if (config.options?.mutationMiddleware) {
34
- shouldContinue = await config.options.mutationMiddleware({
35
- mutationKey: [path, { type: 'mutation' }],
36
- ...requestOptions,
37
- });
38
- }
39
- if (shouldContinue) {
40
- const patchResponse = await makeRequest(requestOptions);
41
- if (patchResponse.status) {
42
- // scroll to top after success
43
- if (config.options?.context !== 'app') {
44
- scrollToTop();
45
- }
46
- res(patchResponse);
47
- }
48
- else {
49
- // scroll to top after error
50
- if (config.options?.context !== 'app') {
51
- scrollToTop();
52
- }
53
- rej(patchResponse);
54
- }
55
- }
56
- else {
57
- rej(null);
58
- }
59
- };
60
- // register post mutation
61
- const mutation = useMutation({
62
- mutationKey: [path, { type: 'mutation' }],
63
- mutationFn: (dataData) => new Promise((res, rej) => {
64
- return sendRequest(res, rej, dataData);
65
- }),
66
- });
67
- const patch = async (data, options) => {
68
- if (!isFutureMutationsPaused) {
69
- return mutation.mutateAsync(data, options);
70
- }
71
- else {
72
- setRequestPayload({ data, options });
73
- return undefined;
74
- }
75
- };
76
- useEffect(() => {
77
- if (!isFutureMutationsPaused && requestPayload) {
78
- patch(requestPayload.data, requestPayload.options);
79
- setRequestPayload(undefined);
80
- }
81
- // eslint-disable-next-line react-hooks/exhaustive-deps
82
- }, [isFutureMutationsPaused]);
83
- return { patch, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
14
+ const usePatchRequest = ({ path, baseUrl, headers }) => {
15
+ const { API_URL, TIMEOUT } = useEnvironmentVariables();
16
+ const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
17
+ const globalHeaders = useHeaderStore((state) => state.headers);
18
+ const [requestPayload, setRequestPayload] = useState();
19
+ const isFutureMutationsPaused = usePauseFutureRequests((state) => state.isFutureMutationsPaused);
20
+ const config = useQueryConfig();
21
+ const sendRequest = async (res, rej, data) => {
22
+ // get request headers
23
+ const requestOptions = {
24
+ path: path,
25
+ body: data,
26
+ method: HttpMethod.PATCH,
27
+ headers: { ...globalHeaders, ...headers },
28
+ baseURL: baseUrl ?? API_URL,
29
+ timeout: TIMEOUT,
30
+ onUploadProgress,
31
+ };
32
+ let patchResponse;
33
+ if (config.options?.middleware) {
34
+ // perform global middleware
35
+ const middlewareResponse = await config.options.middleware(async () => await makeRequest(requestOptions), {
36
+ path,
37
+ baseUrl: baseUrl ?? API_URL,
38
+ body: data,
39
+ });
40
+ patchResponse = middlewareResponse;
41
+ }
42
+ else {
43
+ patchResponse = await makeRequest(requestOptions);
44
+ }
45
+ if (patchResponse.status) {
46
+ // scroll to top after success
47
+ if (config.options?.context !== 'app') {
48
+ scrollToTop();
49
+ }
50
+ res(patchResponse);
51
+ }
52
+ else {
53
+ // scroll to top after error
54
+ if (config.options?.context !== 'app') {
55
+ scrollToTop();
56
+ }
57
+ rej(patchResponse);
58
+ }
59
+ };
60
+ // register post mutation
61
+ const mutation = useMutation({
62
+ mutationKey: [path, { type: 'mutation' }],
63
+ mutationFn: (dataData) => new Promise((res, rej) => {
64
+ return sendRequest(res, rej, dataData);
65
+ }),
66
+ });
67
+ const patch = async (data, options) => {
68
+ if (!isFutureMutationsPaused) {
69
+ return mutation.mutateAsync(data, options);
70
+ }
71
+ else {
72
+ setRequestPayload({ data, options });
73
+ return undefined;
74
+ }
75
+ };
76
+ useEffect(() => {
77
+ if (!isFutureMutationsPaused && requestPayload) {
78
+ patch(requestPayload.data, requestPayload.options);
79
+ setRequestPayload(undefined);
80
+ }
81
+ // eslint-disable-next-line react-hooks/exhaustive-deps
82
+ }, [isFutureMutationsPaused]);
83
+ return { patch, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
84
84
  };
85
85
 
86
86
  export { usePatchRequest };
@@ -1,157 +1,149 @@
1
- import type { MutateOptions } from '@tanstack/react-query';
2
- import type { IMakeRequest, IRequestError, IRequestSuccess } from '../request';
3
- import type { DefaultRequestOptions } from './queries.interface';
4
- export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, headers, fileSelectors, }: {
5
- path: string;
6
- isFormData?: boolean | undefined;
7
- fileSelectors?: string[] | undefined;
8
- } & DefaultRequestOptions) => {
9
- isLoading: boolean;
10
- data: undefined;
11
- variables: undefined;
12
- error: null;
13
- isError: false;
14
- isIdle: true;
15
- isPending: false;
16
- isSuccess: false;
17
- status: "idle";
18
- mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
19
- data: any;
20
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
21
- }, unknown>;
22
- reset: () => void;
23
- context: unknown;
24
- failureCount: number;
25
- failureReason: IRequestError | null;
26
- isPaused: boolean;
27
- submittedAt: number;
28
- mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
29
- data: any;
30
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
31
- }, unknown>;
32
- post: <T>(data?: T | undefined, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
33
- data: T;
34
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
35
- }, unknown> & {
36
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
37
- }) | ({
38
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
39
- } & {
40
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
41
- }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
42
- uploadProgressPercent: number;
43
- } | {
44
- isLoading: boolean;
45
- data: undefined;
46
- variables: {
47
- data: any;
48
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
49
- };
50
- error: null;
51
- isError: false;
52
- isIdle: false;
53
- isPending: true;
54
- isSuccess: false;
55
- status: "pending";
56
- mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
57
- data: any;
58
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
59
- }, unknown>;
60
- reset: () => void;
61
- context: unknown;
62
- failureCount: number;
63
- failureReason: IRequestError | null;
64
- isPaused: boolean;
65
- submittedAt: number;
66
- mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
67
- data: any;
68
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
69
- }, unknown>;
70
- post: <T>(data?: T | undefined, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
71
- data: T;
72
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
73
- }, unknown> & {
74
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
75
- }) | ({
76
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
77
- } & {
78
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
79
- }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
80
- uploadProgressPercent: number;
81
- } | {
82
- isLoading: boolean;
83
- data: undefined;
84
- error: IRequestError;
85
- variables: {
86
- data: any;
87
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
88
- };
89
- isError: true;
90
- isIdle: false;
91
- isPending: false;
92
- isSuccess: false;
93
- status: "error";
94
- mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
95
- data: any;
96
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
97
- }, unknown>;
98
- reset: () => void;
99
- context: unknown;
100
- failureCount: number;
101
- failureReason: IRequestError | null;
102
- isPaused: boolean;
103
- submittedAt: number;
104
- mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
105
- data: any;
106
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
107
- }, unknown>;
108
- post: <T>(data?: T | undefined, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
109
- data: T;
110
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
111
- }, unknown> & {
112
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
113
- }) | ({
114
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
115
- } & {
116
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
117
- }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
118
- uploadProgressPercent: number;
119
- } | {
120
- isLoading: boolean;
121
- data: IRequestSuccess<TResponse>;
122
- error: null;
123
- variables: {
124
- data: any;
125
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
126
- };
127
- isError: false;
128
- isIdle: false;
129
- isPending: false;
130
- isSuccess: true;
131
- status: "success";
132
- mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
133
- data: any;
134
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
135
- }, unknown>;
136
- reset: () => void;
137
- context: unknown;
138
- failureCount: number;
139
- failureReason: IRequestError | null;
140
- isPaused: boolean;
141
- submittedAt: number;
142
- mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
143
- data: any;
144
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
145
- }, unknown>;
146
- post: <T>(data?: T | undefined, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
147
- data: T;
148
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
149
- }, unknown> & {
150
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
151
- }) | ({
152
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
153
- } & {
154
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
155
- }) | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
156
- uploadProgressPercent: number;
157
- };
1
+ import type { MutateOptions } from '@tanstack/react-query';
2
+ import type { IMakeRequest, IRequestError, IRequestSuccess } from '../request';
3
+ import type { DefaultRequestOptions } from './queries.interface';
4
+ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, headers, fileSelectors, }: {
5
+ path: string;
6
+ isFormData?: boolean;
7
+ fileSelectors?: string[];
8
+ } & DefaultRequestOptions) => {
9
+ isLoading: boolean;
10
+ data: undefined;
11
+ variables: undefined;
12
+ error: null;
13
+ isError: false;
14
+ isIdle: true;
15
+ isPending: false;
16
+ isSuccess: false;
17
+ status: "idle";
18
+ mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
19
+ data: any;
20
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
21
+ }, unknown>;
22
+ reset: () => void;
23
+ context: unknown;
24
+ failureCount: number;
25
+ failureReason: IRequestError | null;
26
+ isPaused: boolean;
27
+ submittedAt: number;
28
+ mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
29
+ data: any;
30
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
31
+ }, unknown>;
32
+ post: <T>(data?: T, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
33
+ data: T;
34
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
35
+ }, unknown> | {
36
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
37
+ } | undefined) & {
38
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
39
+ }) => Promise<IRequestSuccess<TResponse> | undefined>;
40
+ uploadProgressPercent: number;
41
+ } | {
42
+ isLoading: boolean;
43
+ data: undefined;
44
+ variables: {
45
+ data: any;
46
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
47
+ };
48
+ error: null;
49
+ isError: false;
50
+ isIdle: false;
51
+ isPending: true;
52
+ isSuccess: false;
53
+ status: "pending";
54
+ mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
55
+ data: any;
56
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
57
+ }, unknown>;
58
+ reset: () => void;
59
+ context: unknown;
60
+ failureCount: number;
61
+ failureReason: IRequestError | null;
62
+ isPaused: boolean;
63
+ submittedAt: number;
64
+ mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
65
+ data: any;
66
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
67
+ }, unknown>;
68
+ post: <T>(data?: T, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
69
+ data: T;
70
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
71
+ }, unknown> | {
72
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
73
+ } | undefined) & {
74
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
75
+ }) => Promise<IRequestSuccess<TResponse> | undefined>;
76
+ uploadProgressPercent: number;
77
+ } | {
78
+ isLoading: boolean;
79
+ data: undefined;
80
+ error: IRequestError;
81
+ variables: {
82
+ data: any;
83
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
84
+ };
85
+ isError: true;
86
+ isIdle: false;
87
+ isPending: false;
88
+ isSuccess: false;
89
+ status: "error";
90
+ mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
91
+ data: any;
92
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
93
+ }, unknown>;
94
+ reset: () => void;
95
+ context: unknown;
96
+ failureCount: number;
97
+ failureReason: IRequestError | null;
98
+ isPaused: boolean;
99
+ submittedAt: number;
100
+ mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
101
+ data: any;
102
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
103
+ }, unknown>;
104
+ post: <T>(data?: T, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
105
+ data: T;
106
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
107
+ }, unknown> | {
108
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
109
+ } | undefined) & {
110
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
111
+ }) => Promise<IRequestSuccess<TResponse> | undefined>;
112
+ uploadProgressPercent: number;
113
+ } | {
114
+ isLoading: boolean;
115
+ data: IRequestSuccess<TResponse>;
116
+ error: null;
117
+ variables: {
118
+ data: any;
119
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
120
+ };
121
+ isError: false;
122
+ isIdle: false;
123
+ isPending: false;
124
+ isSuccess: true;
125
+ status: "success";
126
+ mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
127
+ data: any;
128
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
129
+ }, unknown>;
130
+ reset: () => void;
131
+ context: unknown;
132
+ failureCount: number;
133
+ failureReason: IRequestError | null;
134
+ isPaused: boolean;
135
+ submittedAt: number;
136
+ mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
137
+ data: any;
138
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
139
+ }, unknown>;
140
+ post: <T>(data?: T, options?: (MutateOptions<IRequestSuccess<TResponse>, IRequestError, {
141
+ data: T;
142
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
143
+ }, unknown> | {
144
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
145
+ } | undefined) & {
146
+ requestConfig?: Partial<Omit<IMakeRequest, "body">>;
147
+ }) => Promise<IRequestSuccess<TResponse> | undefined>;
148
+ uploadProgressPercent: number;
149
+ };
@@ -12,84 +12,83 @@ import 'axios';
12
12
  import { makeRequest } from '../request/make-request.js';
13
13
  import { HttpMethod } from '../request/request.enum.js';
14
14
 
15
- const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelectors, }) => {
16
- const { API_URL, TIMEOUT } = useEnvironmentVariables();
17
- const config = useQueryConfig();
18
- const globalHeaders = useHeaderStore((state) => state.headers);
19
- const { isApp } = useReactNativeEnv();
20
- const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
21
- const [requestPayload, setRequestPayload] = useState();
22
- const isFutureMutationsPaused = usePauseFutureRequests((state) => state.isFutureMutationsPaused);
23
- const sendRequest = async (res, rej, postData) => {
24
- // get request headers
25
- const { data, requestConfig } = postData;
26
- delete requestConfig?.body;
27
- const requestOptions = {
28
- path,
29
- body: data,
30
- method: HttpMethod.POST,
31
- isFormData,
32
- headers: { ...globalHeaders, ...headers },
33
- baseURL: baseUrl ?? API_URL,
34
- timeout: TIMEOUT,
35
- appFileConfig: {
36
- isApp,
37
- fileSelectors,
38
- },
39
- onUploadProgress,
40
- ...requestConfig,
41
- };
42
- let shouldContinue = true;
43
- if (config.options?.mutationMiddleware) {
44
- shouldContinue = await config.options.mutationMiddleware({
45
- mutationKey: [path, { type: 'mutation' }],
46
- ...requestOptions,
47
- });
48
- }
49
- if (shouldContinue) {
50
- const postResponse = await makeRequest(requestOptions);
51
- if (postResponse.status) {
52
- // scroll to top after success
53
- if (config.options?.context !== 'app') {
54
- scrollToTop();
55
- }
56
- res(postResponse);
57
- }
58
- else {
59
- // scroll to top after error
60
- if (config.options?.context !== 'app') {
61
- scrollToTop();
62
- }
63
- rej(postResponse);
64
- }
65
- }
66
- else {
67
- rej(null);
68
- }
69
- };
70
- // register post mutation
71
- const mutation = useMutation({
72
- mutationKey: [path, { type: 'mutation' }],
73
- mutationFn: async (postData) => new Promise((res, rej) => sendRequest(res, rej, postData)),
74
- });
75
- const post = async (data, options) => {
76
- if (!isFutureMutationsPaused) {
77
- const { requestConfig, ...otherOptions } = options ?? {};
78
- return mutation.mutateAsync({ data, requestConfig }, otherOptions);
79
- }
80
- else {
81
- setRequestPayload({ data, options });
82
- return undefined;
83
- }
84
- };
85
- useEffect(() => {
86
- if (!isFutureMutationsPaused && requestPayload) {
87
- post(requestPayload.data, requestPayload.options);
88
- setRequestPayload(undefined);
89
- }
90
- // eslint-disable-next-line react-hooks/exhaustive-deps
91
- }, [isFutureMutationsPaused]);
92
- return { post, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
15
+ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelectors, }) => {
16
+ const { API_URL, TIMEOUT } = useEnvironmentVariables();
17
+ const config = useQueryConfig();
18
+ const globalHeaders = useHeaderStore((state) => state.headers);
19
+ const { isApp } = useReactNativeEnv();
20
+ const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
21
+ const [requestPayload, setRequestPayload] = useState();
22
+ const isFutureMutationsPaused = usePauseFutureRequests((state) => state.isFutureMutationsPaused);
23
+ const sendRequest = async (res, rej, postData) => {
24
+ // get request headers
25
+ const { data, requestConfig } = postData;
26
+ delete requestConfig?.body;
27
+ const requestOptions = {
28
+ path,
29
+ body: data,
30
+ method: HttpMethod.POST,
31
+ isFormData,
32
+ headers: { ...globalHeaders, ...headers },
33
+ baseURL: baseUrl ?? API_URL,
34
+ timeout: TIMEOUT,
35
+ appFileConfig: {
36
+ isApp,
37
+ fileSelectors,
38
+ },
39
+ onUploadProgress,
40
+ ...requestConfig,
41
+ };
42
+ let postResponse;
43
+ if (config.options?.middleware) {
44
+ // perform global middleware
45
+ postResponse = await config.options.middleware(async () => await makeRequest(requestOptions), {
46
+ path,
47
+ baseUrl: baseUrl ?? API_URL,
48
+ body: data,
49
+ });
50
+ }
51
+ else {
52
+ postResponse = await makeRequest(requestOptions);
53
+ }
54
+ if (postResponse.status) {
55
+ // scroll to top after success
56
+ if (config.options?.context !== 'app') {
57
+ scrollToTop();
58
+ }
59
+ res(postResponse);
60
+ }
61
+ else {
62
+ // scroll to top after error
63
+ if (config.options?.context !== 'app') {
64
+ scrollToTop();
65
+ }
66
+ rej(postResponse);
67
+ }
68
+ };
69
+ // register post mutation
70
+ const mutation = useMutation({
71
+ mutationKey: [path, { type: 'mutation' }],
72
+ mutationFn: async (postData) => new Promise((res, rej) => sendRequest(res, rej, postData)),
73
+ });
74
+ const post = async (data, options) => {
75
+ if (!isFutureMutationsPaused) {
76
+ const { requestConfig, ...otherOptions } = options ?? {};
77
+ return mutation.mutateAsync({ data, requestConfig }, otherOptions);
78
+ }
79
+ else {
80
+ setRequestPayload({ data, options });
81
+ return undefined;
82
+ }
83
+ };
84
+ useEffect(() => {
85
+ if (!isFutureMutationsPaused && requestPayload) {
86
+ post(requestPayload.data, requestPayload.options);
87
+ setRequestPayload(undefined);
88
+ }
89
+ // eslint-disable-next-line react-hooks/exhaustive-deps
90
+ }, [isFutureMutationsPaused]);
91
+ return { post, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
93
92
  };
94
93
 
95
94
  export { usePostRequest };
@@ -1 +1 @@
1
- {"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}