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

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,17 +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;
-}

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[];
-}