@mobilon-dev/chotto 0.3.65 → 0.3.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chotto.css +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +412 -342
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +445 -362
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/apps/data/messages.d.ts +235 -10
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +1 -1
- package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +64 -0
- package/dist/types/components/2_feed_elements/CallMessage/CallMessage.vue.d.ts +1 -1
- package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts +44 -44
- package/dist/types/components/2_feed_elements/types/messages.d.ts +31 -1
- package/package.json +1 -1
|
@@ -242,8 +242,72 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
242
242
|
'--chotto-audiomessage-info-container-column-gap': string;
|
|
243
243
|
/** Отступ справа инфо-контейнера */
|
|
244
244
|
'--chotto-audiomessage-info-container-margin-right': string;
|
|
245
|
+
/** Отступ сверху инфо-контейнера */
|
|
246
|
+
'--chotto-audiomessage-info-container-margin-top': string;
|
|
245
247
|
/** События указателя инфо-контейнера */
|
|
246
248
|
'--chotto-audiomessage-info-container-pointer-events': string;
|
|
249
|
+
/** Отображение контейнера кнопок "Текст / Резюме" */
|
|
250
|
+
'--chotto-audiomessage-actions-display': string;
|
|
251
|
+
/** Выравнивание элементов контейнера кнопок */
|
|
252
|
+
'--chotto-audiomessage-actions-align-items': string;
|
|
253
|
+
/** Промежуток между кнопками */
|
|
254
|
+
'--chotto-audiomessage-actions-column-gap': string;
|
|
255
|
+
/** Внешний отступ справа у контейнера кнопок */
|
|
256
|
+
'--chotto-audiomessage-actions-margin-right': string;
|
|
257
|
+
/** Перенос кнопок */
|
|
258
|
+
'--chotto-audiomessage-actions-flex-wrap': string;
|
|
259
|
+
/** Граница кнопки "Текст/Резюме" */
|
|
260
|
+
'--chotto-audiomessage-action-button-border': string;
|
|
261
|
+
/** Фон кнопки "Текст/Резюме" */
|
|
262
|
+
'--chotto-audiomessage-action-button-background-color': string;
|
|
263
|
+
/** Отступы кнопки "Текст/Резюме" */
|
|
264
|
+
'--chotto-audiomessage-action-button-padding': string;
|
|
265
|
+
/** Внешние отступы кнопки "Текст/Резюме" */
|
|
266
|
+
'--chotto-audiomessage-action-button-margin': string;
|
|
267
|
+
/** Цвет текста кнопки "Текст/Резюме" */
|
|
268
|
+
'--chotto-audiomessage-action-button-color': string;
|
|
269
|
+
/** Размер шрифта кнопки "Текст/Резюме" */
|
|
270
|
+
'--chotto-audiomessage-action-button-font-size': string;
|
|
271
|
+
/** Жирность шрифта кнопки "Текст/Резюме" */
|
|
272
|
+
'--chotto-audiomessage-action-button-font-weight': string;
|
|
273
|
+
/** Курсор кнопки "Текст/Резюме" */
|
|
274
|
+
'--chotto-audiomessage-action-button-cursor': string;
|
|
275
|
+
/** Нижняя граница активной кнопки */
|
|
276
|
+
'--chotto-audiomessage-action-button-active-border-bottom': string;
|
|
277
|
+
/** Колонка грида панели раскрытия */
|
|
278
|
+
'--chotto-audiomessage-expand-panel-grid-column': string;
|
|
279
|
+
/** Максимальная высота панели */
|
|
280
|
+
'--chotto-audiomessage-expand-inner-max-height': string;
|
|
281
|
+
/** Вертикальная прокрутка панели */
|
|
282
|
+
'--chotto-audiomessage-expand-inner-overflow-y': string;
|
|
283
|
+
/** Отступы панели */
|
|
284
|
+
'--chotto-audiomessage-expand-inner-padding': string;
|
|
285
|
+
/** Отступ сверху панели */
|
|
286
|
+
'--chotto-audiomessage-expand-inner-margin-top': string;
|
|
287
|
+
/** Размер шрифта в панели */
|
|
288
|
+
'--chotto-audiomessage-expand-inner-font-size': string;
|
|
289
|
+
/** Цвет текста в панели */
|
|
290
|
+
'--chotto-audiomessage-expand-inner-color': string;
|
|
291
|
+
/** Межстрочный интервал в панели */
|
|
292
|
+
'--chotto-audiomessage-expand-inner-line-height': string;
|
|
293
|
+
/** Ширина скроллбара в панели */
|
|
294
|
+
'--chotto-audiomessage-expand-inner-scrollbar-width': string;
|
|
295
|
+
/** Цвет фона скроллбара */
|
|
296
|
+
'--chotto-audiomessage-expand-inner-scrollbar-bg': string;
|
|
297
|
+
/** Скругление thumb скроллбара */
|
|
298
|
+
'--chotto-audiomessage-expand-inner-scrollbar-thumb-radius': string;
|
|
299
|
+
/** Минимальная высота thumb скроллбара */
|
|
300
|
+
'--chotto-audiomessage-expand-inner-scrollbar-thumb-min-height': string;
|
|
301
|
+
/** Цвет thumb скроллбара */
|
|
302
|
+
'--chotto-audiomessage-expand-inner-scrollbar-thumb-bg': string;
|
|
303
|
+
/** Скругление track скроллбара */
|
|
304
|
+
'--chotto-audiomessage-expand-inner-scrollbar-track-radius': string;
|
|
305
|
+
/** max-height при анимации раскрытия */
|
|
306
|
+
'--chotto-audiomessage-expand-transition-max-height': string;
|
|
307
|
+
/** Размер шрифта кнопки "Закрыть" */
|
|
308
|
+
'--chotto-audiomessage-expand-close-font-size': string;
|
|
309
|
+
/** Цвет текста кнопки "Закрыть" */
|
|
310
|
+
'--chotto-audiomessage-expand-close-color': string;
|
|
247
311
|
/** Позиционирование кнопки скачивания */
|
|
248
312
|
'--chotto-audiomessage-download-button-position': string;
|
|
249
313
|
/** Отступ справа кнопки скачивания */
|
|
@@ -32,6 +32,14 @@ export interface CallMessageThemeCSSVariables {
|
|
|
32
32
|
'--chotto-callmessage-info-container-align-items': string;
|
|
33
33
|
/** Промежуток между элементами инфо-контейнера */
|
|
34
34
|
'--chotto-callmessage-info-container-column-gap': string;
|
|
35
|
+
/** Отображение контейнера кнопок (Текст / Резюме / Перезвонить) */
|
|
36
|
+
'--chotto-callmessage-actions-display': string;
|
|
37
|
+
/** Выравнивание элементов контейнера кнопок */
|
|
38
|
+
'--chotto-callmessage-actions-align-items': string;
|
|
39
|
+
/** Промежуток между кнопками в контейнере действий */
|
|
40
|
+
'--chotto-callmessage-actions-column-gap': string;
|
|
41
|
+
/** Перенос кнопок в контейнере действий */
|
|
42
|
+
'--chotto-callmessage-actions-flex-wrap': string;
|
|
35
43
|
/** Отступ снизу у заголовка */
|
|
36
44
|
'--chotto-callmessage-title-margin-bottom': string;
|
|
37
45
|
/** Цвет участника звонка */
|
|
@@ -258,42 +266,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
258
266
|
'--chotto-callmessage-menu-button-z-index': string;
|
|
259
267
|
/** Позиционирование контекстного меню */
|
|
260
268
|
'--chotto-callmessage-context-menu-position': string;
|
|
261
|
-
/** Позиционирование текстового диалога */
|
|
262
|
-
'--chotto-callmessage-text-dialog-position': string;
|
|
263
|
-
/** Ширина текстового диалога */
|
|
264
|
-
'--chotto-callmessage-text-dialog-width': string;
|
|
265
|
-
/** Максимальная ширина текстового диалога */
|
|
266
|
-
'--chotto-callmessage-text-dialog-max-width': string;
|
|
267
|
-
/** Левый внутренний отступ для левой стороны */
|
|
268
|
-
'--chotto-callmessage-text-dialog-left-padding-left': string;
|
|
269
|
-
/** Контент псевдоэлемента до текстового диалога */
|
|
270
|
-
'--chotto-callmessage-text-dialog-before-content': string;
|
|
271
|
-
/** Позиционирование псевдоэлемента до */
|
|
272
|
-
'--chotto-callmessage-text-dialog-before-position': string;
|
|
273
|
-
/** Смещение сверху псевдоэлемента до */
|
|
274
|
-
'--chotto-callmessage-text-dialog-before-top': string;
|
|
275
|
-
/** Смещение слева псевдоэлемента до */
|
|
276
|
-
'--chotto-callmessage-text-dialog-before-left': string;
|
|
277
|
-
/** Ширина псевдоэлемента до */
|
|
278
|
-
'--chotto-callmessage-text-dialog-before-width': string;
|
|
279
|
-
/** Высота псевдоэлемента до */
|
|
280
|
-
'--chotto-callmessage-text-dialog-before-height': string;
|
|
281
|
-
/** Левый внутренний отступ правой стороны */
|
|
282
|
-
'--chotto-callmessage-text-dialog-right-padding-left': string;
|
|
283
|
-
/** Правый внутренний отступ правой стороны */
|
|
284
|
-
'--chotto-callmessage-text-dialog-right-padding-right': string;
|
|
285
|
-
/** Отступ слева для правой стороны */
|
|
286
|
-
'--chotto-callmessage-text-dialog-right-margin-left': string;
|
|
287
|
-
/** Смещение справа псевдоэлемента до */
|
|
288
|
-
'--chotto-callmessage-text-dialog-right-before-right': string;
|
|
289
|
-
/** Смещение слева псевдоэлемента до */
|
|
290
|
-
'--chotto-callmessage-text-dialog-right-before-left': string;
|
|
291
|
-
/** Ширина span справа */
|
|
292
|
-
'--chotto-callmessage-text-dialog-right-span-width': string;
|
|
293
|
-
/** Отображение span справа */
|
|
294
|
-
'--chotto-callmessage-text-dialog-right-span-display': string;
|
|
295
|
-
/** Отступ слева у span справа */
|
|
296
|
-
'--chotto-callmessage-text-dialog-right-span-margin-left': string;
|
|
297
269
|
/** Отображение общего контейнера лево/право */
|
|
298
270
|
'--chotto-callmessage-left-right-display': string;
|
|
299
271
|
/** Шаблон колонок левой раскладки */
|
|
@@ -496,6 +468,42 @@ export interface CallMessageThemeCSSVariables {
|
|
|
496
468
|
'--chotto-callmessage-call-button-font-size': string;
|
|
497
469
|
/** Внешние отступы кнопки звонка */
|
|
498
470
|
'--chotto-callmessage-call-button-margin': string;
|
|
471
|
+
/** Нижняя граница активной кнопки (Текст / Резюме) */
|
|
472
|
+
'--chotto-callmessage-call-button-active-border-bottom': string;
|
|
473
|
+
/** Колонка грида панели раскрытия транскрипта */
|
|
474
|
+
'--chotto-callmessage-expand-panel-grid-column': string;
|
|
475
|
+
/** Максимальная высота внутренней области панели раскрытия */
|
|
476
|
+
'--chotto-callmessage-expand-inner-max-height': string;
|
|
477
|
+
/** Вертикальная прокрутка внутренней области панели */
|
|
478
|
+
'--chotto-callmessage-expand-inner-overflow-y': string;
|
|
479
|
+
/** Внутренние отступы панели раскрытия */
|
|
480
|
+
'--chotto-callmessage-expand-inner-padding': string;
|
|
481
|
+
/** Внешний отступ сверху панели раскрытия */
|
|
482
|
+
'--chotto-callmessage-expand-inner-margin-top': string;
|
|
483
|
+
/** Размер шрифта текста в панели раскрытия */
|
|
484
|
+
'--chotto-callmessage-expand-inner-font-size': string;
|
|
485
|
+
/** Цвет текста в панели раскрытия */
|
|
486
|
+
'--chotto-callmessage-expand-inner-color': string;
|
|
487
|
+
/** Межстрочный интервал текста в панели раскрытия */
|
|
488
|
+
'--chotto-callmessage-expand-inner-line-height': string;
|
|
489
|
+
/** Ширина скроллбара в панели раскрытия */
|
|
490
|
+
'--chotto-callmessage-expand-inner-scrollbar-width': string;
|
|
491
|
+
/** Цвет фона скроллбара в панели раскрытия */
|
|
492
|
+
'--chotto-callmessage-expand-inner-scrollbar-bg': string;
|
|
493
|
+
/** Скругление ползунка скроллбара в панели раскрытия */
|
|
494
|
+
'--chotto-callmessage-expand-inner-scrollbar-thumb-radius': string;
|
|
495
|
+
/** Минимальная высота ползунка скроллбара в панели раскрытия */
|
|
496
|
+
'--chotto-callmessage-expand-inner-scrollbar-thumb-min-height': string;
|
|
497
|
+
/** Цвет ползунка скроллбара в панели раскрытия */
|
|
498
|
+
'--chotto-callmessage-expand-inner-scrollbar-thumb-bg': string;
|
|
499
|
+
/** Скругление трека скроллбара в панели раскрытия */
|
|
500
|
+
'--chotto-callmessage-expand-inner-scrollbar-track-radius': string;
|
|
501
|
+
/** Размер шрифта кнопки "Закрыть" в панели раскрытия */
|
|
502
|
+
'--chotto-callmessage-expand-close-font-size': string;
|
|
503
|
+
/** Цвет текста кнопки "Закрыть" в панели раскрытия */
|
|
504
|
+
'--chotto-callmessage-expand-close-color': string;
|
|
505
|
+
/** max-height при анимации раскрытия панели */
|
|
506
|
+
'--chotto-callmessage-expand-transition-max-height': string;
|
|
499
507
|
/** Цвет иконки кнопки скачивания */
|
|
500
508
|
'--chotto-callmessage-download-button-icon-color': string;
|
|
501
509
|
/** Размер иконки кнопки скачивания */
|
|
@@ -506,14 +514,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
506
514
|
'--chotto-callmessage-subtext-font-size': string;
|
|
507
515
|
/** Цвет текста подзаголовка */
|
|
508
516
|
'--chotto-callmessage-subtext-text-color': string;
|
|
509
|
-
/** Цвет before-полоски в текстовом диалоге */
|
|
510
|
-
'--chotto-callmessage-text-dialog-before-background-color': string;
|
|
511
|
-
/** Размер шрифта заголовка в текстовом диалоге */
|
|
512
|
-
'--chotto-callmessage-text-dialog-title-font-size': string;
|
|
513
|
-
/** Цвет текста подписи в текстовом диалоге */
|
|
514
|
-
'--chotto-callmessage-text-dialog-subtext-text-color': string;
|
|
515
|
-
/** Размер шрифта подписи в текстовом диалоге */
|
|
516
|
-
'--chotto-callmessage-text-dialog-subtext-font-size': string;
|
|
517
517
|
/** Внешний отступ сообщения (контейнер left/right) */
|
|
518
518
|
'--chotto-callmessage-message-margin': string;
|
|
519
519
|
/** Цвет фона блока слева */
|
|
@@ -82,8 +82,17 @@ export interface IAudioMessage {
|
|
|
82
82
|
actions?: IAction[];
|
|
83
83
|
views?: number;
|
|
84
84
|
text?: string;
|
|
85
|
+
/** Транскрипт: мок {text}, JSON-строка {"replies":[...]}, либо объект {replies} */
|
|
85
86
|
transcript?: {
|
|
86
87
|
text: string;
|
|
88
|
+
} | string | ICallTranscriptPayload;
|
|
89
|
+
/** Резюме: JSON-строка {"summary":"..."}, либо объект {summary} */
|
|
90
|
+
summary?: string | ICallSummaryPayload;
|
|
91
|
+
/** Сырые поля API для audio (пример: meta.transcript/meta.summary/meta.url) */
|
|
92
|
+
meta?: Record<string, unknown> & {
|
|
93
|
+
transcript?: string | ICallTranscriptPayload;
|
|
94
|
+
summary?: string | ICallSummaryPayload;
|
|
95
|
+
url?: string;
|
|
87
96
|
};
|
|
88
97
|
reply?: Reply;
|
|
89
98
|
linkPreview?: ILinkPreview;
|
|
@@ -94,6 +103,20 @@ export interface IAudioMessage {
|
|
|
94
103
|
hasMessengerAccount?: boolean;
|
|
95
104
|
isVoiceMessage?: boolean;
|
|
96
105
|
}
|
|
106
|
+
/** Реплика в JSON из meta.transcript (ответ API) */
|
|
107
|
+
export interface ICallTranscriptReply {
|
|
108
|
+
timecode: number;
|
|
109
|
+
user: string;
|
|
110
|
+
text: string;
|
|
111
|
+
}
|
|
112
|
+
/** Распарсенное тело строки meta.transcript */
|
|
113
|
+
export interface ICallTranscriptPayload {
|
|
114
|
+
replies?: ICallTranscriptReply[];
|
|
115
|
+
}
|
|
116
|
+
/** Распарсенное тело строки meta.callSummary */
|
|
117
|
+
export interface ICallSummaryPayload {
|
|
118
|
+
summary?: string;
|
|
119
|
+
}
|
|
97
120
|
export interface ICallMessage {
|
|
98
121
|
messageId: string;
|
|
99
122
|
position: string;
|
|
@@ -101,6 +124,8 @@ export interface ICallMessage {
|
|
|
101
124
|
status?: string;
|
|
102
125
|
statusMsg?: string;
|
|
103
126
|
url?: string;
|
|
127
|
+
/** URL записи звонка, если нет в url */
|
|
128
|
+
recordUrl?: string;
|
|
104
129
|
isMissedCall?: boolean;
|
|
105
130
|
callDuration?: string;
|
|
106
131
|
callAttemptDuration?: string;
|
|
@@ -112,10 +137,15 @@ export interface ICallMessage {
|
|
|
112
137
|
text?: string;
|
|
113
138
|
actions?: IAction[];
|
|
114
139
|
views?: number;
|
|
115
|
-
|
|
140
|
+
/**
|
|
141
|
+
* Транскрипт: JSON-строка {"replies":[...]}, объект с replies, либо мок { dialog, text }
|
|
142
|
+
*/
|
|
143
|
+
transcript?: string | ICallTranscriptPayload | {
|
|
116
144
|
dialog?: IDialog[];
|
|
117
145
|
text?: string;
|
|
118
146
|
};
|
|
147
|
+
/** Резюме: строка, JSON-строка {"summary":"..."} или объект { summary } */
|
|
148
|
+
callSummary?: string | ICallSummaryPayload;
|
|
119
149
|
reactions?: MessageReactions;
|
|
120
150
|
backgroundColor?: string;
|
|
121
151
|
hasMessengerAccount?: boolean;
|