New feature buttons added in the chat version 1.2

package.json

@@ -11,11 +11,13 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~9.1.1",
+    "@angular/animations": "^9.1.2",
+    "@angular/cdk": "^9.2.1",
     "@angular/common": "~9.1.1",
     "@angular/compiler": "~9.1.1",
     "@angular/core": "~9.1.1",
     "@angular/forms": "~9.1.1",
+    "@angular/material": "^9.2.1",
     "@angular/platform-browser": "~9.1.1",
     "@angular/platform-browser-dynamic": "~9.1.1",
     "@angular/router": "~9.1.1",

src/app/app.component.css

@@ -1,3 +1,5 @@
+
+
 :host {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-size: 14px;

src/app/app.module.ts

@@ -7,6 +7,7 @@ import { ChatWidgetComponent } from './chat/chat-widget/chat-widget.component';
 import { ChatInputComponent } from './chat/chat-input/chat-input.component';
 import { ChatAvatarComponent } from './chat/chat-avatar/chat-avatar.component';
 import { HttpClientModule } from '@angular/common/http';
+import { MatButtonModule } from '@angular/material/button';
 
 @NgModule({
   declarations: [
@@ -19,7 +20,8 @@ import { HttpClientModule } from '@angular/common/http';
     BrowserModule,
     AppRoutingModule,
     BrowserAnimationsModule,
-    HttpClientModule
+    HttpClientModule,
+    MatButtonModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/chat/chat-services/chat-services.service.ts

@@ -17,14 +17,17 @@ export class ChatServicesService {
   constructor(private httpClient: HttpClient) {}
 
   url: string = 'http://localhost:5005/webhooks/rest/webhook';
-
+  data;
   botMessageRequest(m: any): Observable<any> {
-    const data = JSON.stringify({
+
+
+    this.data = JSON.stringify({
       sender: 'User',
       message: m,
     });
-
-    return this.httpClient.post<any>(this.url, data, httpOptions).pipe(
+
+    console.log("Data", this.data);
+    return this.httpClient.post<any>(this.url, this.data, httpOptions).pipe(
       map((res) => {
         console.log('service', res);
         return JSON.stringify(res);