Refactor and migrate register page

1 files changed, 52 insertions, 0 deletions

diff --git a/src-migrate/common/stores/useRegisterStore.ts b/src-migrate/common/stores/useRegisterStore.ts
new file mode 100644
index 00000000..fcd2cd8b
--- /dev/null
+++ b/src-migrate/common/stores/useRegisterStore.ts
@@ -0,0 +1,52 @@
+import { create } from 'zustand';
+import { RegisterProps } from '../types/auth';
+
+type State = {
+  form: RegisterProps;
+  isValid: boolean;
+  isCheckedTNC: boolean;
+  isOpenTNC: boolean;
+};
+
+type Action = {
+  updateForm: (name: string, value: string) => void;
+  toggleCheckTNC: () => void;
+  openTNC: () => void;
+  closeTNC: () => void;
+};
+
+export const useRegisterStore = create<State & Action>((set) => ({
+  form: {
+    company: '',
+    name: '',
+    email: '',
+    password: '',
+  },
+  isValid: false,
+  isCheckedTNC: false,
+  isOpenTNC: false,
+  updateForm: (name, value) =>
+    set((state) => {
+      const updatedForm = { ...state.form, [name]: value };
+
+      const fieldKeys = Object.keys(
+        updatedForm
+      ) as (keyof typeof updatedForm)[];
+
+      const allFieldsValid = fieldKeys.every((key) => {
+        const value = updatedForm[key];
+
+        if (key === 'company') return true;
+
+        return value !== '';
+      });
+
+      return {
+        form: updatedForm,
+        isValid: allFieldsValid,
+      };
+    }),
+  toggleCheckTNC: () => set((state) => ({ isCheckedTNC: !state.isCheckedTNC })),
+  openTNC: () => set(() => ({ isOpenTNC: true })),
+  closeTNC: () => set(() => ({ isOpenTNC: false })),
+}));