@clikvn/agent-widget-embedded 0.0.11-dev → 0.0.12-dev

package/src/models/FlowiseClient.ts

@@ -1,103 +0,0 @@
-import { PredictionData } from '../types/flowise.type';
-import { BE_API, LANGUAGE_HEADER } from '../commons/constants';
-
-interface FlowiseClientOptions {
-  baseUrl: string;
-  accessToken?: string;
-  host?: string;
-}
-
-export interface StreamResponse {
-  event: string;
-  data: unknown;
-}
-
-type PredictionResponse<T extends PredictionData> = T['streaming'] extends true
-  ? AsyncGenerator<StreamResponse, void, unknown> // Streaming returns an async generator
-  : Record<string, any>;
-
-export default class FlowiseClient {
-  private baseUrl: string;
-  private accessToken: string | undefined;
-  private host: string | undefined;
-
-  constructor(options: FlowiseClientOptions) {
-    this.baseUrl = options.baseUrl;
-    this.accessToken = options.accessToken || '';
-    this.host = options.host || BE_API;
-  }
-
-  // Method to create a new prediction and handle streaming response
-  async createPrediction<T extends PredictionData>(
-    data: T
-  ): Promise<PredictionResponse<T>> {
-    const { chatId, streaming = true, language } = data;
-
-    const predictionUrl = `${this.host}${this.baseUrl}/${chatId}`;
-    let apiLanguage: string = LANGUAGE_HEADER.en;
-    if (language) {
-      apiLanguage = LANGUAGE_HEADER[language];
-    }
-
-    const options: any = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(data),
-      language: apiLanguage,
-    };
-
-    if (this.accessToken) {
-      options.headers['Authorization'] = `Bearer ${this.accessToken}`;
-    }
-
-    if (streaming) {
-      return {
-        async *[Symbol.asyncIterator]() {
-          const response = await fetch(predictionUrl, options);
-
-          if (!response.ok) {
-            throw new Error(`HTTP error! status: ${response.status}`);
-          }
-
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          const reader = response.body.getReader();
-          const decoder = new TextDecoder();
-          let buffer = '';
-
-          try {
-            while (true) {
-              const { done, value } = await reader.read();
-              if (done) break;
-
-              buffer += decoder.decode(value, { stream: true });
-              const lines = buffer.split('\n');
-              buffer = lines.pop() || '';
-
-              for (const line of lines) {
-                if (line.trim() === '') continue;
-                if (line.startsWith('data:')) {
-                  const stringifiedJson = line.replace('data:', '');
-                  const event = JSON.parse(stringifiedJson);
-                  yield event;
-                }
-              }
-            }
-          } finally {
-            reader.releaseLock();
-          }
-        },
-      } as unknown as Promise<PredictionResponse<T>>;
-    } else {
-      try {
-        const response = await fetch(predictionUrl, options);
-        const resp = await response.json();
-        return resp as Promise<PredictionResponse<T>>;
-      } catch (error) {
-        throw new Error('Error creating prediction');
-      }
-    }
-  }
-}

package/src/models.ts

@@ -1 +0,0 @@
-export type EVENT_TYPE = 'CONNECT' | 'DISCONNECT';

package/src/register.tsx

