Hello,
Thank you for the code and the key.
Regarding the first issues:
1) The welcome message is not shown as no message is received by the Bot initially. I can suggest checking the bot options to see if there is one to send a message as soon as someone subscribes and not waiting for a message.
2) I have made the submit button to work. The idea is to attach an event listener to the button after it is rendered. Then take the value of the textarea and send a new message with it:
componentDidUpdate() {
let button = document.querySelector(".ac-pushButton");
if (button) {
button.removeEventListener("click", this.handleAddSubmit);
button.addEventListener("click", this.handleAddSubmit);
button.classList.add("test");
}
}
handleAddSubmit = e => {
let textAreaValue = document.querySelector(".ac-textInput").value;
this.client
.postActivity({
from: { id: this.user.id, name: this.user.name },
type: "message",
text: textAreaValue
})
.subscribe(
id => console.log("Posted activity, assigned ID ", id),
error => console.log("Error posting activity", error)
);
this.setState(prevState => {
return {
messages: [
...prevState.messages,
{ author: this.user, text: textAreaValue, timestamp: new Date() }
]
};
});
};
3) This is also done in the updated example which I will link at the bottom.
4), 5) - I was not able to proceed. This is the message I got after submit. Did I make something wrong in the steps?

6) The attachment button is rendered as expected, it just has on functionality added to it. This is a custom button, so the developer has to define what will happen when the button is clicked.
7) I have fixed that in the demo.
This is the updated example on which I was working on:
https://stackblitz.com/edit/react-gzcgvn?file=app/main.jsx
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items