@campxdev/shared 1.8.14 → 1.8.15

package/src/hooks/useAuth.ts

@@ -0,0 +1,96 @@
+import { AxiosError } from 'axios'
+import { useEffect, useState } from 'react'
+import { toast } from 'react-toastify'
+import axios from '../config/axios'
+import { isDevelopment } from '../constants'
+import { useLoginForm } from '../contexts/LoginFormProvider'
+import { campxTenantKey, urlTenantKey } from '../contexts/Providers'
+import { PermissionsStore, AssetsStore, UserStore } from '../shared-state'
+
+const url = window.location.origin
+
+type AuthParams = {
+  permissionsEndpoint: string
+  loginUrl?: string
+}
+
+type AuthResponse = {
+  loading: boolean
+  data: {
+    user?: any
+    roles?: any
+    fullName?: any
+    permissions?: any
+    assets?: {
+      logo: string
+      logo_square: string
+    }
+  }
+}
+
+function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
+  const { openLoginForm } = useLoginForm()
+  const [loading, setLoading] = useState<boolean>(false)
+  const [data, setData] = useState(null)
+
+  const appInit = async () => {
+    setLoading(true)
+    axios
+      .get(permissionsEndpoint)
+      .then((res) => {
+        setLoading(false)
+        setData(res.data)
+        UserStore.update((s) => {
+          s.username = res.data?.username
+          s.user = res.data?.user
+          s.roles = res.data?.roles
+        })
+
+        PermissionsStore.update((s) => {
+          s.permissions = {
+            ...res.data?.permissions,
+            can_settings_view: 1,
+            can_dashboard_view: 1,
+            can_individual_pages_view: 1,
+          } as any
+        })
+        AssetsStore.update((s) => {
+          s.logo = res.data?.assets.logo
+          s.logo_square = res.data?.assets.logo_square
+        })
+      })
+      .catch((err: AxiosError) => {
+        setLoading(false)
+        const origin = window.location.origin
+        const isStaging = origin.split('campx')[1] === '.dev'
+
+        if (isDevelopment || isStaging) {
+          openLoginForm(loginUrl)
+          return
+        } else {
+          window.location.replace(`https://www.id.campx.in/?redirect_to=${url}`)
+        }
+
+        if (err.response.status !== 401) {
+          if (err.response.status > 400 && err.response.status < 500) {
+            window.location.replace(
+              `https://www.id.campx.in/?redirect_to=${url}`,
+            )
+          } else {
+            toast.error('Server Error')
+          }
+        }
+      })
+  }
+
+  useEffect(() => {
+    appInit()
+  }, [])
+
+  return {
+    loading: loading || !data?.permissions,
+    data,
+  }
+}
+
+export default useAuth

package/src/hooks/useExternalScript.ts

@@ -0,0 +1,37 @@
+import { useEffect, useState } from 'react'
+const useExternalScript = (url) => {
+  let [state, setState] = useState(url ? 'loading' : 'idle')
+
+  useEffect(() => {
+    if (!url) {
+      setState('idle')
+      return
+    }
+    let script: any = document.querySelector(`script[src="${url}"]`)
+
+    const handleScript = (e) => {
+      setState(e.type === 'load' ? 'ready' : 'error')
+    }
+    if (!script) {
+      script = document.createElement('script')
+      script.type = 'application/javascript'
+      script.src = url
+      script.async = true
+      document.body.appendChild(script)
+      script.addEventListener('load', handleScript)
+      script.addEventListener('error', handleScript)
+    }
+
+    script.addEventListener('load', handleScript)
+    script.addEventListener('error', handleScript)
+
+    return () => {
+      script.removeEventListener('load', handleScript)
+      script.removeEventListener('error', handleScript)
+    }
+  }, [url])
+
+  return state
+}
+
+export default useExternalScript

package/src/hooks/useFetch.ts

@@ -0,0 +1,53 @@
+import { useEffect, useState } from 'react'
+import axios from '../config/axios'
+
+export function useMockFetch(promiseFn: Function) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    setLoading(true)
+    promiseFn()
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setLoading(false)
+        setError(null)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+  }
+}
+
+export default function useFetch(url: string, skip?: boolean) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    if (skip) return
+    setLoading(true)
+    axios
+      .get(url)
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setError(err)
+        setLoading(false)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+    error,
+  }
+}

package/src/hooks/useFilters.ts

