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

package/dist/src/components/view/ChatHeader.d.ts

@@ -1,13 +1,14 @@
-import { default as React } from 'react';
-import { WidgetMode } from '../../types';
+import { FC } from 'react';
+import { WidgetMode } from '../../../types';
 interface ChatHeaderProps {
     mode: WidgetMode;
     title?: string;
+    logoUrl?: string;
     onBack: () => void;
     onToggleMode: () => void;
     onClose: () => void;
     onAddMemberClick?: () => void;
     onOpenSettings?: () => void;
 }
-export declare const ChatHeader: React.FC<ChatHeaderProps>;
+export declare const ChatHeader: FC<ChatHeaderProps>;
 export {};

package/dist/src/components/view/ChatInput.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 interface ChatInputProps {
     primaryColor?: string;
 }
 export interface ChatInputHandle {
     processPastedFiles: (files: FileList) => void;
 }
-export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<ChatInputHandle>>;
+export declare const ChatInput: import('react').ForwardRefExoticComponent<ChatInputProps & import('react').RefAttributes<ChatInputHandle>>;
 export {};

package/dist/src/components/view/ContactList.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChatUser } from '../../../types';
+interface ContactListProps {
+    members: ChatUser[];
+    onMessageClick: (memberId: string) => void;
+}
+export declare const ContactList: FC<ContactListProps>;
+export {};

package/dist/src/components/view/GroupList.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ChatConversation } from '../../../types';
+interface GroupListProps {
+    groups: ChatConversation[];
+    onGroupClick: (group: ChatConversation) => void;
+    currentUserId?: number;
+}
+export declare const GroupList: FC<GroupListProps>;
+export {};

package/dist/src/components/view/MessageFiles.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
-import { ChatFile } from '../../types';
+import { FC } from 'react';
+import { ChatFile } from '../../../types';
 interface MessageFilesProps {
     files?: ChatFile[];
 }
-export declare const MessageFiles: React.FC<MessageFilesProps>;
+export declare const MessageFiles: FC<MessageFilesProps>;
 export {};

package/dist/src/components/view/MessageItem.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
-import { ChatMessage } from '../../types';
+import { FC } from 'react';
+import { ChatMessage } from '../../../types';
 interface MessageItemProps {
     message: ChatMessage;
 }
-export declare const MessageItem: React.FC<MessageItemProps>;
+export declare const MessageItem: FC<MessageItemProps>;
 export {};

package/dist/src/components/view/MessageList.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
-export declare const MessageList: React.FC<object>;
+import { FC } from 'react';
+export declare const MessageList: FC<object>;

package/dist/src/components/view/index.d.ts

@@ -1,4 +1,7 @@
 export * from './ChatHeader';
 export * from './ChatInput';
-export * from './MessageList';
+export * from './ContactList';
+export * from './GroupList';
+export * from './MessageFiles';
 export * from './MessageItem';
+export * from './MessageList';

package/dist/src/constants/common.d.ts

@@ -0,0 +1 @@
+export declare const COMMON_EMOJIS: string[];

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

@@ -0,0 +1,2 @@
+export declare const MAX_FILE_SIZE: number;
+export declare const MAX_FILES_COUNT = 20;

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

@@ -0,0 +1,2 @@
+export * from './file';
+export * from './common';

