@medipha/chat 1.0.14

package/dist/pages/conversation/index.d.ts

@@ -0,0 +1,28 @@
+import { ChatUser, Conversation } from '../../utils/chat';
+export interface ConversationGroupHandle {
+    /** Jumps the message timeline to the given message — used by the page-level SearchPanel,
+     *  which lives outside this group but needs to drive its message window. */
+    loadAround: (messageId: string) => Promise<boolean> | boolean;
+}
+interface ConversationGroupProps {
+    conversationId: string | undefined;
+    conversation: Conversation | null;
+    isLoadingConversation: boolean;
+    currentUserId: string | null;
+    authUser: ChatUser | null;
+    accessToken: string | undefined;
+    isSettingsOpen: boolean;
+    onToggleSettings: () => void;
+    onOpenSearch: () => void;
+    onEditTitle: () => void;
+    onOpenMembers: () => void;
+    onOpenUserProfile: (userId: string) => void;
+    onNavigateBack: () => void;
+}
+/** Header + detail + footer for the currently open conversation. Owns only what's
+ *  genuinely shared across those three (message window, membership, reply target,
+ *  pending attachments, typing, the shared image lightbox) — the nearest common ancestor
+ *  for exactly the state they need. Everything exclusive to one of them (pin, reaction,
+ *  message menu/details — all detail-only) lives inside that component instead. */
+export declare const ConversationGroup: import('react').ForwardRefExoticComponent<ConversationGroupProps & import('react').RefAttributes<ConversationGroupHandle>>;
+export {};

package/dist/pages/conversations/empty-state/conversation-empty-state.d.ts

