refactor(botonic-react): add some types and comments

packages/botonic-react/src/index-types.ts

@@ -123,8 +123,8 @@ export interface WebchatProps {
   shadowDOM?: any
   theme?: ThemeProps
   persistentMenu?: PersistentMenuTheme
-  coverComponent?: any
-  blockInputs?: any
+  coverComponent?: CoverComponentOptions
+  blockInputs?: BlockInputOption[]
   enableEmojiPicker?: boolean
   enableAttachments?: boolean
   enableUserInput?: boolean
@@ -136,7 +136,7 @@ export interface WebchatProps {
   onInit?: (args?: any) => void
   onOpen?: (args?: any) => void
   onClose?: (args?: any) => void
-  onUserInput(args: OnUserInputArgs): Promise<void> // TODO: Review this function and params types
+  onUserInput(args: OnUserInputArgs): Promise<void>
   onTrackEvent?: TrackEventFunction
   host?: any
   server?: ServerConfig
@@ -164,19 +164,19 @@ export interface WebchatMessage {
   ack: 0 | 1
   blob: boolean
   buttons: ButtonProps[]
-  children: any
-  data: any
+  children: any // messageJSON don't have children prop
+  data: any // if message.type === 'text' => message.data = {text: string}
   delay: number
   display: boolean
-  enabletimestamps: boolean
+  enabletimestamps?: boolean
   id: string
-  imagestyle: any
+  imagestyle?: any
   isUnread: boolean
   json: any
-  markdown: boolean
+  markdown: boolean // 0 | 1
   replies: ReplyProps[]
   sentBy: SENDERS
-  style: any
+  style?: any
   timestamp: string
   type: CoreInputType
   typing: number

packages/botonic-react/src/webchat-app.tsx

@@ -196,7 +196,11 @@ export class WebchatApp {
         sentBy: SENDERS.user,
         isUnread: false,
       } as unknown as WebchatMessage)
-    this.hubtypeService.postMessage(user, input)
+    this.hubtypeService.postMessage(user, {
+      ...input,
+      // TODO: Review if this is correct add sent_by or this is added in backend
+      // sent_by: 'message_sent_by_user',
+    })
     return
   }