@campxdev/shared 1.8.50 → 1.9.0

package/src/components/Layout/Header/HeaderActions/FreshChatButton.tsx

@@ -1,61 +1,61 @@
-/* eslint-disable no-console */
-import { useState } from 'react'
-import { UserStore } from '../../../../shared-state'
-import { chatWithUs } from '../assets'
-import { Box, styled } from '@mui/material'
-
-export default function FreshChatButton() {
-  const _window = window as any
-  const { user } = UserStore.useState()
-
-  var openWidget = function () {
-    const el = document.getElementById('fc_frame')
-    if (el) {
-      el.style.visibility = 'visible'
-    }
-    _window.fcWidget.open()
-    initEvents()
-  }
-  var initEvents = function () {
-    const el = document.getElementById('custom_fc_button')
-    _window.fcWidget.on('widget:opened', function (resp) {
-      if (el) {
-        el.style.visibility = 'hidden'
-      }
-    })
-    _window.fcWidget.on('widget:closed', function (resp) {
-      if (el) {
-        el.style.visibility = 'visible'
-      }
-    })
-  }
-
-  if (!user) return null
-  return (
-    <Box
-      id="custom_fc_button"
-      sx={{
-        position: 'fixed',
-        right: 0,
-        bottom: '18px',
-        cursor: 'pointer',
-        '@media print': {
-          display: 'none',
-        },
-      }}
-    >
-      <a id="open_fc_widget" onClick={openWidget} style={{ cursor: 'pointer' }}>
-        <StyledImg src={chatWithUs} />
-      </a>
-    </Box>
-  )
-}
-
-const StyledImg = styled('img')(({ theme }) => ({
-  width: '35px',
-  height: 'auto',
-  '&:hover': {
-    width: '50px',
-  },
-  transition: 'width 0.3s',
-}))
+/* eslint-disable no-console */
+import { useState } from 'react'
+import { UserStore } from '../../../../shared-state'
+import { chatWithUs } from '../assets'
+import { Box, styled } from '@mui/material'
+
+export default function FreshChatButton() {
+  const _window = window as any
+  const { user } = UserStore.useState()
+
+  var openWidget = function () {
+    const el = document.getElementById('fc_frame')
+    if (el) {
+      el.style.visibility = 'visible'
+    }
+    _window.fcWidget.open()
+    initEvents()
+  }
+  var initEvents = function () {
+    const el = document.getElementById('custom_fc_button')
+    _window.fcWidget.on('widget:opened', function (resp) {
+      if (el) {
+        el.style.visibility = 'hidden'
+      }
+    })
+    _window.fcWidget.on('widget:closed', function (resp) {
+      if (el) {
+        el.style.visibility = 'visible'
+      }
+    })
+  }
+
+  if (!user) return null
+  return (
+    <Box
+      id="custom_fc_button"
+      sx={{
+        position: 'fixed',
+        right: 0,
+        bottom: '18px',
+        cursor: 'pointer',
+        '@media print': {
+          display: 'none',
+        },
+      }}
+    >
+      <a id="open_fc_widget" onClick={openWidget} style={{ cursor: 'pointer' }}>
+        <StyledImg src={chatWithUs} />
+      </a>
+    </Box>
+  )
+}
+
+const StyledImg = styled('img')(({ theme }) => ({
+  width: '35px',
+  height: 'auto',
+  '&:hover': {
+    width: '50px',
+  },
+  transition: 'width 0.3s',
+}))

package/src/components/Layout/Header/HeaderActions/FreshDeskHelpButton.tsx

