@campxdev/shared 1.8.50 → 1.9.1

package/src/hooks/useAuth.ts

@@ -1,10 +1,13 @@
 import { AxiosError } from 'axios'
 import { useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
+import { institutions } from '../components/Institutions/services'
 import axios from '../config/axios'
 import { isDevelopment } from '../constants'
-import { useLoginForm } from '../contexts/LoginFormProvider'
-import { PermissionsStore, AssetsStore, UserStore } from '../shared-state'
+import { urlTenantKey } from '../contexts/Providers'
+import { openRootModal } from '../contexts/RootModal'
+import { AssetsStore, PermissionsStore, UserStore } from '../shared-state'
+import { InsititutionsStore } from '../shared-state/InstitutionsStore'
 
 const url = window.location.origin
 
@@ -34,7 +37,6 @@ const ApplicationObj = {
   exams: 'exams',
   hostel: 'hostels',
 }
-
 const checkIsAdmin = (user) => {
   let subDomain = window.location.host.split('.')?.slice(-3)[0]
   const localSubDomain = process.env.REACT_APP_SUBDOMAIN
@@ -62,11 +64,119 @@ const checkIsAdmin = (user) => {
   )
   return profile ? (profile.isAdmin == true ? 1 : 0) : 0
 }
+const getInstitutionKey = () => {
+  const instituitionKey = window.location.pathname.split('/')[2]
+  if (!instituitionKey) {
+    const localInstituitionKey = localStorage.getItem('institution_key')
+    if (localInstituitionKey) {
+      return localInstituitionKey
+    } else {
+      return null
+    }
+  } else {
+    return instituitionKey
+  }
+  return instituitionKey
+}
+
+function handleInstitutions(institutions) {
+  const insititutionKey = getInstitutionKey()
+  if (institutions?.length === 0) {
+    openRootModal({
+      key: 'institutions-not-assigned',
+      dialogProps: {
+        disableEscapeKeyDown: true,
+        onClose: () => {},
+      },
+    })
+  }
+  if (institutions?.length === 1) {
+    if (!insititutionKey) {
+      window.location.replace(
+        `${window.location.origin}/${urlTenantKey}/${institutions[0]?.code}`,
+      )
+    }
+    if (insititutionKey !== institutions[0]?.code) {
+      window.location.replace(
+        `${window.location.origin}/${urlTenantKey}/${institutions[0]?.code}`,
+      )
+    }
+    InsititutionsStore.update((s) => {
+      s.current = institutions[0]
+      s.institutions = institutions
+    })
+  }
+  if (institutions?.length > 1) {
+    if (!insititutionKey) {
+      openRootModal({
+        key: 'institutions',
+        dialogProps: {
+          disableEscapeKeyDown: true,
+          onClose: () => {},
+        },
+      })
+    }
+    if (
+      insititutionKey &&
+      !institutions?.find((item) => item.code === insititutionKey)
+    ) {
+      openRootModal({
+        key: 'institutions',
+        dialogProps: {
+          disableEscapeKeyDown: true,
+          onClose: () => {},
+        },
+      })
+    }
+    InsititutionsStore.update((s) => {
+      s.institutions = institutions
+      s.current = institutions.find((item) => item.code === insititutionKey)
+    })
+  }
+}
+
+const loginErrorHandler = ({
+  loginUrl,
+  setLoading,
+  err,
+}: {
+  loginUrl: string
+  setLoading?: any
+  err: AxiosError
+}) => {
+  setLoading && setLoading(false)
+  const origin = window.location.origin
+  const isStaging = origin.split('campx')[1] === '.dev'
+
+  if (isDevelopment || isStaging) {
+    openRootModal({
+      key: 'login',
+      contentData: {
+        loginUrl,
+      },
+      dialogProps: {
+        disableEscapeKeyDown: true,
+        onClose: () => {},
+      },
+    })
+    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')
+    }
+  }
+}
 
 function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
