From c26452a93865ebc946ed19a85d7d8022e2e08d2f Mon Sep 17 00:00:00 2001
From: Sebastian Musial <sebastian.musial@boldare.com>
Date: Mon, 27 May 2024 14:54:45 +0200
Subject: [PATCH] feat(chatbot): allowed to declare the initial messages

---
 .../chat/chat-messages/chat-messages.component.html           | 4 ++--
 .../components/chat/chat-messages/chat-messages.component.ts  | 1 +
 .../+chat/containers/chat-iframe/chat-iframe.component.html   | 1 +
 .../+chat/containers/chat-iframe/chat-iframe.component.ts     | 4 +++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.html b/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.html
index be2bbba..a27b0da 100644
--- a/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.html
+++ b/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.html
@@ -1,6 +1,6 @@
 <div class="messages">
-  @for (message of messages; track message) {
-  <span #item>
+  @for (message of initialMessages.concat(messages); track message) {
+    <span #item>
     <ai-chat-message [message]="message"></ai-chat-message>
   </span>
   } @empty {
diff --git a/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.ts b/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.ts
index 838e954..0345aff 100644
--- a/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.ts
+++ b/apps/spa/src/app/components/chat/chat-messages/chat-messages.component.ts
@@ -29,6 +29,7 @@ import { ChatTipsComponent } from '../chat-tips/chat-tips.component';
   ],
 })
 export class ChatMessagesComponent implements AfterViewInit, OnChanges {
+  @Input() initialMessages: ChatMessage[] = [];
   @Input() messages: ChatMessage[] = [];
   @Input() isTyping = false;
   @Input() tips: string[] = [];
diff --git a/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.html b/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.html
index 44272e0..1ddffde 100644
--- a/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.html
+++ b/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.html
@@ -13,6 +13,7 @@
     <ai-configuration-form class="chat__content" />
   } @else {
     <ai-chat-messages
+      [initialMessages]="initialMessages"
       [messages]="messages()"
       [isTyping]="isTyping()"
       [tips]="tips"
diff --git a/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.ts b/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.ts
index 1148722..be36b2f 100644
--- a/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.ts
+++ b/apps/spa/src/app/modules/+chat/containers/chat-iframe/chat-iframe.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
+import { take } from 'rxjs';
 import { environment } from '../../../../../environments/environment';
 import { ChatService } from '../../shared/chat.service';
 import { ThreadService } from '../../shared/thread.service';
@@ -8,8 +9,8 @@ import { ChatHeaderComponent } from '../../../../components/chat/chat-header/cha
 import { ChatMessagesComponent } from '../../../../components/chat/chat-messages/chat-messages.component';
 import { ChatFooterComponent } from '../../../../components/chat/chat-footer/chat-footer.component';
 import { ConfigurationFormComponent } from '../../../+configuration/components/configuration-form/configuration-form.component';
-import { take } from 'rxjs';
 import { SpinnerComponent } from '../../../../components/spinner/spinner.component';
+import { ChatMessage } from '../../shared/chat.model';
 
 @Component({
   selector: 'ai-chat-iframe',
@@ -37,6 +38,7 @@ export class ChatIframeComponent implements OnInit {
   isAttachmentEnabled = environment.isAttachmentEnabled;
   isRefreshEnabled = environment.isRefreshEnabled;
   isConfigEnabled = environment.isConfigEnabled;
+  initialMessages: ChatMessage[] = [];
   tips = [
     'Hello! 👋 How can you help me?',
     'What’s the weather like in Warsaw?',