@@ -1,53 +1,53 @@
-import { HelpOutline } from '@mui/icons-material'
-import { Button } from '@mui/material'
-import { UserStore } from '../../../../shared-state'
-
-export default function FreshDeskHelpButton() {
-  const { user } = UserStore.useState()
-
-  // const handleOpenFreshDeskWidget = () => {
-  //   try {
-  //     ;(window as any)?.openFreshDeskWidget()
-  //   } catch (error) {
-  //     // eslint-disable-next-line no-console
-  //     console.error('Error launching Freshdesk')
-  //   }
-  // }
-
-  const _window = window as any
-
-  var openWidget = function () {
-    const el = document.getElementById('fc_frame')
-    if (el) {
-      el.style.visibility = 'visible'
-    }
-    _window.fcWidget.open()
-    initEvents()
-  }
-  var initEvents = function () {
-    const el = document.getElementById('custom_fc_button')
-    _window.fcWidget.on('widget:opened', function (resp) {
-      if (el) {
-        el.style.visibility = 'hidden'
-      }
-    })
-    _window.fcWidget.on('widget:closed', function (resp) {
-      if (el) {
-        el.style.visibility = 'visible'
-      }
-    })
-  }
-
-  if (!user) return null
-  return (
-    <Button
-      variant="text"
-      color="secondary"
-      onClick={openWidget}
-      startIcon={<HelpOutline />}
-      sx={{ padding: '20px' }}
-    >
-      Help
-    </Button>
-  )
-}
+import { HelpOutline } from '@mui/icons-material'
+import { Button } from '@mui/material'
+import { UserStore } from '../../../../shared-state'
+
+export default function FreshDeskHelpButton() {
+  const { user } = UserStore.useState()
+
+  // const handleOpenFreshDeskWidget = () => {
+  //   try {
+  //     ;(window as any)?.openFreshDeskWidget()
+  //   } catch (error) {
+  //     // eslint-disable-next-line no-console
+  //     console.error('Error launching Freshdesk')
+  //   }
+  // }
+
+  const _window = window as any
+
+  var openWidget = function () {
+    const el = document.getElementById('fc_frame')
+    if (el) {
+      el.style.visibility = 'visible'
+    }
+    _window.fcWidget.open()
+    initEvents()
+  }
+  var initEvents = function () {
+    const el = document.getElementById('custom_fc_button')
+    _window.fcWidget.on('widget:opened', function (resp) {
+      if (el) {
+        el.style.visibility = 'hidden'
+      }
+    })
+    _window.fcWidget.on('widget:closed', function (resp) {
+      if (el) {
+        el.style.visibility = 'visible'
+      }
+    })
+  }
+
+  if (!user) return null
+  return (
+    <Button
+      variant="text"
+      color="secondary"
+      onClick={openWidget}
+      startIcon={<HelpOutline />}
+      sx={{ padding: '20px' }}
+    >
+      Help
+    </Button>
+  )
+}

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

@@ -1,20 +1,20 @@
-import { Box } from '@mui/material'
-import UserBox from './UserBox'
-import CogWheelMenu from './CogWheelMenu'
-import FreshDeskHelpButton from './FreshDeskHelpButton'
-import SchoolSwitch from '../SchoolSwitch/SchoolSwitch'
-
-export default function HeaderActions({
-  cogWheelMenu,
-  fullName,
-  userBoxActions,
-}) {
-  return (
-    <>
-      {/* <SchoolSwitch /> */}
-      <FreshDeskHelpButton />
-      {cogWheelMenu?.length ? <CogWheelMenu menu={cogWheelMenu} /> : null}
-      <UserBox fullName={fullName} actions={userBoxActions} />
-    </>
-  )
-}
+import { Box } from '@mui/material'
+import UserBox from './UserBox'
+import CogWheelMenu from './CogWheelMenu'
+import FreshDeskHelpButton from './FreshDeskHelpButton'
+import InstitutionsDropDown from '../../../Institutions/InstitutionsDropdown'
+
+export default function HeaderActions({
+  cogWheelMenu,
+  fullName,
+  userBoxActions,
+}) {
+  return (
+    <>
+      <InstitutionsDropDown />
+      <FreshDeskHelpButton />
+      {cogWheelMenu?.length ? <CogWheelMenu menu={cogWheelMenu} /> : null}
+      <UserBox fullName={fullName} actions={userBoxActions} />
+    </>
+  )
+}

package/src/components/Layout/Header/HeaderActions/UserBox.tsx

