@campxdev/shared 1.8.50 → 1.9.0

package/src/constants/UIConstants.ts

@@ -1,124 +1,124 @@
-export const batchOptions = Array.from({ length: 11 }, (_, i) => {
-  return `${2012 + i} - ${2012 + i + 1}`
-}).reverse()
-
-export const examGroupBatches = Array.from({ length: 10 }, (_, i) => {
-  return `${2012 + i} - ${2012 + i + 1}`
-})
-export const currentYear = new Date().getFullYear()
-
-const startYear = 2012
-
-export const yearOptions = Array.from(
-  { length: currentYear - startYear + 1 },
-  (_, i) => {
-    return `${startYear + i}`
-  },
-)
-
-export const months = [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-]
-
-export const religionOptions = [
-  'Hinduism',
-  'Islam',
-  'Christianity',
-  'Sikhism',
-  'Buddhism',
-  'Jainism',
-]
-
-export const casteOptions = [
-  'OC',
-  'BC_A',
-  'BC_B',
-  'BC_C',
-  'BC_D',
-  'BC_E',
-  'SC',
-  'ST',
-]
-
-export const nationalityOptions = ['Indian', 'Other']
-
-export const examTimings = [
-  '09:00 AM',
-  '10:00 AM',
-  '11:00 AM',
-  '01:00 PM',
-  '02:00 PM',
-  '03:00 PM',
-]
-
-export const USER_TYPES = [
-  {
-    label: 'Staff User',
-    value: 'Staff_User',
-  },
-  {
-    label: 'Faculty User',
-    value: 'Faculty_User',
-  },
-  {
-    label: 'Student User',
-    value: 'Student_User',
-  },
-]
-
-export function getRandomColor(name) {
-  const firstAlphabet = name.charAt(0).toLowerCase()
-
-  const asciiCode = firstAlphabet.charCodeAt(0)
-
-  const colorNum =
-    asciiCode.toString() + asciiCode.toString() + asciiCode.toString()
-
-  var num = Math.round(0xffffff * parseInt(colorNum))
-  var r = (num >> 16) & 145
-  var g = (num >> 8) & 145
-  var b = num & 145
-
-  return {
-    color: 'rgb(' + r + ', ' + g + ', ' + b + ', 0.8)',
-    character: firstAlphabet?.toUpperCase(),
-  }
-}
-
-export const ProfileApplicationType = [
-  {
-    label: 'Square',
-    value: 'square',
-  },
-  {
-    label: 'Exams',
-    value: 'exams',
-  },
-  {
-    label: 'Payments',
-    value: 'payments',
-  },
-  {
-    label: 'EnrollX',
-    value: 'enroll_x',
-  },
-  {
-    label: 'Hostels',
-    value: 'hostels',
-  },
-  {
-    label: 'Commute',
-    value: 'commute',
-  },
-]
+export const batchOptions = Array.from({ length: 12 }, (_, i) => {
+  return `${2012 + i} - ${2012 + i + 1}`
+}).reverse()
+
+export const examGroupBatches = Array.from({ length: 10 }, (_, i) => {
+  return `${2012 + i} - ${2012 + i + 1}`
+})
+export const currentYear = new Date().getFullYear()
+
+const startYear = 2012
+
+export const yearOptions = Array.from(
+  { length: currentYear - startYear + 1 },
+  (_, i) => {
+    return `${startYear + i}`
+  },
+)
+
+export const months = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December',
+]
+
+export const religionOptions = [
+  'Hinduism',
+  'Islam',
+  'Christianity',
+  'Sikhism',
+  'Buddhism',
+  'Jainism',
+]
+
+export const casteOptions = [
+  'OC',
+  'BC_A',
+  'BC_B',
+  'BC_C',
+  'BC_D',
+  'BC_E',
+  'SC',
+  'ST',
+]
+
+export const nationalityOptions = ['Indian', 'Other']
+
+export const examTimings = [
+  '09:00 AM',
+  '10:00 AM',
+  '11:00 AM',
+  '01:00 PM',
+  '02:00 PM',
+  '03:00 PM',
+]
+
+export const USER_TYPES = [
+  {
+    label: 'Staff User',
+    value: 'Staff_User',
+  },
+  {
+    label: 'Faculty User',
+    value: 'Faculty_User',
+  },
+  {
+    label: 'Student User',
+    value: 'Student_User',
+  },
+]
+
+export function getRandomColor(name) {
+  const firstAlphabet = name.charAt(0).toLowerCase()
+
+  const asciiCode = firstAlphabet.charCodeAt(0)
+
+  const colorNum =
+    asciiCode.toString() + asciiCode.toString() + asciiCode.toString()
+
+  var num = Math.round(0xffffff * parseInt(colorNum))
+  var r = (num >> 16) & 145
+  var g = (num >> 8) & 145
+  var b = num & 145
+
+  return {
+    color: 'rgb(' + r + ', ' + g + ', ' + b + ', 0.8)',
+    character: firstAlphabet?.toUpperCase(),
+  }
+}
+
+export const ProfileApplicationType = [
+  {
+    label: 'Square',
+    value: 'square',
+  },
+  {
+    label: 'Exams',
+    value: 'exams',
+  },
+  {
+    label: 'Payments',
+    value: 'payments',
+  },
+  {
+    label: 'EnrollX',
+    value: 'enroll_x',
+  },
+  {
+    label: 'Hostels',
+    value: 'hostels',
+  },
+  {
+    label: 'Commute',
+    value: 'commute',
+  },
+]