@@ -1,85 +0,0 @@
-import { agentWidgetElementName } from './constants';
-import * as ReactDom from 'react-dom';
-import AgentWidget from './features/AgentWidget';
-import { EVENT_TYPE } from './models';
-import { SuggestionType } from './types/common.type';
-
-export type AgentWidgetType = {
-  apiHost: string;
-  agentId: string;
-  overrideConfig?: {
-    chatId?: string | undefined;
-    overrideConfig?: Record<string, unknown>;
-    suggestedActions?: SuggestionType[];
-  } & Record<string, unknown>;
-  theme?: {
-    avatar?: string;
-    input?: {
-      placeholder?: string;
-    };
-    overview?: {
-      title: string;
-      description?: string;
-    };
-  } & Record<string, unknown>;
-  listeners?: Record<EVENT_TYPE, (props: any) => void>;
-};
-
-export class AgentWidgetComponent extends HTMLElement {
-  apiHost?: string;
-  agentId?: string;
-  overrideConfig?: {
-    chatId?: string | undefined;
-    overrideConfig?: Record<string, unknown>;
-    suggestedActions?: SuggestionType[];
-  } & Record<string, unknown>;
-  theme?: {
-    avatar?: string;
-    input?: {
-      placeholder?: string;
-    };
-    overview?: {
-      title: string;
-      description?: string;
-    };
-  } & Record<string, unknown>;
-  listeners?: Record<EVENT_TYPE, (props: any) => void>;
-  constructor() {
-    super();
-    this.updateAttributes = this.updateAttributes.bind(this);
-  }
-
-  updateAttributes(attributes: AgentWidgetType) {
-    this.apiHost = attributes.apiHost;
-    this.agentId = attributes.agentId;
-    this.overrideConfig = attributes.overrideConfig;
-    this.listeners = attributes.listeners;
-    this.theme = attributes.theme;
-    this.render();
-  }
-
-  connectedCallback() {
-    if (this.apiHost) {
-      this.render();
-    }
-  }
-
-  render() {
-    ReactDom.render(
-      <AgentWidget
-        apiHost={this.apiHost || ''}
-        agentId={this.agentId || ''}
-        overrideConfig={this.overrideConfig}
-        listeners={this.listeners}
-        theme={this.theme}
-      />,
-      this
-    );
-  }
-}
-export const registerWebComponents = () => {
-  if (typeof window === 'undefined') return;
-  if (!customElements.get(agentWidgetElementName)) {
-    customElements.define(agentWidgetElementName, AgentWidgetComponent);
-  }
-};

package/src/services/apis.ts

@@ -1,12 +0,0 @@
-export const API_VERSION = '/ext/v1';
-export const API_CHATS = `/chats`;
-
-export const API_CHAT_MESSAGE = `${API_CHATS}/chatmessage`;
-
-export const API_PREDICTION = `${API_CHATS}/prediction`;
-
-export const API_CHATBOTS = `${API_VERSION}/bots`;
-
-export const API_CREATE_ATTACHMENTS = `${API_CHATS}/attachments`;
-
-export const API_SUGGESTIONS = `${API_CHATS}/suggestions`;

package/src/services/bot.service.ts

@@ -1,15 +0,0 @@
-import { API_CHATBOTS } from './apis';
-import { BotType } from '../types/bot.type';
-import { request } from '../utils/requestUtils';
-
-export const getBot = async (id: string, apiHost: string): Promise<BotType> => {
-  const headers = {
-    'Content-Type': 'application/json',
-  };
-
-  return request({
-    host: apiHost,
-    url: `${API_CHATBOTS}/${id}`,
-    headers,
-  });
-};

package/src/services/chat.service.ts

