Widget

// in config
...

import Overview from "../components/widgets/Overview/Overview";
import MessageParser from "../components/widgets/MessageParser/MessageParser";
import ActionProviderDocs from "../components/widgets/ActionProvider/ActionProviderDocs";


const config = {
  ...,
  state: {
    gist: "",
  },
  widgets: [
    {
      widgetName: "overview",
      widgetFunc: (props) => <Overview {...props} />,
      mapStateToProps: ["gist"],
      props: {}
    },
    {
      widgetName: "messageParser",
      widgetFunc: (props) => <MessageParser {...props} />,
      mapStateToProps: ["gist"],
      props: {}
    },
    {
      widgetName: "actionProviderDocs",
      widgetFunc: (props) => <ActionProviderDocs {...props} />,
      mapStateToProps: ["gist"],
      props: {}
    },
  ],
};

export default config;

// Use the widget in actionProvider
this.createChatBotMessage("Hi", { widget: "overview" })

Has anybody tried to implement an image uploading widget? How does that work with this package?

Has anybody tried to implement an image uploading widget? How does that work with this package?

Should be pretty straight forward as you just implement a regular react component as widgets. Or did you have another use case in mind?

Thank you for your quick response, Sir! Yep, I have a functional flask python backend, with NLP and CV models in it, so now, I'm sending each user input to the flask backend using a "POST" request, and the chatbot front end receives each response from the backend. For texts (strings), it's straightforward (currently I'm accessing user input in the state), but for image files, I imagine maybe they should be handled differently in MessagePraser or somewhere along the process? And lastly, I probably should create another function in the ActionProvider for Posting multipart and form-data.

How to show date before every message and add props to widget?