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

package/dist/locales/en.json.d.ts

@@ -1,10 +1,135 @@
 declare const _default: {
-  "auth": {
-    "login": "Login",
-    "welcome": "Welcome back, {name}!"
+  "common": {
+    "buttons": {
+      "save": "Save",
+      "cancel": "Cancel",
+      "confirm": "Confirm",
+      "close": "Close"
+    },
+    "errors": {
+      "createChat": "Cannot create chat. Please try again later.",
+      "updateGroup": "Cannot update group information. Please try again later!"
+    }
   },
-  "error": {
-    "system": "System Error"
+  "chatWindow": {
+    "memberSystem": "System Members",
+    "dragFile": "Drop files here",
+    "selectChat": "Select a conversation",
+    "startConversation": "Start a conversation with support or your team",
+    "searchPlaceholder": "Search conversations or members...",
+    "filterAll": "All",
+    "filterGroup": "Group Chat",
+    "filterSingle": "1-1 Chat"
+  },
+  "chatHeader": {
+    "defaultTitle": "Chat List",
+    "darkMode": "Dark Mode",
+    "lightMode": "Light Mode",
+    "addMember": "Add Member",
+    "settings": "UI Settings",
+    "minimize": "Minimize",
+    "maximize": "Maximize",
+    "close": "Close",
+    "language": "Change Language"
+  },
+  "chatInput": {
+    "placeholder": "Enter message...",
+    "selectFiles": "Select files",
+    "recordVoice": "Record voice",
+    "selectFilesOrOptions": "Select files or options",
+    "removeFile": "Remove file",
+    "recording": "Recording",
+    "cancelRecording": "Cancel recording",
+    "stopRecording": "Stop recording",
+    "playRecording": "Play recording",
+    "discardRecording": "Discard recording",
+    "addToMessage": "Add to message",
+    "voiceMessage": "Voice message",
+    "replyingTo": "Replying to",
+    "attachmentIndicator": "[Attachment]"
+  },
+  "chatMessage": {
+    "actions": {
+      "like": "Like",
+      "love": "Love",
+      "reply": "Reply",
+      "delete": "Delete",
+      "revoke": "Revoke",
+      "seeMore": "See more",
+      "seeLess": "See less"
+    },
+    "status": {
+      "seen": "Seen",
+      "sent": "Sent"
+    },
+    "states": {
+      "revoked": "Message revoked",
+      "attachment": "[Attachment]"
+    }
+  },
+  "chatList": {
+    "options": "Options",
+    "editGroup": "Edit Group",
+    "addMember": "Add Member",
+    "deleteGroup": "Delete Group",
+    "delete": "Delete",
+    "yourMessage": "You: "
+  },
+  "chatSearchBar": {
+    "searchPlaceholder": "Search...",
+    "createGroup": "Create New Group"
+  },
+  "addChat": {
+    "title": "Create Conversation",
+    "groupNamePlaceholder": "Enter group name...",
+    "memberSearchPlaceholder": "Find member name...",
+    "membersSection": "Suggested Members",
+    "createGroup": "Create Group",
+    "selectMoreMembers": "Select more members",
+    "selectMembers": "Select members"
+  },
+  "addMember": {
+    "title": "Add Member",
+    "memberSearchPlaceholder": "Find member name...",
+    "membersSection": "Suggested Members",
+    "noMembersFound": "No suitable members found",
+    "addButton": "+ Add"
+  },
+  "fileViewer": {
+    "closeButtonTitle": "Close (ESC)",
+    "previousButtonTitle": "Previous Image (←)",
+    "nextButtonTitle": "Next Image (→)",
+    "scrollLeftTitle": "Scroll Left",
+    "scrollRightTitle": "Scroll Right",
+    "openDownloadButton": "Open / Download",
+    "closeAriaLabel": "Close file viewer",
+    "previousAriaLabel": "Previous image",
+    "nextAriaLabel": "Next image",
+    "scrollLeftAriaLabel": "Scroll thumbnails left",
+    "scrollRightAriaLabel": "Scroll thumbnails right"
+  },
+  "themeModal": {
+    "title": "Theme Settings",
+    "themeSectionTitle": "Theme Color",
+    "themeSectionDesc": "Choose a color to change the look and feel of your conversation.",
+    "customColorTitle": "Custom Color",
+    "doneButton": "Done",
+    "resetButton": "Reset"
+  },
+  "updateGroup": {
+    "title": "Edit Group",
+    "groupNameLabel": "Group Name",
+    "groupNamePlaceholder": "Enter new group name...",
+    "avatarUrlLabel": "Avatar URL",
+    "avatarUrlPlaceholder": "Enter avatar URL (optional)...",
+    "uploadAvatarButton": "Upload Avatar",
+    "membersSection": "Group Members",
+    "removeMemberButtonTitle": "Remove from group",
+    "removeConfirmationStart": "Are you sure you want to remove member",
+    "removeConfirmationEnd": "from the group?",
+    "cancelButton": "Cancel",
+    "updateButton": "Update",
+    "updatingButton": "Updating..."
   }
 }
 ;

package/dist/locales/vi.json.d.ts

@@ -1,10 +1,136 @@
 declare const _default: {
-  "auth": {
-    "login": "Đăng nhập",
-    "welcome": "Chào mừng {name} trở lại!"
+  "common": {
+    "buttons": {
+      "save": "Lưu",
+      "cancel": "Hủy",
+      "confirm": "Xác nhận",
+      "close": "Đóng"
+    },
+    "errors": {
+      "createChat": "Không thể tạo cuộc trò chuyện. Vui lòng thử lại sau.",
+      "updateGroup": "Không thể cập nhật thông tin nhóm. Vui lòng thử lại!"
+    }
   },
-  "error": {
-    "system": "Lỗi hệ thống"
+  "chatWindow": {
+    "memberSystem": "Thành viên hệ thống",
+    "dragFile": "Thả file tại đây",
+    "selectChat": "Chọn một cuộc hội thoại",
+    "startConversation": "Bắt đầu trò chuyện với hỗ trợ hoặc nhóm của bạn",
+    "searchPlaceholder": "Tìm kiếm",
+    "filterAll": "Tất cả",
+    "filterGroup": "Nhóm chat",
+    "filterSingle": "Chat 1-1"
+  },
+  "chatHeader": {
+    "defaultTitle": "Danh sách chat",
+    "darkMode": "Chế độ tối",
+    "lightMode": "Chế độ sáng",
+    "addMember": "Thêm thành viên",
+    "settings": "Thiết lập giao diện",
+    "minimize": "Thu nhỏ",
+    "maximize": "Mở rộng",
+    "close": "Đóng",
+    "language": "Thay đổi ngôn ngữ"
+  },
+  "chatInput": {
+    "placeholder": "Nhập tin nhắn...",
+    "selectFiles": "Chọn file",
+    "recordVoice": "Ghi âm",
+    "selectFilesOrOptions": "Chọn file hoặc tùy chọn",
+    "removeFile": "Xóa file",
+    "recording": "Đang ghi âm",
+    "cancelRecording": "Hủy ghi âm",
+    "stopRecording": "Dừng ghi âm",
+    "playRecording": "Phát ghi âm",
+    "discardRecording": "Hủy ghi âm",
+    "addToMessage": "Thêm vào tin nhắn",
+    "voiceMessage": "Tin nhắn thoại",
+    "replyingTo": "Đang trả lời",
+    "attachmentIndicator": "[Tệp đính kèm]"
+  },
+  "chatMessage": {
+    "actions": {
+      "like": "Thích",
+      "love": "Yêu thích",
+      "reply": "Trả lời",
+      "delete": "Xóa",
+      "revoke": "Thu hồi",
+      "seeMore": "Xem thêm",
+      "seeLess": "Ẩn bớt"
+    },
+    "status": {
+      "seen": "Đã xem",
+      "sent": "Đã gửi"
+    },
+    "states": {
+      "revoked": "Tin nhắn đã thu hồi",
+      "attachment": "[Tệp đính kèm]"
+    }
+  },
+  "chatList": {
+    "options": "Tùy chọn",
+    "editGroup": "Chỉnh sửa nhóm",
+    "addMember": "Thêm thành viên",
+    "deleteGroup": "Xóa nhóm",
+    "delete": "Xóa",
+    "yourMessage": "Bạn: "
+  },
+  "chatSearchBar": {
+    "searchPlaceholder": "Tìm kiếm...",
+    "createGroup": "Tạo nhóm mới"
+  },
+  "addChat": {
+    "title": "Tạo nhóm mới",
+    "groupNamePlaceholder": "Nhập tên nhóm",
+    "memberSearchPlaceholder": "Chọn người nhận hoặc nhập tên",
+    "membersSection": "Gợi ý thành viên",
+    "createGroup": "Tạo nhóm",
+    "selectMoreMembers": "Chọn thêm thành viên",
+    "selectMembers": "Tạo",
+    "cancelMembers": "Huỷ"
+  },
+  "addMember": {
+    "title": "Thêm thành viên",
+    "memberSearchPlaceholder": "Tìm tên thành viên...",
+    "membersSection": "Gợi ý thành viên",
+    "noMembersFound": "Không tìm thấy thành viên phù hợp",
+    "addButton": "+ Thêm"
+  },
+  "fileViewer": {
+    "closeButtonTitle": "Đóng (ESC)",
+    "previousButtonTitle": "Ảnh trước (←)",
+    "nextButtonTitle": "Ảnh tiếp theo (→)",
+    "scrollLeftTitle": "Cuộn trái",
+    "scrollRightTitle": "Cuộn phải",
+    "openDownloadButton": "Mở / Tải xuống",
+    "closeAriaLabel": "Đóng trình xem tệp",
+    "previousAriaLabel": "Ảnh trước",
+    "nextAriaLabel": "Ảnh tiếp theo",
+    "scrollLeftAriaLabel": "Cuộn hình thu nhỏ sang trái",
+    "scrollRightAriaLabel": "Cuộn hình thu nhỏ sang phải"
+  },
+  "themeModal": {
+    "title": "Cài đặt chủ đề",
+    "themeSectionTitle": "Tông màu chủ đề",
+    "themeSectionDesc": "Chọn một màu để thay đổi toàn bộ không gian và cảm xúc của cuộc trò chuyện.",
+    "customColorTitle": "Màu tùy chỉnh",
+    "doneButton": "Hoàn tất",
+    "resetButton": "Reset"
+  },
+  "updateGroup": {
+    "title": "Chỉnh sửa nhóm",
+    "groupNameLabel": "Tên nhóm",
+    "groupNamePlaceholder": "Nhập tên nhóm mới...",
+    "avatarUrlLabel": "URL Ảnh đại diện",
+    "avatarUrlPlaceholder": "Nhập URL ảnh đại diện (tùy chọn)...",
+    "uploadAvatarButton": "Tải lên ảnh đại diện",
+    "membersSection": "Thành viên nhóm",
+    "removeMemberButtonTitle": "Xóa khỏi nhóm",
+    "removeConfirmationStart": "Bạn có chắc chắn muốn xóa thành viên",
+    "removeConfirmationEnd": "khỏi nhóm?",
+    "cancelButton": "Hủy",
+    "updateButton": "Cập nhật",
+    "updatingButton": "Đang cập nhật..."
   }
 }
 ;

package/dist/src/assets/Icons.d.ts

@@ -0,0 +1,45 @@
+export declare const Online: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Owner: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SaOneLogo: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MemberListIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const GroupListIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const BackIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MuteIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const CallIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const VideoCallIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const OpenSidebarIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const CloseIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const PreviousIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const NextIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ConversationIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ConversationListIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AddIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SearchIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SettingIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const PinIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const HelpIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const RemoveMemberIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const KeyIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const EditIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const BellIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AddMemberIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ArrowDownIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MoreIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MinimizeIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const OpenFullPageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MinimizeFullPageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ReplyIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AttachmentIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ImageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const VoiceIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const EmojiIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SendMessageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SortASCIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SortDESCIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const LikeIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const LoveIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const DeleteMessageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const RevokeMessageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const SeenIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const LanguageIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const ImagePlaceholderIcon: import('react').ForwardRefExoticComponent<Omit<import('./createIcon').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/src/assets/createIcon.d.ts

@@ -0,0 +1,19 @@
+import { JSX, SVGProps } from 'react';
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+    strokeWidth?: number;
+    strokeColor?: string;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
+    strokeLinejoin?: 'round' | 'inherit' | 'miter' | 'bevel' | undefined;
+}
+interface CreateIconOptions {
+    viewBox?: string;
+    fill?: string;
+    sizeDefault?: number;
+    strokeWidthDefault?: number;
+    strokeColorDefault?: string;
+    strokeLinecapDefault?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
+    strokeLinejoinDefault?: 'round' | 'inherit' | 'miter' | 'bevel' | undefined;
+}
+declare const createIcon: (iconName: string, iconContent: JSX.Element, { viewBox, fill, sizeDefault, strokeWidthDefault, strokeColorDefault, strokeLinecapDefault, strokeLinejoinDefault, }?: CreateIconOptions) => import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default createIcon;

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

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

package/dist/src/components/ChatWidget.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
-import { ChatWidgetProps } from '../types';
-export declare const ChatWidget: React.FC<ChatWidgetProps>;
+import { FC } from 'react';
+import { ChatWidgetProps } from '../../types';
+export declare const ChatWidget: FC<ChatWidgetProps>;

package/dist/src/components/ChatWindow.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ChatWidgetProps, WidgetMode } from '../types';
+import { FC } from 'react';
+import { ChatWidgetProps, WidgetMode } from '../../types';
 interface ChatWindowProps extends ChatWidgetProps {
     mode: WidgetMode;
     setMode: (mode: WidgetMode) => void;
@@ -11,6 +11,22 @@ interface ChatWindowProps extends ChatWidgetProps {
         x: number;
         y: number;
     } | null) => void;
+    fullpagePosition?: {
+        x: number;
+        y: number;
+    } | null;
+    setFullpagePosition?: (pos: {
+        x: number;
+        y: number;
+    } | null) => void;
+    fullpageSize?: {
+        width: number;
+        height: number;
+    };
+    setFullpageSize?: (size: {
+        width: number;
+        height: number;
+    }) => void;
 }
-export declare const ChatWindow: React.FC<ChatWindowProps>;
+export declare const ChatWindow: FC<ChatWindowProps>;
 export {};

package/dist/src/components/FloatingButton.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { WidgetMode } from '../types';
+import { FC } from 'react';
+import { WidgetMode } from '../../types';
 interface FloatingButtonProps {
     mode: WidgetMode;
     setMode: (mode: WidgetMode) => void;
@@ -13,5 +13,5 @@ interface FloatingButtonProps {
     } | null) => void;
     primaryColor?: string;
 }
