@mobilon-dev/chotto 0.3.26 → 0.3.28

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

@@ -88,23 +88,32 @@ export interface IAudioMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ICallMessage {
     messageId: string;
     position: string;
     time: string;
+    status?: string;
+    statusMsg?: string;
     url?: string;
     isMissedCall?: boolean;
     callDuration?: string;
+    callAttemptDuration?: string;
+    callParticipant?: string;
+    direction?: 'incoming' | 'outgoing';
     avatar?: string;
     header?: string;
     subText?: string;
+    text?: string;
     actions?: IAction[];
     views?: number;
     transcript?: {
-        dialog: IDialog[];
+        dialog?: IDialog[];
+        text?: string;
     };
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface IDateMessage {
     messageId?: string;
@@ -130,6 +139,7 @@ export interface IFileMessage {
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
     direction?: string;
+    backgroundColor?: string;
 }
 export interface IImageMessage {
     messageId: string;
@@ -150,6 +160,7 @@ export interface IImageMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ISystemMessage {
     messageId: string;
@@ -172,6 +183,7 @@ export interface ITextMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ITypingMessage {
     avatar?: string;
@@ -196,6 +208,7 @@ export interface IVideoMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface IStickerMessage {
     messageId: string;
@@ -217,4 +230,5 @@ export interface IStickerMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }

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

@@ -19,6 +19,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: null;
     };
+    selectedChannel: {
+        type: ObjectConstructor;
+        required: false;
+        default: null;
+    };
+    inputButtonColor: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     typing: (...args: any[]) => void;
     send: (...args: any[]) => void;
@@ -37,13 +47,25 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: null;
     };
+    selectedChannel: {
+        type: ObjectConstructor;
+        required: false;
+        default: null;
+    };
+    inputButtonColor: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }>> & Readonly<{
     onTyping?: ((...args: any[]) => any) | undefined;
     onSend?: ((...args: any[]) => any) | undefined;
 }>, {
+    selectedChannel: Record<string, any>;
     state: string;
     focusOnInputArea: boolean;
     disabledPlaceholder: string;
+    inputButtonColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/3_compounds/ChatInput/icons/SendIcon.vue.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/3_compounds/ChatInput/icons/index.d.ts

@@ -2,3 +2,4 @@ export { default as WhatsAppSendIcon } from './WhatsAppSendIcon.vue';
 export { default as TelegramSendIcon } from './TelegramSendIcon.vue';
 export { default as MaxSendIcon } from './MaxSendIcon.vue';
 export { default as SMSSendIcon } from './SMSSendIcon.vue';
+export { default as SendIcon } from './SendIcon.vue';

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

@@ -7,6 +7,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "search" | "select" | "action" | "expand" | "tab-click" | "loadMoreChats" | "clear-search", ...args: any[]) => void;
     chats: unknown[];
     searchQuery: string;
+    showDialogs: boolean;
     filterEnabled: boolean;
     filterQuery: string;
     dialogTabs: unknown[];
@@ -17,6 +18,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     $props: {
         readonly chats?: unknown[] | undefined;
         readonly searchQuery?: string | undefined;
+        readonly showDialogs?: boolean | undefined;
         readonly filterEnabled?: boolean | undefined;
         readonly filterQuery?: string | undefined;
         readonly dialogTabs?: unknown[] | undefined;

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

@@ -62,6 +62,8 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-title-column-gap': string;
     /** Отступы контейнера заголовка */
     '--chotto-chatlist-title-container-padding': string;
+    /** Максимальная высота контейнера заголовка */
+    '--chotto-chatlist-title-container-max-height': string;
     /** Семейство шрифта заголовка */
     '--chotto-chatlist-title-font-family': string;
     /** Размер шрифта заголовка */
@@ -168,4 +170,24 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-search-clear-hover-color': string;
     /** Цвет фона кнопки очистки поиска при наведении */
     '--chotto-chatlist-search-clear-hover-bg': string;
+    /** Отображение контейнера пустого состояния */
+    '--chotto-chatlist-no-data-display': string;
+    /** Выравнивание элементов по поперечной оси в пустом состоянии */
+    '--chotto-chatlist-no-data-align-items': string;
+    /** Выравнивание элементов по главной оси в пустом состоянии */
+    '--chotto-chatlist-no-data-justify': string;
+    /** Высота контейнера пустого состояния */
+    '--chotto-chatlist-no-data-height': string;
+    /** Размер шрифта заголовка плейсхолдера */
+    '--chotto-chatlist-placeholder-title-font-size': string;
+    /** Толщина шрифта заголовка плейсхолдера */
+    '--chotto-chatlist-placeholder-title-font-weight': string;
+    /** Отступы заголовка плейсхолдера */
+    '--chotto-chatlist-placeholder-title-margin': string;
+    /** Цвет текста заголовка плейсхолдера */
+    '--chotto-chatlist-placeholder-title-color': string;
+    /** Размер шрифта подсказки плейсхолдера */
+    '--chotto-chatlist-placeholder-hint-font-size': string;
+    /** Отступы подсказки плейсхолдера */
+    '--chotto-chatlist-placeholder-hint-margin': string;
 }

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

@@ -73,6 +73,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    subtextTooltipData: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
     keyboardAction: (...args: any[]) => void;
@@ -152,6 +157,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    subtextTooltipData: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
     onKeyboardAction?: ((...args: any[]) => any) | undefined;
@@ -166,6 +176,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     chatBackground: string;
     applyStyle: Function;
     reactionsEnabled: boolean;
+    subtextTooltipData: Record<string, any>;
     enableDoubleClickReply: boolean;
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;

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

@@ -0,0 +1 @@
+export declare function getChannelAccentColor(channelId?: string | null, fallback?: string | null): string | null;

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

@@ -5,3 +5,4 @@ export * from './insertDaySeparators';
 export * from './sortByTimestamp';
 export * from './getMessageClass';
 export * from './createReactionHandlers';
+export * from './getChannelAccentColor';

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

@@ -1,2 +1,4 @@
 export * from './useMessageActions';
 export * from './useMessageLinks';
+export * from './useChannelAccentColor';
+export * from './useSubtextTooltip';

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

@@ -0,0 +1,35 @@
+/**
+ * Composable `useChannelAccentColor` возвращает цвет акцента канала для пузыря сообщения.
+ *
+ * Используется внутри компонентов сообщений (TextMessage, ImageMessage и др.), чтобы подкрасить
+ * сообщение в цвет канала, учитывая выбранный чат и позицию сообщения.
+ *
+ * @example
+ * import { useChannelAccentColor } from '@/hooks/messages'
+ *
+ * const { bubbleColor, bubbleStyle } = useChannelAccentColor(props.message, {
+ *   cssVariable: '--bubble-color',
+ *   position: 'right',
+ * })
+ *
+ * <div class="bubble" :style="bubbleStyle" />
+ */
+import { type Ref } from 'vue';
+type MessageWithChannelMeta = {
+    dialogId?: string;
+    position?: string;
+    backgroundColor?: string | null;
+};
+type MessageSource<T extends MessageWithChannelMeta> = Ref<T | undefined> | T | undefined;
+interface ChannelAccentOptions {
+    cssVariable?: string;
+    position?: 'left' | 'right' | 'both';
+}
+export declare function useChannelAccentColor<T extends MessageWithChannelMeta>(messageSource: MessageSource<T>, options?: ChannelAccentOptions): {
+    bubbleColor: import("vue").ComputedRef<string | null>;
+    bubbleStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+    } | null>;
+    messageChannelId: import("vue").ComputedRef<string | undefined>;
+};
+export {};

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

@@ -0,0 +1,11 @@
+import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
+type MessageWithSubtext = {
+    messageId?: string | number;
+    subText?: string;
+};
+type TooltipMap = Record<string, string>;
+/**
+ * Возвращает текст тултипа для подписи сообщения с учётом карты `subtextTooltipData`
+ */
+export declare function useSubtextTooltip(message: MaybeRefOrGetter<MessageWithSubtext | undefined>, tooltipData: MaybeRefOrGetter<TooltipMap | undefined>): ComputedRef<string>;
+export {};

package/dist/vuessages.es.js

@@ -1,17 +1,17 @@
-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-CECDc5wp.js";
+import { an as s, H as t, w as o, A as l, aq as i, al as n, I as r, i as d, B as u, j as c, k as g, l as M, J as p, x as C, t as m, y as S, ag as h, u as y, ai as R, ah as A, z as I, v as B, ap as F, a as T, b, f as V, c as f, D as k, C as v, K as P, N as x, E as D, am as L, 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 la, a5 as ia, a6 as na, S as ra, af as da, d as ua, ak as ca, a7 as ga, $ as Ma, a8 as pa, e as Ca, o as ma, a9 as Sa, G as ha, T as ya, aa as Ra, U as Aa, ab as Ia, V as Ba, p as Fa, q as Ta, r as ba, s as Va, W as fa, a$ as ka, aW as va, as as Pa, b0 as xa, a_ as Da, aJ as La, aM as Wa, aU as wa, aV as Ea, at as Ua, aG as ja, aY as Ha, aX as Ka, aZ as Na, aT as Qa, au as Oa, aR as qa, aH as za, av as Ga, aw as Ja, aP as Xa, ax as Ya, aQ as Za, aK as $a, aA as _a, aB as ae, aC as ee, aD as se, aE as te, ay as oe, aN as le, aS as ie, az as ne, aO as re, aF as de, aI as ue, aL as ce } from "./index-C8JOAGtF.js";
 export {
   s as AdaptiveExtendedLayout,
   t as AudioMessage,
   o as AudioRecorder,
-  i as AvatarIcon,
-  l as BaseContainer,
-  r as BaseLayout,
-  n as BaseReplyMessage,
+  l as AvatarIcon,
+  i as BaseContainer,
+  n as BaseLayout,
+  r as BaseReplyMessage,
   d as ButtonCommandsSelector,
   u as ButtonContextMenu,
   c as ButtonEmojiPicker,
-  M as ButtonTemplateSelector,
-  g as ButtonWabaTemplateSelector,
+  g as ButtonTemplateSelector,
+  M as ButtonWabaTemplateSelector,
   p as CallMessage,
   C as ChannelSelector,
   m as ChatFilter,
@@ -19,10 +19,10 @@ export {
   h as ChatInput,
   y as ChatItem,
   R as ChatList,
-  I as ChatListHeader,
-  B as ChatPanel,
-  F as ChatTabs,
-  A as ChatWrapper,
+  A as ChatListHeader,
+  I as ChatPanel,
+  B as ChatTabs,
+  F as ChatWrapper,
   T as CheckIcon,
   b as CloseButtonIcon,
   V as CommunicationPanel,
@@ -30,9 +30,9 @@ export {
   k as ContactInfo,
   v as ContextMenu,
   P as DateMessage,
-  D as DateMessageSticky,
-  L as EmbedPreview,
-  x as ExtendedLayout,
+  x as DateMessageSticky,
+  D as EmbedPreview,
+  L as ExtendedLayout,
   W as Feed,
   w as FeedFoundItem,
   E as FeedFoundObjects,
@@ -57,15 +57,15 @@ export {
   sa as ReplyCallMessage,
   ta as ReplyFileMessage,
   oa as ReplyImageMessage,
-  ia as ReplyStickerMessage,
-  la as ReplyTextMessage,
-  ra as ReplyVideoMessage,
-  na as SearchIcon,
+  la as ReplyStickerMessage,
+  ia as ReplyTextMessage,
+  na as ReplyVideoMessage,
+  ra as SearchIcon,
   da as SelectUser,
   ua as SettingsIcon,
   ca as SideBar,
-  Ma as SplashScreen,
-  ga as StickerMessage,
+  ga as SplashScreen,
+  Ma as StickerMessage,
   pa as SystemMessage,
   Ca as TelegramIcon,
   ma as TemplateSelector,
@@ -73,10 +73,10 @@ export {
   ha as ThemeMode,
   ya as Tooltip,
   Ra as TypingMessage,
-  Ia as UserProfile,
-  Ba as VideoMessage,
-  Fa as VideoRecorder,
-  Aa as WABAAttachmentSection,
+  Aa as UserProfile,
+  Ia as VideoMessage,
+  Ba as VideoRecorder,
+  Fa as WABAAttachmentSection,
   Ta as WABAQuickReplyButtons,
   ba as WABASeparatedQuickButtons,
   Va as WABATemplateSelector,
@@ -84,35 +84,38 @@ export {
   ka as createReactionHandlers,
   va as formatTimestamp,
   Pa as generatePreview,
+  xa as getChannelAccentColor,
   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
+  Wa as getSidebarValidationReport,
+  wa as getStatus,
+  Ea as getStatusTitle,
+  Ua as getTypeFileByMime,
+  ja as getValidationReport,
+  Ha as insertDaySeparators,
+  Ka as playNotificationAudio,
+  Na as sortByTimestamp,
+  Qa as statuses,
+  Oa as uploadFile,
+  qa as useChannelAccentColor,
+  za as useChatValidator,
+  Ga as useDelayDebouncedRef,
+  Ja as useImmediateDebouncedRef,
+  Xa as useMessageActions,
+  Ya as useMessageDraft,
+  Za as useMessageLinks,
+  $a as useMessageValidator,
+  _a as useModalCreateChat,
+  ae as useModalCreateChat2,
+  ee as useModalCreateDialog,
+  se as useModalSelectUser2,
+  te as useModalVideoRecorder,
+  oe as useSearchModel,
+  le as useSidebarValidator,
+  ie as useSubtextTooltip,
+  ne as useTheme,
+  re as useValidation,
+  de as validateChats,
+  ue as validateMessages,
+  ce as validateSidebarItems
 };