@mobilon-dev/chotto 0.3.20 → 0.3.21

package/dist/types/components/2_feed_elements/ReplyTextMessage/stories/ReplyTextMessage.stories.d.ts

@@ -1,19 +1,10 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").ITextMessage;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").ITextMessage;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyTextMessage from '../ReplyTextMessage.vue';
+declare const meta: Meta<typeof ReplyTextMessage>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof ReplyTextMessage>;
 export declare const Default: Story;
+export declare const WithHeader: Story;
+export declare const LongText: Story;
+export declare const WithLink: Story;
+export declare const RightPosition: Story;

package/dist/types/components/2_feed_elements/ReplyVideoMessage/stories/ReplyVideoMessage.stories.d.ts

@@ -1,19 +1,9 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").IVideoMessage;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").IVideoMessage;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyVideoMessage from '../ReplyVideoMessage.vue';
+declare const meta: Meta<typeof ReplyVideoMessage>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof ReplyVideoMessage>;
 export declare const Default: Story;
+export declare const WithHeaderAndText: Story;
+export declare const LongText: Story;
+export declare const RightPosition: Story;

package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts

@@ -19,6 +19,8 @@ export declare const RightMessageWithoutTime: Story;
 export declare const RightMessageStatusSent: Story;
 export declare const RightMessageStatusReceived: Story;
 export declare const RightMessageStatusRead: Story;
+export declare const RightMessageStatusPending: Story;
+export declare const RightMessageStatusError: Story;
 export declare const RightMessageWithActions: Story;
 export declare const RightMessageWithAvatar: Story;
 export declare const RightMessageWithLongTime: Story;

package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts

@@ -90,6 +90,10 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-status-read-color': string;
     /** Отрицательный отступ первой иконки статуса "прочитано" */
     '--chotto-textmessage-status-read-first-child-margin-right': string;
+    /** Цвет статуса "в ожидании" */
+    '--chotto-textmessage-status-pending-color': string;
+    /** Цвет статуса "ошибка" */
+    '--chotto-textmessage-status-error-color': string;
     /** Размер шрифта текста сообщения */
     '--chotto-textmessage-text-font-size': string;
     /** Правила перевода строк текста */

package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts

@@ -76,6 +76,10 @@ export interface VideoMessageThemeCSSVariables {
     '--chotto-videomessage-status-read-color': string;
     /** Отрицательный отступ для иконки "прочитано" */
     '--chotto-videomessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса "в ожидании" */
+    '--chotto-videomessage-status-pending-color': string;
+    /** Цвет иконок статуса "ошибка" */
+    '--chotto-videomessage-status-error-color': string;
     /** Ряд грида для аватара */
     '--chotto-videomessage-avatar-grid-row': string;
     /** Выравнивание аватара относительно себя */

package/dist/types/components/2_feed_elements/types/messages.d.ts

@@ -28,6 +28,7 @@ export interface IAudioMessage {
     time: string;
     url: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -69,6 +70,7 @@ export interface IFileMessage {
     time: string;
     url: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -87,6 +89,7 @@ export interface IImageMessage {
     url: string;
     alt?: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -107,6 +110,7 @@ export interface ITextMessage {
     text: string;
     position: string;
     status: string;
+    statusMsg?: string;
     time: string;
     avatar?: string;
     header?: string;
@@ -126,6 +130,7 @@ export interface IVideoMessage {
     messageId: string;
     position: string;
     status: string;
+    statusMsg?: string;
     time: string;
     url: string;
     alt?: string;

package/dist/types/functions/getMessageClass.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Возвращает CSS-класс для сообщения в зависимости от позиции
+ *
+ * Используется в компонентах сообщений, чтобы единообразно формировать
+ * классы вида `<prefix>__left` и `<prefix>__right`.
+ *
+ * @param {string} position - позиция сообщения: 'left' | 'right'
+ * @param {string} prefix - префикс CSS-блока (например, 'text-message')
+ * @returns {string} CSS-класс с учетом позиции
+ */
+export declare function getMessageClass(position: string, prefix: string): string;

package/dist/types/functions/getStatusMessage.d.ts

@@ -12,3 +12,4 @@ export declare const statuses: string[];
  * getStatus('unknown') // returns ''
  */
 export declare const getStatus: (status: string) => string;
+export declare const getStatusTitle: (status: string, statusMsg?: string) => string;

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

@@ -3,3 +3,4 @@ export * from './formatTimestamp';
 export * from './playNotificationAudio';
 export * from './insertDaySeparators';
 export * from './sortByTimestamp';
+export * from './getMessageClass';

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

@@ -1,8 +1,9 @@
 export * from './uploadFile';
 export * from './useDelayDebouncedRef';
 export * from './useImmediateDebouncedRef';
-export * from './useMessage';
+export * from './useMessageDraft';
 export * from './useSearchModel';
 export * from './useTheme';
 export * from './modals';
 export * from './validators';
+export * from './messages';

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

@@ -0,0 +1,2 @@
+export * from './useMessageActions';
+export * from './useMessageLinks';

package/dist/types/hooks/messages/useMessageActions.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Полезная нагрузка для событий действия сообщения
+ * @typedef ActionPayload
+ * @property {string} messageId - Идентификатор сообщения
+ * @property {string} type - Тип действия (например, 'menu' | 'views')
+ */
+type ActionPayload = {
+    messageId: string;
+    type: string;
+} & Record<string, unknown>;
+/**
+ * Тип эмиттера событий компонентов сообщений
+ * @typedef EmitFn
+ * @param {'action' | 'reply'} event - Имя события
+ * @param {ActionPayload | string} payload - Данные события
+ */
+type EmitFn = (event: 'action' | 'reply', payload: ActionPayload | string) => void;
+/**
+ * Минимально необходимая структура сообщения для работы composable
+ * @interface MessageWithMeta
+ * @property {string} messageId - Идентификатор сообщения
+ * @property {unknown} [actions] - Описание доступных действий (передается в `ContextMenu`)
+ */
+export interface MessageWithMeta {
+    messageId: string;
+    actions?: unknown;
+}
+/**
+ * Composable для унификации поведения контекстного меню и связанных действий у сообщений ленты
+ *
+ * Предоставляет реактивные флаги и обработчики действий: показать/скрыть меню, клик по пункту меню,
+ * клик по просмотрам, эмит события ответа.
+ *
+ * @template T Расширяет {@link MessageWithMeta}
+ * @param {T} message - Сообщение с `messageId` (и опционально `actions`)
+ * @param {EmitFn} emit - Эмиттер событий из компонента сообщения
+ *
+ * @returns {object} Объект с состояниями и методами
+ * @returns {import('vue').Ref<boolean>} returns.isOpenMenu - Открыт ли контекстное меню
+ * @returns {import('vue').Ref<boolean>} returns.buttonMenuVisible - Видна ли кнопка вызова меню
+ * @returns {Function} returns.showMenu - Показать кнопку меню
+ * @returns {Function} returns.hideMenu - Скрыть кнопку и закрыть меню
+ * @returns {Function} returns.clickAction - Обработчик клика по пункту контекстного меню
+ * @returns {Function} returns.viewsAction - Обработчик клика по просмотрам
+ * @returns {Function} returns.handleClickReplied - Эмит события ответа по `replyMessageId`
+ */
+export declare const useMessageActions: <T extends MessageWithMeta>(message: T, emit: EmitFn) => {
+    isOpenMenu: import("vue").Ref<boolean, boolean>;
+    buttonMenuVisible: import("vue").Ref<boolean, boolean>;
+    showMenu: () => void;
+    hideMenu: () => void;
+    clickAction: (action: Record<string, unknown>) => void;
+    viewsAction: () => void;
+    handleClickReplied: (replyMessageId: string) => void;
+};
+export {};

package/dist/types/hooks/messages/useMessageLinks.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Создает вычисляемое HTML-представление текста с автоссылками и обработчик
+ * открытия ссылок в новой вкладке
+ *
+ * @param {() => string | undefined} getText - функция, возвращающая исходный текст
+ * @returns {{ linkedHtml: import('vue').ComputedRef<string>, inNewWindow: (event: Event) => void }}
+ *  - linkedHtml: вычисляемый HTML с проставленными ссылками
+ *  - inNewWindow: обработчик клика, открывающий ссылки в новой вкладке
+ */
+export declare const useMessageLinks: (getText: () => string | undefined) => {
+    linkedHtml: import("vue").ComputedRef<string>;
+    inNewWindow: (event: Event) => void;
+};

package/dist/types/hooks/{useMessage.d.ts → useMessageDraft.d.ts}

@@ -37,10 +37,10 @@ interface UploadedFile {
  *
  * @example
  * // Базовое использование в компоненте
- * import { useMessage } from '@/hooks';
+ * import { useMessageDraft } from '@/hooks';
  *
  * const chatAppId = 'chat-123';
- * const { getMessage, setMessageText, setMessageFile, resetMessage } = useMessage(chatAppId);
+ * const { getMessage, setMessageText, setMessageFile, resetMessage } = useMessageDraft(chatAppId);
  *
  * // Установить текст
  * setMessageText('Привет!');
@@ -62,7 +62,7 @@ interface UploadedFile {
  *
  * @example
  * // Работа с ответами
- * const { setReply, resetReply } = useMessage(chatAppId);
+ * const { setReply, resetReply } = useMessageDraft(chatAppId);
  *
  * setReply({
  *   id: 'msg-456',
@@ -73,7 +73,7 @@ interface UploadedFile {
  * // Удалить ответ
  * resetReply();
  */
-export declare const useMessage: (outId: string) => {
+export declare const useMessageDraft: (outId: string) => {
     getMessage: () => {
         id: string;
         text: string;

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

@@ -45,7 +45,8 @@ export interface Message {
     type: string;
     timestamp: string | number;
     direction?: 'incoming' | 'outgoing';
-    status?: 'read' | 'sent' | 'received';
+    status?: 'read' | 'sent' | 'received' | 'pending' | 'error';
+    statusMsg?: string;
     text?: string;
     header?: string;
     subText?: string;

package/dist/vuessages.es.js

@@ -1,4 +1,4 @@
-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";
+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 C, t as m, y as S, ac as h, u as y, 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 f, C as v, K as P, N as D, E as k, ah as x, 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 Q, am as O, 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 Ca, U as ma, a7 as Sa, V as ha, p as ya, q as Ba, r as Fa, s as Ia, W as Aa, aP as Ra, an as Ta, aT as ba, aE as Va, aH as fa, aN as va, aO as Pa, ao as Da, aB as ka, aR as xa, aQ as La, aS as Wa, aM as wa, ap as Ea, aC as Ua, aq as ja, ar as Ka, aK as Na, as as Qa, aL as Oa, aF as qa, av as za, aw as Ga, ax as Ha, ay as Ja, az as Xa, at as Ya, aI as Za, au as $a, aJ as _a, aA as ae, aD as ee, aG as se } from "./index-D4aZYJgw.js";
 export {
   s as AdaptiveExtendedLayout,
   t as AudioMessage,
@@ -13,11 +13,11 @@ export {
   M as ButtonTemplateSelector,
   g as ButtonWabaTemplateSelector,
   p as CallMessage,
-  m as ChannelSelector,
-  C as ChatFilter,
-  h as ChatInfo,
-  y as ChatInput,
-  S as ChatItem,
+  C as ChannelSelector,
+  m as ChatFilter,
+  S as ChatInfo,
+  h as ChatInput,
+  y as ChatItem,
   B as ChatList,
   F as ChatPanel,
   I as ChatTabs,
@@ -26,12 +26,12 @@ export {
   T as CloseButtonIcon,
   b as CommunicationPanel,
   V as ContactCRMIcon,
-  v as ContactInfo,
-  P as ContextMenu,
-  f as DateMessage,
-  x as DateMessageSticky,
-  D as EmbedPreview,
-  k as ExtendedLayout,
+  f as ContactInfo,
+  v as ContextMenu,
+  P as DateMessage,
+  D as DateMessageSticky,
+  k as EmbedPreview,
+  x as ExtendedLayout,
   L as Feed,
   W as FeedFoundItem,
   w as FeedFoundObjects,
@@ -40,8 +40,8 @@ export {
   j as FeedSearch,
   K as FileMessage,
   N as FilePreview,
-  O as FileUploader,
-  Q as FloatContainer,
+  Q as FileUploader,
+  O as FloatContainer,
   q as ImageMessage,
   z as LinkPreview,
   G as MenuIcon,
@@ -67,42 +67,46 @@ export {
   Ma as TextMessage,
   ga as ThemeMode,
   pa as Tooltip,
-  ma as TypingMessage,
-  Ca as UserProfile,
-  ha as VideoMessage,
-  ya as VideoRecorder,
-  Sa as WABAAttachmentSection,
+  Ca as TypingMessage,
+  ma as UserProfile,
+  Sa as VideoMessage,
+  ha as VideoRecorder,
+  ya as WABAAttachmentSection,
   Ba as WABAQuickReplyButtons,
   Fa as WABASeparatedQuickButtons,
   Ia as WABATemplateSelector,
   Aa as WhatsAppIcon,
   Ra as formatTimestamp,
   Ta as generatePreview,
-  ba as getMessageValidationReport,
-  Va as getSidebarValidationReport,
+  ba as getMessageClass,
+  Va as getMessageValidationReport,
+  fa as getSidebarValidationReport,
   va as getStatus,
-  Pa as getTypeFileByMime,
-  fa as getValidationReport,
+  Pa as getStatusTitle,
+  Da as getTypeFileByMime,
+  ka as getValidationReport,
   xa as insertDaySeparators,
-  Da as playNotificationAudio,
-  ka as sortByTimestamp,
-  La as statuses,
-  Wa as uploadFile,
-  wa as useChatValidator,
-  Ea as useDelayDebouncedRef,
-  Ua as useImmediateDebouncedRef,
-  ja as useMessage,
-  Ka as useMessageValidator,
-  Na as useModalCreateChat,
-  Oa as useModalCreateChat2,
-  Qa as useModalCreateDialog,
-  qa as useModalSelectUser2,
-  za as useModalVideoRecorder,
-  Ga as useSearchModel,
-  Ha as useSidebarValidator,
-  Ja as useTheme,
-  Xa as useValidation,
-  Ya as validateChats,
-  Za as validateMessages,
-  $a as validateSidebarItems
+  La as playNotificationAudio,
+  Wa as sortByTimestamp,
+  wa as statuses,
+  Ea as uploadFile,
+  Ua as useChatValidator,
+  ja as useDelayDebouncedRef,
+  Ka as useImmediateDebouncedRef,
+  Na as useMessageActions,
+  Qa as useMessageDraft,
+  Oa as useMessageLinks,
+  qa as useMessageValidator,
+  za as useModalCreateChat,
+  Ga as useModalCreateChat2,
+  Ha as useModalCreateDialog,
+  Ja as useModalSelectUser2,
+  Xa as useModalVideoRecorder,
+  Ya as useSearchModel,
+  Za as useSidebarValidator,
+  $a as useTheme,
+  _a as useValidation,
+  ae as validateChats,
+  ee as validateMessages,
+  se as validateSidebarItems
 };