29 lines
815 B
TypeScript
29 lines
815 B
TypeScript
import { useTypebot } from 'contexts/TypebotContext'
|
|
import { useUser } from 'contexts/UserContext'
|
|
import React, { useEffect } from 'react'
|
|
import { initBubble } from 'typebot-js'
|
|
|
|
export const SupportBubble = () => {
|
|
const { typebot } = useTypebot()
|
|
const { user } = useUser()
|
|
|
|
useEffect(() => {
|
|
initBubble({
|
|
publishId: 'typebot-support',
|
|
viewerHost: process.env.NEXT_PUBLIC_VIEWER_HOST,
|
|
backgroundColor: '#ffffff',
|
|
button: { color: '#0042DA' },
|
|
hiddenVariables: {
|
|
'User ID': user?.id,
|
|
Name: user?.name ?? undefined,
|
|
Email: user?.email ?? undefined,
|
|
'Typebot ID': typebot?.id,
|
|
'Avatar URL': user?.image ?? undefined,
|
|
},
|
|
})
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [user, typebot])
|
|
|
|
return <></>
|
|
}
|