Build conversational UIs with React

npm install --save botui @botui/react

import { createBot } from "botui"
import { BotUI, BotUIMessageList, BotUIAction } from "@botui/react"
 
const myBot = createBot()

const MyBot = () => {
  useEffect(() => {
    myBot
      .wait({ waitTime: 1000 })
      .then(() => myBot.message.add({ text: "hello, what is your name?" }))
      .then(() =>
        myBot.action.set(
          {
            options: [
              { label: "John", value: "john" },
              { label: "Jane", value: "jane" },
            ],
          },
          { actionType: "select" }
        )
      )
      .then((data) =>
        myBot.message.add({ text: `nice to meet you ${data.selected.label}` })
      )
  }, [])
 
  return (
    <div>
      <BotUI bot={myBot}>
        <BotUIMessageList />
        <BotUIAction />
      </BotUI>
    </div>
  )
}