@satek-team-intern/chatbot-widget 0.10.8 → 0.11.1

package/dist/src/store/slices/chatSlice.d.ts

@@ -1,5 +1,5 @@
-import { ChatUser, ChatConversation, ChatMessage, PaginationInfo } from '../../../types';
-export interface ChatState {
+import { ChatUser, ChatConversation, ChatMessage, PaginationInfo, UseChatOptions } from '../../../types';
+export interface AccountChatState {
     currentUser: ChatUser | null;
     chats: ChatConversation[];
     currentChat?: ChatConversation | null;
@@ -10,16 +10,119 @@ export interface ChatState {
     totalMessagesUnread: number;
     messagesPagination: PaginationInfo | null;
     replyingMessage: ChatMessage | null;
+    disabledMembers: Record<string, boolean>;
     memberSocketMap: Record<number, string[]>;
     disconnectedSockets: Record<string, boolean>;
-    isChatLoading: boolean;
+    selectedUserProfile: ChatUser | null;
+}
+export interface ChatState {
+    accounts: Record<string, AccountChatState>;
+    activeAccountCode?: string;
+    defaultAccountCode?: string;
+    accountConfigs: UseChatOptions[];
 }
-export declare const clearAll: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"widget-chatslice/clearAll">, setCurrentUser: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setCurrentUser">, setChats: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setChats">, setCurrentChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setCurrentChat">, setCurrentChatMessages: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setCurrentChatMessages">, setCurrentChatMembers: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setCurrentChatMembers">, setMembers: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setMembers">, setMember: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setMember">, setMemberDisconnect: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setMemberDisconnect">, setMessagesPagination: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setMessagesPagination">, prependMessages: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/prependMessages">, addNewMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/addNewMessage">, removeChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/removeChat">, addChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/addChat">, updateChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/updateChat">, updateChatAvatar: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/updateChatAvatar">, removeMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/removeMessage">, updateMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/updateMessage">, setReplyingMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setReplyingMessage">, setTotalMessagesUnread: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setTotalMessagesUnread">, updateMemberReadStatus: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+export declare const defaultAccountState: AccountChatState;
+export declare const setDefaultAccount: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/setDefaultAccount">, setActiveAccount: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/setActiveAccount">, registerAccountConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<UseChatOptions, "widget-chatslice/registerAccountConfig">, removeAccountConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/removeAccountConfig">, initAccountState: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/initAccountState">, clearAccount: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/clearAccount">, removeAccountState: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+}, "widget-chatslice/removeAccountState">, setCurrentUser: import('@reduxjs/toolkit').ActionCreatorWithPayload<ChatUser | null, "widget-chatslice/setCurrentUser">, setChats: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chats: ChatConversation[];
+}, "widget-chatslice/setChats">, setCurrentChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat: ChatConversation | null;
+}, "widget-chatslice/setCurrentChat">, setCurrentChatMessages: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    messages: ChatMessage[];
+}, "widget-chatslice/setCurrentChatMessages">, setCurrentChatMembers: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    members: ChatUser[];
+}, "widget-chatslice/setCurrentChatMembers">, setMembers: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    members: ChatUser[];
+}, "widget-chatslice/setMembers">, setDisabledMembers: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    disabledMembers: string[];
+}, "widget-chatslice/setDisabledMembers">, setMember: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    member: ChatUser;
+    timestamp: number;
+    socketId: string;
+}, "widget-chatslice/setMember">, setMemberDisconnect: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    socketId: string;
+}, "widget-chatslice/setMemberDisconnect">, setMessagesPagination: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    pagination?: PaginationInfo;
+}, "widget-chatslice/setMessagesPagination">, prependMessages: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    messages: ChatMessage[];
+}, "widget-chatslice/prependMessages">, addNewMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat: ChatConversation;
+    message: ChatMessage;
+}, "widget-chatslice/addNewMessage">, addNewSystemMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    message: ChatMessage;
+}, "widget-chatslice/addNewSystemMessage">, removeChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chatId: number;
+}, "widget-chatslice/removeChat">, addChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat: ChatConversation;
+}, "widget-chatslice/addChat">, updateChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat: ChatConversation;
+}, "widget-chatslice/updateChat">, updateChatAvatar: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chatId: number;
+    avatar: string;
+}, "widget-chatslice/updateChatAvatar">, removeMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat_id: number;
+    message_id: number;
+    type: "remove" | "revoke";
+}, "widget-chatslice/removeMessage">, updateMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    chat_id: number;
+    message: ChatMessage;
+}, "widget-chatslice/updateMessage">, setReplyingMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    message: ChatMessage | null;
+}, "widget-chatslice/setReplyingMessage">, setTotalMessagesUnread: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    total: number;
+}, "widget-chatslice/setTotalMessagesUnread">, updateMemberReadStatus: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
     chatId: number;
     memberId: number;
     lastReadId: number;
 }, "widget-chatslice/updateMemberReadStatus">, toggleChatSetting: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
     chatId: number;
     setting: "is_muted" | "is_pined";
