JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

window.sentiOneChat.initWebChat({
    chatSrc: `https://webchat.tst-stage.chatbots.sentione.com/fullscreen`,
    projectId: '4f73764a-a199-47c1-9bdb-fc1faed146f9',
    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,
      },
      /* styles: {
        url: 'https://cdn.sentione.com/chat-ui-launcher/themes/dark-blue.css' 
      }, */
    
    },   
	     
    autoStart: 2000,
   
  	initialMessage: {
    	extraData: { process: "kredyt-hipoteczny" },
    },
    
    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});
    }
   
})