-  const { openLoginForm } = useLoginForm()
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState(null)
+  const { current } = InsititutionsStore.useState()
 
   const appInit = async () => {
     setLoading(true)
@@ -76,7 +186,6 @@ function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
         const origin = window.location.origin
         const originSubdomain =
           window.location.host.split('.')?.slice(-3)[0] ?? 'ums'
-
         const isStaging = origin.split('campx')[1] === '.dev'
 
         if (isDevelopment == false && isStaging == false) {
@@ -89,7 +198,10 @@ function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
           }
         }
 
-        setLoading(false)
+        if (res.data?.institutions) {
+          handleInstitutions(res.data?.institutions)
+        }
+
         setData(res.data)
         UserStore.update((s) => {
           s.username = res.data?.user?.username
@@ -115,28 +227,11 @@ function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
           s.logo = res.data?.assets.logo
           s.logo_square = res.data?.assets.logo_square
         })
+
+        setLoading(false)
       })
       .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')
-          }
-        }
+        loginErrorHandler({ loginUrl, setLoading, err })
       })
   }
 
@@ -145,7 +240,7 @@ function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
   }, [])
 
   return {
-    loading: loading || !data?.permissions,
+    loading: loading || !data?.permissions || !current,
     data,
   }
 }

package/src/shared-state/InstitutionsStore.ts

@@ -0,0 +1,8 @@
+import { Store } from 'pullstate'
+
+export const InsititutionsStore = new Store({
+  institutions: [],
+  loading: false,
+  error: null,
+  current: null,
+})

package/src/shared-state/PermissionsStore.ts

@@ -349,7 +349,10 @@ export enum EnrollPermissions {
   ADMISSIONS_CONFIRM = 'can_admissions_confirm',
   CAN_ADMISSION_REJECT = 'can_admissions_reject',
   CAN_ADMISSIONS_DASHBOARD_VIEW = 'can_admission_dashboard_view',
-
+  CAN_ADMISSIONS_GRAPH_VIEW = 'can_admission_graph_view',
+  CAN_ADMISSIONS_LEAD_REMARKS = 'can_admission_lead_remarks',
+  CAN_ENROLL_X_AUDIT_LOGS = 'can_enroll_x_view_audit_logs',
+  CAN_ADMISSION_APPROVAL = 'can_admission_approvals',
   // CET & PHD
   CAN_PHD_FORM_VIEW = 'can_admissions_view_phd_applications',
   CAN_PHD_FORM_DOWNLOAD = 'can_admissions_download_phd_applications',
@@ -850,6 +853,7 @@ export enum Permission {
   CAN_COUNSELLOR_VIEW = 'can_counsellor_view',
   CAN_COUNSELLOR_ADD = 'can_counsellor_add',
   CAN_COUNSELLOR_DELETE = 'can_counsellor_delete',
+  CAN_COUNSELLOR_REPORT_VIEW = 'can_counsellor_report_view',
 
   // Notifications
   CAN_NOTIFICATION_ADD = 'can_notification_add',

package/src/components/Layout/Header/SchoolSwitch/SchoolSwitch.tsx

@@ -1,33 +0,0 @@
-import { useState } from 'react'
-import { FormSingleSelect } from '../../../HookForm'
-import { SingleSelect } from '../../../Input'
-
-export default function SchoolSwitch() {
-  const [state, setStatr] = useState()
-
-  return (
-    <SingleSelect
-      containerProps={{
-        sx: {
-          width: '200px',
-        },
-      }}
-      options={[
-        {
-          label: 'School 1',
-          value: 'school1',
-        },
-        {
-          label: 'School 2',
-          value: 'school2',
-        },
-        {
-          label: 'School 3',
-          value: 'school3',
-        },
-      ]}
-      value={state}
-      onChange={(e) => setStatr(e.target.value)}
-    />
-  )
-}