@mobilon-dev/chotto 0.3.22 → 0.3.23

package/dist/types/apps/data/messages.d.ts

@@ -29,6 +29,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -57,6 +58,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -90,6 +92,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -115,6 +118,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -148,6 +152,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -181,6 +186,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -206,6 +212,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -245,6 +252,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -276,6 +284,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -307,6 +316,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -332,6 +342,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -365,6 +376,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -396,6 +408,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -427,6 +440,7 @@ export declare const messages: ({
     alt?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -464,6 +478,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -494,6 +509,7 @@ export declare const messages: ({
     reply?: undefined;
     filename?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -531,6 +547,7 @@ export declare const messages: ({
     reply?: undefined;
     filename?: undefined;
     linkPreview?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -564,6 +581,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -597,6 +615,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -622,6 +641,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -647,6 +667,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -675,6 +696,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -700,6 +722,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -731,6 +754,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -759,6 +783,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -784,6 +809,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -809,6 +835,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -834,6 +861,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -862,6 +890,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -887,6 +916,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -912,6 +942,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -940,6 +971,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -972,6 +1004,7 @@ export declare const messages: ({
     alt?: undefined;
     reply?: undefined;
     linkPreview?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1005,6 +1038,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1030,6 +1064,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1055,6 +1090,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1075,6 +1111,14 @@ export declare const messages: ({
         filename: string;
         url?: undefined;
     };
+    reactions: {
+        items: {
+            key: string;
+            count: number;
+            reactedByMe: boolean;
+        }[];
+        meta?: undefined;
+    };
     callDuration?: undefined;
     isMissedCall?: undefined;
     transcript?: undefined;
@@ -1087,6 +1131,70 @@ export declare const messages: ({
     linkPreview?: undefined;
     keyboard?: undefined;
     statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    filename: string;
+    text: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    reactions: {
+        items: {
+            key: string;
+            count: number;
+            reactedByMe: boolean;
+        }[];
+        meta: {
+            mode: string;
+        };
+    };
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    text: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    embed: {
+        type: string;
+        url: string;
+    };
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    url?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1103,6 +1211,16 @@ export declare const messages: ({
         type: string;
         url: string;
     };
+    reactions: {
+        items: {
+            key: string;
+            count: number;
+            reactedByMe: boolean;
+        }[];
+        meta: {
+            mode: string;
+        };
+    };
     callDuration?: undefined;
     isMissedCall?: undefined;
     transcript?: undefined;
@@ -1140,6 +1258,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1171,6 +1290,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -1195,6 +1315,42 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    text: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    reactions: {
+        items: {
+            key: string;
+            count: number;
+            reactedByMe: boolean;
+        }[];
+        meta: {
+            mode: string;
+        };
+    };
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    url?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1220,6 +1376,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     chatId: number;
@@ -1235,6 +1392,20 @@ export declare const messages: ({
     header: string;
     subText: string;
     avatar: string;
+    reactions: {
+        items: ({
+            key: string;
+            count: number;
+            reactedByMe?: undefined;
+        } | {
+            key: string;
+            count: number;
+            reactedByMe: boolean;
+        })[];
+        meta: {
+            mode: string;
+        };
+    };
     callDuration?: undefined;
     isMissedCall?: undefined;
     transcript?: undefined;
@@ -1246,6 +1417,38 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    text: string;
+    direction: string;
+    status: string;
+    subText: string;
+    timestamp: string;
+    header: string;
+    avatar: string;
+    reactions: {
+        items: {
+            key: string;
+            count: number;
+        }[];
+        meta?: undefined;
+    };
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     messageId: number;
     chatId: number;
@@ -1270,6 +1473,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 } | {
     messageId: number;
@@ -1301,5 +1505,6 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    reactions?: undefined;
     statusMsg?: undefined;
 })[];

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts

@@ -0,0 +1,61 @@
+import 'vue3-emoji-picker/css';
+import type { MessageReactions } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    reactions: {
+        type: () => MessageReactions | undefined;
+        required: false;
+        default: undefined;
+    };
+    messageId: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "toggle-reaction": (payload: {
+        messageId: string | number;
+        key: string;
+    }) => any;
+    "add-reaction": (payload: {
+        messageId: string | number;
+        key: string;
+    }) => any;
+    "remove-reaction": (payload: {
+        messageId: string | number;
+        key: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    reactions: {
+        type: () => MessageReactions | undefined;
+        required: false;
+        default: undefined;
+    };
+    messageId: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onToggle-reaction"?: ((payload: {
+        messageId: string | number;
+        key: string;
+    }) => any) | undefined;
+    "onAdd-reaction"?: ((payload: {
+        messageId: string | number;
+        key: string;
+    }) => any) | undefined;
+    "onRemove-reaction"?: ((payload: {
+        messageId: string | number;
+        key: string;
+    }) => any) | undefined;
+}>, {
+    reactions: MessageReactions | undefined;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { findFeedContainer, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, } from './usePositioning';
+export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, } from './useReactions';
+export { useReactionsState } from './useReactionsState';
+export { useReactionsPanel } from './useReactionsPanel';

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Находит ближайший feed-контейнер в DOM дереве
+ */
+export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
+/**
+ * Определяет, является ли сообщение правым (outgoing)
+ */
+export declare function isRightMessage(element: HTMLElement | null): boolean;
+/**
+ * Вычисляет позицию панели реакций относительно кнопки и feed контейнера
+ */
+export declare function calculatePanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
+/**
+ * Вычисляет позицию для fixed-элемента относительно viewport
+ */
+export declare function calculateFixedPanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts

@@ -0,0 +1,19 @@
+import type { MessageReactions } from '@/types';
+/**
+ * Добавляет или увеличивает реакцию в локальном состоянии
+ */
+export declare function updateLocalReactionsAdd(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;
+/**
+ * Удаляет или уменьшает реакцию в локальном состоянии
+ */
+export declare function updateLocalReactionsRemove(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;
+/**
+ * Переключает реакцию (добавляет, если нет, или удаляет, если есть)
+ */
+export declare function updateLocalReactionsToggle(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts

@@ -0,0 +1,23 @@
+import { type Ref } from 'vue';
+/**
+ * Композабл для управления панелями реакций (быстрые реакции и полный picker)
+ */
+export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, addButtonRef: Ref<HTMLButtonElement | null>): {
+    isQuickReactionsOpen: Ref<boolean, boolean>;
+    isFullPickerOpen: Ref<boolean, boolean>;
+    pickerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    quickReactionsRef: Ref<HTMLElement | null, HTMLElement | null>;
+    quickPanelStyle: Ref<Record<string, string>, Record<string, string>>;
+    pickerStyle: Ref<Record<string, string>, Record<string, string>>;
+    openQuickPanel: () => void;
+    closeQuickPanel: () => void;
+    openFullPicker: () => Promise<void>;
+    closeFullPicker: () => void;
+    handleQuickPanelMouseEnter: () => void;
+    handleQuickPanelMouseLeave: () => void;
+    handlePickerMouseEnter: () => void;
+    handlePickerMouseLeave: () => void;
+    handleButtonMouseEnter: () => void;
+    handleButtonMouseLeave: () => void;
+    handleClickOutside: (event: MouseEvent) => void;
+};