@mobilon-dev/chotto 0.3.23 → 0.3.25

package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts

@@ -5,10 +5,8 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "search" | "select" | "action" | "expand" | "tab-click" | "loadMoreChats" | "clear-search", ...args: any[]) => void;
-    title: string;
     chats: unknown[];
     searchQuery: string;
-    titleEnabled: boolean;
     filterEnabled: boolean;
     filterQuery: string;
     dialogTabs: unknown[];
@@ -17,10 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     searchProgress: string;
     searchStats: Record<string, any>;
     $props: {
-        readonly title?: string | undefined;
         readonly chats?: unknown[] | undefined;
         readonly searchQuery?: string | undefined;
-        readonly titleEnabled?: boolean | undefined;
         readonly filterEnabled?: boolean | undefined;
         readonly filterQuery?: string | undefined;
         readonly dialogTabs?: unknown[] | undefined;
@@ -31,7 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
-    actions?: ((props: {}) => any) | undefined;
+    header?: ((props: {}) => any) | undefined;
 } & {
     sidebar?: ((props: {}) => any) | undefined;
 };

package/dist/types/components/3_compounds/ChatList/ChatListHeader.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    title: string;
+    titleEnabled: boolean;
+    $props: {
+        readonly title?: string | undefined;
+        readonly titleEnabled?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    actions?: ((props: {}) => any) | undefined;
+};

package/dist/types/components/3_compounds/ChatList/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { useChatListScroll } from './useChatListScroll';
+export { useChatListSelection } from './useChatListSelection';
+export { useChatListFilter } from './useChatListFilter';
+export { useChatListActions } from './useChatListActions';