@@ -0,0 +1,83 @@
+import React, { useEffect, useState } from 'react'
+
+export default function useFilters(initialState, key?: any) {
+  const [filters, setFilters] = useState(initialState)
+  const [filtersApplied, setFiltersApplied] = useState(false)
+
+  useEffect(() => {
+    const prevFilters = getSessionFilters()
+    setFilters({
+      ...filters,
+      ...prevFilters,
+    })
+  }, [])
+
+  function onFilterChange(modified) {
+    setFilters((prev) => ({
+      ...prev,
+      ...modified,
+    }))
+
+    const filterData = {
+      ...filters,
+      ...modified,
+    }
+
+    const sessionData = Object.keys(filterData).map((item, key) => {
+      if (filtersCheck(item, filterData)) {
+        return { key: item, value: filterData[item] }
+      }
+    })
+
+    const filteredSessionArray = sessionData.filter(
+      (value) => value !== undefined,
+    )
+
+    if (filteredSessionArray?.length > 0) {
+      sessionStorage.setItem(key, JSON.stringify(filteredSessionArray))
+      setFiltersApplied(true)
+    } else {
+      sessionStorage.removeItem(key)
+      setFiltersApplied(false)
+    }
+  }
+
+  function filtersCheck(item: any, filterData: any) {
+    switch (true) {
+      case !!filterData[item] &&
+        item !== 'limit' &&
+        item !== 'offset' &&
+        item !== 'page':
+        return true
+      default:
+        return false
+    }
+  }
+
+  function clearFilters() {
+    setFilters(initialState)
+    setFiltersApplied(false)
+    sessionStorage.removeItem(key)
+  }
+
+  const getSessionFilters = () => {
+    try {
+      if (sessionStorage.getItem(key)) {
+        setFiltersApplied(true)
+        const parsed = JSON.parse(sessionStorage.getItem(key))
+        const filters = parsed?.reduce(
+          (acc, curr) => ({ ...acc, [curr.key]: curr.value }),
+          {},
+        )
+        return filters
+      }
+    } catch (error) {}
+  }
+
+  return {
+    filters,
+    onFilterChange,
+    clearFilters,
+    filtersApplied,
+  }
+}

package/src/hooks/useRouter.ts

@@ -0,0 +1,31 @@
+import { useLocation, useMatch, useNavigate, useParams } from 'react-router-dom'
+
+const useHistory = () => {
+  const navigate = useNavigate()
+  const { pathname, search } = useLocation()
+
+  return {
+    push: navigate,
+    location: {
+      pathname: pathname,
+      search: search,
+    },
+  }
+}
+const useRouteMatch = (path?) => {
+  const { pathname } = useLocation()
+  const params = useParams()
+  const match = useMatch({ path, end: false })
+  // console.log({
+  //   match,
+  //   params,
+  //   pathname,
+  // })
+  return {
+    params: params,
+    path: match?.pattern?.path,
+    url: pathname,
+  }
+}
+
+export { useHistory, useRouteMatch }

package/src/layouts/Components/DashBoardMenu.tsx

