Fix chat endpoint (#23)

This pull request includes several improvements and new features for the chat functionality in the `ChatContainer` component and related services. The most important changes include adding support for handling `chatUuid` in the payload and response headers, and updating the API endpoints. Enhancements to `ChatContainer` component: * [`src/components/ChatContainer/ChatContainer.tsx`](diffhunk://#diff-c0bfccaf03a29a5059f6a47c6dd2cdd194fcb1e06fe8e0e188d700a86204f073R167-R171): Added support for including `chatUuid` in the payload if available and setting `chatUuid` from response headers if not already set. [[1]](diffhunk://#diff-c0bfccaf03a29a5059f6a47c6dd2cdd194fcb1e06fe8e0e188d700a86204f073R167-R171) [[2]](diffhunk://#diff-c0bfccaf03a29a5059f6a47c6dd2cdd194fcb1e06fe8e0e188d700a86204f073R217-R221) Updates to `APIClient` and `ChatService`: * [`src/services/APIClient.ts`](diffhunk://#diff-c541918b610d84d9d4591faecad3008e1a8a244d446b8b929f3e017ea97fd558L57-R61): Modified the `fetch` method to merge custom headers with default headers and enabled CORS mode. * [`src/services/ChatService.ts`](diffhunk://#diff-9dd13b51c673219aa9d6fb02c8bc1100134172df11c9c69008b0b299c0b3d53fL43-R43): Updated the `sendMessage` method to use the new API endpoint `/api/v1/chats`. * [`src/services/ChatService.ts`](diffhunk://#diff-9dd13b51c673219aa9d6fb02c8bc1100134172df11c9c69008b0b299c0b3d53fL55-R78): Enhanced the `sendStreamMessage` method to handle `chatUuid` from response headers and added debug logging for all response headers.

Author: shahariaazam

src/components/ChatContainer/ChatContainer.tsx

@@ -164,6 +164,11 @@ export const ChatContainer: React.FC<ChatContainerProps> = ({
  })
  };
 
+ if (chatUuid) {
+ payload.chat_uuid = chatUuid;
+ }
+
+
  if (config.streamResponse) {
  await handleStreamingResponse(chatService, payload);
  } else {
@@ -209,6 +214,11 @@ export const ChatContainer: React.FC<ChatContainerProps> = ({
  return newMessages;
  });
  }
+ },
+ (headerChatUuid) => {
+ if (headerChatUuid && !chatUuid) {
+ setChatUuid(headerChatUuid);
+ }
  }
  );
  };

src/services/APIClient.ts

@@ -54,7 +54,11 @@ export class APIClient {
  ): Promise<Response> {
  const response = await fetch(`${this.baseUrl}${endpoint}`, {
  ...options,
- headers: this.getHeaders(),
+ headers: {
+ ...this.getHeaders(),
+ ...options.headers
+ },
+ mode: 'cors',
  });
 
  if (!response.ok) {

src/services/ChatService.ts

@@ -40,7 +40,7 @@ export class ChatService extends APIClient {
  }
 
  async sendMessage(payload: ChatPayload): Promise<APIResponse<ChatResponse>> {
- return this.fetchWithError<ChatResponse>('/ask', {
+ return this.fetchWithError<ChatResponse>('/api/v1/chats', {
  method: 'POST',
  body: JSON.stringify(payload),
  });
@@ -52,14 +52,30 @@ export class ChatService extends APIClient {
 
  async sendStreamMessage(
  payload: ChatPayload,
- onChunk: (chunk: StreamChunk) => void
+ onChunk: (chunk: StreamChunk) => void,
+ onHeaderChatUuid?: (chatUuid: string) => void
  ): Promise<void> {
  try {
  const response = await this.fetchStream('/api/v1/chats/stream', {
  method: 'POST',
  body: JSON.stringify(payload),
  });
 
+ //const chatUuid = response.headers.get('X-Chat-Uuid');
+ // Debug: Log all available headers
+ console.log('All response headers:');
+ response.headers.forEach((value, name) => {
+ console.log(`${name}: ${value}`);
+ });
+
+ // Try both casing variants
+ const chatUuid = response.headers.get('X-MKit-Chat-UUID');
+
+ if (chatUuid && onHeaderChatUuid) {
+ onHeaderChatUuid(chatUuid);
+ }
+
+
  const reader = response.body?.getReader();
  if (!reader) {
  throw new Error('Response body is not readable');