@mobilon-dev/chotto 0.3.19 → 0.3.20

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

@@ -5,6 +5,7 @@ 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;
@@ -16,6 +17,7 @@ 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;

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

@@ -71,13 +71,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
-    messageAction: (...args: any[]) => void;
+    keyboardAction: (...args: any[]) => void;
+    feedAction: (...args: any[]) => void;
     loadMoreDown: (...args: any[]) => void;
-    messageVisible: (...args: any[]) => void;
+    messageAction: (...args: any[]) => void;
     clickRepliedMessage: (...args: any[]) => void;
+    messageVisible: (...args: any[]) => void;
     forceScrollToBottom: (...args: any[]) => void;
-    keyboardAction: (...args: any[]) => void;
-    feedAction: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     objects: {
         type: {
@@ -146,20 +146,20 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
-    onMessageAction?: ((...args: any[]) => any) | undefined;
+    onKeyboardAction?: ((...args: any[]) => any) | undefined;
+    onFeedAction?: ((...args: any[]) => any) | undefined;
     onLoadMoreDown?: ((...args: any[]) => any) | undefined;
-    onMessageVisible?: ((...args: any[]) => any) | undefined;
+    onMessageAction?: ((...args: any[]) => any) | undefined;
     onClickRepliedMessage?: ((...args: any[]) => any) | undefined;
+    onMessageVisible?: ((...args: any[]) => any) | undefined;
     onForceScrollToBottom?: ((...args: any[]) => any) | undefined;
-    onKeyboardAction?: ((...args: any[]) => any) | undefined;
-    onFeedAction?: ((...args: any[]) => any) | undefined;
 }>, {
     typing: boolean | IFeedTyping;
     chatBackground: string;
     applyStyle: Function;
+    enableDoubleClickReply: boolean;
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;
-    enableDoubleClickReply: boolean;
     scrollTo: string;
     keyboardAlign: "left" | "right" | "center";
     feedKeyboards: IFeedKeyboard[];

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

@@ -0,0 +1,10 @@
+export * from './useFeedButton';
+export * from './useFeedComponents';
+export * from './useFeedGrouping';
+export * from './useFeedKeyboard';
+export * from './useFeedLoadMore';
+export * from './useFeedMessageVisibility';
+export * from './useFeedReply';
+export * from './useFeedScroll';
+export * from './useFeedScrollTo';
+export * from './useStickyDate';

package/dist/types/components/3_compounds/Feed/composables/useFeedButton.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+interface UseFeedButtonOptions {
+    feedRef: Ref<HTMLElement | null>;
+    keyboardRef: Ref<{
+        refKeyboard: {
+            clientHeight: number;
+        };
+    } | null>;
+    onButtonShow?: () => void;
+    onKeyboardPlace?: () => void;
+}
+/**
+ * Композабл для управления кнопкой "прокрутить вниз" и позиционированием клавиатуры
+ */
+export declare function useFeedButton({ feedRef, keyboardRef, onButtonShow, onKeyboardPlace }: UseFeedButtonOptions): {
+    isShowButton: Ref<boolean, boolean>;
+    isKeyboardPlace: Ref<boolean, boolean>;
+    checkButtonVisibility: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedComponents.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Композабл для маппинга типов сообщений на компоненты
+ */
+export declare function useFeedComponents(): {
+    componentsMap: (type: string) => unknown;
+};

package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef } from 'vue';
+import { IFeedObject } from '@/types';
+interface UseFeedGroupingOptions {
+    objects: ComputedRef<IFeedObject[]>;
+}
+/**
+ * Композабл для группировки сообщений в серии (по отправителю)
+ */
+export declare function useFeedGrouping({ objects }: UseFeedGroupingOptions): {
+    groupedObjects: ComputedRef<{
+        isFirstInSeries: boolean;
+        messageId: string;
+        type: string;
+        header?: string;
+        text?: string;
+        position?: string;
+        status?: string;
+        time?: string;
+        url?: string;
+        alt?: string;
+        filename?: string;
+        avatar?: string;
+        subtext?: string;
+        actions?: import("@/types").IAction[];
+        views?: number;
+        callDuration?: string;
+        isMissedCall?: boolean;
+        reply?: import("@/types").Reply;
+        linkPreview?: import("@/types").ILinkPreview;
+        keyboard?: import("@/types").IKeyBoard[];
+    }[]>;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedKeyboard.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+interface UseFeedKeyboardOptions {
+    isKeyboardPlace: Ref<boolean>;
+    objects: Ref<any[]>;
+    emit: (event: 'keyboardAction' | 'feedAction', payload: any) => void;
+}
+/**
+ * Композабл для управления видимостью и действиями клавиатур
+ */
+export declare function useFeedKeyboard({ isKeyboardPlace, objects, emit }: UseFeedKeyboardOptions): {
+    showKeyboard: import("vue").ComputedRef<boolean>;
+    keyboardAction: (action: string | (() => void)) => void;
+    feedKeyboardAction: (action: string | (() => void)) => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedLoadMore.d.ts

@@ -0,0 +1,23 @@
+import { Ref } from 'vue';
+interface UseFeedLoadMoreOptions {
+    feedRef: Ref<HTMLElement | null>;
+    emit?: (event: 'loadMore' | 'loadMoreDown', ...args: unknown[]) => void;
+    isLoadingMoreRef?: Ref<boolean>;
+}
+/**
+ * Композабл для управления подгрузкой сообщений сверху/снизу и восстановлением позиции скролла
+ */
+export declare function useFeedLoadMore({ feedRef, emit, isLoadingMoreRef }: UseFeedLoadMoreOptions): {
+    allowLoadMoreTop: Ref<boolean, boolean>;
+    allowLoadMoreBottom: Ref<boolean, boolean>;
+    movingDown: Ref<boolean, boolean>;
+    isScrollByMouseButton: Ref<boolean, boolean>;
+    pendingTopRestore: Ref<boolean, boolean>;
+    topLoadJustHappened: Ref<boolean, boolean>;
+    checkScrollPosition: (allowLoadMore?: boolean) => void;
+    restoreScrollPosition: (delay?: number) => void;
+    startScrollWatch: (event: MouseEvent) => void;
+    stopScrollWatch: () => void;
+    resetAllowFlags: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedMessageVisibility.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+interface UseFeedMessageVisibilityOptions<T = unknown> {
+    feedRef: Ref<HTMLElement | null>;
+    trackingObjects: Ref<NodeListOf<Element> | undefined>;
+    chatAppId: string;
+    onMessageVisible: (message: T) => void;
+}
+/**
+ * Композабл для отслеживания видимости сообщений с помощью Intersection Observer
+ */
+export declare function useFeedMessageVisibility<T = unknown>({ trackingObjects, chatAppId, onMessageVisible, }: UseFeedMessageVisibilityOptions<T>): {
+    observer: IntersectionObserver;
+    observeMessages: () => void;
+    restartObserving: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedReply.d.ts

@@ -0,0 +1,37 @@
+import { IFeedObject } from '@/types';
+interface UseFeedReplyOptions {
+    enableDoubleClickReply: boolean;
+    emit: (event: 'messageAction' | 'clickRepliedMessage', payload: IFeedObject | string) => void;
+}
+/**
+ * Композабл для обработки ответов на сообщения
+ */
+export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedReplyOptions): {
+    getMessage: () => {
+        id: string;
+        text: string;
+        file?: {
+            url: string;
+            name?: string | undefined;
+            size?: number | undefined;
+            type?: string | undefined;
+        } | undefined;
+        reply?: {
+            messageId: string;
+            type: string;
+            text?: string | undefined;
+            url?: string | undefined;
+            filename?: string | undefined;
+            header?: string | undefined;
+            callDuration?: string | undefined;
+            isMissedCall?: boolean | undefined;
+        } | undefined;
+        forceSend: boolean;
+        isRecording: boolean;
+    };
+    messageAction: (message: IFeedObject) => void;
+    handleClickReplied: (messageId: string) => void;
+    feedObjectDoubleClick: (event: MouseEvent, object: IFeedObject) => void;
+    handleResetReply: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedScroll.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+/**
+ * Композабл для управления скроллом ленты сообщений.
+ * Инкапсулирует типичные сценарии: принудительный скролл вниз,
+ * гарантирование положения внизу, первичную инициализацию и
+ * плавную прокрутку (например, по кнопке «вниз»).
+ */
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseFeedScrollOptions<T = unknown> {
+    /** Ссылка на DOM-элемент контейнера ленты */
+    feedRef: Ref<HTMLElement | null>;
+    /** Реактивный список объектов ленты (для определения, когда есть контент) */
+    objectsRef: Ref<T[]>;
+    /** Внешний флаг, который триггерит прокрутку вниз */
+    scrollToBottomRef: Ref<boolean>;
+}
+export declare function useFeedScroll<T = unknown>({ feedRef, objectsRef, scrollToBottomRef }: UseFeedScrollOptions<T>): {
+    isInitialized: Ref<boolean, boolean>;
+    performScrollToBottom: () => void;
+    ensureScrollToBottom: () => void;
+    initializeScroll: () => void;
+    smoothScrollToBottom: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedScrollTo.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+interface UseFeedScrollToOptions {
+    /** ID целевого элемента для прокрутки */
+    targetIdRef: Ref<string | null>;
+    /** ID контейнера ленты */
+    feedContainerId: string;
+    /** CSS-класс для фокуса на сообщении */
+    focusClass?: string;
+}
+/**
+ * Композабл для прокрутки к определённому сообщению с подсветкой
+ */
+export declare function useFeedScrollTo({ targetIdRef, feedContainerId, focusClass }: UseFeedScrollToOptions): void;
+export {};

package/dist/types/components/3_compounds/Feed/composables/useStickyDate.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+interface UseStickyDateOptions {
+    feedRef: Ref<HTMLElement | null>;
+    trackingObjects: Ref<NodeListOf<Element> | undefined>;
+    autoHideDelay?: number;
+    onUpdate?: () => void;
+}
+export declare function useStickyDate(options: UseStickyDateOptions): {
+    showStickyDate: Ref<boolean, boolean>;
+    stickyDateText: Ref<string, string>;
+    updateStickyDate: () => void;
+    show: () => void;
+    hide: () => void;
+    cleanup: () => void;
+};
+export {};

package/dist/types/hooks/validators/index.d.ts

@@ -1,3 +1,4 @@
 export * from './chats';
 export * from './messages';
 export * from './sidebar';
+export * from './useValidation';

package/dist/types/hooks/validators/useValidation.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Composable для объединённой валидации чатов и сообщений
+ * Переносит типовую оркестрацию из приложений в саму библиотеку,
+ * чтобы сократить пользовательский код.
+ *
+ * Примеры использования:
+ *
+ * 1) Только чаты и сообщения (без sidebar):
+ * ```ts
+ * import { useValidation } from '@mobilon-dev/chotto';
+ *
+ * const { chatValidator, messageValidator, validateAll } = useValidation(
+ *   chatsRef,
+ *   messagesRef,
+ *   {
+ *     enable: { chats: true, messages: true, sidebar: false },
+ *     debounce: 300,
+ *     // validateMessagesOnlyWhenSelected: true, // по умолчанию true
+ *   }
+ * );
+ *
+ * validateAll();
+ * ```
+ *
+ * 2) Все три валидатора (чаты, сообщения, sidebar):
+ * ```ts
+ * import { useValidation } from '@mobilon-dev/chotto';
+ *
+ * const { validateAll, validateSidebar } = useValidation(
+ *   chatsRef,
+ *   messagesRef,
+ *   {
+ *     enable: { chats: true, messages: true, sidebar: true },
+ *     sidebarData: sidebarItemsRef,
+ *     debounce: 300,
+ *   }
+ * );
+ *
+ * validateSidebar();
+ * validateAll();
+ * ```
+ */
+import { type Ref } from 'vue';
+import { useChatValidator } from './chats/useChatValidator';
+import { useMessageValidator } from './messages/useMessageValidator';
+import { useSidebarValidator } from './sidebar/useSidebarValidator';
+export interface UseCombinedValidationOptions {
+    autoValidate?: boolean;
+    debounce?: number;
+    enableConsoleLogging?: boolean;
+    validateMessagesOnlyWhenSelected?: boolean;
+    enable?: {
+        chats?: boolean;
+        messages?: boolean;
+        sidebar?: boolean;
+    };
+    sidebarData?: Ref<unknown>;
+}
+export interface UseCombinedValidationReturn {
+    chatValidator: ReturnType<typeof useChatValidator>;
+    messageValidator: ReturnType<typeof useMessageValidator>;
+    sidebarValidator: ReturnType<typeof useSidebarValidator> | null;
+    validateChats: () => void;
+    validateMessages: () => void;
+    validateSidebar: () => void;
+    validateAll: () => void;
+    getValidationStats: () => {
+        chatErrors: number;
+        chatWarnings: number;
+        messageErrors: number;
+        messageWarnings: number;
+        sidebarErrors: number;
+        sidebarWarnings: number;
+        totalErrors: number;
+        totalWarnings: number;
+    };
+    setupGlobalValidationFunctions: () => void;
+    logValidationInfo: () => void;
+    validateOnChatSelect: () => void;
+    updateChatsData: (chats: unknown[]) => void;
+    updateSidebarData: (items: unknown[]) => void;
+    initializeValidation: () => void;
+}
+export declare function useValidation(chatsData: Ref<unknown>, messagesData: Ref<unknown>, options?: UseCombinedValidationOptions): UseCombinedValidationReturn;

package/dist/vuessages.es.js

@@ -1,12 +1,12 @@
-import { ai as s, H as t, w as o, A as l, al as i, ag 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 m, t as C, y as h, ac as y, u as S, ad as B, z as F, v as I, ak as A, a as R, b as T, f as b, c as v, D as V, C as f, K as P, N as x, E as D, ah as k, ae as L, F as W, g as w, O as E, aj as U, h as j, Q as K, m as N, n as O, am as Q, R as q, L as z, M as G, X as H, a8 as J, a9 as X, aa as Y, P as Z, Y as $, Z as _, $ as aa, a0 as ea, a1 as sa, a2 as ta, S as oa, ab as la, d as ia, af as ra, a3 as na, a4 as da, e as ua, o as ca, a5 as Ma, G as ga, T as pa, a6 as ma, U as Ca, a7 as ha, V as ya, p as Sa, q as Ba, r as Fa, s as Ia, W as Aa, aL as Ra, an as Ta, aE as ba, aH as va, aK as Va, ao as fa, aB as Pa, aN as xa, aM as Da, aO as ka, aJ as La, ap as Wa, aC as wa, aq as Ea, ar as Ua, as as ja, aF as Ka, av as Na, aw as Oa, ax as Qa, ay as qa, az as za, at as Ga, aI as Ha, au as Ja, aA as Xa, aD as Ya, aG as Za } from "./index-BR7f4lUX.js";
+import { ai as s, H as t, w as o, A as l, al as i, ag 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 m, t as C, y as h, ac as y, u as S, ad as B, z as F, v as I, ak as A, a as R, b as T, f as b, c as V, D as v, C as P, K as f, N as x, E as D, ah as k, ae as L, F as W, g as w, O as E, aj as U, h as j, Q as K, m as N, n as O, am as Q, R as q, L as z, M as G, X as H, a8 as J, a9 as X, aa as Y, P as Z, Y as $, Z as _, $ as aa, a0 as ea, a1 as sa, a2 as ta, S as oa, ab as la, d as ia, af as na, a3 as ra, a4 as da, e as ua, o as ca, a5 as Ma, G as ga, T as pa, a6 as ma, U as Ca, a7 as ha, V as ya, p as Sa, q as Ba, r as Fa, s as Ia, W as Aa, aM as Ra, an as Ta, aE as ba, aH as Va, aL as va, ao as Pa, aB as fa, aO as xa, aN as Da, aP as ka, aK as La, ap as Wa, aC as wa, aq as Ea, ar as Ua, as as ja, aF as Ka, av as Na, aw as Oa, ax as Qa, ay as qa, az as za, at as Ga, aI as Ha, au as Ja, aJ as Xa, aA as Ya, aD as Za, aG as $a } from "./index-DdDDz7e5.js";
 export {
   s as AdaptiveExtendedLayout,
   t as AudioMessage,
   o as AudioRecorder,
   l as AvatarIcon,
   i as BaseContainer,
-  r as BaseLayout,
-  n as BaseReplyMessage,
+  n as BaseLayout,
+  r as BaseReplyMessage,
   d as ButtonCommandsSelector,
   u as ButtonContextMenu,
   c as ButtonEmojiPicker,
@@ -25,10 +25,10 @@ export {
   R as CheckIcon,
   T as CloseButtonIcon,
   b as CommunicationPanel,
-  v as ContactCRMIcon,
-  V as ContactInfo,
-  f as ContextMenu,
-  P as DateMessage,
+  V as ContactCRMIcon,
+  v as ContactInfo,
+  P as ContextMenu,
+  f as DateMessage,
   x as DateMessageSticky,
   D as EmbedPreview,
   k as ExtendedLayout,
@@ -59,8 +59,8 @@ export {
   oa as SearchIcon,
   la as SelectUser,
   ia as SettingsIcon,
-  ra as SideBar,
-  na as SplashScreen,
+  na as SideBar,
+  ra as SplashScreen,
   da as SystemMessage,
   ua as TelegramIcon,
   ca as TemplateSelector,
@@ -79,10 +79,10 @@ export {
   Ra as formatTimestamp,
   Ta as generatePreview,
   ba as getMessageValidationReport,
-  va as getSidebarValidationReport,
-  Va as getStatus,
-  fa as getTypeFileByMime,
-  Pa as getValidationReport,
+  Va as getSidebarValidationReport,
+  va as getStatus,
+  Pa as getTypeFileByMime,
+  fa as getValidationReport,
   xa as insertDaySeparators,
   Da as playNotificationAudio,
   ka as sortByTimestamp,
@@ -101,7 +101,8 @@ export {
   Ga as useSearchModel,
   Ha as useSidebarValidator,
   Ja as useTheme,
-  Xa as validateChats,
-  Ya as validateMessages,
-  Za as validateSidebarItems
+  Xa as useValidation,
+  Ya as validateChats,
+  Za as validateMessages,
+  $a as validateSidebarItems
 };