-export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export declare const FloatingButton: FC<FloatingButtonProps>;
 export {};

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

@@ -1,3 +1,7 @@
 export { ChatWidget } from './ChatWidget';
 export { FloatingButton } from './FloatingButton';
 export { ChatWindow } from './ChatWindow';
+export * from './modals';
+export * from './shared';
+export * from './sidebar';
+export * from './view';

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ChatUser } from '../../types';
+import { FC } from 'react';
+import { ChatUser } from '../../../types';
 interface AddChatProps {
     isOpen: boolean;
     onClose: () => void;
@@ -12,5 +12,5 @@ interface AddChatProps {
     onModalSearchQueryChange: (query: string) => void;
     onCreateChat: () => void;
 }
-export declare const AddChat: React.FC<AddChatProps>;
+export declare const AddChat: FC<AddChatProps>;
 export {};

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface AddGroupProps {
+    onClose: () => void;
+}
+export declare const AddGroup: FC<AddGroupProps>;
+export {};

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ChatUser, ChatConversation } from '../../types';
+import { FC } from 'react';
+import { ChatUser, ChatConversation } from '../../../types';
 interface AddMemberProps {
     isOpen: boolean;
     onClose: () => void;
@@ -9,5 +9,5 @@ interface AddMemberProps {
     onAddMember: (chatId: number, memberId: number) => Promise<void>;
     primaryColor?: string;
 }
-export declare const AddMember: React.FC<AddMemberProps>;
+export declare const AddMember: FC<AddMemberProps>;
 export {};

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

@@ -1,10 +1,10 @@
-import { default as React } from 'react';
-import { ChatFile } from '../../types';
+import { FC } from 'react';
+import { ChatFile } from '../../../types';
 interface FileViewerProps {
     isOpen: boolean;
     files: ChatFile[];
     initialIndex?: number;
     onClose: () => void;
 }
-export declare const FileViewer: React.FC<FileViewerProps>;
+export declare const FileViewer: FC<FileViewerProps>;
 export {};

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

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

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

@@ -1,12 +1,12 @@
-import { default as React } from 'react';
-import { ChatConversation } from '../../types';
+import { FC } from 'react';
+import { ChatConversation } from '../../../types';
 interface UpdateGroupProps {
     isOpen: boolean;
     onClose: () => void;
     group: ChatConversation | null;
     removeMember?: (chatId: number, memberId: number) => Promise<void>;
-    onUpdate: (chatId: number, name: string, avatar?: string) => Promise<void>;
+    onUpdate: (chatId: number, name: string, avatar?: string | File) => Promise<void>;
     primaryColor?: string;
 }
-export declare const UpdateGroup: React.FC<UpdateGroupProps>;
+export declare const UpdateGroup: FC<UpdateGroupProps>;
 export {};

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChatUser } from '../../../types';
+interface UserProfileModalProps {
+    user: ChatUser;
+    onClose: () => void;
+    isOnline?: boolean;
+    onMessage: () => void;
+}
+export declare const UserProfileModal: FC<UserProfileModalProps>;
+export {};

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

