@mobilon-dev/chotto 0.3.53 → 0.3.55
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/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js +11 -10
- package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js +7 -6
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +3 -2
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +96 -93
- package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js +9 -8
- package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +9 -8
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +3 -2
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +3 -2
- package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +14 -13
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +15 -14
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +3 -2
- package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +3 -2
- package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +3 -2
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +3 -2
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +3 -2
- package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +3 -2
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +13 -12
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +69 -65
- package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +15 -14
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +154 -140
- package/dist/components/3_compounds/Feed/composables/useFeedLoadMore.js +40 -37
- package/dist/components/3_compounds/Feed/composables/useFeedMessageVisibility.js +17 -19
- package/dist/components/3_compounds/Feed/composables/useFeedReply.js +8 -7
- package/dist/components/3_compounds/Feed/composables/useStickyDate.js +31 -35
- package/dist/hooks/messages/useMessageLinks.js +41 -33
- 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/chats.d.ts +9 -0
- package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts +12 -0
- package/dist/types/components/3_compounds/Feed/composables/useFeedMessageVisibility.d.ts +3 -1
- package/dist/types/hooks/messages/useMessageLinks.d.ts +3 -6
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
import q from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
11
|
import "../../../functions/parseMarkdown.js";
|
|
11
12
|
/* empty css */
|
|
12
13
|
const C = {
|
|
@@ -50,9 +51,9 @@ const C = {
|
|
|
50
51
|
h("filebumpUrl", t.filebumpUrl);
|
|
51
52
|
const m = k("chatAppId"), { getMessage: c } = A(m), f = r(null), e = r(null), y = d, v = () => {
|
|
52
53
|
t.mode == "click" && t.state == "active" && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
|
|
53
|
-
}, l = () => {
|
|
54
|
-
t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
|
|
55
54
|
}, o = () => {
|
|
55
|
+
t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
|
|
56
|
+
}, l = () => {
|
|
56
57
|
t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
|
|
57
58
|
}, b = () => {
|
|
58
59
|
e.value.style.display = "none";
|
|
@@ -70,16 +71,16 @@ const C = {
|
|
|
70
71
|
ref: f,
|
|
71
72
|
class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
|
|
72
73
|
onClick: v,
|
|
73
|
-
onMouseover:
|
|
74
|
-
onMouseout:
|
|
74
|
+
onMouseover: o,
|
|
75
|
+
onMouseout: l
|
|
75
76
|
}, [...s[0] || (s[0] = [
|
|
76
77
|
p("span", { class: "pi pi-code" }, null, -1)
|
|
77
78
|
])], 34)),
|
|
78
79
|
p("div", {
|
|
79
80
|
ref_key: "template",
|
|
80
81
|
ref: e,
|
|
81
|
-
onMouseover:
|
|
82
|
-
onMouseout:
|
|
82
|
+
onMouseover: o,
|
|
83
|
+
onMouseout: l
|
|
83
84
|
}, [
|
|
84
85
|
M(V, {
|
|
85
86
|
"waba-templates": a.wabaTemplates,
|
|
@@ -92,7 +93,7 @@ const C = {
|
|
|
92
93
|
], 544)
|
|
93
94
|
], 64));
|
|
94
95
|
}
|
|
95
|
-
},
|
|
96
|
+
}, J = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
|
|
96
97
|
export {
|
|
97
|
-
|
|
98
|
+
J as default
|
|
98
99
|
};
|
|
@@ -6,6 +6,7 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
10
|
import "../../../functions/parseMarkdown.js";
|
|
10
11
|
const D = { class: "preview__container" }, j = { class: "preview__block" }, F = ["src"], O = ["src"], q = {
|
|
11
12
|
key: 2,
|
|
@@ -19,7 +20,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
19
20
|
}, Z = {
|
|
20
21
|
key: 2,
|
|
21
22
|
class: "preview__audio-time"
|
|
22
|
-
}, ee = { class: "preview__reset" }, ie = ["src"], te = ["src"],
|
|
23
|
+
}, ee = { class: "preview__reset" }, ie = ["src"], te = ["src"], fe = /* @__PURE__ */ M({
|
|
23
24
|
__name: "FilePreview",
|
|
24
25
|
props: {
|
|
25
26
|
fileInfo: {
|
|
@@ -153,5 +154,5 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
153
154
|
}
|
|
154
155
|
});
|
|
155
156
|
export {
|
|
156
|
-
|
|
157
|
+
fe as default
|
|
157
158
|
};
|
|
@@ -7,9 +7,10 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
11
|
import "../../../functions/parseMarkdown.js";
|
|
11
12
|
import K from "./icons/FileUploaderIcon.vue.js";
|
|
12
|
-
const Q = { key: 0 }, W = { key: 1 }, X = ["disabled"],
|
|
13
|
+
const Q = { key: 0 }, W = { key: 1 }, X = ["disabled"], fe = /* @__PURE__ */ x({
|
|
13
14
|
__name: "FileUploader",
|
|
14
15
|
props: {
|
|
15
16
|
filebumpUrl: {
|
|
@@ -135,5 +136,5 @@ const Q = { key: 0 }, W = { key: 1 }, X = ["disabled"], pe = /* @__PURE__ */ x({
|
|
|
135
136
|
}
|
|
136
137
|
});
|
|
137
138
|
export {
|
|
138
|
-
|
|
139
|
+
fe as default
|
|
139
140
|
};
|
|
@@ -5,6 +5,7 @@ import "../../../hooks/useTheme.js";
|
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
8
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
8
9
|
import "../../../functions/parseMarkdown.js";
|
|
9
10
|
import se from "./icons/StickerIcon.vue.js";
|
|
10
11
|
import { isAnimatedSticker as L } from "../../2_feed_elements/StickerMessage/utils/stickerUtils.js";
|
|
@@ -21,7 +22,7 @@ const De = { class: "sticker-picker__container" }, We = ["onClick", "onMouseente
|
|
|
21
22
|
}, ze = ["onClick", "onMouseenter"], Xe = ["src"], Ye = ["src", "alt"], Ge = ["src"], Ke = ["src", "alt"], qe = {
|
|
22
23
|
key: 2,
|
|
23
24
|
class: "sticker-picker__preview-label"
|
|
24
|
-
}, Je = 700,
|
|
25
|
+
}, Je = 700, nt = /* @__PURE__ */ Pe({
|
|
25
26
|
__name: "StickerPicker",
|
|
26
27
|
props: {
|
|
27
28
|
state: { default: "active" },
|
|
@@ -329,5 +330,5 @@ const De = { class: "sticker-picker__container" }, We = ["onClick", "onMouseente
|
|
|
329
330
|
}
|
|
330
331
|
});
|
|
331
332
|
export {
|
|
332
|
-
|
|
333
|
+
nt as default
|
|
333
334
|
};
|
|
@@ -6,6 +6,7 @@ import "../../../hooks/useTheme.js";
|
|
|
6
6
|
import Y from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
10
|
import "../../../functions/parseMarkdown.js";
|
|
10
11
|
import Z from "../../3_compounds/Feed/assets/chat-background.svg.js";
|
|
11
12
|
/* empty css */
|
|
@@ -200,7 +201,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
|
|
|
200
201
|
], 10, te)
|
|
201
202
|
]));
|
|
202
203
|
}
|
|
203
|
-
},
|
|
204
|
+
}, qe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
|
|
204
205
|
export {
|
|
205
|
-
|
|
206
|
+
qe as default
|
|
206
207
|
};
|
|
@@ -5,9 +5,10 @@ import { useTheme as oe } from "../../../hooks/useTheme.js";
|
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
8
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
8
9
|
import "../../../functions/parseMarkdown.js";
|
|
9
10
|
import { t as f } from "../../../locale/useLocale.js";
|
|
10
|
-
const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"],
|
|
11
|
+
const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], we = /* @__PURE__ */ N({
|
|
11
12
|
__name: "TextFormatToolbar",
|
|
12
13
|
props: {
|
|
13
14
|
textarea: {
|
|
@@ -206,5 +207,5 @@ const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le =
|
|
|
206
207
|
}
|
|
207
208
|
});
|
|
208
209
|
export {
|
|
209
|
-
|
|
210
|
+
we as default
|
|
210
211
|
};
|
package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as E, ref as n, inject as F, watch as h, createElementBlock as v, openBlock as u, Fragment as A, createBlock as D, createCommentVNode as S, normalizeClass as P, createElementVNode as
|
|
1
|
+
import { defineComponent as E, ref as n, inject as F, watch as h, createElementBlock as v, openBlock as u, Fragment as A, createBlock as D, createCommentVNode as S, normalizeClass as P, createElementVNode as r, toDisplayString as _, unref as U } from "vue";
|
|
2
2
|
import V from "../FilePreview/FilePreview.vue.js";
|
|
3
3
|
import { uploadFile as N } from "../../../hooks/uploadFile/uploadFile.js";
|
|
4
4
|
import "../../../hooks/useMessageDraft.js";
|
|
@@ -7,11 +7,12 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
11
|
import "../../../functions/parseMarkdown.js";
|
|
11
12
|
const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
12
13
|
key: 2,
|
|
13
14
|
class: "attachment-section__error-text"
|
|
14
|
-
},
|
|
15
|
+
}, Q = /* @__PURE__ */ E({
|
|
15
16
|
__name: "WABAAttachmentSection",
|
|
16
17
|
props: {
|
|
17
18
|
type: {
|
|
@@ -25,7 +26,7 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
25
26
|
},
|
|
26
27
|
emits: ["fileSelected"],
|
|
27
28
|
setup(m, { emit: w }) {
|
|
28
|
-
const
|
|
29
|
+
const c = m, z = n(F("filebumpUrl")), p = n(null), o = n(), l = n(""), i = n(""), f = n(), d = w, k = () => {
|
|
29
30
|
o.value && i.value != "success" && o.value.click();
|
|
30
31
|
}, s = {
|
|
31
32
|
DOCUMENT: {
|
|
@@ -55,9 +56,9 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
55
56
|
if (t) {
|
|
56
57
|
l.value = "";
|
|
57
58
|
const y = t.name.split(".");
|
|
58
|
-
if (s[
|
|
59
|
-
l.value = s[
|
|
60
|
-
else if (t.size > s[
|
|
59
|
+
if (s[c.type].accept.indexOf(y[y.length - 1]) == -1)
|
|
60
|
+
l.value = s[c.type].error;
|
|
61
|
+
else if (t.size > s[c.type].maxSize)
|
|
61
62
|
l.value = "Файл слишком большого размера";
|
|
62
63
|
else if (!l.value) {
|
|
63
64
|
p.value = t, i.value = "uploading";
|
|
@@ -88,7 +89,7 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
88
89
|
a === "" && (o.value && (o.value.value = ""), p.value = null, d("fileSelected", null));
|
|
89
90
|
}
|
|
90
91
|
), h(
|
|
91
|
-
() =>
|
|
92
|
+
() => c.templateId,
|
|
92
93
|
() => {
|
|
93
94
|
i.value = "";
|
|
94
95
|
}
|
|
@@ -98,7 +99,7 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
98
99
|
class: P(["attachment-section", { "attachment-section__error": l.value }]),
|
|
99
100
|
onClick: k
|
|
100
101
|
}, [
|
|
101
|
-
|
|
102
|
+
r("input", {
|
|
102
103
|
id: "file-upload",
|
|
103
104
|
ref_key: "fileInput",
|
|
104
105
|
ref: o,
|
|
@@ -107,10 +108,10 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
107
108
|
accept: s[m.type].accept,
|
|
108
109
|
onChange: I
|
|
109
110
|
}, null, 40, O),
|
|
110
|
-
t[1] || (t[1] =
|
|
111
|
-
|
|
112
|
-
t[0] || (t[0] =
|
|
113
|
-
|
|
111
|
+
t[1] || (t[1] = r("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
|
|
112
|
+
r("div", null, [
|
|
113
|
+
t[0] || (t[0] = r("p", { class: "attachment-section__title" }, " Прикрепить файл ", -1)),
|
|
114
|
+
r("p", B, _(s[m.type].text), 1)
|
|
114
115
|
])
|
|
115
116
|
], 2)) : i.value === "success" && f.value ? (u(), D(V, {
|
|
116
117
|
key: 1,
|
|
@@ -122,5 +123,5 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
122
123
|
}
|
|
123
124
|
});
|
|
124
125
|
export {
|
|
125
|
-
|
|
126
|
+
Q as default
|
|
126
127
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as ft, inject as gt, useId as yt, ref as C, computed as y, watch as
|
|
1
|
+
import { defineComponent as ft, inject as gt, useId as yt, ref as C, computed as y, watch as pt, onMounted as vt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as _t, normalizeClass as A, normalizeStyle as W, createVNode as V, withCtx as S, toDisplayString as m, createBlock as T, resolveDynamicComponent as xt, Teleport as Ct, unref as M, Fragment as $, renderList as wt } from "vue";
|
|
2
2
|
import { getStatus as It, statuses as Tt } from "../../../functions/getStatusMessage.js";
|
|
3
3
|
import "../../../functions/parseMarkdown.js";
|
|
4
4
|
import { t as U } from "../../../locale/useLocale.js";
|
|
@@ -8,6 +8,7 @@ import { useTheme as Mt } from "../../../hooks/useTheme.js";
|
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
12
|
import z from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
12
13
|
import Et from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
|
|
13
14
|
import Bt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
@@ -60,7 +61,7 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
60
61
|
}, ee = ["onClick"], ne = ["src"], ie = {
|
|
61
62
|
key: 1,
|
|
62
63
|
class: "dialog__icon pi pi-user"
|
|
63
|
-
}, oe = { class: "dialog__text-container" }, ce = { class: "dialog__name" }, se = { class: "dialog__time" },
|
|
64
|
+
}, oe = { class: "dialog__text-container" }, ce = { class: "dialog__name" }, se = { class: "dialog__time" }, be = /* @__PURE__ */ ft({
|
|
64
65
|
__name: "ChatItem",
|
|
65
66
|
props: {
|
|
66
67
|
chat: {},
|
|
@@ -69,7 +70,7 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
69
70
|
},
|
|
70
71
|
emits: ["select", "action", "expand"],
|
|
71
72
|
setup(c, { emit: q }) {
|
|
72
|
-
const G = gt("chatAppId"), { getTheme: L } = Mt(G), e = c, w = q, h = yt(), f = C(!1),
|
|
73
|
+
const G = gt("chatAppId"), { getTheme: L } = Mt(G), e = c, w = q, h = yt(), f = C(!1), p = C(!1), E = C(!1), J = C(null), K = () => {
|
|
73
74
|
E.value = !0;
|
|
74
75
|
}, P = (t) => {
|
|
75
76
|
E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && w("select", { chat: e.chat, dialog: null }), E.value = !1;
|
|
@@ -79,7 +80,7 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
79
80
|
e.contextMenuTrigger === "rightClick" && B(), w("action", { chat: e.chat, ...t });
|
|
80
81
|
}, B = () => {
|
|
81
82
|
const t = document.getElementById("context-menu-rightclick-" + h);
|
|
82
|
-
t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"),
|
|
83
|
+
t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), p.value = !1;
|
|
83
84
|
}, tt = () => {
|
|
84
85
|
document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((n) => {
|
|
85
86
|
const i = n;
|
|
@@ -127,7 +128,7 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
127
128
|
}
|
|
128
129
|
return null;
|
|
129
130
|
}), st = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage)), at = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage));
|
|
130
|
-
|
|
131
|
+
pt(
|
|
131
132
|
() => e.chat.typing,
|
|
132
133
|
() => {
|
|
133
134
|
e.chat.typing ? I = setInterval(() => {
|
|
@@ -143,30 +144,30 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
143
144
|
}, ut = (t) => {
|
|
144
145
|
e.contextMenuTrigger === "rightClick" && e.chat.actions && dt(t);
|
|
145
146
|
}, dt = (t) => {
|
|
146
|
-
tt(),
|
|
147
|
+
tt(), p.value = !0, b(() => {
|
|
147
148
|
const n = document.getElementById("context-menu-rightclick-" + h);
|
|
148
149
|
if (n) {
|
|
149
150
|
const i = t.clientX, u = t.clientY;
|
|
150
151
|
n.style.display = "inherit";
|
|
151
152
|
const a = n.getBoundingClientRect();
|
|
152
153
|
n.style.display = "none", b(() => {
|
|
153
|
-
const d = window.innerWidth, R = window.innerHeight,
|
|
154
|
-
let _ = i +
|
|
155
|
-
_ + a.width > d +
|
|
154
|
+
const d = window.innerWidth, R = window.innerHeight, v = window.scrollX || window.pageXOffset, k = window.scrollY || window.pageYOffset;
|
|
155
|
+
let _ = i + v, x = u + k;
|
|
156
|
+
_ + a.width > d + v && (_ = i + v - a.width), x + a.height > R + k && (x = u + k - a.height), _ < v && (_ = v), x < k && (x = k), n.style.top = x + "px", n.style.left = _ + "px", n.style.opacity = "1", n.style.display = "inherit";
|
|
156
157
|
});
|
|
157
158
|
}
|
|
158
159
|
});
|
|
159
160
|
}, mt = () => {
|
|
160
161
|
}, ht = () => {
|
|
161
162
|
}, F = (t) => {
|
|
162
|
-
if (e.contextMenuTrigger === "rightClick" &&
|
|
163
|
+
if (e.contextMenuTrigger === "rightClick" && p.value) {
|
|
163
164
|
const n = t.target, i = document.getElementById("context-menu-rightclick-" + h);
|
|
164
165
|
(!i || !i.contains(n)) && B();
|
|
165
166
|
}
|
|
166
167
|
}, H = () => {
|
|
167
|
-
e.contextMenuTrigger === "rightClick" &&
|
|
168
|
+
e.contextMenuTrigger === "rightClick" && p.value && B();
|
|
168
169
|
};
|
|
169
|
-
return
|
|
170
|
+
return vt(() => {
|
|
170
171
|
e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", F), window.addEventListener("scroll", H, !0), b(() => {
|
|
171
172
|
const t = document.getElementById("context-menu-rightclick-" + h);
|
|
172
173
|
t && (t.style.display = "none", t.style.opacity = "0");
|
|
@@ -240,7 +241,7 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
240
241
|
_: 1
|
|
241
242
|
}, 8, ["actions"])) : l("", !0),
|
|
242
243
|
(o(), T(Ct, { to: "body" }, [
|
|
243
|
-
c.contextMenuTrigger === "rightClick" && c.chat.actions &&
|
|
244
|
+
c.contextMenuTrigger === "rightClick" && c.chat.actions && p.value ? (o(), T(Bt, {
|
|
244
245
|
key: 0,
|
|
245
246
|
id: "context-menu-rightclick-" + M(h),
|
|
246
247
|
actions: c.chat.actions,
|
|
@@ -313,5 +314,5 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
|
|
|
313
314
|
}
|
|
314
315
|
});
|
|
315
316
|
export {
|
|
316
|
-
|
|
317
|
+
be as default
|
|
317
318
|
};
|
|
@@ -6,12 +6,13 @@ import "../../../hooks/useTheme.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
10
|
import "../../../functions/parseMarkdown.js";
|
|
10
11
|
import G from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
|
|
11
12
|
const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
|
|
12
13
|
key: 1,
|
|
13
14
|
class: "audio-recorder__recording-container"
|
|
14
|
-
}, Q = { class: "audio-recorder__recording-time" },
|
|
15
|
+
}, Q = { class: "audio-recorder__recording-time" }, re = /* @__PURE__ */ D({
|
|
15
16
|
__name: "AudioRecorder",
|
|
16
17
|
props: {
|
|
17
18
|
state: {
|
|
@@ -112,5 +113,5 @@ const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
|
|
|
112
113
|
}
|
|
113
114
|
});
|
|
114
115
|
export {
|
|
115
|
-
|
|
116
|
+
re as default
|
|
116
117
|
};
|
|
@@ -8,6 +8,7 @@ import "../../../hooks/useTheme.js";
|
|
|
8
8
|
import S from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
9
9
|
/* empty css */
|
|
10
10
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
12
|
import "../../../functions/parseMarkdown.js";
|
|
12
13
|
/* empty css */
|
|
13
14
|
const x = {
|
|
@@ -67,7 +68,7 @@ const x = {
|
|
|
67
68
|
}, 8, ["actions", "mode", "disabled"])
|
|
68
69
|
], 2));
|
|
69
70
|
}
|
|
70
|
-
},
|
|
71
|
+
}, L = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
|
|
71
72
|
export {
|
|
72
|
-
|
|
73
|
+
L as default
|
|
73
74
|
};
|
|
@@ -6,6 +6,7 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
6
6
|
import I from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
10
|
import "../../../functions/parseMarkdown.js";
|
|
10
11
|
/* empty css */
|
|
11
12
|
const x = { key: 0 }, A = ["value", "selected"], E = {
|
|
@@ -43,7 +44,7 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
|
|
|
43
44
|
], 32)
|
|
44
45
|
])) : _("", !0);
|
|
45
46
|
}
|
|
46
|
-
},
|
|
47
|
+
}, q = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
|
|
47
48
|
export {
|
|
48
|
-
|
|
49
|
+
q as default
|
|
49
50
|
};
|
|
@@ -7,6 +7,7 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
import { useModalVideoRecorder as S } from "../../../hooks/modals/useVideoRecorder.js";
|
|
9
9
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
11
|
import "../../../functions/parseMarkdown.js";
|
|
11
12
|
import E from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
|
|
12
13
|
const U = {
|
|
@@ -15,7 +16,7 @@ const U = {
|
|
|
15
16
|
}, N = {
|
|
16
17
|
key: 1,
|
|
17
18
|
class: "video-recorder__container"
|
|
18
|
-
},
|
|
19
|
+
}, Q = /* @__PURE__ */ F({
|
|
19
20
|
__name: "VideoRecorder",
|
|
20
21
|
props: {
|
|
21
22
|
state: {
|
|
@@ -90,5 +91,5 @@ const U = {
|
|
|
90
91
|
}
|
|
91
92
|
});
|
|
92
93
|
export {
|
|
93
|
-
|
|
94
|
+
Q as default
|
|
94
95
|
};
|
|
@@ -6,6 +6,7 @@ import { useTheme as Ae } from "../../../hooks/useTheme.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
import { useMessageActions as Ee } from "../../../hooks/messages/useMessageActions.js";
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
10
|
import "../../../functions/parseMarkdown.js";
|
|
10
11
|
import { useSubtextTooltip as Le } from "../../../hooks/messages/useSubtextTooltip.js";
|
|
11
12
|
import Pe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
@@ -33,7 +34,7 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
|
|
|
33
34
|
}, tt = {
|
|
34
35
|
key: 1,
|
|
35
36
|
class: "call-message__audio-wrapper"
|
|
36
|
-
}, at = ["src"], st = { class: "call-message__audio-progress" }, lt = { class: "call-message__audio-progress-bar" }, ot = ["max"], nt = { class: "call-message__audio-time" }, it = { class: "call-message__info-container" }, ut = { class: "call-message__time" }, ct = ["data-theme"], rt = { class: "call-message__modal" },
|
|
37
|
+
}, at = ["src"], st = { class: "call-message__audio-progress" }, lt = { class: "call-message__audio-progress-bar" }, ot = ["max"], nt = { class: "call-message__audio-time" }, it = { class: "call-message__info-container" }, ut = { class: "call-message__time" }, ct = ["data-theme"], rt = { class: "call-message__modal" }, Ft = /* @__PURE__ */ Se({
|
|
37
38
|
__name: "CallMessage",
|
|
38
39
|
props: {
|
|
39
40
|
message: {
|
|
@@ -472,5 +473,5 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
|
|
|
472
473
|
}
|
|
473
474
|
});
|
|
474
475
|
export {
|
|
475
|
-
|
|
476
|
+
Ft as default
|
|
476
477
|
};
|
|
@@ -5,8 +5,9 @@ import "../../../hooks/useTheme.js";
|
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
8
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
8
9
|
import "../../../functions/parseMarkdown.js";
|
|
9
|
-
const v = ["onClick"],
|
|
10
|
+
const v = ["onClick"], $ = /* @__PURE__ */ u({
|
|
10
11
|
__name: "MessageKeyboard",
|
|
11
12
|
props: {
|
|
12
13
|
keyboard: {
|
|
@@ -42,5 +43,5 @@ const v = ["onClick"], T = /* @__PURE__ */ u({
|
|
|
42
43
|
}
|
|
43
44
|
});
|
|
44
45
|
export {
|
|
45
|
-
|
|
46
|
+
$ as default
|
|
46
47
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { defineComponent as T, createElementBlock as o, openBlock as i, unref as t, normalizeClass as f, createCommentVNode as n, createElementVNode as a, normalizeStyle as _, createVNode as
|
|
1
|
+
import { defineComponent as T, createElementBlock as o, openBlock as i, unref as t, normalizeClass as f, createCommentVNode as n, createElementVNode as a, normalizeStyle as _, createVNode as r, withCtx as p, createTextVNode as h, toDisplayString as x, Transition as w, createBlock as S } from "vue";
|
|
2
2
|
import { useMessageActions as V } from "../../../hooks/messages/useMessageActions.js";
|
|
3
3
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
4
|
+
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
4
5
|
import "../../../functions/parseMarkdown.js";
|
|
5
6
|
import { getMessageClass as I } from "../../../functions/getMessageClass.js";
|
|
6
7
|
import { useSubtextTooltip as N } from "../../../hooks/messages/useSubtextTooltip.js";
|
|
@@ -10,7 +11,7 @@ import O from "./icons/MissedCallIcon.vue.js";
|
|
|
10
11
|
const j = ["messageId"], q = ["src"], z = {
|
|
11
12
|
key: 1,
|
|
12
13
|
class: "missed-call-message__subtext"
|
|
13
|
-
}, A = { class: "missed-call-message__main-content" }, E = { class: "missed-call-message__icon-wrapper" }, F = { class: "missed-call-message__info-container" }, R = { class: "missed-call-message__time" },
|
|
14
|
+
}, A = { class: "missed-call-message__main-content" }, E = { class: "missed-call-message__icon-wrapper" }, F = { class: "missed-call-message__info-container" }, R = { class: "missed-call-message__time" }, X = /* @__PURE__ */ T({
|
|
14
15
|
__name: "MissedCallMessage",
|
|
15
16
|
props: {
|
|
16
17
|
message: {
|
|
@@ -32,7 +33,7 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
32
33
|
const b = y, m = e, {
|
|
33
34
|
isOpenMenu: c,
|
|
34
35
|
buttonMenuVisible: C,
|
|
35
|
-
showMenu:
|
|
36
|
+
showMenu: u,
|
|
36
37
|
hideMenu: d,
|
|
37
38
|
clickAction: M
|
|
38
39
|
} = V(m.message, b), k = N(() => m.message, () => m.subtextTooltipData);
|
|
@@ -46,7 +47,7 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
46
47
|
]),
|
|
47
48
|
messageId: e.message.messageId,
|
|
48
49
|
onMouseenter: s[1] || (s[1] = //@ts-ignore
|
|
49
|
-
(...l) => t(
|
|
50
|
+
(...l) => t(u) && t(u)(...l)),
|
|
50
51
|
onMouseleave: s[2] || (s[2] = //@ts-ignore
|
|
51
52
|
(...l) => t(d) && t(d)(...l))
|
|
52
53
|
}, [
|
|
@@ -59,13 +60,13 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
59
60
|
style: _({ gridRow: e.message.subText ? "2" : "1" })
|
|
60
61
|
}, null, 12, q)) : n("", !0),
|
|
61
62
|
e.message.subText ? (i(), o("p", z, [
|
|
62
|
-
|
|
63
|
+
r(D, {
|
|
63
64
|
text: t(k),
|
|
64
65
|
position: "right",
|
|
65
66
|
offset: 8
|
|
66
67
|
}, {
|
|
67
|
-
default:
|
|
68
|
-
h(
|
|
68
|
+
default: p(() => [
|
|
69
|
+
h(x(e.message.subText), 1)
|
|
69
70
|
]),
|
|
70
71
|
_: 1
|
|
71
72
|
}, 8, ["text"])
|
|
@@ -75,12 +76,12 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
75
76
|
}, [
|
|
76
77
|
a("div", A, [
|
|
77
78
|
a("div", E, [
|
|
78
|
-
|
|
79
|
+
r(O, { class: "missed-call-message__icon" })
|
|
79
80
|
]),
|
|
80
81
|
s[3] || (s[3] = a("p", { class: "missed-call-message__text" }, " Пропущенный звонок ", -1))
|
|
81
82
|
]),
|
|
82
83
|
a("div", F, [
|
|
83
|
-
a("span", R,
|
|
84
|
+
a("span", R, x(e.message.time), 1)
|
|
84
85
|
]),
|
|
85
86
|
t(C) && e.message.actions ? (i(), o("button", {
|
|
86
87
|
key: 0,
|
|
@@ -89,8 +90,8 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
89
90
|
}, [...s[4] || (s[4] = [
|
|
90
91
|
a("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
|
91
92
|
])])) : n("", !0),
|
|
92
|
-
|
|
93
|
-
default:
|
|
93
|
+
r(w, null, {
|
|
94
|
+
default: p(() => [
|
|
94
95
|
t(c) && e.message.actions ? (i(), S(B, {
|
|
95
96
|
key: 0,
|
|
96
97
|
class: "missed-call-message__context-menu",
|
|
@@ -105,5 +106,5 @@ const j = ["messageId"], q = ["src"], z = {
|
|
|
105
106
|
}
|
|
106
107
|
});
|
|
107
108
|
export {
|
|
108
|
-
|
|
109
|
+
X as default
|
|
109
110
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./TextMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const a = /* @__PURE__ */
|
|
3
|
+
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee1e92cf"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|