@@ -1,56 +1,56 @@
-import { ExitToAppOutlined, HttpsOutlined } from '@mui/icons-material'
-import logout from '../../../../utils/logout'
-import ChangePassword from '../../../ChangePassword'
-import DropDownButton from '../../../DropDownButton/DropDownButton'
-import { IMenuItemProps } from '../../../DropDownButton/DropdownMenuItem'
-import { StyledAvatar } from '../styles'
-
-const getStartingLetters = (text: string) => {
-  if (!text) return ''
-  return text
-    .split(' ')
-    ?.map((w) => w[0])
-    ?.join('')
-}
-
-export default function UserBox({
-  fullName,
-  actions,
-  customActions = [],
-}: {
-  fullName: string
-  actions: IMenuItemProps[] | []
-  customActions?: IMenuItemProps[] | []
-}) {
-  return (
-    <DropDownButton
-      anchor={({ open }) => (
-        <StyledAvatar onClick={open}>
-          {getStartingLetters(fullName)}
-        </StyledAvatar>
-      )}
-      menu={
-        customActions?.length
-          ? customActions
-          : [
-              ...actions,
-              {
-                label: 'Change Password',
-                actionType: 'dialog',
-                icon: <HttpsOutlined />,
-                content: ({ close }) => <ChangePassword close={close} />,
-                contentTitle: 'Change Password',
-              },
-              {
-                label: 'Logout',
-                icon: <ExitToAppOutlined />,
-                onClick: logout,
-              },
-            ]
-      }
-      menuProps={{
-        PaperProps: { sx: { top: '56px !important' } },
-      }}
-    />
-  )
-}
+import { ExitToAppOutlined, HttpsOutlined } from '@mui/icons-material'
+import logout from '../../../../utils/logout'
+import ChangePassword from '../../../ChangePassword'
+import DropDownButton from '../../../DropDownButton/DropDownButton'
+import { IMenuItemProps } from '../../../DropDownButton/DropdownMenuItem'
+import { StyledAvatar } from '../styles'
+
+const getStartingLetters = (text: string) => {
+  if (!text) return ''
+  return text
+    .split(' ')
+    ?.map((w) => w[0])
+    ?.join('')
+}
+
+export default function UserBox({
+  fullName,
+  actions,
+  customActions = [],
+}: {
+  fullName: string
+  actions: IMenuItemProps[] | []
+  customActions?: IMenuItemProps[] | []
+}) {
+  return (
+    <DropDownButton
+      anchor={({ open }) => (
+        <StyledAvatar onClick={open}>
+          {getStartingLetters(fullName)}
+        </StyledAvatar>
+      )}
+      menu={
+        customActions?.length
+          ? customActions
+          : [
+              ...actions,
+              {
+                label: 'Change Password',
+                actionType: 'dialog',
+                icon: <HttpsOutlined />,
+                content: ({ close }) => <ChangePassword close={close} />,
+                contentTitle: 'Change Password',
+              },
+              {
+                label: 'Logout',
+                icon: <ExitToAppOutlined />,
+                onClick: logout,
+              },
+            ]
+      }
+      menuProps={{
+        PaperProps: { sx: { top: '56px !important' } },
+      }}
+    />
+  )
+}

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

@@ -1,13 +1,13 @@
-import { IconButton } from '@mui/material'
-import { NotificationIcon } from './icons'
-
-function Notification() {
-  return (
-    <>
-      <IconButton>
-        <NotificationIcon />
-      </IconButton>
-    </>
-  )
-}
-export default Notification
+import { IconButton } from '@mui/material'
+import { NotificationIcon } from './icons'
+
+function Notification() {
+  return (
+    <>
+      <IconButton>
+        <NotificationIcon />
+      </IconButton>
+    </>
+  )
+}
+export default Notification

package/src/components/Layout/Header/applications.ts

