Upload 20 files

src/app/app-routing.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/app.component.html

@@ -0,0 +1 @@
+<app-chatbot></app-chatbot>

src/app/app.component.spec.ts

@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'bot'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('bot');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('bot app is running!');
+  });
+});

src/app/app.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  title = 'Chainbot';
+}

src/app/app.module.ts

@@ -0,0 +1,23 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+
+import { AppComponent } from './app.component';
+import { ChatbotComponent } from './chatbot/chatbot.component';
+import { CouchdbService } from './couchdb.service'; // Import the service
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    ChatbotComponent
+  ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpClientModule
+  ],
+  providers: [CouchdbService],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

src/app/chatbot/chatbot.component.css

@@ -0,0 +1,221 @@
+/* Chat container */
+.chat-container {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  width: 350px;
+  max-height: 500px;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.chat-container.minimized {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  box-shadow: none;
+  cursor: pointer;
+}
+
+.chat-container.minimized .chat-header,
+.chat-container.minimized .chat-content {
+  display: none;
+}
+
+.chat-container.minimized .chat-minimized {
+  display: flex;
+}
+
+.chat-minimized {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  cursor: pointer;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+}
+
+.chat-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: linear-gradient(to bottom, #0083bf, #0083bf);
+  color: #fff;
+  padding: 10px;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+
+.chat-header img {
+  width: 30px;
+  height: 30px;
+}
+
+.chat-title {
+  flex-grow: 1;
+  text-align: center;
+  font-weight: bold;
+}
+
+.minimize-btn, .close-btn {
+  background: none;
+  border: none;
+  color: #fff;
+  font-size: 18px;
+  cursor: pointer;
+  outline: none;
+}
+
+.minimize-btn:hover, .close-btn:hover {
+  color: #e0e0e0;
+}
+
+/* Chat messages container */
+.chat-content {
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  height: 300px;
+  overflow-y: auto;
+}
+
+/* Chat messages */
+.message {
+  display: flex;
+  justify-content: flex-start;
+  margin: 10px;
+}
+
+/* Bot message bubble */
+.bot-message .message-text {
+  background-color: #e0e0e0;
+  color: #000;
+  border-radius: 10px;
+  padding: 10px;
+  max-width: 70%;
+}
+
+/* User message bubble */
+.user-message .message-text {
+  background-color: #1056ecee;
+  color: #fff;
+  border-radius: 10px;
+  padding: 10px;
+  max-width: 70%;
+  justify-content: flex-end;
+}
+
+.user-message {
+  justify-content: flex-end;
+}
+
+/* Answers container */
+.answers {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin: 10px;
+}
+
+/* Answer button */
+.answers button {
+  background-color: #1056ecee;
+  color: #fff;
+  border: none;
+  border-radius: 20px;
+  padding: 10px 20px;
+  margin: 5px;
+  cursor: pointer;
+  outline: none;
+}
+
+.answers button:hover {
+  background-color: #0c83e4;
+}
+
+/* User input container */
+.user-input {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin: 0px;
+}
+
+/* Input icon */
+.input-icon {
+  display: flex;
+  align-items: center;
+  margin-right: 10px;
+}
+
+/* Input field */
+.user-input input {
+  flex: 1;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 20px;
+  margin-right: 10px;
+  outline: none;
+}
+
+/* Submit button */
+.user-input button {
+  background-color: #4CAF50;
+  color: #fff;
+  border: none;
+  border-radius: 20px;
+  padding: 10px 20px;
+  cursor: pointer;
+  outline: none;
+}
+
+.user-input button:hover {
+  background-color: #45a049;
+}
+
+/* Error message */
+.error-message {
+  color: red;
+  margin-top: 5px;
+}
+
+.error-alert {
+  background: #ffcccc;
+  color: #a94442;
+  padding: 0px;
+  border: 1px solid #a94442;
+  border-radius: 5px;
+  margin: 2px;
+  position: absolute;
+  top: 50px; /* Adjust based on your header height */
+  width: calc(95% - 25px); /* Adjust width to fit within container */
+  left: 10px;
+}
+
+@keyframes fadeOut {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}
+/* Responsive design */
+@media (max-width: 500px) {
+  .chat-container {
+    width: 100%;
+    border-radius: 0;
+    bottom: 0;
+    right: 0;
+    max-height: 100%;
+  }
+
+  .chat-minimized {
+    bottom: 10px;
+    right: 10px;
+  }
+}

src/app/chatbot/chatbot.component.html

@@ -0,0 +1,38 @@
+<div class="chat-container" [ngClass]="{ minimized: isMinimized }" (click)="isMinimized ? toggleMinimize() : null" id="chat-container">
+  <div class="chat-header">
+    <span class="chat-title">ChainBot</span>
+    <button class="minimize-btn" (click)="toggleMinimize($event)">_</button>
+    <button class="close-btn" (click)="closeChat($event)">x</button>
+  </div>
+  <div *ngIf="errorMessage" class="error-alert">
+    {{ errorMessage }}
+  </div>
+  <div class="chat-content" id="chat-content" #chatContent>
+    <div *ngFor="let message of conversation" class="message" [ngClass]="{ 'user-message': message.speaker === 'user', 'bot-message': message.speaker === 'bot' }">
+      <div *ngIf="message.speaker === 'bot'" class="message-icon">
+        <img style="width: 35px; height: 35px;" src="https://static.thenounproject.com/png/1156284-200.png" alt="Bot Icon">
+      </div>
+      <div class="message-text">
+        {{ message.text }}
+      </div>
+    </div>
+
+    <div *ngIf="currentNode.type === 'question'" class="answers">
+      <button *ngFor="let answer of currentNode.answers" (click)="selectAnswer(answer)">
+        {{ answer.text }}
+      </button>
+    </div>
+
+    <div *ngIf="currentNode.type === 'input'" class="user-input">
+      <div class="input-icon">
+        <img style="width: 20px; height: 20px;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnRWFs0zshslKNFEmRVUuHgYNfmk5_-M4Qgw&s" alt="User Icon" />
+      </div>
+      <input [(ngModel)]="userInput" placeholder="Type your response..." />
+      <button (click)="submitInput()">Submit</button>
+    </div>
+  </div>
+
+  <div class="chat-minimized" id="chat-minimized" (click)="toggleMinimize()" *ngIf="isMinimized">
+    <img style="width: 50px; height: 50px;" src="https://chatbot.design/favicon.ico">
+  </div>
+</div>

src/app/chatbot/chatbot.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChatbotComponent } from './chatbot.component';
+
+describe('ChatbotComponent', () => {
+  let component: ChatbotComponent;
+  let fixture: ComponentFixture<ChatbotComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ChatbotComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ChatbotComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/chatbot/chatbot.component.ts

@@ -0,0 +1,239 @@
+import { Component, OnInit, AfterViewChecked, ElementRef, ViewChild } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { CouchdbService } from '../couchdb.service'; // Import the service
+import emailjs, { EmailJSResponseStatus } from 'emailjs-com';
+
+interface Answer {
+  text: string;
+  next: string;
+}
+
+interface Node {
+  type: string;
+  text: string;
+  answers?: Answer[];
+  next?: string;
+}
+
+interface DecisionTree {
+  startNode: string;
+  nodes: { [key: string]: Node };
+}
+
+@Component({
+  selector: 'app-chatbot',
+  templateUrl: './chatbot.component.html',
+  styleUrls: ['./chatbot.component.css']
+})
+export class ChatbotComponent implements OnInit, AfterViewChecked {
+  decisionTree: DecisionTree = { startNode: '', nodes: {} };
+  currentNode: Node = { type: '', text: '' };
+  conversation: { speaker: string; text: string }[] = [];
+  userInput = '';
+  errorMessage = '';
+  isMinimized = true;
+  leaveDetails: any = {};
+  leaveBalance = 0;
+
+  @ViewChild('chatContent') private chatContent!: ElementRef;
+
+  constructor(private couchdbService: CouchdbService, private http: HttpClient) {} // Inject the service
+
+  ngOnInit(): void {
+    this.couchdbService.getDecisionTree().subscribe(data => {
+      this.decisionTree = data.data;
+      this.currentNode = this.decisionTree.nodes[this.decisionTree.startNode];
+      this.addMessage('bot', this.currentNode.text);
+    });
+  }
+
+  ngAfterViewChecked() {
+    this.scrollToBottom();
+  }
+
+  addMessage(speaker: string, text: string): void {
+    this.conversation.push({ speaker, text });
+    this.scrollToBottom();
+  }
+
+  selectAnswer(answer: Answer): void {
+    this.addMessage('user', answer.text);
+
+    // Check for redirection conditions
+    if (this.currentNode.text === "Welcome to our Ticket service!") {
+      if (answer.text === 'Raise Ticket' || answer.text === 'Ticket Status') {
+        window.open('https://e.chain.portal.url', '_blank');
+      }
+    } else if (this.currentNode.text === "Welcome to our Technical service!") {
+      if (answer.text === 'Raise Support') {
+        window.open('https://appTrack.portal.url', '_blank');
+      }
+    }
+
+    if (this.currentNode.text === "Are you sure you want to submit the form?") {
+      if (answer.text === 'Yes, submit') {
+        this.sendLeaveApplicationEmail();
+        this.userInput = ''; // Clear user input
+        return;
+      } else {
+        // Handle other options if needed
+      }
+    }
+
+    // Move to the next node based on the selected answer
+    this.currentNode = this.decisionTree.nodes[answer.next];
+    this.processNode();
+  }
+
+  submitInput(): void {
+    if (!this.userInput.trim()) {
+      this.displayErrorMessage('Please enter a value');
+      return;
+    }
+
+    // Validate email ID
+    if (this.currentNode.text === "Enter your Email ID" || this.currentNode.text === "Enter manager Email ID") {
+      if (!this.validateEmail(this.userInput)) {
+        this.displayErrorMessage('Please enter a valid email ID');
+        return;
+      }
+    }
+
+    // Validate dates
+    if (this.currentNode.text === "Please provide the start date for your leave. (Format: YYYY-MM-DD)" || this.currentNode.text === "Please provide the end date for your leave. (Format: YYYY-MM-DD)") {
+      if (!this.validateDate(this.userInput)) {
+        this.displayErrorMessage('Please enter a valid date in the format YYYY-MM-DD');
+        return;
+      }
+
+      if (new Date(this.userInput) <= new Date()) {
+        this.displayErrorMessage('Please enter a date greater than today\'s date');
+        return;
+      }
+    }
+
+    this.addMessage('user', this.userInput);
+    this.errorMessage = '';
+    this.leaveDetails[this.currentNode.text] = this.userInput; // Store user input in leaveDetails
+
+    if (this.currentNode.text === "Please provide your employee ID") {
+      this.checkEmployeeEligibility(this.userInput);
+    } else {
+      this.currentNode = this.decisionTree.nodes[this.currentNode.next || ''];
+      this.processNode();
+    }
+
+    this.userInput = '';
+  }
+
+  validateEmail(email: string): boolean {
+    const emailPattern = /^[a-zA-Z]+\.[a-zA-Z]+@chainsys\.com$/;
+    return emailPattern.test(email);
+  }
+
+  validateDate(date: string): boolean {
+    const datePattern = /^\d{4}-\d{2}-\d{2}$/;
+    return datePattern.test(date);
+  }
+
+  checkEmployeeEligibility(employeeId: string): void {
+    const url = `https://192.168.57.185:5984/employee-db/${employeeId}`;
+    const headers = new HttpHeaders({
+      'Authorization': 'Basic ' + btoa('d_couchdb:Welcome#2')
+    });
+
+    this.http.get<any>(url, { headers }).subscribe(
+      data => {
+        data.leaveBalance = data.leaveBalance || 0; // Ensure leaveBalance is initialized if null
+
+        this.leaveBalance = data.leaveBalance;
+        this.leaveDetails['leaveBalance'] = this.leaveBalance;
+
+        if (this.leaveBalance > 0) {
+          this.currentNode = this.decisionTree.nodes['nodeEligibilityResult'];
+        } else {
+          this.addMessage('bot', 'You are not eligible to apply for leave.');
+          this.currentNode = this.decisionTree.nodes[this.decisionTree.startNode];
+        }
+        this.processNode();
+      },
+      error => {
+        this.addMessage('bot', 'No record found.');
+        this.currentNode = this.decisionTree.nodes[this.decisionTree.startNode];
+        this.processNode();
+      }
+    );
+  }
+
+  processNode(): void {
+    if (!this.currentNode) {
+      console.error('Invalid node configuration');
+      return;
+    }
+
+    if (this.currentNode.type === 'question' && this.currentNode.text === 'No. of days') {
+      // Adjust leave options based on leave balance
+      const maxDays = Math.min(this.leaveBalance, 5); // Maximum of 5 days or leave balance, whichever is smaller
+      this.currentNode.answers = this.currentNode.answers?.filter(answer => parseInt(answer.text, 10) <= maxDays);
+    }
+
+    const botMessage = this.replaceVariables(this.currentNode.text);
+    this.addMessage('bot', botMessage);
+  }
+
+  replaceVariables(text: string): string {
+    return text.replace(/\[\w+\]/g, match => this.leaveDetails[match.slice(1, -1)] || match);
+  }
+
+  toggleMinimize(event?: Event): void {
+    if (event) {
+      event.stopPropagation();
+    }
+    this.isMinimized = !this.isMinimized;
+  }
+
+  closeChat(event?: Event): void {
+    const confirmClose = confirm("Are you sure you want to close the chat?");
+    if (event) {
+      event.stopPropagation();
+    }
+    this.isMinimized = !this.isMinimized;
+  }
+
+  private scrollToBottom(): void {
+    try {
+      this.chatContent.nativeElement.scrollTop = this.chatContent.nativeElement.scrollHeight;
+    } catch (err) {
+      console.error('Scroll to bottom failed:', err);
+    }
+  }
+
+  displayErrorMessage(message: string): void {
+    this.errorMessage = message;
+    setTimeout(() => {
+      this.errorMessage = '';
+    }, 2000);
+  }
+
+  sendLeaveApplicationEmail(): void {
+    const templateParams = {
+      employee_email: this.leaveDetails['Enter your Email ID'],
+      manager_email: this.leaveDetails['Enter manager Email ID'],
+      employee_id: this.leaveDetails['Please provide your employee ID'],
+      leave_type: this.leaveDetails['Type of leave'],
+      leave_reason: this.leaveDetails['Reason for the leave'],
+      leave_days: this.leaveDetails['No. of days'],
+      start_date: this.leaveDetails['Please provide the start date for your leave. (Format: YYYY-MM-DD)'],
+      end_date: this.leaveDetails['Please provide the end date for your leave. (Format: YYYY-MM-DD)']
+    };
+
+    emailjs.send('service_g7y50fu', 'template_20nsgam', templateParams, '8pjnXdcFSoOVX9B6c')
+      .then((response: EmailJSResponseStatus) => {
+        console.log('SUCCESS!', response.status, response.text);
+        this.currentNode = this.decisionTree.nodes['node13'];
+        this.processNode();
+      }, (error) => {
+        console.error('FAILED...', error);
+      });
+  }
+}

src/app/couchdb.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CouchdbService } from './couchdb.service';
+
+describe('CouchdbService', () => {
+  let service: CouchdbService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CouchdbService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/couchdb.service.ts

@@ -0,0 +1,40 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+interface DecisionTree {
+  startNode: string;
+  nodes: { [key: string]: Node };
+}
+
+interface Node {
+  type: string;
+  text: string;
+  answers?: Answer[];
+  next?: string;
+}
+
+interface Answer {
+  text: string;
+  next: string;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CouchdbService {
+  private dbUrl = 'https://192.168.57.185:5984/decison-tree-db/decisiontree_2';
+  private username = 'd_couchdb'; // Replace with your CouchDB username
+  private password = 'Welcome#2'; // Replace with your CouchDB password
+
+  constructor(private http: HttpClient) { }
+
+  getDecisionTree(): Observable<{ data: DecisionTree }> {
+    const headers = new HttpHeaders({
+      'Authorization': 'Basic ' + btoa(this.username + ':' + this.password)
+    });
+
+    return this.http.get<{ data: DecisionTree }>(this.dbUrl, { headers });
+  }
+  
+}

src/app/email.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { EmailService } from './email.service';
+
+describe('EmailService', () => {
+  let service: EmailService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(EmailService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/email.service.ts

@@ -0,0 +1,19 @@
+// email.service.ts
+import { Injectable } from '@angular/core';
+import emailjs, { EmailJSResponseStatus } from 'emailjs-com';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EmailService {
+
+  constructor() { }
+
+  sendEmail(templateParams: any): Promise<EmailJSResponseStatus> {
+    const serviceId = 'service_22wzxai'; // Replace with your EmailJS service ID
+    const templateId = 'template_ok25x9n'; // Replace with your EmailJS template ID
+    const userId = 'nQusk6dPtAR0vTe3I'; // Replace with your EmailJS user ID
+
+    return emailjs.send(serviceId, templateId, templateParams, userId);
+  }
+}

src/assets/decision-tree.json

@@ -0,0 +1,250 @@
+{
+  "_id": "decisiontree_2",
+  "_rev": "12-17c8adc47887ebb4b2d7c9227002a6c7",
+  "data": {
+    "type": "decisiontree",
+    "startNode": "node1",
+    "nodes": {
+      "node1": {
+        "type": "question",
+        "text": "Hi! I am Chainbot, an online assistant for the employees!",
+        "options": [
+          {
+            "text": "Take Leave",
+            "next": "node2"
+          },
+          {
+            "text": "Ticket Service",
+            "next": "node14"
+          },
+          {
+            "text": "Technical Support",
+            "next": "node16"
+          }
+        ]
+      },
+      "node2": {
+        "type": "question",
+        "text": "Welcome to our leave application service",
+        "answers": [
+          {
+            "text": "Apply here!",
+            "next": "node3"
+          }
+        ]
+      },
+      "node3": {
+        "type": "input",
+        "text": "Please provide your employee ID",
+        "next": "nodeCheckEligibility"
+      },
+      "nodeCheckEligibility": {
+        "type": "statement",
+        "text": "Checking your eligibility...",
+        "next": "nodeEligibilityResult"
+      },
+      "nodeEligibilityResult": {
+        "type": "question",
+        "text": "You are eligible to apply for leave. Your available leave balance is [leaveBalance].",
+        "answers": [
+          {
+            "text": "Proceed",
+            "next": "node4"
+          },
+          {
+            "text": "Cancel",
+            "next": "node1"
+          }
+        ]
+      },
+      "node4": {
+        "type": "question",
+        "text": "Type of leave",
+        "answers": [
+          {
+            "text": "Casual Leave",
+            "next": "node5"
+          },
+          {
+            "text": "Medical Leave",
+            "next": "node6"
+          }
+        ]
+      },
+      "node5": {
+        "type": "question",
+        "text": "Reason for the leave",
+        "answers": [
+          {
+            "text": "Function",
+            "next": "node7"
+          },
+          {
+            "text": "Vacation",
+            "next": "node7"
+          },
+          {
+            "text": "Others",
+            "next": "node7"
+          }
+        ]
+      },
+      "node6": {
+        "type": "question",
+        "text": "Reason for the leave",
+        "answers": [
+          {
+            "text": "Fever",
+            "next": "node7"
+          },
+          {
+            "text": "Headache",
+            "next": "node7"
+          },
+          {
+            "text": "Others",
+            "next": "node7"
+          }
+        ]
+      },
+      "node7": {
+        "type": "question",
+        "text": "No. of days",
+        "answers": [
+          {
+            "text": "1",
+            "next": "node8"
+          },
+          {
+            "text": "2",
+            "next": "node8"
+          },
+          {
+            "text": "3",
+            "next": "node8"
+          },
+          {
+            "text": "4",
+            "next": "node8"
+          },
+          {
+            "text": "5",
+            "next": "node8"
+          }
+        ]
+      },
+      "node8": {
+        "type": "input",
+        "text": "Please provide the start date for your leave. (Format: YYYY-MM-DD)",
+        "next": "node9"
+      },
+      "node9": {
+        "type": "input",
+        "text": "Please provide the end date for your leave. (Format: YYYY-MM-DD)",
+        "next": "node10"
+      },
+      "node10": {
+        "type": "input",
+        "text": "Enter your Email ID",
+        "next": "node11"
+      },
+      "node11": {
+        "type": "input",
+        "text": "Enter manager Email ID",
+        "next": "node12"
+      },
+      "node12": {
+        "type": "question",
+        "text": "Are you sure you want to submit the form?",
+        "answers": [
+          {
+            "text": "Yes, submit",
+            "next": "node13"
+          },
+          {
+            "text": "No, make changes",
+            "next": "node2"
+          }
+        ]
+      },
+      "node13": {
+        "type": "question",
+        "text": "Your leave application has been successfully submitted! You will receive a confirmation email shortly. Is there anything else I can help you with?",
+        "answers": [
+          {
+            "text": "Take Leave",
+            "next": "node2"
+          },
+          {
+            "text": "Ticket Service",
+            "next": "node14"
+          },
+          {
+            "text": "Technical Support",
+            "next": "node16"
+          }
+        ]
+      },
+      "node14": {
+        "type": "question",
+        "text": "Welcome to our Ticket service!",
+        "answers": [
+          {
+            "text": "Raise Ticket",
+            "next": "node15"
+          },
+          {
+            "text": "Ticket Status",
+            "next": "node15"
+          }
+        ]
+      },
+      "node15": {
+        "type": "question",
+        "text": "You will be redirected to our e.chain portal!",
+        "answers": [
+          {
+            "text": "Take Leave",
+            "next": "node2"
+          },
+          {
+            "text": "Ticket Service",
+            "next": "node14"
+          },
+          {
+            "text": "Technical Support",
+            "next": "node16"
+          }
+        ]
+      },
+      "node16": {
+        "type": "question",
+        "text": "Welcome to our Technical service!",
+        "answers": [
+          {
+            "text": "Raise Support",
+            "next": "node17"
+          }
+        ]
+      },
+      "node17": {
+        "type": "question",
+        "text": "You will be redirected to our appTrack portal!",
+        "answers": [
+          {
+            "text": "Take Leave",
+            "next": "node2"
+          },
+          {
+            "text": "Ticket Service",
+            "next": "node14"
+          },
+          {
+            "text": "Technical Support",
+            "next": "node16"
+          }
+        ]
+      }
+    }
+  }
+}

src/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Bot</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

src/main.ts

@@ -0,0 +1,7 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));

src/styles.css

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */