@satek-team-intern/chatbot-widget 0.8.10 → 0.10.0

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

@@ -1,60 +1,29 @@
 import { RootState } from '../store';
+import { FeatureAnalysis } from '../../utils/chat.utils';
+import { WidgetFeature } from '../../types';
+interface WidgetSettings extends FeatureAnalysis {
+    acceptFilter: string;
+    isFileTypeAllowed: (file: File) => boolean;
+    allowDeleteChat: boolean;
+    allowDeleteMessage: (messageCreatedTime: string) => boolean;
+    allowRevokeMessage: (messageCreatedTime: string) => boolean;
+}
 export declare const selectWidgetFeatures: ((state: {
     chat: import('../slices/chatSlice').ChatState;
     setting: import('../slices/settingSlice').SettingState;
-}) => {
-    acceptFilter: string;
-    isFileTypeAllowed: (file: File) => boolean;
-    featureSet: Set<import('../../types').WidgetFeature>;
-    hasVoice: boolean;
-    hasAttachment: boolean;
-    hasMultipleAttachments: boolean;
-    hasGroupChat: boolean;
-    hasChangeColor: boolean;
-    hasMultipleLanguages: boolean;
-}) & {
+}) => WidgetSettings) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: import('../../types').WidgetFeature[]) => {
-        acceptFilter: string;
-        isFileTypeAllowed: (file: File) => boolean;
-        featureSet: Set<import('../../types').WidgetFeature>;
-        hasVoice: boolean;
-        hasAttachment: boolean;
-        hasMultipleAttachments: boolean;
-        hasGroupChat: boolean;
-        hasChangeColor: boolean;
-        hasMultipleLanguages: boolean;
-    };
-    memoizedResultFunc: ((resultFuncArgs_0: import('../../types').WidgetFeature[]) => {
-        acceptFilter: string;
-        isFileTypeAllowed: (file: File) => boolean;
-        featureSet: Set<import('../../types').WidgetFeature>;
-        hasVoice: boolean;
-        hasAttachment: boolean;
-        hasMultipleAttachments: boolean;
-        hasGroupChat: boolean;
-        hasChangeColor: boolean;
-        hasMultipleLanguages: boolean;
-    }) & {
+    resultFunc: (resultFuncArgs_0: WidgetFeature) => WidgetSettings;
+    memoizedResultFunc: ((resultFuncArgs_0: WidgetFeature) => WidgetSettings) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => {
-        acceptFilter: string;
-        isFileTypeAllowed: (file: File) => boolean;
-        featureSet: Set<import('../../types').WidgetFeature>;
-        hasVoice: boolean;
-        hasAttachment: boolean;
-        hasMultipleAttachments: boolean;
-        hasGroupChat: boolean;
-        hasChangeColor: boolean;
-        hasMultipleLanguages: boolean;
-    };
-    dependencies: [(state: RootState) => import('../../types').WidgetFeature[]];
+    lastResult: () => WidgetSettings;
+    dependencies: [(state: RootState) => WidgetFeature];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -63,3 +32,4 @@ export declare const selectWidgetFeatures: ((state: {
     memoize: typeof import('reselect').weakMapMemoize;
     argsMemoize: typeof import('reselect').weakMapMemoize;
 };
+export {};

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

@@ -11,10 +11,13 @@ export interface ChatState {
     messagesPagination: PaginationInfo | null;
     replyingMessage: ChatMessage | null;
 }
-export declare const 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">, 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 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<{
     chatId: number;
     memberId: number;
     lastReadId: number;
-}, "widget-chatslice/updateMemberReadStatus">;
+}, "widget-chatslice/updateMemberReadStatus">, toggleChatSetting: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    chatId: number;
+    setting: "is_muted" | "is_pined";
+}, "widget-chatslice/toggleChatSetting">;
 declare const _default: import('redux').Reducer<ChatState>;
 export default _default;

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

@@ -2,9 +2,9 @@ import { LanguageOption, WidgetFeature } from '../../types';
 export interface SettingState {
     theme: 'light' | 'dark';
     primaryColor: string;
-    features: WidgetFeature[];
-    language: LanguageOption;
+    features: WidgetFeature;
+    currentLanguage: LanguageOption;
 }
