From 83c8535e30db37f6d77ac823ff34aa1d7bb13675 Mon Sep 17 00:00:00 2001
From: Egor Serikov <egorfaresto@gmail.com>
Date: Thu, 9 May 2024 16:40:09 +0600
Subject: [PATCH] feat/updated form composable

---
 .../src/lib/components/auth-form/index.svelte        |  9 +++++----
 frontend-admin/src/lib/components/auth-form/store.ts |  8 ++++++++
 .../src/lib/composable/form-composable/index.ts      | 12 ++++++++++--
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/frontend-admin/src/lib/components/auth-form/index.svelte b/frontend-admin/src/lib/components/auth-form/index.svelte
index dea70a4..896b0d9 100644
--- a/frontend-admin/src/lib/components/auth-form/index.svelte
+++ b/frontend-admin/src/lib/components/auth-form/index.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
 	import 'carbon-components-svelte/css/white.css';
+	import { onMount } from 'svelte';
 
 	import { Button, TextInput, Loading, InlineNotification } from 'carbon-components-svelte';
 	import Card from '$lib/components/card/index.svelte';
-	import { onMount } from 'svelte';
+	import { checkIsEmpty } from '$lib/utils/validations';
 
 	import { store } from './store';
+	import { initialValues } from './consts';
 	import { handleInputChange } from './utils';
-	import { checkIsEmpty } from '$lib/utils/validations';
 
 	let isLoading = false;
 	let errorMessage: string | undefined;
-	let username = '';
-	let password = '';
+	let username = initialValues.username;
+	let password = initialValues.password;
 	let isUsernameValid = true;
 	let isPasswordValid = true;
 	let isFormHasChanges = false;
diff --git a/frontend-admin/src/lib/components/auth-form/store.ts b/frontend-admin/src/lib/components/auth-form/store.ts
index 4bad7d3..a1e04e0 100644
--- a/frontend-admin/src/lib/components/auth-form/store.ts
+++ b/frontend-admin/src/lib/components/auth-form/store.ts
@@ -15,6 +15,13 @@ export const store = () => {
 		request: authRequest
 	});
 
+
+	/** TODO:
+	 * 1. Придумать как принимать валидацию внутри composable
+	 * 2. Придумать как автоматически обновлять поля и валидировать их,
+	 * а не писать каждый раз руками
+	 * 3. Придумать как обрабатывать non-required и required кейсы
+	 */
 	const setUsername = (value: string) => {
 		formState.update((state) => ({
 			...state,
@@ -29,6 +36,7 @@ export const store = () => {
 			}
 		}));
 	};
+
 	const setPassword = (value: string) => {
 		formState.update((state) => ({
 			...state,
diff --git a/frontend-admin/src/lib/composable/form-composable/index.ts b/frontend-admin/src/lib/composable/form-composable/index.ts
index ebb03b0..da88632 100644
--- a/frontend-admin/src/lib/composable/form-composable/index.ts
+++ b/frontend-admin/src/lib/composable/form-composable/index.ts
@@ -14,6 +14,8 @@ export const formComposable = <
 	request,
 	onSuccess
 }: TFormComposableParams<TResponseParams, TFields, TFields>) => {
+	const abortController = new AbortController();
+
 	const extendedValues = extendValuesWithMeta(initialValues);
 	const formState = writable(extendedValues);
 
@@ -25,7 +27,13 @@ export const formComposable = <
 	const setIsLoading = (loading: boolean) =>
 		formState.update((state) => ({ ...state, isLoading: loading }));
 
-	const abortController = new AbortController();
+	const handleSuccess: TFormComposableParams<TResponseParams, TFields, TFields>['onSuccess'] = (
+		data
+	) => {
+		onSuccess(data);
+		formState.set(extendedValues);
+	};
+
 	const handleSubmit = async () => {
 		const requestParams: TFields = {} as TFields;
 
@@ -42,7 +50,7 @@ export const formComposable = <
 			setLoadingState: setIsLoading,
 			onError: setError,
 			requestParams,
-			onSuccess,
+			onSuccess: handleSuccess,
 			request,
 			abortController
 		});