A Rasa socket.io channel supported React chat widget component
The component can be easily consumed within a React project as given below.
The package can be pulled from NPM as follows.
npm i @kolloqe/widget-en
Then can be attached to any React component as specified below.
import KeyboardInput from '@kolloqe/widget-en';
<KolloqeChatWidget
position={"right"}
positionProps={{
xAxis: "10px",
yAxis: "10px"
}}
title="Kolloqe ⚡"
subtitle={"Welcome to Kolloqe"}
defaultLang={"en"}
avatar={true}
avatarType={"text"}
avatarLink={""}
socketURL={"http://localhost:5005/"}
initPayload="/greet"
reconnectTimeout={6000}
widgetOptions={true}
fullscreenButton={false}
langSwitch={true}
moreOptions={true}
widgetOptionsPosition={"top"}
hideWhenNotConnected={true}
displayUnreadCount={true}
showMessageDate={true}
persistSession={true}
triggerIntents={true}
enableURLs={true}
disablePreviousQuickReplies={true}
indicatorDelay={0}
indicatorType={"bouncing"}
enableShortcuts={true}
shortcutKey={81} />
{To be updated} Refer the Official Docs for more details on passing props to kolloqe input component.
- Styling is not supported via props. It should be done manually through overriding relevent CSS classes for now.
- Snapping to fullscreen is not yet supported. We're working on that!
- Requires
Node 16.x