@campxdev/shared 1.8.15 → 1.8.17

package/package.json

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

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

@@ -1,5 +1,6 @@
 import { HelpOutline } from '@mui/icons-material'
 import { Button } from '@mui/material'
+import DropDownButton from '../../../DropDownButton/DropDownButton'
 
 export default function FreshDeskHelpButton() {
   const handleOpenFreshDeskWidget = () => {
@@ -10,15 +11,40 @@ export default function FreshDeskHelpButton() {
       console.error('Error launching Freshdesk')
     }
   }
+
+  const handleFreshChat = () => {
+    try {
+      ;(window as any)?.fcWidget?.open()
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error launching Freshdesk Chat')
+    }
+  }
   return (
-    <Button
-      variant="text"
-      color="secondary"
-      startIcon={<HelpOutline />}
-      onClick={handleOpenFreshDeskWidget}
-      sx={{ padding: '20px' }}
-    >
-      Help
-    </Button>
+    <>
+      <DropDownButton
+        anchor={({ open }) => (
+          <Button
+            variant="text"
+            color="secondary"
+            onClick={open}
+            startIcon={<HelpOutline />}
+            sx={{ padding: '20px' }}
+          >
+            Help
+          </Button>
+        )}
+        menu={[
+          {
+            label: 'Raise a Ticket',
+            onClick: handleOpenFreshDeskWidget,
+          },
+          {
+            label: 'Chat with us',
+            onClick: handleFreshChat,
+          },
+        ]}
+      />
+    </>
   )
 }

package/src/components/Layout/Helmet.tsx

@@ -44,6 +44,19 @@ export default function Helmet({
         },
         ...link,
       ]}
+      script={[
+        {
+          type: 'text/javascript',
+          innerHTML:
+            'window.fcWidgetMessengerConfig = {config: {headerProperty: {hideChatButton: true}}}',
+          defer: true,
+        },
+        {
+          type: 'text/javascript',
+          src: '//in.fw-cdn.com/30814322/430238.js',
+          defer: true,
+        },
+      ]}
     />
   )
 }

package/src/theme/muiTheme.ts

@@ -1,5 +1,5 @@
 import { alpha, darken, lighten } from '@mui/material'
-import { createTheme } from '@mui/material/styles'
+import { ThemeOptions, createTheme } from '@mui/material/styles'
 import { customCssBaseline } from './customCssBaseline'
 
 const borderRadius = {
@@ -94,8 +94,7 @@ const borders = {
   grayLight: `1px solid ${themeColors.secondaryLight}`,
 }
 
-// A custom theme for this app
-const muiTheme = createTheme({
+const themeOptions = {
   typography: {
     fontFamily: ['Poppins', 'Avenir', 'sans-serif'].join(','),
   },
@@ -590,6 +589,9 @@ const muiTheme = createTheme({
       styleOverrides: customCssBaseline,
     },
   },
-})
+}
+
+// A custom theme for this app
+const muiTheme = createTheme({ ...themeOptions })
 
 export default muiTheme

package/src/theme/theme.d.ts

@@ -70,6 +70,8 @@ declare module '@mui/material/styles' {
         disabled?: string
       }
     }
+    components?: Components<Omit<Theme, 'components'>>
+    typography?: TypographyOptions | ((palette: Palette) => TypographyOptions)
   }
   export function createTheme(options?: CustomThemeOptions): CustomTheme
 }

package/tsconfig.json

@@ -1,21 +1,21 @@
 {
-	"compilerOptions": {
-		"target": "ES5",
-		"lib": ["dom", "dom.iterable", "esnext"],
-		"allowJs": true,
-		"skipLibCheck": true,
-		"esModuleInterop": true,
-		"allowSyntheticDefaultImports": true,
-		"strict": false,
-		"forceConsistentCasingInFileNames": true,
-		"noFallthroughCasesInSwitch": true,
-		"module": "ESNext",
-		"moduleResolution": "node",
-		"resolveJsonModule": true,
-		"isolatedModules": true,
-		"noEmit": true,
-		"jsx": "react-jsx",
-		"types": ["node"]
-	},
-	"include": ["src"]
+  "compilerOptions": {
+    "target": "ES5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "types": ["node"]
+  },
+  "include": ["src"]
 }