refactor: reorganize validation schemas and types

- Move Zod schemas to dedicated schema files
- Update type definitions to use schema inference
- Fix import paths to use absolute imports
- Remove duplicate schema definitions from components
- Centralize types in dedicated type files

packages/ui/src/views/user-management/components/dialogs/create-user/create-user.tsx

@@ -13,18 +13,9 @@ import {
   Spacer,
   Text
 } from '@/components'
+import { newUserSchema } from '@/views/user-management/components/dialogs/create-user/schemas'
+import { ICreateUserDialogProps, NewUserFields } from '@/views/user-management/components/dialogs/create-user/types'
 import { zodResolver } from '@hookform/resolvers/zod'
-import { z } from 'zod'
-
-import { ICreateUserDialogProps } from './types'
-
-const newUserSchema = z.object({
-  uid: z.string().min(1, { message: 'Please provide a user ID' }),
-  email: z.string().email({ message: 'Please enter a valid email address' }),
-  display_name: z.string().min(1, { message: 'Please provide a display name' })
-})
-
-export type NewUserFields = z.infer<typeof newUserSchema>
 
 export function CreateUserDialog({ handleCreateUser, isLoading, apiError, open, onClose }: ICreateUserDialogProps) {
   const {

packages/ui/src/views/user-management/components/dialogs/create-user/schemas.ts

@@ -0,0 +1,7 @@
+import { z } from 'zod'
+
+export const newUserSchema = z.object({
+  uid: z.string().min(1, { message: 'Please provide a user ID' }),
+  email: z.string().email({ message: 'Please enter a valid email address' }),
+  display_name: z.string().min(1, { message: 'Please provide a display name' })
+})

packages/ui/src/views/user-management/components/dialogs/create-user/types.ts

@@ -1,4 +1,7 @@
-import { NewUserFields } from '../../create-user-dialog'
+import { newUserSchema } from '@/views/user-management/components/dialogs/create-user/schemas'
+import { z } from 'zod'
+
+export type NewUserFields = z.infer<typeof newUserSchema>
 
 export interface ICreateUserDialogProps {
   handleCreateUser: (data: NewUserFields) => void

packages/ui/src/views/user-management/components/dialogs/delete-user/delete-user.tsx

@@ -1,6 +1,5 @@
 import { AlertDialog, Button, Spacer } from '@/components'
-
-import { IDeleteDialogProps } from './types'
+import { IDeleteDialogProps } from '@/views/user-management/components/dialogs/delete-user/types'
 
 export const DeleteUserDialog: React.FC<IDeleteDialogProps> = ({
   useAdminListUsersStore,
@@ -10,6 +9,7 @@ export const DeleteUserDialog: React.FC<IDeleteDialogProps> = ({
   open
 }) => {
   const { user } = useAdminListUsersStore()
+
   return (
     <AlertDialog.Root open={open} onOpenChange={onClose}>
       <AlertDialog.Trigger asChild></AlertDialog.Trigger>

packages/ui/src/views/user-management/components/dialogs/edit-user/edit-user.tsx

@@ -2,10 +2,9 @@ import { useEffect } from 'react'
 import { SubmitHandler, useForm } from 'react-hook-form'
 
 import { AlertDialog, Button, ButtonGroup, ControlGroup, Fieldset, FormWrapper, Input } from '@/components'
+import { newUserSchema } from '@/views/user-management/components/dialogs/edit-user/schemas'
+import { IEditUserDialogProps, MemberFields } from '@/views/user-management/components/dialogs/edit-user/types'
 import { zodResolver } from '@hookform/resolvers/zod'
-import { z } from 'zod'
-
-import { IEditUserDialogProps } from './types'
 
 export const EditUserDialog: React.FC<IEditUserDialogProps> = ({
   useAdminListUsersStore,
@@ -15,13 +14,6 @@ export const EditUserDialog: React.FC<IEditUserDialogProps> = ({
   open
 }) => {
   const { user } = useAdminListUsersStore()
-  const newUserSchema = z.object({
-    userID: z.string(),
-    email: z.string().email({ message: 'Please provide a valid email, ex: [email protected]' }),
-    displayName: z.string().min(1, { message: 'Please provide a display name' })
-  })
-
-  type MemberFields = z.infer<typeof newUserSchema>
 
   const {
     handleSubmit,
@@ -33,7 +25,6 @@ export const EditUserDialog: React.FC<IEditUserDialogProps> = ({
     mode: 'onChange'
   })
 
-  // Form edit submit handler
   const onSubmit: SubmitHandler<MemberFields> = data => {
     handleUpdateUser(data)
     resetNewMemberForm(data)

packages/ui/src/views/user-management/components/dialogs/edit-user/schemas.ts

@@ -0,0 +1,7 @@
+import { z } from 'zod'
+
+export const newUserSchema = z.object({
+  userID: z.string(),
+  email: z.string().email({ message: 'Please provide a valid email, ex: [email protected]' }),
+  displayName: z.string().min(1, { message: 'Please provide a display name' })
+})

packages/ui/src/views/user-management/components/dialogs/edit-user/types.ts

@@ -1,4 +1,8 @@
-import { IAdminListUsersStore } from 'dist/views'
+import { IAdminListUsersStore } from '@/views'
+import { newUserSchema } from '@/views/user-management/components/dialogs/edit-user/schemas'
+import { z } from 'zod'
+
+export type MemberFields = z.infer<typeof newUserSchema>
 
 export interface IEditUserDialogProps {
   isSubmitting: boolean

packages/ui/src/views/user-management/components/dialogs/remove-admin/remove-admin.tsx

@@ -1,8 +1,6 @@
 import { AlertDialog, Button } from '@/components'
+import { IRemoveAdminDialogProps } from '@/views/user-management/components/dialogs/remove-admin/types'
 
-import { IRemoveAdminDialogProps } from './types'
-
-// Form Remove/Add Admin Dialog
 export const AdminDialog: React.FC<IRemoveAdminDialogProps> = ({
   useAdminListUsersStore,
   open,

packages/ui/src/views/user-management/components/dialogs/reset-password/reset-password.tsx

@@ -1,8 +1,7 @@
 import { FC } from 'react'
 
 import { AlertDialog, Button, CopyButton, Input, Text } from '@/components'
-
-import { IResetPasswordDialogProps } from './types'
+import { IResetPasswordDialogProps } from '@/views/user-management/components/dialogs/reset-password/types'
 
 export const ResetPasswordDialog: FC<IResetPasswordDialogProps> = ({
   open,

packages/ui/src/views/user-management/components/dialogs/reset-password/types.ts

@@ -1,4 +1,4 @@
-import { IAdminListUsersStore } from 'dist/views'
+import { IAdminListUsersStore } from '@/views'
 
 export interface IResetPasswordDialogProps {
   onClose: () => void

packages/ui/src/views/user-management/components/empty-state/empty-state.tsx

@@ -1,6 +1,5 @@
 import { NoData } from '@/components'
-
-import { IEmptyStateProps } from './types'
+import { IEmptyStateProps } from '@/views/user-management/components/empty-state/types'
 
 export const EmptyState = ({ t, onButtonClick }: IEmptyStateProps) => {
   return (

packages/ui/src/views/user-management/components/page-components/actions/actions.tsx

@@ -1,7 +1,6 @@
 import { Button, Filters, ListActions, SearchBox } from '@/components'
-
-import { DialogLabels } from '../../../types'
-import { ActionsProps } from './types'
+import { ActionsProps } from '@/views/user-management/components/page-components/actions/types'
+import { DialogLabels } from '@/views/user-management/types'
 
 export const Actions = ({
   searchQuery,

packages/ui/src/views/user-management/components/page-components/content/components/users-list/index.ts

@@ -0,0 +1 @@
+export { UsersList } from './users-list'

packages/ui/src/views/user-management/components/page-components/content/components/users-list/types.ts

@@ -0,0 +1,6 @@
+import { UsersProps } from '@views/user-management/types'
+
+export interface PageProps {
+  users: UsersProps[]
+  handleDialogOpen: (user: UsersProps | null, dialogLabel: string) => void
+}

packages/ui/src/views/user-management/components/users-list.tsx → packages/ui/src/views/user-management/components/page-components/content/components/users-list/users-list.tsx

@@ -13,13 +13,8 @@ import {
   Text
 } from '@/components'
 import { getInitials } from '@/utils/utils'
-
-import { DialogLabels, UsersProps } from '../types'
-
-interface PageProps {
-  users: UsersProps[]
-  handleDialogOpen: (user: UsersProps | null, dialogLabel: string) => void
-}
+import { PageProps } from '@/views/user-management/components/page-components/content/components/users-list/types'
+import { DialogLabels } from '@/views/user-management/types'
 
 export const UsersList = ({ users, handleDialogOpen }: PageProps) => {
   return (

packages/ui/src/views/user-management/components/page-components/content/content.tsx

@@ -1,12 +1,11 @@
 import { FiltersBar, PaginationComponent, Spacer } from '@/components'
 import { SandboxLayout } from '@/views'
-
-import { DialogLabels } from '../../../types'
-import { EmptyState } from '../../empty-state'
-import { UsersList } from '../../users-list'
-import { Actions } from '../actions'
-import { Header } from '../header'
-import { ContentProps } from './types'
+import { EmptyState } from '@/views/user-management/components/empty-state'
+import { Actions } from '@/views/user-management/components/page-components/actions'
+import { UsersList } from '@/views/user-management/components/page-components/content/components/users-list'
+import { ContentProps } from '@/views/user-management/components/page-components/content/types'
+import { Header } from '@/views/user-management/components/page-components/header'
+import { DialogLabels } from '@/views/user-management/types'
 
 export const Content = ({
   userData,

packages/ui/src/views/user-management/components/page-components/content/types.ts

@@ -1,6 +1,5 @@
 import { TranslationStore } from '@/views'
-
-import { UsersProps } from '../../../types'
+import { UsersProps } from '@/views/user-management/types'
 
 export interface ContentProps {
   userData: UsersProps[] | null

packages/ui/src/views/user-management/components/tabs.tsx

@@ -1,9 +1,8 @@
 import { Tabs, TabsList, TabsTrigger } from '@/components'
 import { SandboxLayout, TranslationStore } from '@/views'
+import { EActiveTab } from '@/views/user-management/types'
 
-import { EActiveTab } from '../types'
-
-const UserManagementTabs = ({
+export const UserManagementTabs = ({
   activeTab,
   setActiveTab,
   useTranslationStore
@@ -32,5 +31,3 @@ const UserManagementTabs = ({
     </SandboxLayout.SubHeader>
   )
 }
-
-export { UserManagementTabs }

packages/ui/src/views/user-management/hooks/use-user-management.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react'
 
-import { filterItems } from '../utils'
+import { filterItems } from '@/views/user-management/utils'
 
 export const useUserManagement = (userData: any[], searchQuery: string) => {
   const filteredUsers = useMemo(() => {

packages/ui/src/views/user-management/user-management-page.tsx

@@ -1,12 +1,11 @@
+import { SandboxLayout } from '@/views'
+import { Content } from '@/views/user-management/components/page-components/content'
+import { UserManagementTabs } from '@/views/user-management/components/tabs'
+import { useUserManagement } from '@/views/user-management/hooks/use-user-management'
+import { IUserManagementPageProps } from '@/views/user-management/types'
 import { getFilterOptions, getSortDirections, getSortOptions } from '@views/repo/constants/filter-options'
 import { useFilters } from '@views/repo/hooks'
 
-import { SandboxLayout } from '..'
-import { Content } from './components/page-components/content'
-import { UserManagementTabs } from './components/tabs'
-import { useUserManagement } from './hooks/use-user-management'
-import { IUserManagementPageProps } from './types'
-
 export const UserManagementPage: React.FC<IUserManagementPageProps> = ({
   useAdminListUsersStore,
   useTranslationStore,

packages/ui/src/views/user-management/utils.ts

@@ -1,4 +1,4 @@
-import { UsersProps } from './types'
+import { UsersProps } from '@/views/user-management/types'
 
 export const filterItems = (items: UsersProps[], query: string) => {
   if (!query.trim()) return items