package/dist/src/contexts/FileViewerContext.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ChatFile } from '../types';
+import { FC, ReactNode } from 'react';
+import { ChatFile } from '../../types';
 export interface FileViewerContextType {
     isOpen: boolean;
     files: ChatFile[];
@@ -7,8 +7,8 @@ export interface FileViewerContextType {
     openViewer: (files: ChatFile[], initialIndex?: number) => void;
     closeViewer: () => void;
 }
-declare const FileViewerContext: React.Context<FileViewerContextType | undefined>;
+declare const FileViewerContext: import('react').Context<FileViewerContextType | undefined>;
 export { FileViewerContext };
-export declare const FileViewerProvider: React.FC<{
-    children: React.ReactNode;
+export declare const FileViewerProvider: FC<{
+    children: ReactNode;
 }>;

package/dist/src/contexts/ToastContext.d.ts

@@ -0,0 +1,4 @@
+import { FC, ReactNode } from 'react';
+export declare const ToastProvider: FC<{
+    children: ReactNode;
+}>;

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

@@ -1,2 +1,3 @@
 export * from './FileViewerContext';
-export * from '../hooks/useFileViewer';
+export * from './ToastContext';
+export * from './toast-context';

package/dist/src/contexts/toast-context.d.ts

@@ -0,0 +1,16 @@
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export interface Toast {
+    id: string;
+    message: string;
+    type: ToastType;
+    isConfirm?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+export interface ToastContextType {
+    showToast: (message: string, type?: ToastType) => void;
+    confirm: (message: string) => Promise<boolean>;
+    removeToast: (id: string) => void;
+    toasts: Toast[];
+}
+export declare const ToastContext: import('react').Context<ToastContextType | undefined>;

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

@@ -2,3 +2,6 @@ export { useChat } from './useChat';
 export { useFileViewer } from './useFileViewer';
 export { useDragDropFiles } from './useDragDropFiles';
 export { useVoiceRecorder } from './useVoiceRecorder';
+export { useTranslation } from './useTranslation';
+export { useToast } from './useToast';
+export { useSetting } from './useSetting';

package/dist/src/hooks/useChat.d.ts

@@ -1,2 +1,2 @@
-import { AuthInfo } from '../types';
-export declare const useChat: (chatKey: string, authInfo: AuthInfo) => void;
+import { AuthInfo } from '../../types';
+export declare const useChat: (chatKey: string, authInfo: AuthInfo, workspace?: string) => void;

package/dist/src/hooks/useDragDropFiles.d.ts

@@ -1,11 +1,12 @@
+import { DragEvent } from 'react';
 interface DragDropFilesProps {
     onFilesAdded: (files: FileList) => void;
 }
 export declare const useDragDropFiles: ({ onFilesAdded }: DragDropFilesProps) => {
     isDragOver: boolean;
-    handleDragEnter: (e: React.DragEvent<HTMLDivElement>) => void;
-    handleDragOver: (e: React.DragEvent<HTMLDivElement>) => void;
-    handleDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
-    handleDrop: (e: React.DragEvent<HTMLDivElement>) => void;
+    handleDragEnter: (e: DragEvent<HTMLDivElement>) => void;
+    handleDragOver: (e: DragEvent<HTMLDivElement>) => void;
+    handleDragLeave: (e: DragEvent<HTMLDivElement>) => void;
+    handleDrop: (e: DragEvent<HTMLDivElement>) => void;
 };
 export {};

package/dist/src/hooks/useFileViewer.d.ts

@@ -1,2 +1,2 @@
-import { FileViewerContextType } from '../contexts/FileViewerContext';
+import { FileViewerContextType } from '../../contexts';
 export declare const useFileViewer: () => FileViewerContextType;

package/dist/src/hooks/useSetting.d.ts

@@ -1,2 +1,2 @@
-import { WidgetFeature } from '../types';
-export declare const useSetting: (config?: WidgetFeature[]) => void;
+import { WidgetFeature } from '../../types';
+export declare const useSetting: (config?: WidgetFeature) => void;

package/dist/src/hooks/useToast.d.ts

@@ -0,0 +1 @@
+export declare const useToast: () => import('../../contexts').ToastContextType;

package/dist/src/hooks/useTranslation.d.ts

@@ -0,0 +1,4 @@
+export declare const useTranslation: () => {
+    t: (path: "addChat" | "common" | "chatWindow" | "chatHeader" | "chatInput" | "chatMessage" | "chatList" | "chatSearchBar" | "addMember" | "fileViewer" | "themeModal" | "updateGroup" | "addChat.title" | "addChat.groupNamePlaceholder" | "addChat.memberSearchPlaceholder" | "addChat.membersSection" | "addChat.createGroup" | "addChat.selectMoreMembers" | "addChat.selectMembers" | "addChat.title." | "addChat.groupNamePlaceholder." | "addChat.memberSearchPlaceholder." | "addChat.membersSection." | "addChat.createGroup." | "addChat.selectMoreMembers." | "addChat.selectMembers." | "common.buttons" | "common.errors" | "common.buttons.save" | "common.buttons.cancel" | "common.buttons.confirm" | "common.buttons.close" | "common.buttons.save." | "common.buttons.cancel." | "common.buttons.confirm." | "common.buttons.close." | "common.errors.updateGroup" | "common.errors.createChat" | "common.errors.updateGroup." | "common.errors.createChat." | "chatWindow.memberSystem" | "chatWindow.dragFile" | "chatWindow.selectChat" | "chatWindow.startConversation" | "chatWindow.searchPlaceholder" | "chatWindow.filterAll" | "chatWindow.filterGroup" | "chatWindow.filterSingle" | "chatWindow.memberSystem." | "chatWindow.dragFile." | "chatWindow.selectChat." | "chatWindow.startConversation." | "chatWindow.searchPlaceholder." | "chatWindow.filterAll." | "chatWindow.filterGroup." | "chatWindow.filterSingle." | "chatHeader.addMember" | "chatHeader.close" | "chatHeader.close." | "chatHeader.defaultTitle" | "chatHeader.darkMode" | "chatHeader.lightMode" | "chatHeader.settings" | "chatHeader.minimize" | "chatHeader.maximize" | "chatHeader.language" | "chatHeader.addMember." | "chatHeader.defaultTitle." | "chatHeader.darkMode." | "chatHeader.lightMode." | "chatHeader.settings." | "chatHeader.minimize." | "chatHeader.maximize." | "chatHeader.language." | "chatInput.placeholder" | "chatInput.selectFiles" | "chatInput.recordVoice" | "chatInput.selectFilesOrOptions" | "chatInput.removeFile" | "chatInput.recording" | "chatInput.cancelRecording" | "chatInput.stopRecording" | "chatInput.playRecording" | "chatInput.discardRecording" | "chatInput.addToMessage" | "chatInput.voiceMessage" | "chatInput.replyingTo" | "chatInput.attachmentIndicator" | "chatInput.placeholder." | "chatInput.selectFiles." | "chatInput.recordVoice." | "chatInput.selectFilesOrOptions." | "chatInput.removeFile." | "chatInput.recording." | "chatInput.cancelRecording." | "chatInput.stopRecording." | "chatInput.playRecording." | "chatInput.discardRecording." | "chatInput.addToMessage." | "chatInput.voiceMessage." | "chatInput.replyingTo." | "chatInput.attachmentIndicator." | "chatMessage.status" | "chatMessage.actions" | "chatMessage.states" | "chatMessage.status.seen" | "chatMessage.status.sent" | "chatMessage.status.seen." | "chatMessage.status.sent." | "chatMessage.actions.reply" | "chatMessage.actions.like" | "chatMessage.actions.love" | "chatMessage.actions.revoke" | "chatMessage.actions.delete" | "chatMessage.actions.seeMore" | "chatMessage.actions.seeLess" | "chatMessage.actions.reply." | "chatMessage.actions.like." | "chatMessage.actions.love." | "chatMessage.actions.revoke." | "chatMessage.actions.delete." | "chatMessage.actions.seeMore." | "chatMessage.actions.seeLess." | "chatMessage.states.revoked" | "chatMessage.states.attachment" | "chatMessage.states.revoked." | "chatMessage.states.attachment." | "chatList.delete" | "chatList.addMember" | "chatList.addMember." | "chatList.delete." | "chatList.options" | "chatList.editGroup" | "chatList.deleteGroup" | "chatList.yourMessage" | "chatList.options." | "chatList.editGroup." | "chatList.deleteGroup." | "chatList.yourMessage." | "chatSearchBar.createGroup" | "chatSearchBar.createGroup." | "chatSearchBar.searchPlaceholder" | "chatSearchBar.searchPlaceholder." | "addMember.title" | "addMember.memberSearchPlaceholder" | "addMember.membersSection" | "addMember.title." | "addMember.memberSearchPlaceholder." | "addMember.membersSection." | "addMember.noMembersFound" | "addMember.addButton" | "addMember.noMembersFound." | "addMember.addButton." | "fileViewer.closeButtonTitle" | "fileViewer.previousButtonTitle" | "fileViewer.nextButtonTitle" | "fileViewer.scrollLeftTitle" | "fileViewer.scrollRightTitle" | "fileViewer.openDownloadButton" | "fileViewer.closeAriaLabel" | "fileViewer.previousAriaLabel" | "fileViewer.nextAriaLabel" | "fileViewer.scrollLeftAriaLabel" | "fileViewer.scrollRightAriaLabel" | "fileViewer.closeButtonTitle." | "fileViewer.previousButtonTitle." | "fileViewer.nextButtonTitle." | "fileViewer.scrollLeftTitle." | "fileViewer.scrollRightTitle." | "fileViewer.openDownloadButton." | "fileViewer.closeAriaLabel." | "fileViewer.previousAriaLabel." | "fileViewer.nextAriaLabel." | "fileViewer.scrollLeftAriaLabel." | "fileViewer.scrollRightAriaLabel." | "themeModal.title" | "themeModal.title." | "themeModal.themeSectionTitle" | "themeModal.themeSectionDesc" | "themeModal.customColorTitle" | "themeModal.doneButton" | "themeModal.resetButton" | "themeModal.themeSectionTitle." | "themeModal.themeSectionDesc." | "themeModal.customColorTitle." | "themeModal.doneButton." | "themeModal.resetButton." | "updateGroup.title" | "updateGroup.groupNamePlaceholder" | "updateGroup.membersSection" | "updateGroup.title." | "updateGroup.groupNamePlaceholder." | "updateGroup.membersSection." | "updateGroup.groupNameLabel" | "updateGroup.avatarUrlLabel" | "updateGroup.avatarUrlPlaceholder" | "updateGroup.uploadAvatarButton" | "updateGroup.removeMemberButtonTitle" | "updateGroup.removeConfirmationStart" | "updateGroup.removeConfirmationEnd" | "updateGroup.cancelButton" | "updateGroup.updateButton" | "updateGroup.updatingButton" | "updateGroup.groupNameLabel." | "updateGroup.avatarUrlLabel." | "updateGroup.avatarUrlPlaceholder." | "updateGroup.uploadAvatarButton." | "updateGroup.removeMemberButtonTitle." | "updateGroup.removeConfirmationStart." | "updateGroup.removeConfirmationEnd." | "updateGroup.cancelButton." | "updateGroup.updateButton." | "updateGroup.updatingButton.", params?: Record<string, string>) => string;
+    toggleChangeLanguage: () => void;
+};

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

@@ -0,0 +1,3 @@
+import { default as en } from './en.json';
+import { default as vi } from './vi.json';
+export { en, vi };

package/dist/src/services/chat.service.d.ts

@@ -1,12 +1,12 @@
-import { AuthInfo } from '../types';
-import { ChatEventPayloads, ChatResponse, ChatConversation, ChatMessage, ChatConfig, PaginationInfo, MessageAction, ChatUser } from '../types/chat.type';
+import { AuthInfo, ChatEventPayloads, ChatResponse, ChatConversation, ChatMessage, ChatConfig, PaginationInfo, MessageAction, ChatUser, ChatSetting } from '../../types';
 declare class ChatService {
     private static instance;
     private chatSDK;
     constructor();
     static getInstance(): ChatService;
-    init(chatKey: string): Promise<void>;
+    init(chatKey: string, workspace?: string): Promise<void>;
     private setupSDK;
+    get setting(): ChatSetting;
     setAuth(data: AuthInfo): Promise<ChatUser>;
     getAuth(): ChatUser | null;
     clearAuth(): void;
@@ -21,8 +21,8 @@ declare class ChatService {
     }>;
     findChatByReceiver(receiverId: number): Promise<ChatResponse<ChatConversation>>;
     addChat(receiverId: number, content?: string): Promise<ChatResponse<ChatConversation>>;
-    addGroup(memberIds: number[], name: string, avatar?: string, userId?: number): Promise<ChatResponse<ChatConversation>>;
-    updateGroup(chatId: number, name: string, avatar?: string): Promise<ChatResponse<ChatConversation>>;
+    addGroup(memberIds: number[], name: string, avatar?: string | File, userId?: number): Promise<ChatResponse<ChatConversation>>;
+    updateGroup(chatId: number, name: string, avatar?: string | File): Promise<ChatResponse<ChatConversation>>;
     removeChat(chatId: number): Promise<ChatResponse>;
     readChat(chatId: number): Promise<ChatResponse>;
     unreadChat(chatId: number): Promise<ChatResponse>;

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

@@ -0,0 +1,2 @@
+export * from './chat.service';
+export * from './language.service';

package/dist/src/services/language.service.d.ts

@@ -1,5 +1,5 @@
-import { default as en } from '../locales/en.json';
-import { LanguageOption } from '../types';
+import { en } from '../../locales';
+import { LanguageOption } from '../../types';
 export type TranslationSchema = typeof en;
 type NestedKeys<T> = T extends object ? {
     [K in keyof T]: `${Exclude<K, symbol>}${'' | `.${NestedKeys<T[K]>}`}`;

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

@@ -1 +1,3 @@
 export * from './store';
+export * from './slices';
+export * from './selectors';

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

@@ -0,0 +1 @@
+export * from './setting';

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

@@ -1,60 +1,29 @@
-import { RootState } from '../store';
-export declare const selectWidgetFeatures: ((state: {
-    chat: import('../slices/chatSlice').ChatState;
-    setting: import('../slices/settingSlice').SettingState;
-}) => {
+import { RootState } from '../../../store';
+import { FeatureAnalysis } from '../../../utils';
+import { WidgetFeature } from '../../../types';
+interface WidgetSettings extends FeatureAnalysis {
     acceptFilter: string;
     isFileTypeAllowed: (file: File) => boolean;
-    featureSet: Set<import('../../types').WidgetFeature>;
-    hasVoice: boolean;
-    hasAttachment: boolean;
-    hasMultipleAttachments: boolean;
-    hasGroupChat: boolean;
-    hasChangeColor: boolean;
-    hasMultipleLanguages: boolean;
-}) & {
+    allowDeleteChat: boolean;
+    allowDeleteMessage: (messageCreatedTime: string) => boolean;
+    allowRevokeMessage: (messageCreatedTime: string) => boolean;
+}
+export declare const selectWidgetFeatures: ((state: {
+    chat: import('../../../store').ChatState;
+    setting: import('../../../store').SettingState;
+}) => 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

@@ -1,4 +1,4 @@
-import { ChatUser, ChatConversation, ChatMessage, PaginationInfo } from '../../types';
+import { ChatUser, ChatConversation, ChatMessage, PaginationInfo } from '../../../types';
 export interface ChatState {
     currentUser: ChatUser | null;
     chats: ChatConversation[];
@@ -11,10 +11,12 @@ 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">;
-declare const _default: import('redux').Reducer<ChatState>;
-export default _default;
+}, "widget-chatslice/updateMemberReadStatus">, toggleChatSetting: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    chatId: number;
+    setting: "is_muted" | "is_pined";
+}, "widget-chatslice/toggleChatSetting">;
+export declare const chatReducer: import('redux').Reducer<ChatState>;

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

@@ -0,0 +1,2 @@
+export * from './chatSlice';
+export * from './settingSlice';

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

@@ -1,10 +1,9 @@
-import { LanguageOption, WidgetFeature } from '../../types';
+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">;
-declare const _default: import('redux').Reducer<SettingState>;
-export default _default;
+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 settingReducer: import('redux').Reducer<SettingState>;

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

@@ -1,6 +1,5 @@
 import { Tuple, AnyAction, ThunkDispatch, UnknownAction, EnhancedStore, StoreEnhancer } from '@reduxjs/toolkit';
-import { ChatState } from './slices/chatSlice';
-import { SettingState } from './slices/settingSlice';
+import { ChatState, SettingState } from '../../store/slices';
 export declare const store: EnhancedStore<{
     chat: ChatState;
     setting: SettingState;
@@ -8,6 +7,7 @@ export declare const store: EnhancedStore<{
     StoreEnhancer<{
         dispatch: ThunkDispatch<{
             chat: ChatState;
+            setting: SettingState;
         }, undefined, UnknownAction>;
     }>,
     StoreEnhancer

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

@@ -0,0 +1 @@
+export declare const stylesTagContent: string;

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...
@@ -192,7 +221,7 @@ export interface ChatInstance {
      * @param userId ID người dùng tạo nhóm (tùy chọn)
      * @returns Promise trả về object nhóm (ChatConversation)
      */
-    addGroup(memberIds: number[], name: string, avatar?: string, userId?: number): Promise<ChatResponse<ChatConversation>>;
+    addGroup(memberIds: number[], name: string, avatar?: string | File, userId?: number): Promise<ChatResponse<ChatConversation>>;
     /**
      * Cập nhật thông tin nhóm (Tên và Ảnh đại diện).
      * @param chatId ID nhóm (Number, bắt buộc)
@@ -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)
@@ -267,4 +296,4 @@ export interface ChatInstance {
      */
     runEvent<K extends keyof ChatEventPayloads>(name: K | string, data?: ChatEventPayloads[K]): void;
 }
-export type ChatConstructor = new () => ChatInstance;
+export type ChatConstructor = new (workspace?: string) => ChatInstance;

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

@@ -7,25 +7,45 @@ 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' | 'multi-language';
+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[];
+    /** 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;
+    workspace?: 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,13 @@
-import { ChatConversation, WidgetFeature } from '../types';
+import { AttachmentType, ChatConversation, CommunicationFeature, 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>;
+    communication: Set<CommunicationFeature>;
+    chatModes: Set<WidgetChatMode>;
+    customizations: Set<WidgetCustomizationOptions>;
+}
+export interface FeatureAnalysis {
+    featureSet: FeatureSet;
     hasVoice: boolean;
     hasAttachment: boolean;
     hasMultipleAttachments: boolean;
@@ -9,7 +15,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;