package/src/constants/formValidations.ts

@@ -1,6 +1,6 @@
-export const isNumber = (value: string) => {
-  const regEx = /^[0-9]*$/
-  let isNum = regEx.test(value)
-
-  return isNum
-}
+export const isNumber = (value: string) => {
+  const regEx = /^[0-9]*$/
+  let isNum = regEx.test(value)
+
+  return isNum
+}

package/src/constants/index.ts

@@ -1,5 +1,5 @@
-export * from './UIConstants'
-export * from './formValidations'
-export * from './permissions'
-export * from './validateMessages'
-export * from './isDevelopment'
+export * from './UIConstants'
+export * from './formValidations'
+export * from './permissions'
+export * from './validateMessages'
+export * from './isDevelopment'

package/src/constants/isDevelopment.ts

@@ -1,4 +1,4 @@
-const urlTenantKey = window.location.pathname.split('/')[1]
-export const isDevelopment =
-  process.env.NODE_ENV === 'development' ||
-  window.location.origin.split('campx')[1] === '.dev'
+const urlTenantKey = window.location.pathname.split('/')[1]
+export const isDevelopment =
+  process.env.NODE_ENV === 'development' ||
+  window.location.origin.split('campx')[1] === '.dev'

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,37 @@
-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'
+import { openRootModal } from './RootModal'
+
+const LoginContext = createContext<{
+  openLoginForm: (loginUrl: string) => void
+}>({
+  openLoginForm: (loginUrl: string) => {},
+})
+
+export default function LoginFormProvider({ children }) {
+  const modal = useModal()
+
+  const onLogin = (loginUrl: string) => {
+    openRootModal({
+      key: 'login',
+    })
+  }
+
+  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,52 +1,74 @@
-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'
-import FreshChatButton from '../components/Layout/Header/HeaderActions/FreshChatButton'
-
-export const campxTenantKey = Cookies.get('campx_tenant')
-export const urlTenantKey = window.location.pathname.split('/')[1]
-
-export default function Providers({
-  children,
-  showSuperAdminLoginForm = false,
-}: {
-  children: ReactNode
-  showSuperAdminLoginForm?: boolean
-}) {
-  useEffect(() => {
-    if (!urlTenantKey) {
-      if (campxTenantKey) {
-        return window.location.replace(
-          window.location.origin + `/${campxTenantKey}`,
-        )
-      }
-    }
-  }, [])
-
-  return (
-    <BrowserRouter basename={urlTenantKey}>
-      <QueryClientProvider>
-        <MuiThemeProvider>
-          <ConfirmContextProvider>
-            <DialogProvider>
-              <LoginFormProvider>
-                {children}
-                <GlobalNetworkLoadingIndicator />
-                <FreshChatButton />
-              </LoginFormProvider>
-              <ToastContainer />
-            </DialogProvider>
-          </ConfirmContextProvider>
-        </MuiThemeProvider>
-      </QueryClientProvider>
-    </BrowserRouter>
-  )
-}
+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 FreshChatButton from '../components/Layout/Header/HeaderActions/FreshChatButton'
+import RootModal from './RootModal'
+import { isDevelopment } from '../constants'
+
+export const campxTenantKey = Cookies.get('campx_tenant')
+export const urlTenantKey = window.location.pathname.split('/')[1]
+export const instituitionKey = window.location.pathname.split('/')[2]
+
+export default function Providers({ children }: { children: ReactNode }) {
+  const localInstituitionKey = localStorage.getItem('institution_key')
+
+  const getInstituitionKey = () => {
+    if (instituitionKey) {
+      return instituitionKey
+    } else {
+      if (!urlTenantKey) return null
+      if (localInstituitionKey) {
+        return localInstituitionKey
+      } else {
+        return null
+      }
+    }
+  }
+
+  useEffect(() => {
+    if (!urlTenantKey) {
+      if (isDevelopment) {
+        window.location.replace(window.location.origin + `/campx_dev`)
+      }
+      if (campxTenantKey)
+        window.location.replace(window.location.origin + `/${campxTenantKey}`)
+    } else {
+      if (!instituitionKey) {
+        if (localInstituitionKey) {
+          window.location.replace(
+            window.location.origin + `/${urlTenantKey}/${localInstituitionKey}`,
+          )
+        }
+      }
+    }
+  }, [])
+
+  const baseName = getInstituitionKey()
+    ? `${urlTenantKey}/${getInstituitionKey()}`
+    : urlTenantKey
+
+  return (
+    <BrowserRouter basename={baseName}>
+      <QueryClientProvider>
+        <MuiThemeProvider>
+          <ConfirmContextProvider>
+            <DialogProvider>
+              {children}
+              <GlobalNetworkLoadingIndicator />
+              <FreshChatButton />
+              <RootModal />
+              <ToastContainer />
+            </DialogProvider>
+          </ConfirmContextProvider>
+        </MuiThemeProvider>
+      </QueryClientProvider>
+    </BrowserRouter>
+  )
+}