-export declare const setConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<WidgetFeature[], "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">;
+export declare const setConfig: import('@reduxjs/toolkit').ActionCreatorWithPayload<WidgetFeature, "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">;
 declare const _default: import('redux').Reducer<SettingState>;
 export default _default;

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

@@ -6,6 +6,10 @@ export interface ChatUser {
     avatar?: string;
     phone?: string;
     email?: string;
+    socket_at?: string;
+    socket_id?: string;
+    socket_ids?: string[];
+    last_active?: number;
     status?: string;
     last_read_id?: number;
 }
@@ -38,10 +42,14 @@ export interface ChatConversation {
     type: 'single' | 'group';
     avatar?: string | null;
     message: ChatMessage | null;
-    members: ChatUser[];
+    members?: ChatUser[];
     new: Record<number, number>;
+    owner_id?: number;
     updated_at: string;
     create_at: string;
+    is_muted?: boolean;
+    is_pined?: boolean;
+    member?: number;
     [key: string]: unknown;
 }
 export interface ChatEvent {
@@ -51,7 +59,8 @@ export interface ChatEvent {
     chats_member: 'chats.member';
     chats_action: 'chats.action';
     chats_message: 'chats.message';
-    projects_member: 'projects.member';
+    members_connect: 'members.connect';
+    members_disconnect: 'members.disconnect';
     new_message: 'new_message';
 }
 export interface ChatFile {
@@ -66,6 +75,15 @@ export interface ChatConfig {
     maxRetries?: number;
     [key: string]: unknown;
 }
+export interface ChatSetting {
+    allow_delete_chat: boolean;
+    allow_delete_message: boolean;
+    allow_revoke_message: boolean;
+    delete_duration: number;
+    delete_duration_unit: 'minutes' | 'hours' | 'days';
+    revoke_duration: number;
+    revoke_duration_unit: 'minutes' | 'hours' | 'days';
+}
 export type MessageAction = 'like' | 'love' | 'revoke' | 'remove';
 export interface PaginationInfo {
     count: number;
@@ -106,12 +124,23 @@ export interface ChatEventPayloads {
         chat_id: number;
         message_id: number;
     };
-    'projects.member': unknown;
+    'members.connect': {
+        member: ChatUser;
+        socketId: string;
+        timestamp: number;
+    };
+    'members.disconnect': {
+        socketId: string;
+    };
     new_message: {
         new: number;
     };
 }
 export interface ChatInstance {
+    /**
+     * Thuộc tính setting trả về cấu hình hiện tại của SDK, bao gồm các quyền hạn và giới hạn như allow_delete_chat, delete_duration...
+     */
+    setting: ChatSetting;
     /**
      * Thiết lập cấu hình tùy chỉnh cho SDK.
      * @param config (Object): Các tùy chọn cấu hình như debugMode, maxRetries...
@@ -200,7 +229,7 @@ export interface ChatInstance {
      * @param avatar URL ảnh đại diện mới (String, tùy chọn)
      * @returns Promise trả về object nhóm đã được cập nhật
      */
-    updateGroup(chatId: number, name: string, avatar?: string): Promise<ChatResponse<ChatConversation>>;
+    updateGroup(chatId: number, name: string, avatar?: string | File): Promise<ChatResponse<ChatConversation>>;
     /**
      * Xóa một cuộc trò chuyện (chat 1-1 hoặc nhóm).
      * @param chatId ID cuộc trò chuyện (Number, bắt buộc)

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

@@ -7,25 +7,49 @@ export interface AuthInfo {
     email: string;
 }
 /** 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';
+export type AttachmentType = 'image' | 'video' | 'audio' | 'file' | 'multiple';
+/** Các tùy chọn ngôn ngữ hiển thị trên giao diện */
 export type LanguageOption = 'english' | 'vietnamese';
-/** * Danh sách các tính năng được kích hoạt trên Widget.
- * - 'group-chat': Bật chế độ chat nhóm.
- * - 'voice': Bật tính năng ghi âm trực tiếp và gửi đi dưới dạng file tin nhắn thoại (audio file).
- * - 'attachment:[type]': Bật tính năng chọn và tải lên loại file tương ứng từ thiết bị.
- * - 'attachment:multiple': Cho phép chọn và tải lên nhiều file cùng lúc.
- * - 'change-color': Cho phép người dùng thay đổi màu sắc chủ đạo của widget.
- * - 'language:[option]': Cho phép người dùng chọn ngôn ngữ cho widget. Nếu có nhiều hơn một tùy chọn ngôn ngữ được kích hoạt, widget sẽ hiển thị giao diện cho phép người dùng chuyển đổi giữa các ngôn ngữ đó.
+/**
+ * Các phương thức truyền thông và ghi hình.
+ * - 'voice': Ghi âm và gửi tin nhắn thoại.
  */
-export type WidgetFeature = 'group-chat' | 'voice' | `attachment:${AttachmentType}` | 'attachment:multiple' | 'change-color' | `language:${LanguageOption}`;
+export type CommunicationFeature = 'voice';
+/**
+ * Chế độ vận hành của cửa sổ chat.
+ * - 'single': Chat 1-1.
+ * - 'group': Chế độ chat nhóm nhiều người tham gia.
+ */
+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).
+ */
+export type WidgetCustomizationOptions = 'change-color' | 'change-theme';
+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[];
+    /**
+     * Danh sách ngôn ngữ hỗ trợ. Nếu có từ 2 ngôn ngữ trở lên, widget sẽ hiển thị menu chuyển đổi.
+     * Nếu không truyền, mặc định là ['english']
+     */
+    languages?: LanguageOption[];
+    /** Các tính năng tương tác trực tiếp bằng âm thanh và hình ảnh. */
+    communication?: CommunicationFeature[];
+    /**
+     * Xác định các hình thức hội thoại mà widget hỗ trợ.
+     * Nếu không truyền, mặc định là ['single']
+     */
+    chatModes?: WidgetChatMode[];
+    /** Các quyền tùy biến giao diện cho phép người dùng thực hiện. */
+    customizations?: WidgetCustomizationOptions[];
+}
 export interface ChatWidgetProps {
     chatKey: string;
     title?: string;
+    logoUrl?: string;
     primaryColor?: string;
     auth: AuthInfo;
-    /**
-     * Mảng chứa các tính năng muốn kích hoạt.
-     * @example features: ['group-chat', 'voice', 'attachment:image']
-     */
-    features?: WidgetFeature[];
+    features?: WidgetFeature;
 }

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

@@ -1,7 +1,14 @@
-import { ChatConversation, WidgetFeature } from '../types';
+import { AttachmentType, ChatConversation, CommunicationFeature, LanguageOption, WidgetChatMode, WidgetCustomizationOptions, WidgetFeature } from '../types';
 export declare const getChatName: (chat?: ChatConversation | null, currentUserId?: number, fallback?: string) => string;
-interface FeatureAnalysis {
-    featureSet: Set<WidgetFeature>;
+export interface FeatureSet {
+    attachments: Set<AttachmentType>;
+    languages: Set<LanguageOption>;
+    communication: Set<CommunicationFeature>;
+    chatModes: Set<WidgetChatMode>;
+    customizations: Set<WidgetCustomizationOptions>;
+}
+export interface FeatureAnalysis {
+    featureSet: FeatureSet;
     hasVoice: boolean;
     hasAttachment: boolean;
     hasMultipleAttachments: boolean;
@@ -9,7 +16,7 @@ interface FeatureAnalysis {
     hasChangeColor: boolean;
     hasMultipleLanguages: boolean;
 }
-export declare const analyzeFeatures: (features: WidgetFeature[]) => FeatureAnalysis;
-export declare const getAcceptFilter: (featureSet: Set<WidgetFeature>) => string;
-export declare const createFileTypeChecker: (featureSet: Set<WidgetFeature>) => (file: File) => boolean;
-export {};
+export declare const analyzeFeatures: (features: WidgetFeature) => 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;

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

@@ -0,0 +1 @@
+export declare const formatDateLabel: (dateStr: string | Date) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@satek-team-intern/chatbot-widget",
-  "version": "0.8.10",
+  "version": "0.10.0",
   "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 Intern",
   "license": "MIT",