@campxdev/shared 1.8.49 → 1.9.0

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
 
@@ -32,8 +35,8 @@ const ApplicationObj = {
   ums: 'square',
   payments: 'payments',
   exams: 'exams',
+  hostel: 'hostels',
 }
-
 const checkIsAdmin = (user) => {
   let subDomain = window.location.host.split('.')?.slice(-3)[0]
   const localSubDomain = process.env.REACT_APP_SUBDOMAIN
@@ -61,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)
@@ -75,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) {
@@ -88,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
@@ -114,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 })
       })
   }
 
@@ -144,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/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)}
-    />
-  )
-}