@campxdev/shared 1.6.2 → 1.6.3

package/src/constants/permissions.ts

@@ -1,67 +1,67 @@
-export interface IPermission {
-  can_create_admission: boolean
-  can_create_role: boolean
-  can_create_user: boolean
-  can_delete_admission: boolean
-  can_delete_role: boolean
-  can_delete_user: boolean
-  can_edit_admission: boolean
-  can_edit_role: boolean
-  can_edit_user: boolean
-  can_manage_admissions: boolean
-  can_manage_roles: boolean
-  can_manage_users: boolean
-  can_view_admissions: boolean
-  can_view_roles: boolean
-  can_view_users: boolean
-  can_view_students: boolean
-  can_view_exams: boolean
-  can_view_classrooms: boolean
-  can_view_clubs: boolean
-  can_view_events: boolean
-  can_view_students_feed: boolean
-  can_print_application_form: boolean
-  can_pay_tution_fee: boolean
-  can_allot_tution_fee: boolean
-  can_manage_scholarships: boolean
-  can_create_scholarship: boolean
-  can_edit_scholarship: boolean
-  can_delete_scholarship: boolean
-  can_manage_exams: boolean
-  can_create_exam: boolean
-  can_create_exam_timetable: boolean
-}
-
-export const defaultPermissions = {
-  can_create_admission: false,
-  can_create_role: false,
-  can_create_user: false,
-  can_delete_admission: false,
-  can_delete_role: false,
-  can_delete_user: false,
-  can_edit_admission: false,
-  can_edit_role: false,
-  can_edit_user: false,
-  can_manage_admissions: false,
-  can_manage_roles: false,
-  can_manage_users: false,
-  can_view_admissions: false,
-  can_view_roles: false,
-  can_view_users: false,
-  can_view_students: false,
-  can_view_exams: false,
-  can_view_classrooms: false,
-  can_view_clubs: false,
-  can_view_events: false,
-  can_view_students_feed: false,
-  can_print_application_form: false,
-  can_pay_tution_fee: false,
-  can_allot_tution_fee: false,
-  can_manage_scholarships: false,
-  can_create_scholarship: false,
-  can_edit_scholarship: false,
-  can_delete_scholarship: false,
-  can_manage_exams: false,
-  can_create_exam: false,
-  can_create_exam_timetable: false,
-}
+export interface IPermission {
+  can_create_admission: boolean
+  can_create_role: boolean
+  can_create_user: boolean
+  can_delete_admission: boolean
+  can_delete_role: boolean
+  can_delete_user: boolean
+  can_edit_admission: boolean
+  can_edit_role: boolean
+  can_edit_user: boolean
+  can_manage_admissions: boolean
+  can_manage_roles: boolean
+  can_manage_users: boolean
+  can_view_admissions: boolean
+  can_view_roles: boolean
+  can_view_users: boolean
+  can_view_students: boolean
+  can_view_exams: boolean
+  can_view_classrooms: boolean
+  can_view_clubs: boolean
+  can_view_events: boolean
+  can_view_students_feed: boolean
+  can_print_application_form: boolean
+  can_pay_tution_fee: boolean
+  can_allot_tution_fee: boolean
+  can_manage_scholarships: boolean
+  can_create_scholarship: boolean
+  can_edit_scholarship: boolean
+  can_delete_scholarship: boolean
+  can_manage_exams: boolean
+  can_create_exam: boolean
+  can_create_exam_timetable: boolean
+}
+
+export const defaultPermissions = {
+  can_create_admission: false,
+  can_create_role: false,
+  can_create_user: false,
+  can_delete_admission: false,
+  can_delete_role: false,
+  can_delete_user: false,
+  can_edit_admission: false,
+  can_edit_role: false,
+  can_edit_user: false,
+  can_manage_admissions: false,
+  can_manage_roles: false,
+  can_manage_users: false,
+  can_view_admissions: false,
+  can_view_roles: false,
+  can_view_users: false,
+  can_view_students: false,
+  can_view_exams: false,
+  can_view_classrooms: false,
+  can_view_clubs: false,
+  can_view_events: false,
+  can_view_students_feed: false,
+  can_print_application_form: false,
+  can_pay_tution_fee: false,
+  can_allot_tution_fee: false,
+  can_manage_scholarships: false,
+  can_create_scholarship: false,
+  can_edit_scholarship: false,
+  can_delete_scholarship: false,
+  can_manage_exams: false,
+  can_create_exam: false,
+  can_create_exam_timetable: false,
+}

package/src/constants/validateMessages.ts