package/dist/types/components/3_compounds/ChatList/composables/useChatListActions.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Композабл для обработки действий в списке чатов.
+ * Инкапсулирует логику эмита событий для расширения чата,
+ * выполнения действий и обработки кликов по табам.
+ */
+/**
+ * Тип эмиттера событий для действий списка чатов.
+ */
+type ChatListActionsEmit = {
+    /** Событие расширения чата */
+    (event: 'expand', args: unknown): void;
+    /** Событие выполнения действия */
+    (event: 'action', data: unknown): void;
+    /** Событие клика по табу */
+    (event: 'tab-click', tabId: string): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListActionsOptions {
+    /** Функция эмита событий */
+    emit: ChatListActionsEmit;
+}
+export declare function useChatListActions({ emit }: UseChatListActionsOptions): {
+    expandChat: (args: unknown) => void;
+    action: (data: unknown) => void;
+    handleTabClick: (tabId: string) => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListFilter.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Композабл для фильтрации и сортировки списка чатов.
+ * Инкапсулирует логику сортировки по времени активности и количеству
+ * непрочитанных сообщений, фильтрации по табам, тегам и текстовому поиску.
+ */
+/**
+ * Тип элемента чата.
+ */
+type ChatItem = {
+    chatId: string;
+    name: string;
+    metadata: string;
+    countUnread: number;
+    'lastActivity.timestamp'?: string | number;
+    contact?: {
+        tags?: Array<{
+            tagId: string;
+        }>;
+    };
+    [key: string]: unknown;
+};
+/**
+ * Параметры компонента для фильтрации.
+ */
+type ChatListFilterProps = {
+    chats: ChatItem[];
+    filterEnabled: boolean;
+    filterQuery?: string | null;
+    dialogTabs?: unknown[];
+    activeTabId?: string;
+    searchQuery?: string;
+    isSearching?: boolean;
+    searchProgress?: string;
+    searchStats?: {
+        loaded: number;
+        total: number | string;
+    };
+};
+/**
+ * Тип эмиттера событий для фильтрации.
+ */
+type ChatListFilterEmit = {
+    (event: 'search', value: string): void;
+    (event: 'clear-search'): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListFilterOptions {
+    props: ChatListFilterProps;
+    emit: ChatListFilterEmit;
+}
+export declare function useChatListFilter({ props, emit }: UseChatListFilterOptions): {
+    filter: import("vue").Ref<string, string>;
+    getSortedAndFilteredChats: () => ChatItem[];
+    getFilter: (value: string) => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListScroll.d.ts

@@ -0,0 +1,34 @@
+import { type Ref, type ComputedRef } from 'vue';
+/**
+ * Композабл для управления скроллом списка чатов.
+ * Инкапсулирует логику прокрутки вверх, отслеживания позиции скролла,
+ * определения необходимости загрузки дополнительных чатов и отображения
+ * кнопки прокрутки вверх.
+ */
+/**
+ * Тип эмиттера событий для скролла.
+ */
+type ChatListScrollEmit = {
+    /** Событие запроса загрузки дополнительных чатов */
+    (event: 'loadMoreChats'): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListScrollOptions {
+    /** Ссылка на DOM-элемент контейнера списка чатов */
+    refChatList: Ref<HTMLElement | undefined>;
+    /** Реактивный список чатов (для определения момента обновления) */
+    chats: ComputedRef<unknown[]> | Ref<unknown[]>;
+    /** Функция эмита событий */
+    emit: ChatListScrollEmit;
+}
+export declare function useChatListScroll({ refChatList, chats, emit }: UseChatListScrollOptions): {
+    allowLoadMore: Ref<boolean, boolean>;
+    isShowButton: Ref<boolean, boolean>;
+    scrollToTopForce: () => void;
+    scrollCheck: () => void;
+    startScrollWatch: (event: MouseEvent) => void;
+    stopScrollWatch: () => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListSelection.d.ts

@@ -0,0 +1,56 @@
+import { type ComputedRef, type Ref } from 'vue';
+/**
+ * Композабл для управления выбором чатов и диалогов в списке.
+ * Инкапсулирует логику установки состояния выбранного чата/диалога,
+ * сброса предыдущих выборов и эмита событий выбора.
+ */
+/**
+ * Тип элемента чата.
+ */
+type ChatItem = {
+    chatId: string;
+    isSelected?: boolean;
+    dialogs?: Array<{
+        dialogId: string;
+        isSelected?: boolean;
+    }>;
+    [key: string]: unknown;
+};
+/**
+ * Тип элемента диалога.
+ */
+type Dialog = {
+    dialogId: string;
+    [key: string]: unknown;
+};
+/**
+ * Аргументы для выбора чата.
+ */
+type SelectChatArgs = {
+    /** Выбранный чат */
+    chat: ChatItem;
+    /** Опциональный выбранный диалог */
+    dialog?: Dialog;
+    [key: string]: unknown;
+};
+/**
+ * Тип эмиттера событий для выбора.
+ */
+type ChatListSelectionEmit = {
+    /** Событие выбора чата/диалога */
+    (event: 'select', args: SelectChatArgs): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListSelectionOptions {
+    /** Реактивный список чатов */
+    chats: ComputedRef<ChatItem[]> | Ref<ChatItem[]>;
+    /** Функция эмита событий */
+    emit: ChatListSelectionEmit;
+}
+export declare function useChatListSelection({ chats, emit }: UseChatListSelectionOptions): {
+    selectChat: (args: SelectChatArgs) => void;
+    selectDialog: (dialog: Dialog) => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts

@@ -69,6 +69,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
     keyboardAction: (...args: any[]) => void;
@@ -144,6 +148,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
     onKeyboardAction?: ((...args: any[]) => any) | undefined;
@@ -157,6 +165,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     typing: boolean | IFeedTyping;
     chatBackground: string;
     applyStyle: Function;
+    reactionsEnabled: boolean;
     enableDoubleClickReply: boolean;
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;

package/dist/types/components/3_compounds/Feed/stories/Feed.stories.d.ts

@@ -4,7 +4,6 @@ declare const meta: Meta<typeof Feed>;
 export default meta;
 type Story = StoryObj<typeof Feed>;
 export declare const Primary: Story;
-export declare const WithDates: Story;
 export declare const WithButtonUnread: Story;
 export declare const PrimaryTyping: Story;
 export declare const PrimaryTypingWithAvatarAndTitle: Story;

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

@@ -49,6 +49,7 @@ export { default as FileMessage } from './2_feed_elements/FileMessage/FileMessag
 export { default as ImageMessage } from './2_feed_elements/ImageMessage/ImageMessage.vue';
 export { default as MessageKeyboard } from './2_feed_elements/MessageKeyboard/MessageKeyboard.vue';
 export { default as MessageReactions } from './2_feed_elements/MessageReactions/MessageReactions.vue';
+export { default as MessageStatusIndicator } from './2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue';
 export { default as StickerMessage } from './2_feed_elements/StickerMessage/StickerMessage.vue';
 export { default as ReplyAudioMessage } from './2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue';
 export { default as ReplyCallMessage } from './2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue';
@@ -67,6 +68,7 @@ export { default as ModalFullscreen } from './2_modals/ModalFullscreen/ModalFull
 export { default as ModalNoFooter } from './2_modals/ModalNoFooter/ModalNoFooter.vue';
 export { default as SelectUser } from './2_modals/SelectUser/SelectUser.vue';
 export { default as ChatInput } from './3_compounds/ChatInput/ChatInput.vue';
+export { default as ChatListHeader } from './3_compounds/ChatList/ChatListHeader.vue';
 export { default as ChatList } from './3_compounds/ChatList/ChatList.vue';
 export { default as Feed } from './3_compounds/Feed/Feed.vue';
 export { default as SideBar } from './3_compounds/SideBar/SideBar.vue';

package/dist/vuessages.es.js

@@ -1,12 +1,12 @@
-import { al as s, H as t, w as o, A as l, ao as i, aj as n, I as r, i as d, B as u, j as c, k as M, l as g, J as p, x as C, t as m, y as S, af as y, u as h, ag as R, z as B, v as F, an as I, a as A, b as T, f as b, c as V, D as f, C as k, K as v, N as P, E as D, ak as x, ah as L, F as W, g as w, O as E, am as U, h as j, Q as K, m as N, n as Q, ap as H, R as O, L as q, M as z, X as G, Y as J, ab as X, ac as Y, ad as Z, P as $, $ as _, a0 as aa, a1 as ea, a2 as sa, a3 as ta, a4 as oa, a5 as la, S as ia, ae as na, d as ra, ai as da, a6 as ua, Z as ca, a7 as Ma, e as ga, o as pa, a8 as Ca, G as ma, T as Sa, a9 as ya, U as ha, aa as Ra, V as Ba, p as Fa, q as Ia, r as Aa, s as Ta, W as ba, aX as Va, aS as fa, aq as ka, aW as va, aH as Pa, aK as Da, aQ as xa, aR as La, ar as Wa, aE as wa, aU as Ea, aT as Ua, aV as ja, aP as Ka, as as Na, aF as Qa, at as Ha, au as Oa, aN as qa, av as za, aO as Ga, aI as Ja, ay as Xa, az as Ya, aA as Za, aB as $a, aC as _a, aw as ae, aL as ee, ax as se, aM as te, aD as oe, aG as le, aJ as ie } from "./index-4foc416D.js";
+import { an as s, H as t, w as o, A as i, aq as l, al as r, I as n, i as d, B as u, j as c, k as M, l as g, J as p, x as C, t as m, y as S, ag as h, u as y, ai as R, ah as I, z as B, v as F, ap as A, a as T, b, f as V, c as f, D as k, C as v, K as P, N as D, E as L, am as x, aj as W, F as w, g as E, O as U, ao as j, h as H, Q as K, m as N, n as Q, ar as O, R as q, L as z, M as G, X as J, Y as X, Z as Y, ac as Z, ad as $, ae as _, P as aa, a0 as ea, a1 as sa, a2 as ta, a3 as oa, a4 as ia, a5 as la, a6 as ra, S as na, af as da, d as ua, ak as ca, a7 as Ma, $ as ga, a8 as pa, e as Ca, o as ma, a9 as Sa, G as ha, T as ya, aa as Ra, U as Ia, ab as Ba, V as Fa, p as Aa, q as Ta, r as ba, s as Va, W as fa, aZ as ka, aU as va, as as Pa, aY as Da, aJ as La, aM as xa, aS as Wa, aT as wa, at as Ea, aG as Ua, aW as ja, aV as Ha, aX as Ka, aR as Na, au as Qa, aH as Oa, av as qa, aw as za, aP as Ga, ax as Ja, aQ as Xa, aK as Ya, aA as Za, aB as $a, aC as _a, aD as ae, aE as ee, ay as se, aN as te, az as oe, aO as ie, aF as le, aI as re, aL as ne } from "./index-D8kOhf51.js";
 export {
   s as AdaptiveExtendedLayout,
   t as AudioMessage,
   o as AudioRecorder,
-  l as AvatarIcon,
-  i as BaseContainer,
-  n as BaseLayout,
-  r as BaseReplyMessage,
+  i as AvatarIcon,
+  l as BaseContainer,
+  r as BaseLayout,
+  n as BaseReplyMessage,
   d as ButtonCommandsSelector,
   u as ButtonContextMenu,
   c as ButtonEmojiPicker,
@@ -16,101 +16,103 @@ export {
   C as ChannelSelector,
   m as ChatFilter,
   S as ChatInfo,
-  y as ChatInput,
-  h as ChatItem,
+  h as ChatInput,
+  y as ChatItem,
   R as ChatList,
+  I as ChatListHeader,
   B as ChatPanel,
   F as ChatTabs,
-  I as ChatWrapper,
-  A as CheckIcon,
-  T as CloseButtonIcon,
-  b as CommunicationPanel,
-  V as ContactCRMIcon,
-  f as ContactInfo,
-  k as ContextMenu,
-  v as DateMessage,
-  P as DateMessageSticky,
-  D as EmbedPreview,
+  A as ChatWrapper,
+  T as CheckIcon,
+  b as CloseButtonIcon,
+  V as CommunicationPanel,
+  f as ContactCRMIcon,
+  k as ContactInfo,
+  v as ContextMenu,
+  P as DateMessage,
+  D as DateMessageSticky,
+  L as EmbedPreview,
   x as ExtendedLayout,
-  L as Feed,
-  W as FeedFoundItem,
-  w as FeedFoundObjects,
-  E as FeedKeyboard,
-  U as FeedLayout,
-  j as FeedSearch,
+  W as Feed,
+  w as FeedFoundItem,
+  E as FeedFoundObjects,
+  U as FeedKeyboard,
+  j as FeedLayout,
+  H as FeedSearch,
   K as FileMessage,
   N as FilePreview,
   Q as FileUploader,
-  H as FloatContainer,
-  O as ImageMessage,
-  q as LinkPreview,
-  z as MenuIcon,
-  G as MessageKeyboard,
-  J as MessageReactions,
-  X as Modal,
-  Y as ModalFullscreen,
-  Z as ModalNoFooter,
-  $ as PlaceholderComponent,
-  _ as ReplyAudioMessage,
-  aa as ReplyCallMessage,
-  ea as ReplyFileMessage,
-  sa as ReplyImageMessage,
-  ta as ReplyStickerMessage,
-  oa as ReplyTextMessage,
-  la as ReplyVideoMessage,
-  ia as SearchIcon,
-  na as SelectUser,
-  ra as SettingsIcon,
-  da as SideBar,
-  ua as SplashScreen,
-  ca as StickerMessage,
-  Ma as SystemMessage,
-  ga as TelegramIcon,
-  pa as TemplateSelector,
-  Ca as TextMessage,
-  ma as ThemeMode,
-  Sa as Tooltip,
-  ya as TypingMessage,
-  ha as UserProfile,
-  Ra as VideoMessage,
-  Ba as VideoRecorder,
-  Fa as WABAAttachmentSection,
-  Ia as WABAQuickReplyButtons,
-  Aa as WABASeparatedQuickButtons,
-  Ta as WABATemplateSelector,
-  ba as WhatsAppIcon,
-  Va as createReactionHandlers,
-  fa as formatTimestamp,
-  ka as generatePreview,
-  va as getMessageClass,
-  Pa as getMessageValidationReport,
-  Da as getSidebarValidationReport,
-  xa as getStatus,
-  La as getStatusTitle,
-  Wa as getTypeFileByMime,
-  wa as getValidationReport,
-  Ea as insertDaySeparators,
-  Ua as playNotificationAudio,
-  ja as sortByTimestamp,
-  Ka as statuses,
-  Na as uploadFile,
-  Qa as useChatValidator,
-  Ha as useDelayDebouncedRef,
-  Oa as useImmediateDebouncedRef,
-  qa as useMessageActions,
-  za as useMessageDraft,
-  Ga as useMessageLinks,
-  Ja as useMessageValidator,
-  Xa as useModalCreateChat,
-  Ya as useModalCreateChat2,
-  Za as useModalCreateDialog,
-  $a as useModalSelectUser2,
-  _a as useModalVideoRecorder,
-  ae as useSearchModel,
-  ee as useSidebarValidator,
-  se as useTheme,
-  te as useValidation,
-  oe as validateChats,
-  le as validateMessages,
-  ie as validateSidebarItems
+  O as FloatContainer,
+  q as ImageMessage,
+  z as LinkPreview,
+  G as MenuIcon,
+  J as MessageKeyboard,
+  X as MessageReactions,
+  Y as MessageStatusIndicator,
+  Z as Modal,
+  $ as ModalFullscreen,
+  _ as ModalNoFooter,
+  aa as PlaceholderComponent,
+  ea as ReplyAudioMessage,
+  sa as ReplyCallMessage,
+  ta as ReplyFileMessage,
+  oa as ReplyImageMessage,
+  ia as ReplyStickerMessage,
+  la as ReplyTextMessage,
+  ra as ReplyVideoMessage,
+  na as SearchIcon,
+  da as SelectUser,
+  ua as SettingsIcon,
+  ca as SideBar,
+  Ma as SplashScreen,
+  ga as StickerMessage,
+  pa as SystemMessage,
+  Ca as TelegramIcon,
+  ma as TemplateSelector,
+  Sa as TextMessage,
+  ha as ThemeMode,
+  ya as Tooltip,
+  Ra as TypingMessage,
+  Ia as UserProfile,
+  Ba as VideoMessage,
+  Fa as VideoRecorder,
+  Aa as WABAAttachmentSection,
+  Ta as WABAQuickReplyButtons,
+  ba as WABASeparatedQuickButtons,
+  Va as WABATemplateSelector,
+  fa as WhatsAppIcon,
+  ka as createReactionHandlers,
+  va as formatTimestamp,
+  Pa as generatePreview,
+  Da as getMessageClass,
+  La as getMessageValidationReport,
+  xa as getSidebarValidationReport,
+  Wa as getStatus,
+  wa as getStatusTitle,
+  Ea as getTypeFileByMime,
+  Ua as getValidationReport,
+  ja as insertDaySeparators,
+  Ha as playNotificationAudio,
+  Ka as sortByTimestamp,
+  Na as statuses,
+  Qa as uploadFile,
+  Oa as useChatValidator,
+  qa as useDelayDebouncedRef,
+  za as useImmediateDebouncedRef,
+  Ga as useMessageActions,
+  Ja as useMessageDraft,
+  Xa as useMessageLinks,
+  Ya as useMessageValidator,
+  Za as useModalCreateChat,
+  $a as useModalCreateChat2,
+  _a as useModalCreateDialog,
+  ae as useModalSelectUser2,
+  ee as useModalVideoRecorder,
+  se as useSearchModel,
+  te as useSidebarValidator,
+  oe as useTheme,
+  ie as useValidation,
+  le as validateChats,
+  re as validateMessages,
+  ne as validateSidebarItems
 };