@@ -1,102 +1,102 @@
-import { isDevelopment } from '../../../constants'
-import {
-  campxSquareSmall,
-  examsSmall,
-  hostelSmall,
-  paySmall,
-  peopleSmall,
-  commuteSmall,
-  enrollSmall,
-} from './assets'
-
-const origins = {
-  ums: {
-    dev: 'https://ums.campx.dev',
-    prod: 'https://ums.campx.in',
-  },
-  payments: {
-    dev: 'https://payments.campx.dev',
-    prod: 'https://payments.campx.in',
-  },
-  exams: {
-    dev: 'https://exams.campx.dev',
-    prod: 'https://exams.campx.in',
-  },
-  people: {
-    dev: 'https://people.campx.dev',
-    prod: 'https://people.campx.in',
-  },
-  hostel: {
-    dev: 'https://hostel.campx.dev',
-    prod: 'https://hostel.campx.in',
-  },
-  commute: {
-    dev: 'https://commute.campx.dev',
-    prod: 'https://commute.campx.in',
-  },
-  enroll: {
-    dev: 'https://enroll.campx.dev',
-    prod: 'https://enroll.campx.in',
-  },
-}
-
-export const applications = [
-  {
-    title: 'CollegeX',
-    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
-    icon: campxSquareSmall,
-    key: 'square',
-    domainName: 'ums',
-    description: 'Manage Complete Campus Activities',
-  },
-  {
-    title: 'ExamX',
-    key: 'exams',
-    domainName: 'exams',
-    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
-    icon: examsSmall,
-    description: 'Manage all Examinations in the Campus',
-  },
-  {
-    title: 'PayX',
-    key: 'payments',
-    domainName: 'payments',
-    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
-    icon: paySmall,
-    description: 'Manage Payments in the Campus',
-  },
-  {
-    title: 'EnrollX',
-    key: 'enroll_x',
-    domainName: 'enroll',
-    path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
-    icon: enrollSmall,
-    description: 'Manage Admissions in the Campus',
-  },
-  {
-    title: 'HostelX',
-    key: 'hostels',
-    domainName: 'hostel',
-    path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
-    icon: hostelSmall,
-    description: 'Manage Hostels in the Campus',
-  },
-  {
-    title: 'CommuteX',
-    key: 'commute',
-    path: isDevelopment ? origins.commute.dev : origins.commute.prod,
-    icon: commuteSmall,
-    description: 'Manage Commute in the Campus',
-  },
-  ...(isDevelopment
-    ? [
-        {
-          title: 'PeopleX',
-          key: 'people',
-          path: isDevelopment ? origins.people.dev : origins.people.prod,
-          icon: peopleSmall,
-          description: 'Manage People in the Campus',
-        },
-      ]
-    : []),
-]
+import { isDevelopment } from '../../../constants'
+import {
+  campxSquareSmall,
+  examsSmall,
+  hostelSmall,
+  paySmall,
+  peopleSmall,
+  commuteSmall,
+  enrollSmall,
+} from './assets'
+
+const origins = {
+  ums: {
+    dev: 'https://ums.campx.dev',
+    prod: 'https://ums.campx.in',
+  },
+  payments: {
+    dev: 'https://payments.campx.dev',
+    prod: 'https://payments.campx.in',
+  },
+  exams: {
+    dev: 'https://exams.campx.dev',
+    prod: 'https://exams.campx.in',
+  },
+  people: {
+    dev: 'https://people.campx.dev',
+    prod: 'https://people.campx.in',
+  },
+  hostel: {
+    dev: 'https://hostel.campx.dev',
+    prod: 'https://hostel.campx.in',
+  },
+  commute: {
+    dev: 'https://commute.campx.dev',
+    prod: 'https://commute.campx.in',
+  },
+  enroll: {
+    dev: 'https://enroll.campx.dev',
+    prod: 'https://enroll.campx.in',
+  },
+}
+
+export const applications = [
+  {
+    title: 'CollegeX',
+    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
+    icon: campxSquareSmall,
+    key: 'square',
+    domainName: 'ums',
+    description: 'Manage Complete Campus Activities',
+  },
+  {
+    title: 'ExamX',
+    key: 'exams',
+    domainName: 'exams',
+    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
+    icon: examsSmall,
+    description: 'Manage all Examinations in the Campus',
+  },
+  {
+    title: 'PayX',
+    key: 'payments',
+    domainName: 'payments',
+    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
+    icon: paySmall,
+    description: 'Manage Payments in the Campus',
+  },
+  {
+    title: 'EnrollX',
+    key: 'enroll_x',
+    domainName: 'enroll',
+    path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
+    icon: enrollSmall,
+    description: 'Manage Admissions in the Campus',
+  },
+  {
+    title: 'HostelX',
+    key: 'hostels',
+    domainName: 'hostel',
+    path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
+    icon: hostelSmall,
+    description: 'Manage Hostels in the Campus',
+  },
+  {
+    title: 'CommuteX',
+    key: 'commute',
+    path: isDevelopment ? origins.commute.dev : origins.commute.prod,
+    icon: commuteSmall,
+    description: 'Manage Commute in the Campus',
+  },
+  ...(isDevelopment
+    ? [
+        {
+          title: 'PeopleX',
+          key: 'people',
+          path: isDevelopment ? origins.people.dev : origins.people.prod,
+          icon: peopleSmall,
+          description: 'Manage People in the Campus',
+        },
+      ]
+    : []),
+]

package/src/components/Layout/Header/assets/campx_square_small.svg

@@ -1,9 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#596e79"/>
+      <stop offset="1" stop-color="#7c909b"/>
+    </linearGradient>
+  </defs>
+  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
 </svg>