@mobilon-dev/chotto 0.3.21 → 0.3.22

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

@@ -1177,6 +1177,7 @@ export declare const messages: ({
     url: string;
     alt: string;
     header: string;
+    messageId: string;
     text: string;
     direction: string;
     subText: string;
@@ -1184,7 +1185,6 @@ export declare const messages: ({
     status: string;
     avatar: string;
     dialogId?: undefined;
-    messageId?: undefined;
     callDuration?: undefined;
     isMissedCall?: undefined;
     transcript?: undefined;
@@ -1196,6 +1196,56 @@ export declare const messages: ({
     linkPreview?: undefined;
     keyboard?: undefined;
     statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    alt: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    alt: string;
+    direction: string;
+    status: string;
+    statusMsg: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
 } | {
     messageId: number;
     chatId: number;

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

@@ -3,6 +3,7 @@ import AudioMessage from '../AudioMessage.vue';
 declare const meta: Meta<typeof AudioMessage>;
 export default meta;
 type Story = StoryObj<typeof AudioMessage>;
+export declare const Default: Story;
 export declare const LeftMessage: Story;
 export declare const LeftMessageWithActions: Story;
 export declare const RightMessage: Story;
@@ -13,6 +14,9 @@ export declare const RightMessageWithAvatarAndSubtext: Story;
 export declare const RightMessageSent: Story;
 export declare const RightMessageReceived: Story;
 export declare const RightMessageRead: Story;
+export declare const RightMessagePending: Story;
+export declare const RightMessageError: Story;
+export declare const RightMessageErrorWithStatusMsg: Story;
 export declare const RightMessageWithActions: Story;
 export declare const RightMessageWithActionsAndText: Story;
 export declare const LeftMessageWithActionsAndText: Story;

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

@@ -3,6 +3,7 @@ import CallMessage from '../CallMessage.vue';
 declare const meta: Meta<typeof CallMessage>;
 export default meta;
 type Story = StoryObj<typeof CallMessage>;
+export declare const Default: Story;
 export declare const NoAnswerLeft: Story;
 export declare const NoAnswerRight: Story;
 export declare const NoAnswerLeftWithAvatar: Story;
@@ -11,6 +12,9 @@ export declare const NoAnswerLeftWithAvatarAndSubtext: Story;
 export declare const NoAnswerRightWithAvatarAndSubtext: Story;
 export declare const CallHappenedLeft: Story;
 export declare const CallHappenedRight: Story;
+export declare const RightCallMissed: Story;
+export declare const RightCallSuccess: Story;
+export declare const RightCallLong: Story;
 export declare const RecallLeft: Story;
 export declare const RecallRight: Story;
 export declare const LeftCallWithTranscript: Story;

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

@@ -3,4 +3,5 @@ import DateMessage from '../DateMessage.vue';
 declare const meta: Meta<typeof DateMessage>;
 export default meta;
 type Story = StoryObj<typeof DateMessage>;
+export declare const Default: Story;
 export declare const Today: Story;

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

@@ -3,6 +3,7 @@ import FileMessage from '../FileMessage.vue';
 declare const meta: Meta<typeof FileMessage>;
 export default meta;
 type Story = StoryObj<typeof FileMessage>;
+export declare const Default: Story;
 export declare const LeftFileMessage: Story;
 export declare const LeftFileMessageWithSubtext: Story;
 export declare const LeftFileMessageWithActions: Story;
@@ -14,6 +15,8 @@ export declare const RightFileMessage: Story;
 export declare const RightFileMessageStatusSent: Story;
 export declare const RightFileMessageStatusReceived: Story;
 export declare const RightFileMessageStatusRead: Story;
+export declare const RightFileMessageStatusPending: Story;
+export declare const RightFileMessageStatusError: Story;
 export declare const RightFileMessageWithSubtext: Story;
 export declare const RightFileMessageWithActions: Story;
 export declare const RightFileMessageWithActionsAndText: Story;

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

@@ -3,6 +3,7 @@ import ImageMessage from '../ImageMessage.vue';
 declare const meta: Meta<typeof ImageMessage>;
 export default meta;
 type Story = StoryObj<typeof ImageMessage>;
+export declare const Default: Story;
 export declare const LeftImageMessage: Story;
 export declare const LeftImageMessageWithText: Story;
 export declare const LeftImageMessageWithTextAndLink: Story;
@@ -21,6 +22,8 @@ export declare const RightImageMessageWithSubtext: Story;
 export declare const RightImageMessageStatusSent: Story;
 export declare const RightImageMessageStatusReceived: Story;
 export declare const RightImageMessageStatusRead: Story;
+export declare const RightImageMessageStatusPending: Story;
+export declare const RightImageMessageStatusError: Story;
 export declare const RightImageMessageWithActions: Story;
 export declare const LeftMessageWithReplyText: Story;
 export declare const RightMessageWithReplyText: Story;

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

@@ -0,0 +1,16 @@
+import { IStickerMessage } from '@/types';
+import '@/utils/suppress-lit-warning';
+import '../StickerMessage/libs/tgs-player/lottie-player.esm.js';
+import '../StickerMessage/libs/tgs-player/tgs-player.esm.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyStickerMessage from '../ReplyStickerMessage.vue';
+declare const meta: Meta<typeof ReplyStickerMessage>;
+export default meta;
+type Story = StoryObj<typeof ReplyStickerMessage>;
+export declare const Default: Story;
+export declare const RightPosition: Story;
+export declare const WithHeader: Story;
+export declare const AnimatedSticker: Story;
+export declare const AnimatedStickerWithHeader: Story;

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

@@ -0,0 +1,107 @@
+/**
+ * CSS variables for ReplyStickerMessage component
+ */
+export interface ReplyStickerMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replystickermessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replystickermessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replystickermessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replystickermessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replystickermessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replystickermessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replystickermessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replystickermessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replystickermessage-p-webkit-box-orient': string;
+    /** Колонка грида кнопки превью */
+    '--chotto-replystickermessage-preview-button-grid-column': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replystickermessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replystickermessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replystickermessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-replystickermessage-preview-button-padding': string;
+    /** Ширина превью-стикера */
+    '--chotto-replystickermessage-preview-image-width': string;
+    /** Высота превью-стикера */
+    '--chotto-replystickermessage-preview-image-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-replystickermessage-preview-image-cursor': string;
+    /** Вписывание превью-стикера */
+    '--chotto-replystickermessage-preview-image-object-fit': string;
+    /** Скругление превью-стикера */
+    '--chotto-replystickermessage-preview-image-border-radius': string;
+    /** Внешние отступы превью-стикера */
+    '--chotto-replystickermessage-preview-image-margin': string;
+    /** Ширина анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-width': string;
+    /** Высота анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-height': string;
+    /** Курсор при наведении на анимированное превью */
+    '--chotto-replystickermessage-preview-image-animated-cursor': string;
+    /** Вписывание анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-object-fit': string;
+    /** Скругление анимированного превью-стикера */
+    '--chotto-replystickermessage-preview-image-animated-border-radius': string;
+    /** Внешние отступы анимированного превью-стикера */
+    '--chotto-replystickermessage-preview-image-animated-margin': string;
+    /** Ширина стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-width': string;
+    /** Высота стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-height': string;
+    /** Вписывание стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-object-fit': string;
+    /** Скругление стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-border-radius': string;
+    /** Максимальная высота стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-max-height': string;
+    /** Ширина анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-width': string;
+    /** Высота анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-height': string;
+    /** Вписывание анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-object-fit': string;
+    /** Скругление анимированного стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-animated-border-radius': string;
+    /** Максимальная высота анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-max-height': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replystickermessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replystickermessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replystickermessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replystickermessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replystickermessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replystickermessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replystickermessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replystickermessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replystickermessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replystickermessage-reply-description-margin-bottom': string;
+    /** Непереносимый пробел в описании */
+    '--chotto-replystickermessage-reply-description-white-space': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replystickermessage-reply-description-span-color': string;
+    /** Переход появления модального окна */
+    '--chotto-replystickermessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-replystickermessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-replystickermessage-modal-fade-enter-to-opacity': string;
+}

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

@@ -0,0 +1,41 @@
+import { IStickerMessage } from '@/types';
+import '@/utils/suppress-lit-warning';
+import './libs/tgs-player/lottie-player.esm.js';
+import './libs/tgs-player/tgs-player.esm.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    isFirstInSeries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (...args: any[]) => void;
+    action: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    isFirstInSeries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onReply?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    applyStyle: Function;
+    isFirstInSeries: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;