first commit

common/resources/client/auth/ui/confirm-password/requests/use-confirm-password.ts

@@ -0,0 +1,26 @@
+import {useMutation} from '@tanstack/react-query';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {apiClient} from '@common/http/query-client';
+import {UseFormReturn} from 'react-hook-form';
+import {onFormQueryError} from '@common/errors/on-form-query-error';
+
+interface Response extends BackendResponse {}
+
+export interface ConfirmPasswordPayload {
+  password: string;
+}
+
+export function useConfirmPassword(
+  form: UseFormReturn<ConfirmPasswordPayload>,
+) {
+  return useMutation({
+    mutationFn: (payload: ConfirmPasswordPayload) => confirm(payload),
+    onError: r => onFormQueryError(r, form),
+  });
+}
+
+function confirm(payload: ConfirmPasswordPayload): Promise<Response> {
+  return apiClient
+    .post('auth/user/confirm-password', payload)
+    .then(response => response.data);
+}

common/resources/client/auth/ui/confirm-password/requests/use-password-confirmation-status.ts

@@ -0,0 +1,24 @@
+import {useQuery} from '@tanstack/react-query';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {apiClient, queryClient} from '@common/http/query-client';
+
+interface Response extends BackendResponse {
+  confirmed: boolean;
+}
+
+export function usePasswordConfirmationStatus() {
+  return useQuery({
+    queryKey: ['password-confirmation-status'],
+    queryFn: () => fetchStatus(),
+  });
+}
+
+function fetchStatus(): Promise<Response> {
+  return apiClient
+    .get('auth/user/confirmed-password-status', {params: {seconds: 9000}})
+    .then(response => response.data);
+}
+
+export function setPasswordConfirmationStatus(confirmed: boolean) {
+  queryClient.setQueryData(['password-confirmation-status'], {confirmed});
+}