-}, "widget-chatslice/toggleChatSetting">, renewMemberActivity: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/renewMemberActivity">, memberJoinChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/memberJoinChat">, memberLeaveChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/memberLeaveChat">, setIsChatLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-chatslice/setIsChatLoading">;
+}, "widget-chatslice/toggleChatSetting">, renewMemberActivity: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    userId: number;
+}, "widget-chatslice/renewMemberActivity">, memberJoinChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    member: ChatUser;
+    chat: ChatConversation;
+}, "widget-chatslice/memberJoinChat">, memberLeaveChat: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    member_id: number;
+    chat: ChatConversation;
+}, "widget-chatslice/memberLeaveChat">, setSelectedUserProfile: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    accountCode: string;
+    userProfile: ChatUser | null;
+}, "widget-chatslice/setSelectedUserProfile">;
 export declare const chatReducer: import('redux').Reducer<ChatState>;

package/dist/src/store/slices/index.d.ts

@@ -1,2 +1,4 @@
 export * from './chatSlice';
 export * from './settingSlice';
+export * from './layoutSlice';
+export * from './onboardingSlice';

package/dist/src/store/slices/layoutSlice.d.ts

@@ -0,0 +1,12 @@
+import { PositionWidget, WidgetChatTab, WidgetMode, WidgetSize, WidgetSubChatTab } from '../../../types';
+export interface LayoutState {
+    mode: WidgetMode;
+    isChatLoading: boolean;
+    activeChatTab: WidgetChatTab;
+    activeSubChatTab: WidgetSubChatTab;
+    dragPosition: PositionWidget;
+    fullpagePosition: PositionWidget;
+    fullpageSize: WidgetSize;
+}
+export declare const setIsChatLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setIsChatLoading">, setActiveChatTab: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setActiveChatTab">, setWidgetMode: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setWidgetMode">, setDragPosition: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setDragPosition">, setFullpagePosition: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setFullpagePosition">, setFullpageSize: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-layoutslice/setFullpageSize">, setActiveSubChatTab: import('@reduxjs/toolkit').ActionCreatorWithPayload<WidgetSubChatTab, "widget-layoutslice/setActiveSubChatTab">;
+export declare const layoutReducer: import('redux').Reducer<LayoutState>;

package/dist/src/store/slices/onboardingSlice.d.ts

@@ -0,0 +1,15 @@
+import { ChatMessage, MetadataOptions, OnboardingConfigJSON, OnboardingData } from '../../../types';
+export interface OnboardingState {
+    onboardingState: string;
+    data: OnboardingData;
+    messages: ChatMessage[];
+    currentGuestCode: string;
+    config: OnboardingConfigJSON | null;
+}
+export declare const resetOnboarding: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"widget-onboardingSlice/resetOnboarding">, setCurrentGuestCode: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "widget-onboardingSlice/setCurrentGuestCode">, updateOnboarding: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    botReply: string;
+    nextState: string;
+    updatedData: OnboardingData;
+    metadata?: MetadataOptions;
+}, "widget-onboardingSlice/updateOnboarding">, addOnboardingMessage: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "widget-onboardingSlice/addOnboardingMessage">, updateOnboardingState: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "widget-onboardingSlice/updateOnboardingState">, finishOnboarding: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"widget-onboardingSlice/finishOnboarding">, markMessageAsAnswered: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, "widget-onboardingSlice/markMessageAsAnswered">, setOnboardingConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<OnboardingConfigJSON, "widget-onboardingSlice/setOnboardingConfig">;
+export declare const onboardingReducer: import('redux').Reducer<OnboardingState>;

