@mobilon-dev/chotto 0.3.22 → 0.3.24
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/{CreateChat-BS86RCwj.js → CreateChat-DqPybXXn.js} +1 -1
- package/dist/{CreateChat2-UAK1W75x.js → CreateChat2-Bxs28ww_.js} +1 -1
- package/dist/{CreateDialog-CoSOBGf3.js → CreateDialog-IJDv_iIh.js} +1 -1
- package/dist/{ModalVideoRecorder-Cs7ZiWJ1.js → ModalVideoRecorder-OOD5jytP.js} +1 -1
- package/dist/{SelectUser2-CYADx7Gc.js → SelectUser2-D9B0H77q.js} +1 -1
- package/dist/chotto.css +1 -1
- package/dist/{index-0LXvcjYD.js → index-as74SdsT.js} +3565 -3067
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.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 +205 -0
- package/dist/types/apps/stories/BasicChatExample.stories.d.ts +5 -0
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +70 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/index.d.ts +4 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts +16 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts +19 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsState.d.ts +99 -0
- package/dist/types/components/2_feed_elements/MessageReactions/stories/MessageReactions.stories.d.ts +31 -0
- package/dist/types/components/2_feed_elements/MessageReactions/styles/types.d.ts +221 -0
- package/dist/types/components/2_feed_elements/MessageReactions/utils/quickReactions.d.ts +6 -0
- package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts +5 -39
- package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +9 -0
- package/dist/types/components/2_feed_elements/types/messages.d.ts +52 -0
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +9 -0
- package/dist/types/components/3_compounds/Feed/stories/Feed.stories.d.ts +0 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/functions/createReactionHandlers.d.ts +23 -0
- package/dist/types/functions/index.d.ts +1 -0
- package/dist/vuessages.es.js +75 -73
- package/dist/vuessages.umd.js +21 -21
- package/package.json +1 -1
|
@@ -29,6 +29,7 @@ export declare const messages: ({
|
|
|
29
29
|
filename?: undefined;
|
|
30
30
|
linkPreview?: undefined;
|
|
31
31
|
keyboard?: undefined;
|
|
32
|
+
reactions?: undefined;
|
|
32
33
|
statusMsg?: undefined;
|
|
33
34
|
} | {
|
|
34
35
|
chatId: number;
|
|
@@ -57,6 +58,7 @@ export declare const messages: ({
|
|
|
57
58
|
filename?: undefined;
|
|
58
59
|
linkPreview?: undefined;
|
|
59
60
|
keyboard?: undefined;
|
|
61
|
+
reactions?: undefined;
|
|
60
62
|
statusMsg?: undefined;
|
|
61
63
|
} | {
|
|
62
64
|
chatId: number;
|
|
@@ -90,6 +92,7 @@ export declare const messages: ({
|
|
|
90
92
|
filename?: undefined;
|
|
91
93
|
linkPreview?: undefined;
|
|
92
94
|
keyboard?: undefined;
|
|
95
|
+
reactions?: undefined;
|
|
93
96
|
statusMsg?: undefined;
|
|
94
97
|
} | {
|
|
95
98
|
chatId: number;
|
|
@@ -115,6 +118,7 @@ export declare const messages: ({
|
|
|
115
118
|
filename?: undefined;
|
|
116
119
|
linkPreview?: undefined;
|
|
117
120
|
keyboard?: undefined;
|
|
121
|
+
reactions?: undefined;
|
|
118
122
|
statusMsg?: undefined;
|
|
119
123
|
} | {
|
|
120
124
|
chatId: number;
|
|
@@ -148,6 +152,7 @@ export declare const messages: ({
|
|
|
148
152
|
filename?: undefined;
|
|
149
153
|
linkPreview?: undefined;
|
|
150
154
|
keyboard?: undefined;
|
|
155
|
+
reactions?: undefined;
|
|
151
156
|
statusMsg?: undefined;
|
|
152
157
|
} | {
|
|
153
158
|
chatId: number;
|
|
@@ -181,6 +186,7 @@ export declare const messages: ({
|
|
|
181
186
|
filename?: undefined;
|
|
182
187
|
linkPreview?: undefined;
|
|
183
188
|
keyboard?: undefined;
|
|
189
|
+
reactions?: undefined;
|
|
184
190
|
statusMsg?: undefined;
|
|
185
191
|
} | {
|
|
186
192
|
chatId: number;
|
|
@@ -206,6 +212,7 @@ export declare const messages: ({
|
|
|
206
212
|
filename?: undefined;
|
|
207
213
|
linkPreview?: undefined;
|
|
208
214
|
keyboard?: undefined;
|
|
215
|
+
reactions?: undefined;
|
|
209
216
|
statusMsg?: undefined;
|
|
210
217
|
} | {
|
|
211
218
|
chatId: number;
|
|
@@ -245,6 +252,7 @@ export declare const messages: ({
|
|
|
245
252
|
filename?: undefined;
|
|
246
253
|
linkPreview?: undefined;
|
|
247
254
|
keyboard?: undefined;
|
|
255
|
+
reactions?: undefined;
|
|
248
256
|
statusMsg?: undefined;
|
|
249
257
|
} | {
|
|
250
258
|
chatId: number;
|
|
@@ -276,6 +284,7 @@ export declare const messages: ({
|
|
|
276
284
|
filename?: undefined;
|
|
277
285
|
linkPreview?: undefined;
|
|
278
286
|
keyboard?: undefined;
|
|
287
|
+
reactions?: undefined;
|
|
279
288
|
statusMsg?: undefined;
|
|
280
289
|
} | {
|
|
281
290
|
chatId: number;
|
|
@@ -307,6 +316,7 @@ export declare const messages: ({
|
|
|
307
316
|
filename?: undefined;
|
|
308
317
|
linkPreview?: undefined;
|
|
309
318
|
keyboard?: undefined;
|
|
319
|
+
reactions?: undefined;
|
|
310
320
|
statusMsg?: undefined;
|
|
311
321
|
} | {
|
|
312
322
|
chatId: number;
|
|
@@ -332,6 +342,7 @@ export declare const messages: ({
|
|
|
332
342
|
filename?: undefined;
|
|
333
343
|
linkPreview?: undefined;
|
|
334
344
|
keyboard?: undefined;
|
|
345
|
+
reactions?: undefined;
|
|
335
346
|
statusMsg?: undefined;
|
|
336
347
|
} | {
|
|
337
348
|
chatId: number;
|
|
@@ -365,6 +376,7 @@ export declare const messages: ({
|
|
|
365
376
|
filename?: undefined;
|
|
366
377
|
linkPreview?: undefined;
|
|
367
378
|
keyboard?: undefined;
|
|
379
|
+
reactions?: undefined;
|
|
368
380
|
statusMsg?: undefined;
|
|
369
381
|
} | {
|
|
370
382
|
chatId: number;
|
|
@@ -396,6 +408,7 @@ export declare const messages: ({
|
|
|
396
408
|
filename?: undefined;
|
|
397
409
|
linkPreview?: undefined;
|
|
398
410
|
keyboard?: undefined;
|
|
411
|
+
reactions?: undefined;
|
|
399
412
|
statusMsg?: undefined;
|
|
400
413
|
} | {
|
|
401
414
|
chatId: number;
|
|
@@ -427,6 +440,7 @@ export declare const messages: ({
|
|
|
427
440
|
alt?: undefined;
|
|
428
441
|
linkPreview?: undefined;
|
|
429
442
|
keyboard?: undefined;
|
|
443
|
+
reactions?: undefined;
|
|
430
444
|
statusMsg?: undefined;
|
|
431
445
|
} | {
|
|
432
446
|
chatId: number;
|
|
@@ -464,6 +478,7 @@ export declare const messages: ({
|
|
|
464
478
|
filename?: undefined;
|
|
465
479
|
linkPreview?: undefined;
|
|
466
480
|
keyboard?: undefined;
|
|
481
|
+
reactions?: undefined;
|
|
467
482
|
statusMsg?: undefined;
|
|
468
483
|
} | {
|
|
469
484
|
chatId: number;
|
|
@@ -494,6 +509,7 @@ export declare const messages: ({
|
|
|
494
509
|
reply?: undefined;
|
|
495
510
|
filename?: undefined;
|
|
496
511
|
keyboard?: undefined;
|
|
512
|
+
reactions?: undefined;
|
|
497
513
|
statusMsg?: undefined;
|
|
498
514
|
} | {
|
|
499
515
|
chatId: number;
|
|
@@ -531,6 +547,7 @@ export declare const messages: ({
|
|
|
531
547
|
reply?: undefined;
|
|
532
548
|
filename?: undefined;
|
|
533
549
|
linkPreview?: undefined;
|
|
550
|
+
reactions?: undefined;
|
|
534
551
|
statusMsg?: undefined;
|
|
535
552
|
} | {
|
|
536
553
|
chatId: number;
|
|
@@ -564,6 +581,7 @@ export declare const messages: ({
|
|
|
564
581
|
filename?: undefined;
|
|
565
582
|
linkPreview?: undefined;
|
|
566
583
|
keyboard?: undefined;
|
|
584
|
+
reactions?: undefined;
|
|
567
585
|
statusMsg?: undefined;
|
|
568
586
|
} | {
|
|
569
587
|
chatId: number;
|
|
@@ -597,6 +615,7 @@ export declare const messages: ({
|
|
|
597
615
|
filename?: undefined;
|
|
598
616
|
linkPreview?: undefined;
|
|
599
617
|
keyboard?: undefined;
|
|
618
|
+
reactions?: undefined;
|
|
600
619
|
statusMsg?: undefined;
|
|
601
620
|
} | {
|
|
602
621
|
chatId: number;
|
|
@@ -622,6 +641,7 @@ export declare const messages: ({
|
|
|
622
641
|
filename?: undefined;
|
|
623
642
|
linkPreview?: undefined;
|
|
624
643
|
keyboard?: undefined;
|
|
644
|
+
reactions?: undefined;
|
|
625
645
|
statusMsg?: undefined;
|
|
626
646
|
} | {
|
|
627
647
|
chatId: number;
|
|
@@ -647,6 +667,7 @@ export declare const messages: ({
|
|
|
647
667
|
filename?: undefined;
|
|
648
668
|
linkPreview?: undefined;
|
|
649
669
|
keyboard?: undefined;
|
|
670
|
+
reactions?: undefined;
|
|
650
671
|
statusMsg?: undefined;
|
|
651
672
|
} | {
|
|
652
673
|
chatId: number;
|
|
@@ -675,6 +696,7 @@ export declare const messages: ({
|
|
|
675
696
|
reply?: undefined;
|
|
676
697
|
linkPreview?: undefined;
|
|
677
698
|
keyboard?: undefined;
|
|
699
|
+
reactions?: undefined;
|
|
678
700
|
statusMsg?: undefined;
|
|
679
701
|
} | {
|
|
680
702
|
chatId: number;
|
|
@@ -700,6 +722,7 @@ export declare const messages: ({
|
|
|
700
722
|
filename?: undefined;
|
|
701
723
|
linkPreview?: undefined;
|
|
702
724
|
keyboard?: undefined;
|
|
725
|
+
reactions?: undefined;
|
|
703
726
|
statusMsg?: undefined;
|
|
704
727
|
} | {
|
|
705
728
|
chatId: number;
|
|
@@ -731,6 +754,7 @@ export declare const messages: ({
|
|
|
731
754
|
filename?: undefined;
|
|
732
755
|
linkPreview?: undefined;
|
|
733
756
|
keyboard?: undefined;
|
|
757
|
+
reactions?: undefined;
|
|
734
758
|
statusMsg?: undefined;
|
|
735
759
|
} | {
|
|
736
760
|
chatId: number;
|
|
@@ -759,6 +783,7 @@ export declare const messages: ({
|
|
|
759
783
|
filename?: undefined;
|
|
760
784
|
linkPreview?: undefined;
|
|
761
785
|
keyboard?: undefined;
|
|
786
|
+
reactions?: undefined;
|
|
762
787
|
statusMsg?: undefined;
|
|
763
788
|
} | {
|
|
764
789
|
chatId: number;
|
|
@@ -784,6 +809,7 @@ export declare const messages: ({
|
|
|
784
809
|
filename?: undefined;
|
|
785
810
|
linkPreview?: undefined;
|
|
786
811
|
keyboard?: undefined;
|
|
812
|
+
reactions?: undefined;
|
|
787
813
|
statusMsg?: undefined;
|
|
788
814
|
} | {
|
|
789
815
|
chatId: number;
|
|
@@ -809,6 +835,7 @@ export declare const messages: ({
|
|
|
809
835
|
filename?: undefined;
|
|
810
836
|
linkPreview?: undefined;
|
|
811
837
|
keyboard?: undefined;
|
|
838
|
+
reactions?: undefined;
|
|
812
839
|
statusMsg?: undefined;
|
|
813
840
|
} | {
|
|
814
841
|
chatId: number;
|
|
@@ -834,6 +861,7 @@ export declare const messages: ({
|
|
|
834
861
|
filename?: undefined;
|
|
835
862
|
linkPreview?: undefined;
|
|
836
863
|
keyboard?: undefined;
|
|
864
|
+
reactions?: undefined;
|
|
837
865
|
statusMsg?: undefined;
|
|
838
866
|
} | {
|
|
839
867
|
chatId: number;
|
|
@@ -862,6 +890,7 @@ export declare const messages: ({
|
|
|
862
890
|
filename?: undefined;
|
|
863
891
|
linkPreview?: undefined;
|
|
864
892
|
keyboard?: undefined;
|
|
893
|
+
reactions?: undefined;
|
|
865
894
|
statusMsg?: undefined;
|
|
866
895
|
} | {
|
|
867
896
|
chatId: number;
|
|
@@ -887,6 +916,7 @@ export declare const messages: ({
|
|
|
887
916
|
filename?: undefined;
|
|
888
917
|
linkPreview?: undefined;
|
|
889
918
|
keyboard?: undefined;
|
|
919
|
+
reactions?: undefined;
|
|
890
920
|
statusMsg?: undefined;
|
|
891
921
|
} | {
|
|
892
922
|
chatId: number;
|
|
@@ -912,6 +942,7 @@ export declare const messages: ({
|
|
|
912
942
|
filename?: undefined;
|
|
913
943
|
linkPreview?: undefined;
|
|
914
944
|
keyboard?: undefined;
|
|
945
|
+
reactions?: undefined;
|
|
915
946
|
statusMsg?: undefined;
|
|
916
947
|
} | {
|
|
917
948
|
chatId: number;
|
|
@@ -940,6 +971,7 @@ export declare const messages: ({
|
|
|
940
971
|
reply?: undefined;
|
|
941
972
|
linkPreview?: undefined;
|
|
942
973
|
keyboard?: undefined;
|
|
974
|
+
reactions?: undefined;
|
|
943
975
|
statusMsg?: undefined;
|
|
944
976
|
} | {
|
|
945
977
|
chatId: number;
|
|
@@ -972,6 +1004,7 @@ export declare const messages: ({
|
|
|
972
1004
|
alt?: undefined;
|
|
973
1005
|
reply?: undefined;
|
|
974
1006
|
linkPreview?: undefined;
|
|
1007
|
+
reactions?: undefined;
|
|
975
1008
|
statusMsg?: undefined;
|
|
976
1009
|
} | {
|
|
977
1010
|
chatId: number;
|
|
@@ -1005,6 +1038,7 @@ export declare const messages: ({
|
|
|
1005
1038
|
filename?: undefined;
|
|
1006
1039
|
linkPreview?: undefined;
|
|
1007
1040
|
keyboard?: undefined;
|
|
1041
|
+
reactions?: undefined;
|
|
1008
1042
|
statusMsg?: undefined;
|
|
1009
1043
|
} | {
|
|
1010
1044
|
chatId: number;
|
|
@@ -1030,6 +1064,7 @@ export declare const messages: ({
|
|
|
1030
1064
|
filename?: undefined;
|
|
1031
1065
|
linkPreview?: undefined;
|
|
1032
1066
|
keyboard?: undefined;
|
|
1067
|
+
reactions?: undefined;
|
|
1033
1068
|
statusMsg?: undefined;
|
|
1034
1069
|
} | {
|
|
1035
1070
|
chatId: number;
|
|
@@ -1055,6 +1090,7 @@ export declare const messages: ({
|
|
|
1055
1090
|
reply?: undefined;
|
|
1056
1091
|
linkPreview?: undefined;
|
|
1057
1092
|
keyboard?: undefined;
|
|
1093
|
+
reactions?: undefined;
|
|
1058
1094
|
statusMsg?: undefined;
|
|
1059
1095
|
} | {
|
|
1060
1096
|
chatId: number;
|
|
@@ -1075,6 +1111,14 @@ export declare const messages: ({
|
|
|
1075
1111
|
filename: string;
|
|
1076
1112
|
url?: undefined;
|
|
1077
1113
|
};
|
|
1114
|
+
reactions: {
|
|
1115
|
+
items: {
|
|
1116
|
+
key: string;
|
|
1117
|
+
count: number;
|
|
1118
|
+
reactedByMe: boolean;
|
|
1119
|
+
}[];
|
|
1120
|
+
meta?: undefined;
|
|
1121
|
+
};
|
|
1078
1122
|
callDuration?: undefined;
|
|
1079
1123
|
isMissedCall?: undefined;
|
|
1080
1124
|
transcript?: undefined;
|
|
@@ -1087,6 +1131,70 @@ export declare const messages: ({
|
|
|
1087
1131
|
linkPreview?: undefined;
|
|
1088
1132
|
keyboard?: undefined;
|
|
1089
1133
|
statusMsg?: undefined;
|
|
1134
|
+
} | {
|
|
1135
|
+
chatId: number;
|
|
1136
|
+
dialogId: string;
|
|
1137
|
+
messageId: string;
|
|
1138
|
+
type: string;
|
|
1139
|
+
url: string;
|
|
1140
|
+
filename: string;
|
|
1141
|
+
text: string;
|
|
1142
|
+
direction: string;
|
|
1143
|
+
status: string;
|
|
1144
|
+
timestamp: string;
|
|
1145
|
+
header: string;
|
|
1146
|
+
subText: string;
|
|
1147
|
+
avatar: string;
|
|
1148
|
+
reactions: {
|
|
1149
|
+
items: {
|
|
1150
|
+
key: string;
|
|
1151
|
+
count: number;
|
|
1152
|
+
reactedByMe: boolean;
|
|
1153
|
+
}[];
|
|
1154
|
+
meta: {
|
|
1155
|
+
mode: string;
|
|
1156
|
+
};
|
|
1157
|
+
};
|
|
1158
|
+
callDuration?: undefined;
|
|
1159
|
+
isMissedCall?: undefined;
|
|
1160
|
+
transcript?: undefined;
|
|
1161
|
+
embed?: undefined;
|
|
1162
|
+
actions?: undefined;
|
|
1163
|
+
views?: undefined;
|
|
1164
|
+
alt?: undefined;
|
|
1165
|
+
reply?: undefined;
|
|
1166
|
+
linkPreview?: undefined;
|
|
1167
|
+
keyboard?: undefined;
|
|
1168
|
+
statusMsg?: undefined;
|
|
1169
|
+
} | {
|
|
1170
|
+
chatId: number;
|
|
1171
|
+
dialogId: string;
|
|
1172
|
+
messageId: string;
|
|
1173
|
+
type: string;
|
|
1174
|
+
text: string;
|
|
1175
|
+
direction: string;
|
|
1176
|
+
status: string;
|
|
1177
|
+
timestamp: string;
|
|
1178
|
+
header: string;
|
|
1179
|
+
subText: string;
|
|
1180
|
+
avatar: string;
|
|
1181
|
+
embed: {
|
|
1182
|
+
type: string;
|
|
1183
|
+
url: string;
|
|
1184
|
+
};
|
|
1185
|
+
callDuration?: undefined;
|
|
1186
|
+
isMissedCall?: undefined;
|
|
1187
|
+
transcript?: undefined;
|
|
1188
|
+
actions?: undefined;
|
|
1189
|
+
views?: undefined;
|
|
1190
|
+
url?: undefined;
|
|
1191
|
+
alt?: undefined;
|
|
1192
|
+
reply?: undefined;
|
|
1193
|
+
filename?: undefined;
|
|
1194
|
+
linkPreview?: undefined;
|
|
1195
|
+
keyboard?: undefined;
|
|
1196
|
+
reactions?: undefined;
|
|
1197
|
+
statusMsg?: undefined;
|
|
1090
1198
|
} | {
|
|
1091
1199
|
chatId: number;
|
|
1092
1200
|
dialogId: string;
|
|
@@ -1103,6 +1211,16 @@ export declare const messages: ({
|
|
|
1103
1211
|
type: string;
|
|
1104
1212
|
url: string;
|
|
1105
1213
|
};
|
|
1214
|
+
reactions: {
|
|
1215
|
+
items: {
|
|
1216
|
+
key: string;
|
|
1217
|
+
count: number;
|
|
1218
|
+
reactedByMe: boolean;
|
|
1219
|
+
}[];
|
|
1220
|
+
meta: {
|
|
1221
|
+
mode: string;
|
|
1222
|
+
};
|
|
1223
|
+
};
|
|
1106
1224
|
callDuration?: undefined;
|
|
1107
1225
|
isMissedCall?: undefined;
|
|
1108
1226
|
transcript?: undefined;
|
|
@@ -1140,6 +1258,7 @@ export declare const messages: ({
|
|
|
1140
1258
|
filename?: undefined;
|
|
1141
1259
|
linkPreview?: undefined;
|
|
1142
1260
|
keyboard?: undefined;
|
|
1261
|
+
reactions?: undefined;
|
|
1143
1262
|
} | {
|
|
1144
1263
|
chatId: number;
|
|
1145
1264
|
dialogId: string;
|
|
@@ -1171,6 +1290,7 @@ export declare const messages: ({
|
|
|
1171
1290
|
filename?: undefined;
|
|
1172
1291
|
linkPreview?: undefined;
|
|
1173
1292
|
keyboard?: undefined;
|
|
1293
|
+
reactions?: undefined;
|
|
1174
1294
|
} | {
|
|
1175
1295
|
chatId: number;
|
|
1176
1296
|
type: string;
|
|
@@ -1195,6 +1315,42 @@ export declare const messages: ({
|
|
|
1195
1315
|
filename?: undefined;
|
|
1196
1316
|
linkPreview?: undefined;
|
|
1197
1317
|
keyboard?: undefined;
|
|
1318
|
+
reactions?: undefined;
|
|
1319
|
+
statusMsg?: undefined;
|
|
1320
|
+
} | {
|
|
1321
|
+
chatId: number;
|
|
1322
|
+
dialogId: string;
|
|
1323
|
+
messageId: string;
|
|
1324
|
+
type: string;
|
|
1325
|
+
text: string;
|
|
1326
|
+
direction: string;
|
|
1327
|
+
status: string;
|
|
1328
|
+
timestamp: string;
|
|
1329
|
+
header: string;
|
|
1330
|
+
subText: string;
|
|
1331
|
+
avatar: string;
|
|
1332
|
+
reactions: {
|
|
1333
|
+
items: {
|
|
1334
|
+
key: string;
|
|
1335
|
+
count: number;
|
|
1336
|
+
reactedByMe: boolean;
|
|
1337
|
+
}[];
|
|
1338
|
+
meta: {
|
|
1339
|
+
mode: string;
|
|
1340
|
+
};
|
|
1341
|
+
};
|
|
1342
|
+
callDuration?: undefined;
|
|
1343
|
+
isMissedCall?: undefined;
|
|
1344
|
+
transcript?: undefined;
|
|
1345
|
+
embed?: undefined;
|
|
1346
|
+
actions?: undefined;
|
|
1347
|
+
views?: undefined;
|
|
1348
|
+
url?: undefined;
|
|
1349
|
+
alt?: undefined;
|
|
1350
|
+
reply?: undefined;
|
|
1351
|
+
filename?: undefined;
|
|
1352
|
+
linkPreview?: undefined;
|
|
1353
|
+
keyboard?: undefined;
|
|
1198
1354
|
statusMsg?: undefined;
|
|
1199
1355
|
} | {
|
|
1200
1356
|
chatId: number;
|
|
@@ -1220,6 +1376,7 @@ export declare const messages: ({
|
|
|
1220
1376
|
filename?: undefined;
|
|
1221
1377
|
linkPreview?: undefined;
|
|
1222
1378
|
keyboard?: undefined;
|
|
1379
|
+
reactions?: undefined;
|
|
1223
1380
|
statusMsg?: undefined;
|
|
1224
1381
|
} | {
|
|
1225
1382
|
chatId: number;
|
|
@@ -1235,6 +1392,20 @@ export declare const messages: ({
|
|
|
1235
1392
|
header: string;
|
|
1236
1393
|
subText: string;
|
|
1237
1394
|
avatar: string;
|
|
1395
|
+
reactions: {
|
|
1396
|
+
items: ({
|
|
1397
|
+
key: string;
|
|
1398
|
+
count: number;
|
|
1399
|
+
reactedByMe?: undefined;
|
|
1400
|
+
} | {
|
|
1401
|
+
key: string;
|
|
1402
|
+
count: number;
|
|
1403
|
+
reactedByMe: boolean;
|
|
1404
|
+
})[];
|
|
1405
|
+
meta: {
|
|
1406
|
+
mode: string;
|
|
1407
|
+
};
|
|
1408
|
+
};
|
|
1238
1409
|
callDuration?: undefined;
|
|
1239
1410
|
isMissedCall?: undefined;
|
|
1240
1411
|
transcript?: undefined;
|
|
@@ -1246,6 +1417,38 @@ export declare const messages: ({
|
|
|
1246
1417
|
filename?: undefined;
|
|
1247
1418
|
linkPreview?: undefined;
|
|
1248
1419
|
keyboard?: undefined;
|
|
1420
|
+
} | {
|
|
1421
|
+
chatId: number;
|
|
1422
|
+
dialogId: string;
|
|
1423
|
+
messageId: string;
|
|
1424
|
+
type: string;
|
|
1425
|
+
url: string;
|
|
1426
|
+
text: string;
|
|
1427
|
+
direction: string;
|
|
1428
|
+
status: string;
|
|
1429
|
+
subText: string;
|
|
1430
|
+
timestamp: string;
|
|
1431
|
+
header: string;
|
|
1432
|
+
avatar: string;
|
|
1433
|
+
reactions: {
|
|
1434
|
+
items: {
|
|
1435
|
+
key: string;
|
|
1436
|
+
count: number;
|
|
1437
|
+
}[];
|
|
1438
|
+
meta?: undefined;
|
|
1439
|
+
};
|
|
1440
|
+
callDuration?: undefined;
|
|
1441
|
+
isMissedCall?: undefined;
|
|
1442
|
+
transcript?: undefined;
|
|
1443
|
+
embed?: undefined;
|
|
1444
|
+
actions?: undefined;
|
|
1445
|
+
views?: undefined;
|
|
1446
|
+
alt?: undefined;
|
|
1447
|
+
reply?: undefined;
|
|
1448
|
+
filename?: undefined;
|
|
1449
|
+
linkPreview?: undefined;
|
|
1450
|
+
keyboard?: undefined;
|
|
1451
|
+
statusMsg?: undefined;
|
|
1249
1452
|
} | {
|
|
1250
1453
|
messageId: number;
|
|
1251
1454
|
chatId: number;
|
|
@@ -1270,6 +1473,7 @@ export declare const messages: ({
|
|
|
1270
1473
|
filename?: undefined;
|
|
1271
1474
|
linkPreview?: undefined;
|
|
1272
1475
|
keyboard?: undefined;
|
|
1476
|
+
reactions?: undefined;
|
|
1273
1477
|
statusMsg?: undefined;
|
|
1274
1478
|
} | {
|
|
1275
1479
|
messageId: number;
|
|
@@ -1301,5 +1505,6 @@ export declare const messages: ({
|
|
|
1301
1505
|
filename?: undefined;
|
|
1302
1506
|
linkPreview?: undefined;
|
|
1303
1507
|
keyboard?: undefined;
|
|
1508
|
+
reactions?: undefined;
|
|
1304
1509
|
statusMsg?: undefined;
|
|
1305
1510
|
})[];
|
|
@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
12
12
|
type: BooleanConstructor;
|
|
13
13
|
default: boolean;
|
|
14
14
|
};
|
|
15
|
+
reactionsEnabled: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
15
19
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
20
|
reply: (...args: any[]) => void;
|
|
17
21
|
action: (...args: any[]) => void;
|
|
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
32
|
type: BooleanConstructor;
|
|
29
33
|
default: boolean;
|
|
30
34
|
};
|
|
35
|
+
reactionsEnabled: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
31
39
|
}>> & Readonly<{
|
|
32
40
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
33
41
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
34
42
|
}>, {
|
|
35
43
|
applyStyle: Function;
|
|
36
44
|
isFirstInSeries: boolean;
|
|
45
|
+
reactionsEnabled: boolean;
|
|
37
46
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
38
47
|
export default _default;
|
|
@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
12
12
|
type: BooleanConstructor;
|
|
13
13
|
default: boolean;
|
|
14
14
|
};
|
|
15
|
+
reactionsEnabled: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
15
19
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
20
|
reply: (...args: any[]) => void;
|
|
17
21
|
action: (...args: any[]) => void;
|
|
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
32
|
type: BooleanConstructor;
|
|
29
33
|
default: boolean;
|
|
30
34
|
};
|
|
35
|
+
reactionsEnabled: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
31
39
|
}>> & Readonly<{
|
|
32
40
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
33
41
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
34
42
|
}>, {
|
|
35
43
|
applyStyle: Function;
|
|
36
44
|
isFirstInSeries: boolean;
|
|
45
|
+
reactionsEnabled: boolean;
|
|
37
46
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
38
47
|
export default _default;
|
|
@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
12
12
|
type: BooleanConstructor;
|
|
13
13
|
default: boolean;
|
|
14
14
|
};
|
|
15
|
+
reactionsEnabled: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
15
19
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
20
|
reply: (...args: any[]) => void;
|
|
17
21
|
action: (...args: any[]) => void;
|
|
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
32
|
type: BooleanConstructor;
|
|
29
33
|
default: boolean;
|
|
30
34
|
};
|
|
35
|
+
reactionsEnabled: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
31
39
|
}>> & Readonly<{
|
|
32
40
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
33
41
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
34
42
|
}>, {
|
|
35
43
|
applyStyle: Function;
|
|
36
44
|
isFirstInSeries: boolean;
|
|
45
|
+
reactionsEnabled: boolean;
|
|
37
46
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
38
47
|
export default _default;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import 'vue3-emoji-picker/css';
|
|
2
|
+
import type { MessageReactions } from '@/types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
|
+
reactions: {
|
|
5
|
+
type: () => MessageReactions | undefined;
|
|
6
|
+
required: false;
|
|
7
|
+
default: undefined;
|
|
8
|
+
};
|
|
9
|
+
messageId: {
|
|
10
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
readonly: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
enabled: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
22
|
+
"toggle-reaction": (payload: {
|
|
23
|
+
messageId: string | number;
|
|
24
|
+
key: string;
|
|
25
|
+
}) => any;
|
|
26
|
+
"add-reaction": (payload: {
|
|
27
|
+
messageId: string | number;
|
|
28
|
+
key: string;
|
|
29
|
+
}) => any;
|
|
30
|
+
"remove-reaction": (payload: {
|
|
31
|
+
messageId: string | number;
|
|
32
|
+
key: string;
|
|
33
|
+
}) => any;
|
|
34
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
35
|
+
reactions: {
|
|
36
|
+
type: () => MessageReactions | undefined;
|
|
37
|
+
required: false;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
messageId: {
|
|
41
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
readonly: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
enabled: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
52
|
+
}>> & Readonly<{
|
|
53
|
+
"onToggle-reaction"?: ((payload: {
|
|
54
|
+
messageId: string | number;
|
|
55
|
+
key: string;
|
|
56
|
+
}) => any) | undefined;
|
|
57
|
+
"onAdd-reaction"?: ((payload: {
|
|
58
|
+
messageId: string | number;
|
|
59
|
+
key: string;
|
|
60
|
+
}) => any) | undefined;
|
|
61
|
+
"onRemove-reaction"?: ((payload: {
|
|
62
|
+
messageId: string | number;
|
|
63
|
+
key: string;
|
|
64
|
+
}) => any) | undefined;
|
|
65
|
+
}>, {
|
|
66
|
+
reactions: MessageReactions | undefined;
|
|
67
|
+
readonly: boolean;
|
|
68
|
+
enabled: boolean;
|
|
69
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
70
|
+
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { findFeedContainer, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, } from './usePositioning';
|
|
2
|
+
export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, } from './useReactions';
|
|
3
|
+
export { useReactionsState } from './useReactionsState';
|
|
4
|
+
export { useReactionsPanel } from './useReactionsPanel';
|
package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Находит ближайший feed-контейнер в DOM дереве
|
|
3
|
+
*/
|
|
4
|
+
export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
|
|
5
|
+
/**
|
|
6
|
+
* Определяет, является ли сообщение правым (outgoing)
|
|
7
|
+
*/
|
|
8
|
+
export declare function isRightMessage(element: HTMLElement | null): boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Вычисляет позицию панели реакций относительно кнопки и feed контейнера
|
|
11
|
+
*/
|
|
12
|
+
export declare function calculatePanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
|
|
13
|
+
/**
|
|
14
|
+
* Вычисляет позицию для fixed-элемента относительно viewport
|
|
15
|
+
*/
|
|
16
|
+
export declare function calculateFixedPanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
|