@campxdev/shared 1.8.17 → 1.8.19

package/package.json

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

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

@@ -1,8 +1,11 @@
 import { HelpOutline } from '@mui/icons-material'
 import { Button } from '@mui/material'
 import DropDownButton from '../../../DropDownButton/DropDownButton'
+import { UserStore } from '../../../../shared-state'
 
 export default function FreshDeskHelpButton() {
+  const { user } = UserStore.useState()
+
   const handleOpenFreshDeskWidget = () => {
     try {
       ;(window as any)?.openFreshDeskWidget()
@@ -13,9 +16,22 @@ export default function FreshDeskHelpButton() {
   }
 
   const handleFreshChat = () => {
+    const _window = window as any
     try {
-      ;(window as any)?.fcWidget?.open()
+      _window?.fcWidget?.open()
+
+      _window.fcWidget.on('widget:opened', function (resp) {
+        // eslint-disable-next-line no-console
+        console.log('Widget Opened', resp)
+      })
+
+      _window.fcWidget.on('widget:closed', function () {
+        // eslint-disable-next-line no-console
+        console.log('Message Dialog Closed by the User')
+      })
     } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error)
       // eslint-disable-next-line no-console
       console.error('Error launching Freshdesk Chat')
     }

package/src/components/Layout/Helmet.tsx

@@ -3,12 +3,44 @@ import { Helmet as ReactHelmet } from 'react-helmet'
 type MetaProps = JSX.IntrinsicElements['meta']
 type LinkProps = JSX.IntrinsicElements['link']
 
+const getInnerHtml = (user: any) => {
+  const fcWidgetMessengerConfig = {
+    config: {
+      headerProperty: {
+        hideChatButton: true,
+      },
+    },
+  }
+
+  const phone = user?.mobile?.substring(user?.mobile?.length - 10)
+
+  return `
+    window.fcWidgetMessengerConfig = ${JSON.stringify(fcWidgetMessengerConfig)}
+    window.fcSettings = {
+        onInit: function() {
+          window.fcWidget.user.clear().then(function() {
+            console.log('User cleared');
+          }, function() {
+            console.log("User Not cleared");
+          });
+          window.fcWidget.setExternalId('${phone}')
+          window.fcWidget.user.setFirstName('${user?.fullName}')
+          window.fcWidget.user.setEmail('${user?.email}')
+          window.fcWidget.user.setPhone('${phone}')
+        }
+      }
+      
+      `
+}
+// window.fcWidget.user.setPhone('${user?.mobile}')
+
 interface IHelmetProps {
   appTitle: string
   favicon: string
   description?: string
   meta?: MetaProps[] | undefined
   link?: LinkProps[] | undefined
+  user: any
 }
 
 export default function Helmet({
@@ -17,6 +49,7 @@ export default function Helmet({
   description,
   meta = [],
   link = [],
+  user,
 }: IHelmetProps) {
   return (
     <ReactHelmet
@@ -47,8 +80,7 @@ export default function Helmet({
       script={[
         {
           type: 'text/javascript',
-          innerHTML:
-            'window.fcWidgetMessengerConfig = {config: {headerProperty: {hideChatButton: true}}}',
+          innerHTML: getInnerHtml(user),
           defer: true,
         },
         {