package/dist/src/store/slices/settingSlice.d.ts

@@ -1,13 +1,16 @@
-import { LanguageOption, WidgetFeature } from '../../../types';
+import { LanguageOption, WidgetFeature, WidgetRole } from '../../../types';
 export interface SettingState {
     theme: 'light' | 'dark';
     primaryColor: string;
     features: WidgetFeature;
     currentLanguage: LanguageOption;
     hasMultipleLanguages: boolean;
+    draggable: boolean;
+    role: WidgetRole;
 }
 export declare const setConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
     features?: WidgetFeature;
     language?: LanguageOption;
-}, "widget-settingslice/setConfig">, toggleTheme: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"widget-settingslice/toggleTheme">, setFeatures: import('@reduxjs/toolkit').ActionCreatorWithPayload<WidgetFeature, "widget-settingslice/setFeatures">, setPrimaryColor: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-settingslice/setPrimaryColor">, setLanguage: import('@reduxjs/toolkit').ActionCreatorWithPayload<LanguageOption, "widget-settingslice/setLanguage">;
+    role?: WidgetRole;
+}, "widget-settingslice/setConfig">, setTheme: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-settingslice/setTheme">, setFeatures: import('@reduxjs/toolkit').ActionCreatorWithPayload<WidgetFeature, "widget-settingslice/setFeatures">, setPrimaryColor: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "widget-settingslice/setPrimaryColor">, setDraggable: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "widget-settingslice/setDraggable">, setLanguage: import('@reduxjs/toolkit').ActionCreatorWithPayload<LanguageOption, "widget-settingslice/setLanguage">;
 export declare const settingReducer: import('redux').Reducer<SettingState>;

package/dist/src/store/store.d.ts

@@ -1,13 +1,17 @@
 import { Tuple, AnyAction, ThunkDispatch, UnknownAction, EnhancedStore, StoreEnhancer } from '@reduxjs/toolkit';