@@ -1,12 +1,12 @@
-// Validation messages for ant design forms
-
-export const validateMessages = {
-  required: '${label} is required!',
-  types: {
-    email: '${label} is not validate email!',
-    number: '${label} is not a validate number!',
-  },
-  number: {
-    range: '${label} must be between ${min} and ${max}',
-  },
-}
+// Validation messages for ant design forms
+
+export const validateMessages = {
+  required: '${label} is required!',
+  types: {
+    email: '${label} is not validate email!',
+    number: '${label} is not a validate number!',
+  },
+  number: {
+    range: '${label} must be between ${min} and ${max}',
+  },
+}

package/src/contexts/LoginFormProvider.tsx

@@ -1,39 +1,39 @@
-import { createContext, useContext } from 'react'
-import { LoginForm } from '../components'
-import { useModal } from '../components/DrawerWrapper/DrawerWrapper'
-
-const LoginContext = createContext<{
-  openLoginForm: (loginUrl: string) => void
-}>({
-  openLoginForm: (loginUrl: string) => {},
-})
-
-export default function LoginFormProvider({ children }) {
-  const modal = useModal()
-
-  const onLogin = (loginUrl: string) => {
-    modal({
-      title: 'Developer Login',
-      content({ close }) {
-        return <LoginForm loginUrl={loginUrl} />
-      },
-    })
-  }
-
-  return (
-    <LoginContext.Provider
-      value={{
-        openLoginForm: onLogin,
-      }}
-    >
-      {children}
-    </LoginContext.Provider>
-  )
-}
-
-export const useLoginForm = () => {
-  const context = useContext(LoginContext)
-  return {
-    openLoginForm: context.openLoginForm,
-  }
-}
+import { createContext, useContext } from 'react'
+import { LoginForm } from '../components'
+import { useModal } from '../components/DrawerWrapper/DrawerWrapper'
+
+const LoginContext = createContext<{
+  openLoginForm: (loginUrl: string) => void
+}>({
+  openLoginForm: (loginUrl: string) => {},
+})
+
+export default function LoginFormProvider({ children }) {
+  const modal = useModal()
+
+  const onLogin = (loginUrl: string) => {
+    modal({
+      title: 'Developer Login',
+      content({ close }) {
+        return <LoginForm loginUrl={loginUrl} />
+      },
+    })
+  }
+
+  return (
+    <LoginContext.Provider
+      value={{
+        openLoginForm: onLogin,
+      }}
+    >
+      {children}
+    </LoginContext.Provider>
+  )
+}
+
+export const useLoginForm = () => {
+  const context = useContext(LoginContext)
+  return {
+    openLoginForm: context.openLoginForm,
+  }
+}

package/src/contexts/Providers.tsx

@@ -1,73 +1,44 @@
-import { CssBaseline } from '@mui/material'
-import { BrowserRouter } from 'react-router-dom'
-import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
-import MuiThemeProvider from '../theme/MuiThemeProvider'
-import QueryClientProvider from './QueryClientProvider'
-
-import Cookies from 'js-cookie'
-import { ReactNode, useEffect, useState } from 'react'
-import { ToastContainer } from '../components'
-import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
-import { isDevelopment } from '../constants'
-import LoginFormProvider from './LoginFormProvider'
-
-export const campxTenantKey = Cookies.get('campx_tenant')
-export const urlTenantKey = window.location.pathname.split('/')[1]
-
-export default function Providers({ children }: { children: ReactNode }) {
-  const [isInvalid, setIsInvalid] = useState(false)
-
-  useEffect(() => {
-    if (!urlTenantKey) {
-      if (campxTenantKey) {
-        return window.location.replace(
-          window.location.origin + `/${campxTenantKey}`,
-        )
-      }
-    }
-
-    if (!urlTenantKey) {
-      setIsInvalid(true)
-    }
-  }, [])
-
-  return (
-    <BrowserRouter basename={urlTenantKey}>
-      <QueryClientProvider>
-        <MuiThemeProvider>
-          <ConfirmContextProvider>
-            <DialogProvider>
-              <LoginFormProvider>
-                {/* {isInvalid ? <InvalidClientKey /> : children} */}
-                {children}
-                <CssBaseline />
-              </LoginFormProvider>
-              <ToastContainer />
-            </DialogProvider>
-          </ConfirmContextProvider>
-        </MuiThemeProvider>
-      </QueryClientProvider>
-    </BrowserRouter>
-  )
-}
-
-const InvalidClientKey = () => {
-  return (
-    <div
-      style={{
-        height: '95vh',
-        width: '95vw',
-        display: 'grid',
-        placeItems: 'center',
-        fontFamily: 'sans-serif',
-      }}
-    >
-      <h1>Invalid Tenant Key</h1>
-      {!isDevelopment && (
-        <a href="https://id.campx.in">
-          <p style={{ textDecoration: 'underline' }}>Login to continue</p>
-        </a>
-      )}
-    </div>
-  )
-}
+import { BrowserRouter } from 'react-router-dom'
+import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
+import MuiThemeProvider from '../theme/MuiThemeProvider'
+import QueryClientProvider from './QueryClientProvider'
+
+import Cookies from 'js-cookie'
+import { ReactNode, useEffect } from 'react'
+import { ToastContainer } from '../components'
+import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
+import GlobalNetworkLoadingIndicator from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import LoginFormProvider from './LoginFormProvider'
+
+export const campxTenantKey = Cookies.get('campx_tenant')
+export const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function Providers({ children }: { children: ReactNode }) {
+  useEffect(() => {
+    if (!urlTenantKey) {
+      if (campxTenantKey) {
+        return window.location.replace(
+          window.location.origin + `/${campxTenantKey}`,
+        )
+      }
+    }
+  }, [])
+
+  return (
+    <BrowserRouter basename={urlTenantKey}>
+      <QueryClientProvider>
+        <MuiThemeProvider>
+          <ConfirmContextProvider>
+            <DialogProvider>
+              <LoginFormProvider>
+                {children}
+                <GlobalNetworkLoadingIndicator />
+              </LoginFormProvider>
+              <ToastContainer />
+            </DialogProvider>
+          </ConfirmContextProvider>
+        </MuiThemeProvider>
+      </QueryClientProvider>
+    </BrowserRouter>
+  )
+}

