@campxdev/shared 1.10.33 → 1.10.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.10.33",
+  "version": "1.10.35",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

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

@@ -1,9 +1,15 @@
-import { Box } from '@mui/material'
+import { Box, styled } from '@mui/material'
 import UserBox from './UserBox'
 import CogWheelMenu from './CogWheelMenu'
 import FreshDeskHelpButton from './FreshDeskHelpButton'
 import InstitutionsDropDown from '../../../Institutions/InstitutionsDropdown'
 import SearchButton from '../Search/SearchButton'
+import { NotificationsNoneOutlined } from '@mui/icons-material'
+import { useEffect } from 'react'
+
+const StyledBeamerBox = styled(Box)(() => ({
+  width: '60px',
+}))
 
 export default function HeaderActions({
   cogWheelMenu,
@@ -15,6 +21,7 @@ export default function HeaderActions({
       <InstitutionsDropDown />
       {/* <SearchButton /> */}
       {/* <FreshDeskHelpButton /> */}
+      <StyledBeamerBox></StyledBeamerBox>
       {cogWheelMenu?.length ? <CogWheelMenu menu={cogWheelMenu} /> : null}
       <UserBox fullName={fullName} actions={userBoxActions} />
     </>

package/src/components/Layout/Helmet.tsx

@@ -25,10 +25,23 @@ const freshDeskInnerHtml = `
 
 const getbeamerInnerHtml = `
 var beamer_config = {
-		product_id : "ThEQzGKL56777"
+		product_id : "ThEQzGKL56777",
+    
 	};
 `
 
+const getBeamerStyles = `
+#beamerSelector {
+  height: 42px;
+  width: 42px;
+  top: 12px;
+  right: 74px;
+  box-shadow: none;
+  background-color: #121212;
+
+}
+`
+
 const getInnerHtml = (user: any) => {
   if (isLocalHost) {
     return ''
@@ -82,14 +95,13 @@ export default function Helmet({
       {extraMetaTags}
       <link rel="icon" href={favicon} />
       <link rel="apple-touch-icon" href={favicon} />
+      <style>{getBeamerStyles}</style>
+      <script>{getbeamerInnerHtml}</script>
       {isDevelopment && (
-        <>
-          <script>{getbeamerInnerHtml}</script>
-          <script
-            type="text/javascript"
-            src="https://app.getbeamer.com/js/beamer-embed.js"
-          ></script>
-        </>
+        <script
+          type="text/javascript"
+          src="https://app.getbeamer.com/js/beamer-embed.js"
+        ></script>
       )}
 
       {/* {!isLocalHost && (

package/src/components/ModalButtons/DialogButton.tsx

@@ -11,6 +11,7 @@ import {
 import { TransitionProps } from '@mui/material/transitions'
 import { forwardRef, ReactNode, useState } from 'react'
 import { SCROLLBAR_DARK } from '../../theme/muiTheme'
+import ErrorBoundary from '../ErrorBoundary/ErrorBoundary'
 
 const StyledDialogHeader = styled(Box)(() => ({
   height: '64px',
@@ -124,7 +125,9 @@ export const CustomDialog = ({
           </IconButton>
         </StyledDialogHeader>
       )}
-      <StyledDialogContent>{content({ close: onClose })}</StyledDialogContent>
+      <StyledDialogContent>
+        <ErrorBoundary>{content({ close: onClose })}</ErrorBoundary>
+      </StyledDialogContent>
     </Dialog>
   )
 }

package/src/components/ModalButtons/DrawerButton.tsx

@@ -10,6 +10,7 @@ import {
 } from '@mui/material'
 import { ReactNode, useState } from 'react'
 import { SCROLLBAR_DARK } from '../../theme/muiTheme'
+import ErrorBoundary from '../ErrorBoundary/ErrorBoundary'
 
 const StyledDrawerHeader = styled(Box)(({ theme }) => ({
   height: '64px',
@@ -109,7 +110,9 @@ export const CustomDrawer = ({
           <Close />
         </IconButton>
       </StyledDrawerHeader>
-      <StyledDrawerContent>{content({ close: onClose })}</StyledDrawerContent>
+      <StyledDrawerContent>
+        <ErrorBoundary>{content({ close: onClose })}</ErrorBoundary>
+      </StyledDrawerContent>
     </Drawer>
   )
 }

package/src/constants/UIConstants.ts

@@ -118,7 +118,7 @@ export const ProfileApplicationType = [
     value: 'hostels',
   },
   {
-    label: 'Commute',
-    value: 'commute',
+    label: 'CommuteX',
+    value: 'commute_x',
   },
 ]