In this documentation there is the following sentence:

Using business layers and some UI components: opting into our UI but replacing just a handful of components as needed.

I see no example specifically for this purpose.

The examples that were given here only explain how to create a complete new chatbot or insert it into a minimizable window.

Question 1:
What do I do when I want to implement one of the following examples but use all the functionality that the bot has right now and will have after updates in the future (Without the need of implementing new features of the webchat in my overwritten components):

• Add an element to the left of the timestamp of a message:
  
• move the suggested actions right after the message that contains the suggested actions, but before the timestamp:
  

Right now I feel like I have to copy the react - components of the webchat into my src - folder and overwrite them in my project. The problem with this is that some of the imported js - files are not even exposed to the index - file that is referenced in your package.json.

Examples:

• ScrollToEndButton (included in BasicTranscript)
• BasicSendBox (included in BasicWebChat)

This means that I am not allowed to use the specific files and I will have the fun task to check all webchat - updates if there have been made changes to the files that I will have in my own project - repository when i overwrite it.

Question 2:
Is it true, that I have to copy all the components of the webchat into my Repository when I want to make the changes that I have referenced in Question1?