JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.sentione.com/chat-ui-launcher/chat.1.32.0.js"></script>

JavaScript

window.sentiOneChat.initWebChat({
    chatSrc: `https://webchat.app.chatbots.sentione.com/fullscreen`,
    projectId: 'f6e41ce4-f36c-40bf-a44f-c80111c32c9f',
    sourceType: "SentiOne-chat-demo",
    author: 'John Doe',
 
   	appearance: {
    	inputPlaceholder: "Type some message",
    	headerTitle: "Sentione chat Demo",
      avatar: {
        src: 'https://cdn.sentione.com/chat-ui-launcher/avatars/avatar-male.png',
        showNearBubble: true,
        showInHeader: true,
      },
    },   
	     
    autoStart: 2000,
   
    actionButtons: {
    	conversationWindow: {
      	minimize: true,
        resetAndMinimize: true,
      }
    },
    
  	onOpenChat: () => {
        console.log(34, 'open chat');
    },
    
    onCloseChat: () => {
      console.log(34, 'close chat');
    },
    
    onMessageSent: (message) => {
      console.log('message', {message});
    },
    
    onMessageReceived: (response) => {
      console.log({response});
    }
   
})