@@ -0,0 +1,232 @@
+import { Permission } from '../../shared-state'
+import {
+  ActivitiesIcon,
+  AdmissionsIcon,
+  ClassroomsIcon,
+  DashboardIcon,
+  HostelsIcon,
+  LogsIcon,
+  HrmsIcon,
+  ReportsIcon,
+  SettingsIcon,
+  StudentsIcon,
+  TaskListIcon,
+} from './icons'
+;``
+export interface IMenuItem {
+  title: string
+  path: string
+  icon?: any
+  children?: Array<IMenuItem>
+  permissionKey?: string
+}
+
+export const dashboardMenu: Array<IMenuItem> = [
+  {
+    title: 'Dashboard',
+    path: '/dashboard',
+    icon: DashboardIcon,
+    permissionKey: Permission.CAN_DASHBOARD_VIEW,
+  },
+  {
+    title: 'Tasks',
+    path: '/tasks',
+    icon: TaskListIcon,
+    children: [
+      {
+        title: 'Dashboard',
+        path: '/dashboard',
+      },
+      {
+        title: 'Taskboard',
+        path: '/taskboard/pending-task/',
+        permissionKey: Permission.CAN_TASKS_VIEW,
+      },
+      {
+        title: 'Reports',
+        path: '/reports',
+      },
+    ],
+  },
+  {
+    title: 'Admissions',
+    path: '/admissions',
+    icon: AdmissionsIcon,
+    children: [
+      {
+        title: 'Dashboard',
+        path: '/dashboard',
+        permissionKey: Permission.CAN_ADMISSIONS_DASHBOARD_VIEW,
+      },
+      {
+        title: 'Leads',
+        path: '/leads',
+        permissionKey: Permission.ADMISSIONS_VIEW,
+      },
+      {
+        title: 'CET',
+        path: '/cet',
+        permissionKey: Permission.ADMISSIONS_VIEW,
+      },
+
+      {
+        title: 'Reports',
+        path: '/reports',
+        permissionKey: Permission.ADMISSIONS_VIEW,
+      },
+      {
+        title: 'All Admissions',
+        path: '/all',
+        permissionKey: Permission.ADMISSIONS_VIEW,
+      },
+    ],
+  },
+
+  {
+    title: 'Students',
+    path: '/students',
+    icon: StudentsIcon,
+    permissionKey: Permission.STUDENTS_VIEW,
+
+    // children: [
+    //   {
+    //     title: 'All Students',
+    //     path: '/students',
+    //     icon: UserOutlined,
+    //     permissionKey: Permission.STUDENTS_VIEW,
+    //   },
+    //   {
+    //     title: 'Detained Students',
+    //     path: '/detained-students',
+    //     icon: UserOutlined,
+    //     permissionKey: Permission.STUDENTS_DETAIN,
+    //   },
+    // ],
+  },
+  {
+    title: 'Classrooms',
+    path: '/classrooms',
+    icon: ClassroomsIcon,
+    children: [
+      {
+        title: 'Classrooms',
+        path: '/classrooms',
+        permissionKey: Permission.CLASSROOM_VIEW,
+      },
+      {
+        title: 'Faculty Timetable',
+        path: '/faculty-timetable',
+        permissionKey: Permission.CLASSROOM_VIEW,
+      },
+      {
+        title: 'Reports',
+        path: '/reports/classrooms',
+        permissionKey: Permission.CLASSROOM_VIEW,
+      },
+    ],
+  },
+  {
+    title: 'Activities',
+    path: '/activities',
+    icon: ActivitiesIcon,
+    children: [
+      {
+        title: 'Clubs',
+        path: '/clubs',
+        permissionKey: Permission.EXTRA_CURRICULAR_ACTIVITIES_CLUBS,
+      },
+      {
+        title: 'Events',
+        path: '/events',
+        permissionKey: Permission.EXTRA_CURRICULAR_ACTIVITIES_EVENTS,
+      },
+    ],
+  },
+
+  {
+    title: 'Hostels',
+    path: '/hostels',
+    icon: HostelsIcon,
+    children: [
+      {
+        title: 'Dashboard',
+        path: '/dashboard',
+        permissionKey: Permission.CAN_HOSTELER_DASHBOARD_VIEW,
+      },
+      {
+        title: 'Hostelers',
+        path: '/hostelers',
+        permissionKey: Permission.CAN_HOSTELER_VIEW,
+      },
+      {
+        title: 'Fee Payments',
+        path: '/fee-payments',
+        permissionKey: Permission.CAN_HOSTELER_FEE_PAYMENT_VIEW,
+      },
+      {
+        title: 'Reports',
+        path: '/reports',
+        permissionKey: Permission.CAN_HOSTELER_REPORTS_VIEW,
+      },
+    ],
+  },
+  {
+    title: 'Library',
+    path: '/library',
+    icon: HostelsIcon,
+    children: [
+      {
+        title: 'Dashboard',
+        path: '/dashboard',
+        // permissionKey: Permission.CAN_HOSTELER_DASHBOARD_VIEW,
+      },
+      {
+        title: 'Catalogue',
+        path: '/catalogue',
+      },
+      {
+        title: 'Cards',
+        path: '/cards',
+      },
+      {
+        title: 'Reports',
+        path: '/reports',
+      },
+      // {
+      //   title: 'Feedback System',
+      //   path: '/hostels/feedback-system',
+      // },
+    ],
+  },
+  {
+    title: 'HRMS',
+    path: '/hrms',
+    icon: HrmsIcon,
+    children: [
+      {
+        title: 'Leave Applications',
+        path: '/leave-applications',
+      },
+    ],
+  },
+
+  {
+    title: 'Course Registrations',
+    path: '/course-registrations',
+    icon: ReportsIcon,
+    permissionKey: Permission.COURSE_REGISTRATION_VIEW,
+  },
+
+  {
+    title: 'Activity Logs',
+    path: '/audit-logs',
+    icon: LogsIcon,
+    permissionKey: Permission.VIEW_AUDIT_LOGS,
+  },
+  {
+    title: 'Settings',
+    path: '/settings',
+    icon: SettingsIcon,
+    permissionKey: Permission.CAN_SETTINGS_VIEW,
+  },
+]