@@ -0,0 +1,3 @@
+/** Welcome/placeholder screen shown in the conversation pane before any conversation
+ *  has been picked from the sidebar. */
+export declare function ConversationEmptyState(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/conversations/index.d.ts

@@ -0,0 +1,4 @@
+/** Full-viewport chat workspace: sidebar plus the active conversation. Owns the
+ *  conversation object itself (shared by both the conversation group and the Setting
+ *  group) and the handful of dialogs/state that outlive either (forward, user profile). */
+export declare function ConversationScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/sidebar/hooks/use-conversations.d.ts

@@ -0,0 +1,17 @@
+import { Conversation } from '../../../utils/chat';
+interface UseConversationsResult {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: string;
+    togglePin: (conversationId: string, pinned: boolean) => Promise<void>;
+    reload: () => Promise<void>;
+}
+/**
+ * Loads the current user's conversations and keeps the list live via socket events.
+ * Backed by the shared `conversationsStore` (not local state) — the page-level "currently
+ * open conversation" reads and gets patched through the same store, so the two never
+ * drift out of sync on the same realtime events.
+ * `activeConversationId` is accepted for call-site compatibility (currently unused here).
+ */
+export declare function useConversations(activeConversationId?: string): UseConversationsResult;
+export {};

package/dist/pages/sidebar/index.d.ts

@@ -0,0 +1,4 @@
+/** Left rail listing conversations with search, unread filter, and creation entry. Owns the
+ *  search/filter state shared by its filter row and list, and the conversation feed itself —
+ *  its 3 sub-parts (header-infor, filter, conversation-list) are otherwise independent. */
+export declare function ConversationSidebar(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/sidebar/sidbar-conversation-list/sidbar-conversation-list.d.ts

@@ -0,0 +1,13 @@
+import { Conversation } from '../../../utils/chat';
+interface SidbarConversationListProps {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: string;
+    currentUserId: string | null;
+    activeConversationId: string | undefined;
+    buildConversationPath: (targetId: string) => string;
+    onTogglePin: (conversationId: string, nextPinned: boolean) => void;
+}
+/** The scrollable list of conversation rows — already-filtered input in, Link rows out. */
+export declare function SidbarConversationList({ conversations, isLoading, error, currentUserId, activeConversationId, buildConversationPath, onTogglePin, }: SidbarConversationListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/sidebar/sidebar-filter/sidebar-filter.d.ts

@@ -0,0 +1,13 @@
+export type SidebarConversationFilter = 'all' | 'unread' | 'verified';
+interface SidebarFilterProps {
+    searchTerm: string;
+    onSearchTermChange: (value: string) => void;
+    activeFilter: SidebarConversationFilter;
+    onActiveFilterChange: (filter: SidebarConversationFilter) => void;
+    onOpenCreate: () => void;
+}
+/** Sidebar search input, "Tạo cuộc trò chuyện" entry point, and the Tất cả/Chưa đọc/Tích
+ *  xanh filter row. Controlled — the actual conversation list it filters lives in the
+ *  sibling sidbar-conversation-list component, driven from the same state one level up. */
+export declare function SidebarFilter({ searchTerm, onSearchTermChange, activeFilter, onActiveFilterChange, onOpenCreate, }: SidebarFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/sidebar/sidebar-header-infor/sidebar-header-infor.d.ts

@@ -0,0 +1,4 @@
+/** Current-user identity block at the top of the sidebar: avatar, name, work info, and
+ *  the entry point into the user's own profile modal. Fully self-contained — reads the
+ *  authenticated user straight from the auth store, no props needed. */
+export declare function SidebarHeaderInfor(): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/banner-carousel.d.ts

@@ -0,0 +1,9 @@
+interface BannerCarouselProps {
+    images: string[];
+    className?: string;
+}
+/** Zalo-style auto-sliding banner carousel — fixed interval, prev/next arrows, and dot
+ *  indicators (click a dot to jump directly) — used on the "no conversation selected"
+ *  default screen. */
+export declare function BannerCarousel({ images, className }: BannerCarouselProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/conversation-avatar.d.ts

@@ -0,0 +1,19 @@
+import { ConversationMember } from '../../utils/chat';
+interface ConversationAvatarProps {
+    /** Resolved avatar photo URL (absolute); when absent the initials fallback is shown. */
+    avatarUrl?: string | null;
+    /** Name used for the initials fallback when there is no photo. */
+    name: string;
+    isGroup: boolean;
+    /** Group members used to build the composite avatar; empty for direct chats. */
+    members?: ConversationMember[];
+    /** Total member count for the group composite; falls back to members.length. */
+    memberCount?: number;
+    currentUserId?: string | null;
+    className?: string;
+}
+/** Conversation avatar: photo (group or direct) → direct-chat partner photo → initials.
+ *  Groups without their own photo render a 2×2 composite of 3 member avatars (excluding
+ *  self) plus a circle with the total member count, once there are 4+ members. */
+export declare function ConversationAvatar({ avatarUrl, name, isGroup, members, memberCount, currentUserId, className, }: ConversationAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/date-range-filter-pill.d.ts

@@ -0,0 +1,17 @@
+import { Dayjs } from 'dayjs';
+export interface DateFilterValue {
+    from: Dayjs | null;
+    to: Dayjs | null;
+}
+export declare const DEFAULT_DATE_FILTER: DateFilterValue;
+/** Matches when `dateInput` falls within [from, to] — either bound may be unset. */
+export declare function matchesDateFilter(filter: DateFilterValue, dateInput: string): boolean;
+interface DateRangeFilterPillProps {
+    value: DateFilterValue;
+    onChange: (value: DateFilterValue) => void;
+}
+/** "Ngày gửi ⌄" filter pill: two independent single-month date pickers ("Từ ngày" /
+ *  "Đến ngày", neither ever a future date) — not antd's combined two-month RangePicker.
+ *  Confirmed with Hủy/Xác nhận. */
+export declare function DateRangeFilterPill({ value, onChange }: DateRangeFilterPillProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/download-action.d.ts

@@ -0,0 +1,11 @@
+import { MouseEvent } from 'react';
+interface DownloadActionProps {
+    url: string;
+    name?: string | null;
+    className?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+/** Shared "Tải xuống" action — same download button/behavior everywhere a file or image
+ *  can be downloaded (chat bubble, kho lưu trữ, settings media preview). */
+export declare function DownloadAction({ url, name, className, onClick, }: DownloadActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/filter-pill.d.ts

@@ -0,0 +1,15 @@
+export interface FilterPillOption<T extends string> {
+    value: T;
+    label: string;
+}
+export interface FilterPillProps<T extends string> {
+    label: string;
+    value: T;
+    options: Array<FilterPillOption<T>>;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+}
+/** Small dropdown pill ("Loại ⌄", "Người gửi ⌄", "Ngày gửi ⌄", ...) — shows `label` while
+ *  the first (default) option is selected, otherwise turns into an active chip showing the
+ *  picked option with a clear ("x") button in place of the chevron. */
+export declare function FilterPill<T extends string>({ label, value, options, onChange, disabled, }: FilterPillProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/image-not-available.d.ts

@@ -0,0 +1,12 @@
+interface ImageNotAvailableProps {
+    className?: string;
+    /** Icon only, no label — for boxes too small to fit "Không tìm thấy ảnh" (e.g. a 64px
+     *  thumbnail rail). */
+    compact?: boolean;
+}
+/** Placeholder shown in place of an image that failed to load (e.g. a 404'd attachment) —
+ *  icon + "Không tìm thấy ảnh" instead of the browser's bare broken-image glyph. Sized to
+ *  fill whatever box it's given (see .image-not-available), so it drops into the same
+ *  fixed-size frame the real `<img>` would have used. */
+export declare function ImageNotAvailable({ className, compact }: ImageNotAvailableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/image-with-fallback.d.ts

@@ -0,0 +1,13 @@
+import { ImgHTMLAttributes } from 'react';
+interface ImageWithFallbackProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /** Applied to the ImageNotAvailable placeholder instead of the <img> once it fails —
+     *  pass the same sizing class the <img> would have gotten so the placeholder fills the
+     *  same box. */
+    fallbackClassName?: string;
+    /** Forwarded to ImageNotAvailable — icon only, no label, for boxes too small to fit it. */
+    fallbackCompact?: boolean;
+}
+/** Drop-in `<img>` replacement that swaps to the ImageNotAvailable placeholder on error
+ *  (a 404'd attachment, most often) instead of the browser's bare broken-image glyph. */
+export declare function ImageWithFallback({ fallbackClassName, fallbackCompact, onError, ...imgProps }: ImageWithFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/load-more-sentinel.d.ts

@@ -0,0 +1,15 @@
+interface LoadMoreSentinelProps {
+    /** Whether a next page exists to load. */
+    enabled: boolean;
+    /** True while the next page is being fetched (shows "Đang tải..." and gates refires). */
+    isLoading: boolean;
+    onLoadMore: () => void;
+}
+/**
+ * Invisible marker at the bottom of a paginated list that triggers `onLoadMore` as soon
+ * as it scrolls into view. Because it uses IntersectionObserver (rooted at the scrollable
+ * list), it also fires immediately when a fresh page doesn't fill the list — the case a
+ * plain onScroll handler misses, since there is no scrollbar to produce scroll events.
+ */
+export declare function LoadMoreSentinel({ enabled, isLoading, onLoadMore }: LoadMoreSentinelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared/components/quote-icon.d.ts

@@ -0,0 +1,5 @@
+/** Custom "reply" icon (assets/icons/quote.svg), replacing antd's RollbackOutlined
+ *  everywhere the reply action appears. Colored like an antd icon (currentColor) and sized
+ *  relative to it (0.8em — the source artwork reads visually heavier/bigger than antd's
+ *  icons at a literal 1em) so it drops into the same buttons without CSS changes. */
+export declare function QuoteIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/search-empty-state.d.ts

@@ -0,0 +1,8 @@
+interface SearchEmptyStateProps {
+    message: string;
+    className?: string;
+}
+/** Illustration + message shown whenever a search or filter yields zero results — shared
+ *  across the message search panel, conversation list, member/user pickers, and archive. */
+export declare function SearchEmptyState({ message, className }: SearchEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/shared-icon.d.ts

@@ -0,0 +1,5 @@
+/** Custom "share/forward" icon (assets/icons/sheared.svg), replacing antd's ShareAltOutlined
+ *  everywhere the forward/share action appears. Colored like an antd icon (currentColor) and
+ *  sized relative to it (0.8em — the source artwork reads visually heavier/bigger than
+ *  antd's icons at a literal 1em) so it drops into the same buttons without CSS changes. */
+export declare function SharedIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/user-avatar.d.ts

@@ -0,0 +1,12 @@
+interface UserAvatarProps {
+    /** Resolved avatar photo URL (absolute); when absent the initials fallback is shown. */
+    avatarUrl?: string | null;
+    /** Name used for the initials fallback when there is no photo. */
+    name: string;
+    className?: string;
+}
+/** Circular avatar: shows the user's photo when available, otherwise their initials —
+ *  also the fallback when the photo URL 404s (e.g. a deleted file) instead of the
+ *  browser's broken-image icon. */
+export declare function UserAvatar({ avatarUrl, name, className }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/user-profile-modal.d.ts

@@ -0,0 +1,13 @@
+interface UserProfileModalProps {
+    userId: string;
+    fallbackName?: string;
+    onClose: () => void;
+    /** Opens (or reuses) a direct conversation with this user. */
+    onStartChat?: (userId: string) => void;
+}
+/** Zalo-style "Thông tin tài khoản" dialog, opened from a user avatar click: avatar on
+ *  top, then contact details (họ tên, ngày sinh, email, số điện thoại) and a second
+ *  group with the directory info (chi nhánh, phòng ban, chức vụ). Portals to body with
+ *  the layered mask so it stacks above the member-list modal it may be opened from. */
+export declare function UserProfileModal({ userId, fallbackName, onClose, onStartChat }: UserProfileModalProps): import('react').ReactPortal;
+export {};

package/dist/shared/components/verified-badge.d.ts

@@ -0,0 +1,5 @@
+/** Themed "verified" check (--chat-primary) with a scalloped (sawtooth) badge outline, shown next to a
+ *  verified group's name or in the sidebar row's top-right corner. */
+export declare function VerifiedBadge({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shared/helper/dayjs-date-picker.d.ts

@@ -0,0 +1,14 @@
+import { Dayjs } from 'dayjs';
+declare const DayjsDatePicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<import('antd/es/date-picker/generatePicker').PickerProps<Dayjs> & {
+    status?: "" | "warning" | "error" | undefined;
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown> & {
+    WeekPicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<Omit<import('antd/es/date-picker/generatePicker').PickerDateProps<Dayjs>, "picker">, unknown>;
+    MonthPicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<Omit<import('antd/es/date-picker/generatePicker').PickerDateProps<Dayjs>, "picker">, unknown>;
+    YearPicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<Omit<import('antd/es/date-picker/generatePicker').PickerDateProps<Dayjs>, "picker">, unknown>;
+    RangePicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<import('antd/es/date-picker/generatePicker').RangePickerProps<Dayjs>, unknown>;
+    TimePicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<Omit<import('antd/es/date-picker/generatePicker').PickerTimeProps<Dayjs>, "picker">, unknown>;
+    QuarterPicker: import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<Omit<import('antd/es/date-picker/generatePicker').PickerTimeProps<Dayjs>, "picker">, unknown>;
+};
+export default DayjsDatePicker;

package/dist/shared/hooks/use-directory-filter.d.ts

@@ -0,0 +1,13 @@
+import { FilterPillOption } from '../components/filter-pill';
+export interface DirectoryFilter {
+    branchId: string;
+    departmentId: string;
+    branchOptions: Array<FilterPillOption<string>>;
+    departmentOptions: Array<FilterPillOption<string>>;
+    handleBranchChange: (branchId: string) => void;
+    setDepartmentId: (departmentId: string) => void;
+}
+/** Branch/department pickers shared by the user-directory surfaces (create conversation,
+ *  add members): branch options come from the org-tree's branch-level departments (via
+ *  the zero-UUID branch), and department options follow the selected branch. */
+export declare function useDirectoryFilter(): DirectoryFilter;

package/dist/shared/hooks/use-user-profile-modal.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Tracks which user's profile modal is open. A shared trigger point — opened from
+ * mention clicks, avatar clicks, member/reaction list rows, and direct-chat entry.
+ */
+export declare function useUserProfileModal(): {
+    profileUserId: string | null;
+    openProfile: (userId: string | null) => void;
+    closeProfile: () => void;
+};

package/dist/socket/chatSocket.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated Import realtime functions from `@medipha/chat-core` in new code.
+ * This compatibility re-export keeps the web UI's existing imports unchanged.
+ */
+export { configureSocket, connectSocket, subscribeSocketHandlers, getSocket, emitCreateConversation, subscribeConversation, unsubscribeConversation, emitMessageSend, emitMessageReactionApply, emitMessageReactionRemove, emitMessagePin, emitMessageForward, emitConversationRead, emitTypingStart, emitTypingStop, disconnectSocket, } from '@medipha/chat-core';
+export type { GetMessageReactionsQuery, MessageReactionUpdatedEvent, ReactionSummaryPayload, ReactionType, ReactionUserItem, ReactionUsersPage, SocketEmitResult, SocketHandlers, } from '@medipha/chat-core';

package/dist/store/authStore.d.ts

@@ -0,0 +1,34 @@
+/** Minimal authenticated user shape; extra ERP-provided fields are preserved. */
+export interface AuthUser {
+    userId?: string;
+    [key: string]: unknown;
+}
+interface AuthState {
+    user: AuthUser | null;
+    userId: string | null;
+    hasHydrated: boolean;
+    setUser: (user: AuthUser | null) => void;
+    setUserId: (userId: string | null) => void;
+    setHasHydrated: (hasHydrated: boolean) => void;
+    logout: () => void;
+}
+export declare const useAuthStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AuthState>, "setState" | "persist"> & {
+    setState(partial: AuthState | Partial<AuthState> | ((state: AuthState) => AuthState | Partial<AuthState>), replace?: false | undefined): unknown;
+    setState(state: AuthState | ((state: AuthState) => AuthState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AuthState, {
+            user: AuthUser | null;
+            userId: string | null;
+        }, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AuthState) => void) => () => void;
+        onFinishHydration: (fn: (state: AuthState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AuthState, {
+            user: AuthUser | null;
+            userId: string | null;
+        }, unknown>>;
+    };
+}>;
+export {};

package/dist/store/connectionStore.d.ts

@@ -0,0 +1,8 @@
+interface ConnectionState {
+    /** Whether the realtime socket is currently connected. Starts true (optimistic) so the
+     *  banner doesn't flash before the socket has had a chance to connect. */
+    isConnected: boolean;
+    setConnected: (isConnected: boolean) => void;
+}
+export declare const useConnectionStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ConnectionState>>;
+export {};

package/dist/store/conversationsStore.d.ts

@@ -0,0 +1,38 @@
+import { Conversation } from '../utils/chat';
+interface ConversationsState {
+    conversations: Conversation[];
+    isLoading: boolean;
+    error: string;
+    setConversations: (conversations: Conversation[]) => void;
+    setLoading: (isLoading: boolean) => void;
+    setError: (error: string) => void;
+    /** Adds (or repositions) a conversation that just appeared for this user — a brand-new
+     *  chat, or one they were just added back into. Repositions by pin/recency, same as any
+     *  other realtime list event. */
+    upsertConversation: (incoming: unknown, currentUserId: string | null) => void;
+    /** Merges a partial update into one entry in place (no repositioning) — used for
+     *  page-driven edits (rename, avatar change) that only carry the changed fields. */
+    patchConversation: (conversationId: string, update: Partial<Conversation>) => void;
+    /** Replaces one entry with a freshly REST-fetched full detail (richer member roster than
+     *  the list's own summary shape) — merged in place if already present (the page opening
+     *  a conversation shouldn't bump its position in the list), appended if this is the
+     *  first the store has heard of it (e.g. a deep link opened before the list loaded). */
+    setFullConversation: (conversation: Conversation) => void;
+    removeConversation: (conversationId: string) => void;
+    applyIncomingMessage: (incoming: unknown, currentUserId: string | null) => void;
+    applyReadMarker: (payload: unknown) => void;
+    applyUnreadCount: (payload: unknown) => void;
+    applyMessageRemoved: (payload: unknown) => void;
+    applyConversationUpdated: (payload: unknown) => void;
+    applyPinnedAt: (conversationId: string, userId: string, pinnedAt: string | null) => void;
+    applyConversationPinned: (payload: unknown) => void;
+}
+/**
+ * Shared conversation-summary list — the single source sidebar rows AND the page-level
+ * "currently open conversation" both read, instead of each independently patching its own
+ * copy on the same realtime events (title/avatar/verified changes, read markers, unread
+ * counts...). Pin ordering and per-conversation patch rules are ported unchanged from the
+ * sidebar's own hook, which now just wraps this store.
+ */
+export declare const useConversationsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ConversationsState>>;
+export {};

package/dist/store/forwardStore.d.ts

@@ -0,0 +1,14 @@
+import { ChatMessage } from '../utils/chat';
+interface ForwardState {
+    /** The message currently staged to forward — drives whether ForwardDialog is open. */
+    forwardSource: ChatMessage | null;
+    openForward: (message: ChatMessage) => void;
+    closeForward: () => void;
+    clearIfTarget: (messageId: string) => void;
+}
+/** Shared "Chuyển tiếp" (forward) state — triggered from message bubbles inside
+ *  conversation-detail and from the archive's share button inside Setting, two
+ *  independent branches with no other common ground. Either can call `openForward`
+ *  directly; no ref/handle needed to reach across. */
+export declare const useForwardStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ForwardState>>;
+export {};

package/dist/store/pinnedMessagesStore.d.ts

@@ -0,0 +1,16 @@
+import { ChatMessage } from '../utils/chat';
+interface PinnedMessagesState {
+    /** Only the currently open conversation's pinned list is ever held — a stray update for
+     *  a conversation the user has since navigated away from is dropped, not applied. */
+    conversationId: string | undefined;
+    pinnedMessages: ChatMessage[];
+    setForConversation: (conversationId: string | undefined, messages: ChatMessage[]) => void;
+    applyPinnedUpdate: (conversationId: string | undefined, message: ChatMessage) => void;
+    clearIfTarget: (conversationId: string | undefined, messageId: string) => void;
+    reset: () => void;
+}
+/** Shared pinned-messages state for the open conversation — read by both the pinned-bar
+ *  (the list itself) and every message bubble (per-message pin icon), so a pin/unpin from
+ *  either place is reflected in the other immediately, with no prop drilling between them. */
+export declare const usePinnedMessagesStore: import('zustand').UseBoundStore<import('zustand').StoreApi<PinnedMessagesState>>;
+export {};

package/dist/store/presenceStore.d.ts

@@ -0,0 +1,11 @@
+interface PresenceState {
+    /** userId -> online, for every user presence has been reported for since connecting. */
+    onlineByUserId: Record<string, boolean>;
+    setOnline: (userId: string, isOnline: boolean) => void;
+}
+/** Global presence map fed by a single `presence:changed` socket subscription (wired up
+ *  once in ChatBootstrap) — every place that needs a user's online dot (sidebar rows,
+ *  the conversation header) reads it straight from here instead of each patching its own
+ *  local copy of the same data. */
+export declare const usePresenceStore: import('zustand').UseBoundStore<import('zustand').StoreApi<PresenceState>>;
+export {};

package/dist/store/verifiedPermissionsStore.d.ts

@@ -0,0 +1,20 @@
+/** The three ERP-granted permissions gating actions on a verified (tích xanh) group —
+ *  decided by the host app's own RBAC, passed in once as ChatModule props. Stored here
+ *  (not just in ChatRuntimeContext) so code outside the component tree — socket handlers,
+ *  plain utility functions — can read the current value via `.getState()`, the same
+ *  reason useAuthStore/usePresenceStore exist alongside the context. */
+interface VerifiedPermissionsState {
+    /** Permission to add a new verified group. */
+    hasAddGroupVerified: boolean;
+    /** Permission to update a verified group: avatar, name, add members, remove members. */
+    hasUpdateGroupVerified: boolean;
+    /** Permission to delete a verified group. */
+    hasDeleteGroupVerified: boolean;
+    setVerifiedPermissions: (permissions: {
+        hasAddGroupVerified: boolean;
+        hasUpdateGroupVerified: boolean;
+        hasDeleteGroupVerified: boolean;
+    }) => void;
+}
+export declare const useVerifiedPermissionsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<VerifiedPermissionsState>>;
+export {};