@campxdev/shared 1.8.16 → 1.8.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.8.16",
+  "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,
+        },
+      ]}
     />
   )
 }