@@ -1,199 +0,0 @@
-import FlowiseClient, { StreamResponse } from '../models/FlowiseClient';
-import {
-  API_CHAT_MESSAGE,
-  API_CHATS,
-  API_CREATE_ATTACHMENTS,
-  API_PREDICTION,
-  API_SUGGESTIONS,
-  API_VERSION,
-} from './apis';
-import { ChatRequestType, ChatType } from '../types/chat.type';
-import { CommonChatType, SuggestionType } from '../types/common.type';
-import {
-  AttachmentUploadResult,
-  ChatMessageType,
-  PredictionData,
-} from '../types/flowise.type';
-import { request } from '../utils/requestUtils';
-
-export const createChat = async ({
-  accessToken,
-  req,
-  apiHost,
-}: {
-  accessToken?: string;
-  req: ChatRequestType;
-  apiHost: string;
-}): Promise<ChatType> => {
-  const url = accessToken ? `${API_CHATS}` : `${API_VERSION}${API_CHATS}`;
-  let headers: any = {
-    'Content-Type': 'application/json',
-  };
-  if (accessToken) {
-    headers = {
-      ...headers,
-      Authorization: `Bearer ${accessToken}`,
-    };
-  }
-
-  return request({
-    host: apiHost,
-    url,
-    headers,
-    method: 'POST',
-    body: JSON.stringify(req),
-  });
-};
-
-export const predict = async ({
-  accessToken,
-  req,
-  onUpdate,
-  apiHost,
-}: {
-  accessToken?: string;
-  req: PredictionData;
-  apiHost: string;
-  onUpdate?: (chunk: StreamResponse) => void;
-}): Promise<StreamResponse[]> => {
-  const url = accessToken
-    ? `${API_PREDICTION}`
-    : `${API_VERSION}${API_PREDICTION}`;
-  const result: any[] = [];
-  const flowise = new FlowiseClient({
-    baseUrl: url,
-    accessToken: accessToken,
-    host: apiHost,
-  });
-
-  try {
-    const completion: any = await flowise.createPrediction(req);
-    for await (const chunk of completion) {
-      result.push(chunk);
-      onUpdate?.(chunk);
-    }
-  } catch (error) {
-    console.error('Error:', error);
-  }
-
-  return result;
-};
-
-export const getChatMessage = async ({
-  accessToken,
-  chatId,
-  apiHost,
-}: {
-  accessToken?: string;
-  chatId: string;
-  apiHost: string;
-}): Promise<ChatMessageType[]> => {
-  const headers = accessToken
-    ? {
-        Authorization: `Bearer ${accessToken}`,
-        'Content-Type': 'application/json',
-      }
-    : {};
-
-  const url = accessToken
-    ? `${API_CHAT_MESSAGE}/${chatId}`
-    : `${API_VERSION}${API_CHAT_MESSAGE}/${chatId}`;
-
-  return request({
-    host: apiHost,
-    url,
-    headers,
-    method: 'GET',
-  });
-};
-
-export const createAttachments = async ({
-  accessToken,
-  chatId,
-  body,
-  apiHost,
-}: {
-  accessToken?: string;
-  chatId: string;
-  apiHost: string;
-  body: any;
-}): Promise<AttachmentUploadResult[]> => {
-  const headers = accessToken
-    ? {
-        Authorization: `Bearer ${accessToken}`,
-        // 'Content-Type': 'application/json',
-      }
-    : {};
-  const url = accessToken
-    ? `${API_CREATE_ATTACHMENTS}/${chatId}`
-    : `${API_VERSION}${API_CREATE_ATTACHMENTS}/${chatId}`;
-
-  return request({
-    host: apiHost,
-    url,
-    headers,
-    method: 'POST',
-    body,
-  });
-};
-
-export const getById = async ({
-  accessToken,
-  id,
-  apiHost,
-}: {
-  accessToken?: string;
-  id: string;
-  apiHost: string;
-}): Promise<CommonChatType> => {
-  const headers = accessToken
-    ? {
-        Authorization: `Bearer ${accessToken}`,
-        'Content-Type': 'application/json',
-      }
-    : {};
-  const url = accessToken
-    ? `${API_CHATS}/${id}`
-    : `${API_VERSION}${API_CHATS}/${id}`;
-
-  return request({
-    host: apiHost,
-    url,
-    headers,
-    method: 'GET',
-  });
-};
-
-export const getSuggestions = async ({
-  accessToken,
-  id,
-  question,
-  apiHost
-}: {
-  accessToken?: string;
-  id: string;
-  question?: string;
-  apiHost: string;
-}): Promise<SuggestionType[]> => {
-  const headers = accessToken
-    ? {
-        Authorization: `Bearer ${accessToken}`,
-        'Content-Type': 'application/json',
-      }
-    : {};
-  const url = accessToken
-    ? `${API_SUGGESTIONS}/${id}`
-    : `${API_VERSION}${API_SUGGESTIONS}/${id}`;
-  const req = {
-    question
-  }
-  const formData = new FormData();
-  formData.append('question', `${question}`);
-  return request({
-    host: apiHost,
-    url,
-    headers,
-    method: 'POST',
-    body: formData,
-  });
-};

package/src/types/bot.type.ts

@@ -1,10 +0,0 @@
-export interface BotType {
-  id: string;
-  created: string;
-  lastModifiedDate: string;
-  name: string;
-  chatflowId: string;
-  chatflowConfig: any;
-  hidden: boolean;
-  avatar: string;
-}