-import { ChatState, SettingState } from '../../store/slices';
+import { ChatState, SettingState, LayoutState, OnboardingState } from '../../store/slices';
 export declare const store: EnhancedStore<{
     chat: ChatState;
     setting: SettingState;
+    layout: LayoutState;
+    onboarding: OnboardingState;
 }, AnyAction, Tuple<[
     StoreEnhancer<{
         dispatch: ThunkDispatch<{
             chat: ChatState;
             setting: SettingState;
+            layout: LayoutState;
+            onboarding: OnboardingState;
         }, undefined, UnknownAction>;
     }>,
     StoreEnhancer

package/dist/src/types/chat.type.d.ts

@@ -1,4 +1,12 @@
-import { AuthInfo } from './types';
+import { AuthInfo, WidgetScope } from '../../types';
+export interface UseChatOptions {
+    chatKey: string;
+    authInfo: AuthInfo;
+    scope?: WidgetScope;
+    workspace?: string;
+    disabledMembers?: string[];
+    isPrimary?: boolean;
+}
 export interface ChatUser {
     id: number;
     code: string;
@@ -17,12 +25,57 @@ export interface ChatResponse<T = unknown> {
     statusText?: string;
     [key: string]: unknown;
 }
+export type FormFieldType = 'text' | 'tel' | 'email' | 'radio' | 'select';
+export interface FormFieldOption {
+    label: string;
+    value: string;
+}
+export interface FormFieldValidation {
+    rule: string;
+    value?: number | string;
+    error_message: string;
+}
+export interface FormField {
+    save_variable: string;
+    label: string;
+    type: FormFieldType;
+    placeholder?: string;
+    required: boolean;
+    options?: FormFieldOption[];
+    validation?: FormFieldValidation;
+}
+interface BaseMetadata {
+    isAnswered: boolean;
+}
+interface ButtonMetadata extends BaseMetadata {
+    type: 'quick_reply' | 'interactive_input';
+    actions: MetadataActions[];
+}
+interface FormMetadata extends BaseMetadata {
+    type: 'form_input';
+    submit_button_label?: string;
+    fields: FormField[];
+}
+export type MetadataOptions = ButtonMetadata | FormMetadata;
+export interface MetadataActions {
+    id: string;
+    label: string;
+    value: string;
+}
+export interface SystemMessageContent {
+    data: {
+        code: string;
+    };
+    name: string;
+    type: 'live';
+}
+export type MessageContentType = string | SystemMessageContent | null;
 export interface ChatMessage {
     id: number;
-    type: 'text';
+    type: 'text' | 'json' | 'html';
     action: Record<string, number>;
     member: ChatUser;
-    content: string | null;
+    content: MessageContentType;
     files?: ChatFile[];
     revoked: boolean;
     removed: boolean;
@@ -31,6 +84,7 @@ export interface ChatMessage {
     created_at: string;
     updated_at: string;
     [key: string]: unknown;
+    metadata?: MetadataOptions;
 }
 export interface ChatConversation {
     id: number;
@@ -50,6 +104,7 @@ export interface ChatConversation {
     [key: string]: unknown;
 }
 export interface ChatEvent {
+    system_message: 'system.messages';
     chats_created: 'chats.created';
     chats_updated: 'chats.updated';
     chats_deleted: 'chats.deleted';
@@ -72,14 +127,19 @@ export interface ChatConfig {
     maxRetries?: number;
     [key: string]: unknown;
 }
+export type ChatDurationUnit = 'minutes' | 'hours' | 'days';
 export interface ChatSetting {
     allow_delete_chat: boolean;
     allow_delete_message: boolean;
     allow_revoke_message: boolean;
     delete_duration: number;
-    delete_duration_unit: 'minutes' | 'hours' | 'days';
+    delete_duration_unit: ChatDurationUnit;
     revoke_duration: number;
-    revoke_duration_unit: 'minutes' | 'hours' | 'days';
+    revoke_duration_unit: ChatDurationUnit;
+    project_id: number;
+    project_code: string;
+    project_name: string;
+    workspace: string;
 }
 export type MessageAction = 'like' | 'love' | 'revoke' | 'remove';
 export interface PaginationInfo {
@@ -90,6 +150,10 @@ export interface PaginationInfo {
     total_pages: number;
 }
 export interface ChatEventPayloads {
+    'system.messages': {
+        message: ChatMessage;
+        type: 'add';
+    };
     'chats.created': {
         chat: ChatConversation;
     };
@@ -204,7 +268,7 @@ export interface ChatInstance {
      * @param receiverId ID người nhận (Number)
      * @returns Promise trả về object cuộc trò chuyện (ChatConversation) hoặc null
      */
-    findChatByReceiver(receiverId: number): Promise<ChatResponse<ChatConversation>>;
+    findChatByReceiver(receiverId: number | string): Promise<ChatConversation | undefined>;
     /**
      * Tạo cuộc trò chuyện 1-1 hoặc lấy cuộc trò chuyện cũ nếu đã tồn tại.
      * @param receiverId ID người nhận (Number, bắt buộc)
@@ -274,6 +338,14 @@ export interface ChatInstance {
         message_id: number;
         member_id: number;
     }>;
+    /**
+     * Lấy danh sách tin nhắn hệ thống (system messages)
+     * @param limit Số lượng tin nhắn (Number, tùy chọn, mặc định 20)
+     * @param page Trang (Number, tùy chọn, mặc định 1)
+     */
+    getSystemMessages(limit?: number, page?: number): Promise<ChatResponse<ChatMessage[]> & {
+        pagination?: PaginationInfo;
+    }>;
     EVENTS: ChatEvent;
     /**
      * Đăng ký lắng nghe sự kiện realtime
@@ -295,3 +367,4 @@ export interface ChatInstance {
     runEvent<K extends keyof ChatEventPayloads>(name: K | string, data?: ChatEventPayloads[K]): void;
 }
 export type ChatConstructor = new (workspace?: string) => ChatInstance;
+export {};

package/dist/src/types/index.d.ts

@@ -1,2 +1,4 @@
 export * from './chat.type';
 export * from './types';
+export * from './layout.type';
+export * from './onboarding.type';

package/dist/src/types/layout.type.d.ts

@@ -0,0 +1,13 @@
+export type WidgetMode = 'closed' | 'popup' | 'fullpage';
+export type WidgetChatTab = 'chats' | 'contacts' | 'supports' | 'settings';
+export type WidgetContactTab = 'members' | 'groups';
+export type WidgetSettingTab = 'theme' | 'account' | 'chatlive';
+export type WidgetSubChatTab = '' | WidgetContactTab | WidgetSettingTab;
+export interface PositionWidget {
+    x: number;
+    y: number;
+}
+export interface WidgetSize {
+    width: number;
+    height: number;
+}

package/dist/src/types/onboarding.type.d.ts

@@ -0,0 +1,45 @@
+import { FormField } from './chat.type';
+export type OnboardingData = {
+    name: string;
+} & Record<string, string | undefined>;
+export type Primitive = string | number | boolean | null | undefined;
+export interface DeepData {
+    [key: string]: Primitive | DeepData;
+}
+export interface OnboardingEdgeCase {
+    match_keywords: string[];
+    override_value: string;
+    override_message?: string;
+    next_step: string;
+}
+export interface OnboardingOption {
+    label: string;
+    value: string;
+    next_step: string;
+}
+export interface OnboardingValidation {
+    rule: string;
+    value: string | number | string[];
+    error_message: string;
+}
+export interface OnboardingStepConfig {
+    type: 'text_input' | 'quick_reply' | 'system_action' | 'interactive_input' | 'form_input';
+    save_variable?: keyof OnboardingData | null;
+    bot_message: string;
+    next_step: string;
+    validation?: OnboardingValidation;
+    edge_cases?: OnboardingEdgeCase[];
+    options?: OnboardingOption[];
+    action_name?: string;
+    fields?: FormField[];
+    submit_button_label?: string;
+}
+export interface OnboardingConfigJSON {
+    meta: {
+        version: string;
+        bot_name: string;
+        start_step: string;
+        end_step: string;
+    };
+    steps: Record<string, OnboardingStepConfig>;
+}

package/dist/src/types/types.d.ts

@@ -1,18 +1,27 @@
-export type WidgetMode = 'closed' | 'popup' | 'fullpage';
 export interface AuthInfo {
-    code: string;
+    code?: string;
     name: string;
     avatar?: string;
     phone?: string;
-    email: string;
+    email?: string;
 }
-/** Vị trí tính theo tọa độ
- * - x: Khoảng cách từ mép phải của cửa sổ trình duyệt đến điểm đặt widget.
- * - y: Khoảng cách từ mép dưới của cửa sổ trình duyệt đến điểm đặt widget.
+/**
+ * Phạm vi hoạt động (Ngữ cảnh môi trường) của Chat Widget.
+ *
+ * - `external`: Widget được nhúng vào các website bên ngoài (phục vụ khách vãng lai và admin).
+ * - `internal`: Widget chạy nội bộ trong hệ thống/app SaOne (phục vụ cho thành viên - member).
+ */
+export type WidgetScope = 'external' | 'internal';
+export type WidgetRole = 'guest' | 'admin' | 'member';
+/**
+ * Vị trí tính theo tọa độ
+ *
+ * - right: Khoảng cách từ mép phải của cửa sổ trình duyệt đến điểm đặt widget.
+ * - bottom: Khoảng cách từ mép dưới của cửa sổ trình duyệt đến điểm đặt widget.
  */
 export interface PositionType {
-    x: number;
-    y: number;
+    right: number;
+    bottom: number;
 }
 /** Các loại định dạng tập tin được phép đính kèm từ thiết bị */
 export type AttachmentType = 'image' | 'video' | 'audio' | 'file' | 'multiple';
@@ -33,8 +42,10 @@ export type WidgetChatMode = 'single' | 'group';
  * Các tùy chọn can thiệp và mở rộng giao diện Widget.
  * - 'change-color': Người dùng cuối có thể tự chọn màu chủ đạo (Primary Color).
  * - 'change-theme': Người dùng cuối có thể chuyển đổi giữa các chủ đề (ví dụ: Sáng/Tối).
+ * - 'drag-and-drop': Hiển thị cấu hình toggle kéo thả để thay đổi vị trí của widget trên màn hình.
+ * - 'resize-window': Cho phép người dùng thay đổi kích thước cửa sổ chat bằng cách kéo thả cạnh cửa sổ.
  */
-export type WidgetCustomizationOptions = 'change-color' | 'change-theme';
+export type WidgetCustomizationOptions = 'change-color' | 'change-theme' | 'drag-and-drop' | 'resize-window';
 export interface WidgetFeature {
     /** Danh sách các loại tập tin cho phép tải lên. Nếu có 'multiple', cho phép chọn nhiều file. */
     attachments?: AttachmentType[];
@@ -49,8 +60,9 @@ export interface WidgetFeature {
     customizations?: WidgetCustomizationOptions[];
 }
 export interface ChatWidgetProps {
+    scope?: WidgetScope;
     title?: string;
-    workspace: string;
+    workspace?: string;
     logoUrl?: string;
     primaryColor?: string;
     auth: AuthInfo;
@@ -58,4 +70,5 @@ export interface ChatWidgetProps {
     features?: WidgetFeature;
     language?: LanguageOption;
     initPosition?: PositionType;
+    disabledMembers?: string[];
 }

package/dist/src/utils/chat.utils.d.ts

@@ -1,22 +1,12 @@
-import { AttachmentType, ChatConversation, ChatUser, CommunicationFeature, WidgetChatMode, WidgetCustomizationOptions, WidgetFeature } from '../../types';
+import { AttachmentType, AuthInfo, ChatConversation, ChatUser, CommunicationFeature, WidgetChatMode, WidgetCustomizationOptions, WidgetRole, WidgetScope } from '../../types';
 export declare const getChatName: (chat?: ChatConversation | null, currentUserId?: number, fallback?: string) => string;
+export declare const getRoleSystem: (scope?: WidgetScope, auth?: AuthInfo) => WidgetRole;
 export interface FeatureSet {
     attachments: Set<AttachmentType>;
     communication: Set<CommunicationFeature>;
     chatModes: Set<WidgetChatMode>;
     customizations: Set<WidgetCustomizationOptions>;
 }
-export interface FeatureAnalysis {
-    featureSet: FeatureSet;
-    hasVoice: boolean;
-    hasAttachment: boolean;
-    hasMultipleAttachments: boolean;
-    hasGroupChat: boolean;
-    hasSingleChat: boolean;
-    hasChangeColor: boolean;
-    hasMultipleLanguages: boolean;
-}
-export declare const analyzeFeatures: (features: WidgetFeature, hasMultipleLanguages?: boolean) => FeatureAnalysis;
 export declare const getAcceptFilter: (featureSet: FeatureSet) => string;
 export declare const createFileTypeChecker: (featureSet: FeatureSet) => (file: File) => boolean;
 export declare const isConnected: (socketAt: string | undefined) => boolean;
@@ -33,3 +23,8 @@ export declare const transformMember: (member: ChatUser, memberSocketMap: Record
     email: string;
     last_read_id?: number;
 };
+export declare const getContrastColor: (hex: string) => "#ffffff" | "#1e293b";
+export declare const generateGuestCode: () => string;
+export declare const getChatTimestamp: (chat: ChatConversation) => number;
+export declare const sortChatsByRecency: (chats: ChatConversation[] | undefined) => ChatConversation[];
+export declare const calculateTotalUnread: (chats: ChatConversation[], currentUserId: number) => number;

package/dist/src/utils/engine.utils.d.ts

@@ -0,0 +1,5 @@
+import { DeepData } from '../../types';
+export declare const interpolateString: <T extends DeepData>(template: string, data: T) => string;
+export declare const PHONE_REGEX: RegExp;
+export declare const EMAIL_REGEX: RegExp;
+export declare const evaluateCondition: (rule: string, value: unknown, input: string) => boolean;

package/dist/src/utils/file.utils.d.ts

@@ -1,14 +1,12 @@
-import { CSSProperties, JSX } from 'react';
-/**
- * Lấy icon dựa trên tên file hoặc extension
- * @param fileNameOrExt Có thể là "image.png" hoặc chỉ "png"
- */
-export declare const getFileIcon: (fileNameOrExt: string) => JSX.Element;
+import { CSSProperties } from 'react';
 export declare const getFileKey: (file: File) => string | undefined;
 export declare const formatFileSize: (bytes: number) => string;
 export declare const getFileType: (fileName: string) => "image" | "video" | "audio" | "pdf" | "other";
+export declare const getFileExt: (fileName: string) => string;
 export declare const getImagePreview: (file: File) => string;
 export declare const isImageFile: (file: File) => boolean;
+export declare const isAudioFile: (file: File) => boolean;
+export declare const getAudioPreview: (file: File) => string;
 export declare const sortFilesByType: (files: File[]) => File[];
 export declare const sanitizeImage: (file: File) => Promise<File>;
 export declare const getFilesValidationError: (files: File[], hasMultipleAttachments: boolean, isFileTypeAllowed: (file: File) => boolean) => Promise<{

package/dist/src/utils/format.utils.d.ts

@@ -1,7 +1,7 @@
 import { LanguageOption } from '../../types';
-export declare const formatDateLabel: (dateStr: string | Date, currentLanguage: LanguageOption) => string;
 export declare const formatDuration: (ms: number) => string;
 export declare const removeVietnameseTones: (str: string) => string;
 export declare const formatToDateTimeString: (dateInput: string | number | Date) => string;
 export declare const getCleanTitle: (url: string) => string | null;
 export declare const formatMessageTime: (dateInput: Date, language: LanguageOption) => string;
+export declare const formatMessageDateShort: (dateInput: Date, language: LanguageOption) => string;

package/dist/src/utils/index.d.ts

@@ -3,3 +3,5 @@ export * from './format.utils';
 export * from './voice.utils';
 export * from './file.utils';
 export * from './validate.utils';
+export * from './text.utils';
+export * from './engine.utils';

package/dist/src/utils/text.utils.d.ts

@@ -0,0 +1 @@
+export declare const highlightText: (text: string, query: string) => string | import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@satek-team-intern/chatbot-widget",
-  "version": "0.10.8",
+  "version": "0.11.1",
   "description": "A widget chatbot can be integrated into any website, providing a seamless and interactive user experience. It is designed to be easily embedded and customizable, allowing businesses to engage with their customers effectively.",
   "author": "Satek Team",
   "license": "MIT",
@@ -51,6 +51,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@types/node": "^25.9.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",

package/dist/src/components/modals/AddChat.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-import { ChatUser } from '../../../types';
-interface AddChatProps {
-    isOpen: boolean;
-    onClose: () => void;
-    members: ChatUser[];
-    selectedMembers: string[];
-    onToggleMember: (userId: string) => void;
-    newGroupName: string;
-    onNewGroupNameChange: (name: string) => void;
-    modalSearchQuery: string;
-    onModalSearchQueryChange: (query: string) => void;
-    onCreateChat: () => void;
-}
-export declare const AddChat: FC<AddChatProps>;
-export {};

package/dist/src/components/modals/ThemeModal.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-interface ThemeModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    defaultColor?: string;
-}
-export declare const ThemeModal: FC<ThemeModalProps>;
-export {};

package/dist/src/components/shared/ChatAvatar.d.ts

@@ -1,5 +0,0 @@
-import { ChatConversation } from '../../../types';
-export declare const ChatAvatar: import('react').MemoExoticComponent<({ chat, currentUserId, }: {
-    chat?: ChatConversation | null;
-    currentUserId?: number;
-}) => import("react/jsx-runtime").JSX.Element>;

package/dist/src/components/shared/MemberAvatarFallBack.d.ts

@@ -1,5 +0,0 @@
-import { ChatUser } from '../../../types';
-import { FC } from 'react';
-export declare const MemberAvatarFallback: FC<{
-    member: ChatUser;
-}>;

package/dist/src/components/sidebar/SideBarInfoChat.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { ChatConversation, ChatUser } from '../../../types';
-interface SideBarInfoChatProps {
-    currentUser: ChatUser | null;
-    onClose: () => void;
-    onAddMember: () => void;
-    onUpdateGroup?: (chat: ChatConversation) => void;
-    onRemoveMember?: (chatId: number, memberId: number) => void;
-}
-declare const SideBarInfoChat: FC<SideBarInfoChatProps>;
-export { SideBarInfoChat };