package/src/contexts/PublicProviders.tsx

@@ -1,30 +1,30 @@
-import { CssBaseline } from '@mui/material'
-import { BrowserRouter } from 'react-router-dom'
-import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
-import MuiThemeProvider from '../theme/MuiThemeProvider'
-import QueryClientProvider from './QueryClientProvider'
-
-import { ReactNode } from 'react'
-import { ToastContainer } from '../components'
-import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
-
-// export const campxTenantKey = Cookies.get('campx_tenant')
-// export const urlTenantKey = window.location.pathname.split('/')[1]
-
-export default function PublicProviders({ children }: { children: ReactNode }) {
-  return (
-    <BrowserRouter>
-      <QueryClientProvider>
-        <MuiThemeProvider>
-          <ConfirmContextProvider>
-            <DialogProvider>
-              {children}
-              <CssBaseline />
-              <ToastContainer />
-            </DialogProvider>
-          </ConfirmContextProvider>
-        </MuiThemeProvider>
-      </QueryClientProvider>
-    </BrowserRouter>
-  )
-}
+import { CssBaseline } from '@mui/material'
+import { BrowserRouter } from 'react-router-dom'
+import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
+import MuiThemeProvider from '../theme/MuiThemeProvider'
+import QueryClientProvider from './QueryClientProvider'
+
+import { ReactNode } from 'react'
+import { ToastContainer } from '../components'
+import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
+
+// export const campxTenantKey = Cookies.get('campx_tenant')
+// export const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function PublicProviders({ children }: { children: ReactNode }) {
+  return (
+    <BrowserRouter>
+      <QueryClientProvider>
+        <MuiThemeProvider>
+          <ConfirmContextProvider>
+            <DialogProvider>
+              {children}
+              <CssBaseline />
+              <ToastContainer />
+            </DialogProvider>
+          </ConfirmContextProvider>
+        </MuiThemeProvider>
+      </QueryClientProvider>
+    </BrowserRouter>
+  )
+}

package/src/contexts/QueryClientProvider.tsx

@@ -1,22 +1,22 @@
-import {
-  QueryClient,
-  QueryClientProvider as ReactQueryClientProvider,
-} from 'react-query'
-
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-      retry: false,
-      useErrorBoundary: true,
-    },
-  },
-})
-
-export default function QueryClientProvider({ children }) {
-  return (
-    <ReactQueryClientProvider client={queryClient}>
-      {children}
-    </ReactQueryClientProvider>
-  )
-}
+import {
+  QueryClient,
+  QueryClientProvider as ReactQueryClientProvider,
+} from 'react-query'
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: false,
+      useErrorBoundary: true,
+    },
+  },
+})
+
+export default function QueryClientProvider({ children }) {
+  return (
+    <ReactQueryClientProvider client={queryClient}>
+      {children}
+    </ReactQueryClientProvider>
+  )
+}

package/src/hooks/index.ts

@@ -1,4 +1,4 @@
-export { default as useFetch } from './useFetch'
-export * from './useRouter'
-export { default as useAuth } from './useAuth'
-export { default as useFilter } from './useFilters'
+export { default as useFetch } from './useFetch'
+export * from './useRouter'
+export { default as useAuth } from './useAuth'
+export { default as useFilter } from './useFilters'

package/src/hooks/useAuth.ts

@@ -1,96 +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
+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