package/src/types/chat.type.ts

@@ -1,11 +0,0 @@
-import { CommonChatType } from './common.type';
-import { UserType } from './user.type';
-
-export interface ChatType extends CommonChatType {
-  user: UserType;
-}
-
-export interface ChatRequestType {
-  title: string;
-  chatflowId?: string;
-}

package/src/types/common.type.ts

@@ -1,24 +0,0 @@
-import { BotType } from './bot.type';
-
-export interface CommonChatType {
-  id: string;
-  created?: Date;
-  lastModifiedDate?: Date;
-  title: string;
-  chatflowId: string;
-  type: 'PRIVATE' | 'ANONYMOUS';
-  bot: BotType;
-}
-
-export interface SuggestionType {
-  title?: string;
-  label?: string;
-  action?: string;
-}
-
-export interface ConfigMessageType {
-  backgroundColor?: string;
-  textColor?: string;
-  showAvatar?: boolean;
-  avatarSrc?: string;
-}

package/src/types/flowise.type.ts

@@ -1,108 +0,0 @@
-export type MessageRoleType = 'apiMessage' | 'userMessage';
-
-export interface PredictionData {
-  chatflowId?: string;
-  question: string;
-  overrideConfig?: Record<string, any>;
-  chatId?: string;
-  streaming?: boolean;
-  history?: IMessage[];
-  uploads?: IFileUpload[];
-  leadEmail?: string;
-  action?: IAction;
-  language?: string;
-  tts?: boolean;
-}
-
-export interface ChatMessageType {
-  action?: IAction;
-  artifacts?: any;
-  chatId?: string;
-  chatType?: string;
-  chatflowid?: string;
-  content?: string;
-  createdDate?: string | Date;
-  followUpPrompts?: any;
-  id?: string;
-  leadEmail?: string;
-  role: MessageRoleType;
-  sessionId?: string;
-  usedTools?: ToolUsage[];
-  sourceDocuments?: SourceDocument[];
-  fileUploads?: IFileUpload[];
-  fileAnnotations?: FileAnnotation[];
-  agentReasoning?: AgentReasoning[];
-  metaData?: ChatMessageMetadataType;
-  ttsUrl?: string;
-}
-
-export interface ChatMessageMetadataType {
-  chatId: string;
-  chatMessageId?: string;
-  question?: string;
-}
-
-export interface IAction {
-  id?: string;
-  elements?: Array<{
-    type: string;
-    label: string;
-  }>;
-  mapping?: {
-    approve: string;
-    reject: string;
-    toolCalls: any[];
-  };
-}
-
-export interface IFileUpload {
-  tempId?: string;
-  data?: string;
-  type: string;
-  name: string;
-  mime: string;
-}
-
-export interface IMessage {
-  message: string;
-  type: MessageRoleType;
-  role?: MessageRoleType;
-  content?: string;
-}
-
-export interface ToolUsage {
-  tool: string;
-  toolInput: {
-    input: string;
-  };
-  toolOutput: string;
-}
-
-export interface SourceDocument {
-  pageContent: string;
-  metadata: {
-    author: string;
-    date: string;
-  };
-}
-
-export interface AgentReasoning {
-  agentName: string;
-  messages: string[];
-  nodeName: string;
-  nodeId: string;
-  usedTools: ToolUsage[];
-  sourceDocuments: SourceDocument[];
-}
-
-export interface FileAnnotation {
-  filePath: string;
-  fileName: string;
-}
-
-export interface AttachmentUploadResult {
-  name: string;
-  mimeType: string;
-  size: string;
-  content: string;
-}

package/src/types/user.type.ts

@@ -1,15 +0,0 @@
-import { CommonChatType } from './common.type';
-
-export interface UserType {
-  id: string;
-  created?: Date;
-  lastModifiedDate?: Date;
-  phoneNumber?: string;
-  name?: string;
-  email: string;
-  userClik: number;
-  chats?: CommonChatType[];
-
-  user?: number;
-  authorities?: string[];
-}