@@ -2,4 +2,5 @@ export * from './UpdateGroup';
 export * from './AddMember';
 export * from './FileViewer';
 export * from './ThemeModal';
-export * from './AddChat';
+export * from './AddGroup';
+export * from './UserProfileModal';

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

@@ -1,4 +1,4 @@
-import { ChatConversation } from '../../types';
+import { ChatConversation } from '../../../types';
 export declare const ChatAvatar: import('react').MemoExoticComponent<({ chat, currentUserId, }: {
     chat?: ChatConversation | null;
     currentUserId?: number;

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

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

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ToastContainer: FC;

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

@@ -0,0 +1,3 @@
+export * from './ChatAvatar';
+export * from './ToastContainer';
+export * from './MemberAvatarFallBack';

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

@@ -0,0 +1,7 @@
+import { ChatUser } from '../../../types';
+export declare const AppSideBar: ({ setIsThemeModalOpen, currentUser, activeTab, setActiveTab, }: {
+    setIsThemeModalOpen: (open: boolean) => void;
+    currentUser: ChatUser;
+    activeTab: "chats" | "contacts";
+    setActiveTab: (tab: "chats" | "contacts") => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+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 ChatInfoPanel: FC<SideBarInfoChatProps>;
+export { ChatInfoPanel };

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

@@ -1,13 +1,12 @@
-import { default as React } from 'react';
-import { ChatConversation } from '../../types';
+import { FC, MouseEvent } from 'react';
+import { ChatConversation } from '../../../types';
 interface ChatListProps {
     chats: ChatConversation[];
     selectedChat: ChatConversation | null;
     onSelectChat: (chat: ChatConversation) => void;
-    onRemoveChat: (chatId: number, e: React.MouseEvent) => void;
+    onRemoveChat: (chatId: number, e: MouseEvent<HTMLDivElement>) => void;
     onUpdateGroup?: (chat: ChatConversation) => void;
     onAddMemberClick?: (chat: ChatConversation) => void;
-    primaryColor?: string;
 }
-export declare const ChatList: React.FC<ChatListProps>;
+export declare const ChatList: FC<ChatListProps>;
 export {};

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

@@ -1,9 +1,10 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 interface ChatSearchBarProps {
     value: string;
     onChange: (value: string) => void;
     onAddClick?: () => void;
     placeholder?: string;
+    activeTab?: 'chats' | 'contacts';
 }
-export declare const ChatSearchBar: React.FC<ChatSearchBarProps>;
+export declare const ChatSearchBar: FC<ChatSearchBarProps>;
 export {};

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

@@ -0,0 +1,11 @@
+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 };

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

@@ -1,2 +1,4 @@
 export * from './ChatList';
 export * from './ChatSearchBar';
+export * from './AppSideBar';
+export * from './ChatInfoPanel';