@mobilon-dev/chotto 0.3.110 → 0.3.111

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

@@ -19,4 +19,6 @@ export declare const RightMessageWithReplyAudio: Story;
 export declare const LeftMessageWithReplyCall: Story;
 export declare const RightMessageWithReplyCall: Story;
 export declare const LeftMessageWithPreviewLink: Story;
+export declare const WithImagePreviewUrl: Story;
+export declare const RightWithImagePreviewUrl: Story;
 export declare const RightMessageWithPreviewLink: Story;

package/dist/types/src/components/2_feed_elements/ReplyVideoMessage/styles/types.d.ts

@@ -40,6 +40,38 @@ export interface ReplyVideoMessageThemeCSSVariables {
     '--chotto-replyvideomessage-preview-button-display': string;
     /** Направление флекс-контейнера кнопки превью */
     '--chotto-replyvideomessage-preview-button-flex-direction': string;
+    /** Позиционирование значка play на обложке */
+    '--chotto-replyvideomessage-play-badge-position': string;
+    /** Смещение значка play сверху */
+    '--chotto-replyvideomessage-play-badge-top': string;
+    /** Смещение значка play слева */
+    '--chotto-replyvideomessage-play-badge-left': string;
+    /** Трансформация значка play */
+    '--chotto-replyvideomessage-play-badge-transform': string;
+    /** Отображение значка play */
+    '--chotto-replyvideomessage-play-badge-display': string;
+    /** Выравнивание содержимого значка play по поперечной оси */
+    '--chotto-replyvideomessage-play-badge-align-items': string;
+    /** Выравнивание содержимого значка play по главной оси */
+    '--chotto-replyvideomessage-play-badge-justify-content': string;
+    /** Ширина значка play */
+    '--chotto-replyvideomessage-play-badge-width': string;
+    /** Высота значка play */
+    '--chotto-replyvideomessage-play-badge-height': string;
+    /** Скругление значка play */
+    '--chotto-replyvideomessage-play-badge-border-radius': string;
+    /** Фон значка play */
+    '--chotto-replyvideomessage-play-badge-background-color': string;
+    /** Цвет иконки play */
+    '--chotto-replyvideomessage-play-badge-color': string;
+    /** События указателя значка play */
+    '--chotto-replyvideomessage-play-badge-pointer-events': string;
+    /** Слой значка play */
+    '--chotto-replyvideomessage-play-badge-z-index': string;
+    /** Размер иконки play */
+    '--chotto-replyvideomessage-play-badge-icon-font-size': string;
+    /** Отступ иконки play слева */
+    '--chotto-replyvideomessage-play-badge-icon-margin-left': string;
     /** Перенос слов в контейнере текста */
     '--chotto-replyvideomessage-text-container-word-wrap': string;
     /** Выравнивание содержимого текстового контейнера */

package/dist/types/src/components/2_feed_elements/VideoMessage/stories/VideoMessage.stories.d.ts

@@ -37,3 +37,6 @@ export declare const LeftMessageWithReplyCall: Story;
 export declare const RightMessageWithReplyCall: Story;
 export declare const LeftMessageWithPreviewLink: Story;
 export declare const RightMessageWithPreviewLink: Story;
+export declare const WithCoverUrl: Story;
+export declare const WithVideoPreviewUrl: Story;
+export declare const WithCoverAndVideoPreviewUrl: Story;

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

@@ -122,6 +122,38 @@ export interface VideoMessageThemeCSSVariables {
     '--chotto-videomessage-preview-button-display': string;
     /** Направление флекс-контейнера кнопки превью */
     '--chotto-videomessage-preview-button-flex-direction': string;
+    /** Позиционирование значка play на обложке */
+    '--chotto-videomessage-play-badge-position': string;
+    /** Смещение значка play сверху */
+    '--chotto-videomessage-play-badge-top': string;
+    /** Смещение значка play слева */
+    '--chotto-videomessage-play-badge-left': string;
+    /** Трансформация значка play */
+    '--chotto-videomessage-play-badge-transform': string;
+    /** Отображение значка play */
+    '--chotto-videomessage-play-badge-display': string;
+    /** Выравнивание содержимого значка play по поперечной оси */
+    '--chotto-videomessage-play-badge-align-items': string;
+    /** Выравнивание содержимого значка play по главной оси */
+    '--chotto-videomessage-play-badge-justify-content': string;
+    /** Ширина значка play */
+    '--chotto-videomessage-play-badge-width': string;
+    /** Высота значка play */
+    '--chotto-videomessage-play-badge-height': string;
+    /** Скругление значка play */
+    '--chotto-videomessage-play-badge-border-radius': string;
+    /** Фон значка play */
+    '--chotto-videomessage-play-badge-background-color': string;
+    /** Цвет иконки play */
+    '--chotto-videomessage-play-badge-color': string;
+    /** События указателя значка play */
+    '--chotto-videomessage-play-badge-pointer-events': string;
+    /** Слой значка play */
+    '--chotto-videomessage-play-badge-z-index': string;
+    /** Размер иконки play */
+    '--chotto-videomessage-play-badge-icon-font-size': string;
+    /** Отступ иконки play слева (оптическое центрирование треугольника) */
+    '--chotto-videomessage-play-badge-icon-margin-left': string;
     /** Позиционирование кнопки меню сообщения */
     '--chotto-videomessage-menu-button-position': string;
     /** Прозрачный фон кнопки меню */

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

@@ -8,6 +8,12 @@ export interface IFeedObject {
     status?: string;
     time?: string;
     url?: string;
+    /** URL превью картинки для ленты (для `message.image`) */
+    imagePreviewUrl?: string;
+    /** URL сжатого превью видео для ленты (для `message.video`) */
+    videoPreviewUrl?: string;
+    /** URL обложки видео для ленты (для `message.video`) */
+    coverUrl?: string;
     alt?: string;
     filename?: string;
     avatar?: string;

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

@@ -3,6 +3,12 @@ export interface Reply {
     type: string;
     text?: string;
     url?: string;
+    /** URL превью картинки в цитате (для `message.image`); если нет — используется `url` */
+    imagePreviewUrl?: string;
+    /** URL сжатого превью видео в ленте (для `message.video`) */
+    videoPreviewUrl?: string;
+    /** URL обложки видео (картинка) в ленте/цитате (для `message.video`) */
+    coverUrl?: string;
     filename?: string;
     header?: string;
     callDuration?: string;
@@ -267,6 +273,8 @@ export interface IImageMessage {
     position: string;
     time: string;
     url: string;
+    /** URL превью для ленты. Если нет — в ленте показывается `url`. При широком просмотре открывается полноразмерный `url`. */
+    imagePreviewUrl?: string;
     alt?: string;
     status: string;
     statusMsg?: string;
@@ -340,6 +348,10 @@ export interface IVideoMessage {
     statusMsg?: string;
     time: string;
     url: string;
+    /** URL сжатого превью видео для ленты. Если нет — используется `url`. При широком просмотре открывается полноразмерный `url`. */
+    videoPreviewUrl?: string;
+    /** URL обложки (картинка) для ленты. Приоритет в ленте: `coverUrl`, затем `videoPreviewUrl`, затем `url`. */
+    coverUrl?: string;
     alt?: string;
     avatar?: string;
     header?: string;

package/dist/types/src/hooks/messages/buildReplyPayload.d.ts

@@ -4,6 +4,9 @@ export interface ReplyMessageSource {
     type?: string;
     text?: string;
     url?: string;
+    imagePreviewUrl?: string;
+    videoPreviewUrl?: string;
+    coverUrl?: string;
     filename?: string;
     header?: string;
     callDuration?: string;

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

@@ -6,6 +6,9 @@ export interface MessageReply {
     type: string;
     text?: string;
     url?: string;
+    imagePreviewUrl?: string;
+    videoPreviewUrl?: string;
+    coverUrl?: string;
     filename?: string;
 }
 export interface MessageEmbed {
@@ -47,6 +50,9 @@ export interface Message {
     subText?: string;
     avatar?: string;
     url?: string;
+    imagePreviewUrl?: string;
+    videoPreviewUrl?: string;
+    coverUrl?: string;
     filename?: string;
     alt?: string;
     views?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.110",
+  "version": "0.3.111",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",