src/app/modules/employers/employers-list/signatory-list/UsersList.tsx

@@ -10,7 +10,7 @@ import { Content } from '../../../../../_digifi/layout/components/content'
 
 const UsersList = () => {
   const response = useAllResponse()
-  console.log('RESPONSE', response)
+  // console.log('RESPONSE', response)
   const {itemIdForUpdate} = useListView()
   return (
     <>

src/app/modules/employers/employers-list/users-list/add-signatory-modal/ModalForm.tsx

@@ -7,8 +7,8 @@ import { initialUser, User } from "../../signatory-list/core/_models";
 import clsx from "clsx";
 import { useListView } from "../core/ListViewProvider";
 import { UsersListLoading } from "../components/loading/UsersListLoading";
-import { createUser, updateUser } from "../core/_requests";
+import { createSignatory, updateUser } from "../core/_requests";
-import { useAllResponse, useQueryResponse } from "../core/QueryResponseProvider";
+import { useQueryResponse } from "../core/QueryResponseProvider";
 import { useCustomModal } from "../../../../../../context/CustomModal";
 
 type Props = {
@@ -27,17 +27,16 @@ const editUserSchema = Yup.object().shape({
     .max(50, "Maximum 50 symbols")
     .required("required"),
   phone: Yup.string()
-    .min(3, "Minimum 3 symbols")
+    .min(11, "Minimum 11 symbols")
-    .max(50, "Maximum 50 symbols")
+    .max(11, "Maximum 11 symbols")
     .required("required"),
   title: Yup.string()
-    .min(3, "Minimum 3 symbols")
+    .min(2, "Minimum 2 symbols")
-    .max(50, "Maximum 50 symbols")
+    .max(20, "Maximum 20 symbols")
     .required("required"),
 });
 
 const ModalForm: FC<Props> = ({ user, isUserLoading }) => {
-  const response:any = useAllResponse()
 
   const {closeCustomModal} = useCustomModal()
 
@@ -73,7 +72,7 @@ const ModalForm: FC<Props> = ({ user, isUserLoading }) => {
         if (isNotEmpty(values.id)) {
           await updateUser(values);
         } else {
-          await createUser(values);
+          await createSignatory(values);
         }
       } catch (ex) {
         console.error(ex);

src/app/modules/employers/employers-list/users-list/core/_requests.ts

@@ -1,6 +1,7 @@
 import axios, { AxiosResponse } from "axios";
 import { ID, Response } from "../../../../../../_digifi/helpers";
 import { User, UsersQueryResponse } from "./_models";
+import { UsersQueryResponse as SignatoryQueryResponse } from "../../signatory-list/core/_models";
 
 const API_URL = import.meta.env.VITE_APP_THEME_API_URL;
 const USER_URL = `${API_URL}/user`;
@@ -46,6 +47,17 @@ const createUser = (user: any): Promise<UsersQueryResponse | undefined> => { //
     .then((response: AxiosResponse<UsersQueryResponse>) => response.data)
 };
 
+const createSignatory = (user: any): Promise<SignatoryQueryResponse | undefined> => { // FUNCTION TO ADD/CREATE NEW Signatory
+  const formData = new FormData();
+  delete user.avatar
+  delete user.id
+  for (let data in user) {
+    formData.append(data, user[data]);
+  }
+  return axios.post(`${NEW_USER_ENDPOINT}/employers/signatory`, formData)
+    .then((response: AxiosResponse<SignatoryQueryResponse>) => response.data)
+};
+
 const getUserById = (id: ID): Promise<User | undefined> => {
   return axios
     .get(`${USER_URL}/${id}`)
@@ -72,6 +84,8 @@ const deleteSelectedUsers = (userIds: Array<ID>): Promise<void> => {
 export {
   getEmployersList,
   createUser,
+  createSignatory,
+
   deleteUser,
   deleteSelectedUsers,
   getUserById,