@mobilon-dev/chotto 0.3.86 → 0.3.87
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 +15 -13
- package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js +4 -2
- package/dist/components/1_atoms/ContextMenu/ContextMenu.vue.js +43 -39
- package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js +7 -5
- package/dist/components/1_atoms/LoadingIndicator/LoadingIndicator.vue.js +19 -18
- package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +2 -2
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +83 -72
- package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js +11 -10
- package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +4 -2
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +18 -16
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +16 -14
- package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +4 -2
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +4 -2
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +4 -2
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +4 -2
- package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +4 -2
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +4 -3
- package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +4 -2
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +3 -2
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +4 -2
- package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +3 -2
- package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +7 -5
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +4 -2
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +387 -340
- package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js +7 -0
- package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue2.js +34 -0
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +388 -352
- package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue.js +7 -0
- package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue2.js +63 -0
- package/dist/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.js +21 -0
- package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue.js +7 -0
- package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue2.js +35 -0
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +204 -157
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +273 -226
- package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +9 -7
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +141 -117
- package/dist/components/2_feed_elements/MessageReactions/icons/DeleteIcon.vue.js +32 -0
- package/dist/components/2_feed_elements/MessageReactions/icons/EditIcon.vue.js +32 -0
- package/dist/components/2_feed_elements/MessageReactions/icons/MessageActionsIcon.vue.js +21 -0
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +102 -66
- package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue2.js +11 -9
- package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue2.js +14 -12
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +11 -9
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +13 -11
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +11 -9
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +4 -2
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +255 -210
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +241 -140
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +245 -200
- package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.js +7 -0
- package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue3.js +58 -0
- package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
- package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +5 -4
- package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js +8 -8
- package/dist/components/3_compounds/ChatList/icons/LogoIcon.vue.js +12 -13
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +187 -163
- package/dist/components/3_compounds/Feed/composables/useFeedComponents.js +41 -26
- package/dist/components/3_compounds/Feed/composables/useFeedReply.js +16 -11
- package/dist/components/3_compounds/Feed/utils/getDefaultMessageMenuActions.js +31 -0
- package/dist/hooks/messages/buildEditPayload.js +10 -0
- package/dist/hooks/messages/calculateMessageMenuPosition.js +70 -0
- package/dist/hooks/messages/getDeletedOriginalText.js +26 -0
- package/dist/hooks/messages/getEditTooltipLines.js +28 -0
- package/dist/hooks/messages/useMessageActions.js +94 -19
- package/dist/hooks/messages/useMessageMenuActions.js +18 -0
- package/dist/hooks/messages/useStartEdit.js +30 -0
- package/dist/hooks/messages/useStartReply.js +16 -14
- package/dist/hooks/modals/useConfirmDeleteMessage.js +24 -0
- package/dist/hooks/useMessageDraft.js +46 -66
- package/dist/hooks/validators/messages/messageValidator.js +29 -35
- package/dist/index.js +220 -194
- package/dist/locale/en.js +6 -1
- package/dist/locale/ru.js +6 -1
- 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 +0 -321
- package/dist/types/components/1_atoms/ContextMenu/ContextMenu.vue.d.ts +0 -2
- package/dist/types/components/1_atoms/ContextMenu/stories/ContextMenu.stories.d.ts +1 -0
- package/dist/types/components/1_atoms/ContextMenu/styles/types.d.ts +18 -0
- package/dist/types/components/1_atoms/LoadingIndicator/styles/types.d.ts +0 -2
- package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts +12 -1
- package/dist/types/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/BaseEditMessage/stories/BaseEditMessage.stories.d.ts +6 -0
- package/dist/types/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue.d.ts +31 -0
- package/dist/types/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/DeletedMessageContent/styles/types.d.ts +35 -0
- package/dist/types/components/2_feed_elements/EditTextMessage/EditTextMessage.vue.d.ts +13 -0
- package/dist/types/components/2_feed_elements/EditTextMessage/stories/EditTextMessage.stories.d.ts +7 -0
- package/dist/types/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.d.ts +1 -1
- package/dist/types/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.d.ts +1 -1
- package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +35 -0
- package/dist/types/components/2_feed_elements/MessageReactions/icons/DeleteIcon.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/MessageReactions/icons/EditIcon.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/MessageReactions/icons/MessageActionsIcon.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -3
- package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts +1 -0
- package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +22 -0
- package/dist/types/components/2_feed_elements/VideoMessage/stories/VideoMessage.stories.d.ts +2 -2
- package/dist/types/components/2_feed_elements/types/components.d.ts +1 -2
- package/dist/types/components/2_feed_elements/types/messages.d.ts +116 -9
- package/dist/types/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.d.ts +22 -0
- package/dist/types/components/2_modals/ConfirmDeleteMessage/stories/ConfirmDeleteMessage.stories.d.ts +37 -0
- package/dist/types/components/2_modals/ConfirmDeleteMessage/styles/types.d.ts +97 -0
- package/dist/types/components/3_compounds/ChatInput/types/IInputMessage.d.ts +2 -1
- package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +2 -2
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +20 -3
- package/dist/types/components/3_compounds/Feed/composables/useFeedComponents.d.ts +6 -2
- package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts +0 -1
- package/dist/types/components/3_compounds/Feed/composables/useFeedReply.d.ts +7 -1
- package/dist/types/components/3_compounds/Feed/utils/getDefaultMessageMenuActions.d.ts +3 -0
- package/dist/types/components/3_compounds/SideBar/SideBar.vue.d.ts +2 -2
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/hooks/messages/buildEditPayload.d.ts +7 -0
- package/dist/types/hooks/messages/calculateMessageMenuPosition.d.ts +16 -0
- package/dist/types/hooks/messages/getDeletedOriginalText.d.ts +28 -0
- package/dist/types/hooks/messages/getEditTooltipLines.d.ts +17 -0
- package/dist/types/hooks/messages/index.d.ts +6 -0
- package/dist/types/hooks/messages/useMessageActions.d.ts +33 -39
- package/dist/types/hooks/messages/useMessageMenuActions.d.ts +10 -0
- package/dist/types/hooks/messages/useStartEdit.d.ts +6 -0
- package/dist/types/hooks/modals/index.d.ts +1 -0
- package/dist/types/hooks/modals/useConfirmDeleteMessage.d.ts +2 -0
- package/dist/types/hooks/useMessageDraft.d.ts +10 -1
- package/dist/types/hooks/validators/messages/types.d.ts +0 -6
- package/dist/types/locale/en.d.ts +5 -0
- package/dist/types/locale/ru.d.ts +5 -0
- package/dist/types/main.d.ts +1 -0
- package/package.json +1 -1
package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js
CHANGED
|
@@ -5,11 +5,13 @@ import "../../../hooks/useTheme.js";
|
|
|
5
5
|
import "../../../hooks/useEmojiNative.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
+
import "../../../locale/useLocale.js";
|
|
9
|
+
/* empty css */
|
|
8
10
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
11
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
12
|
import "../../../functions/parseMarkdown.js";
|
|
11
13
|
import k from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
|
|
12
|
-
const
|
|
14
|
+
const D = /* @__PURE__ */ p({
|
|
13
15
|
__name: "ButtonCommandsSelector",
|
|
14
16
|
props: {
|
|
15
17
|
commands: {
|
|
@@ -68,5 +70,5 @@ const V = /* @__PURE__ */ p({
|
|
|
68
70
|
}
|
|
69
71
|
});
|
|
70
72
|
export {
|
|
71
|
-
|
|
73
|
+
D as default
|
|
72
74
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as D, ref as
|
|
1
|
+
import { defineComponent as D, ref as r, inject as W, watch as z, computed as R, watchEffect as U, onMounted as $, onUnmounted as q, createElementBlock as j, openBlock as C, Fragment as G, createCommentVNode as J, createVNode as g, unref as b, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
|
|
2
2
|
import ee from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import { useMessageDraft as te } from "../../../hooks/useMessageDraft.js";
|
|
@@ -7,11 +7,13 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
import { useEmojiNative as oe } from "../../../hooks/useEmojiNative.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
+
import "../../../locale/useLocale.js";
|
|
11
|
+
/* empty css */
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
12
14
|
import "../../../functions/parseMarkdown.js";
|
|
13
15
|
import ne from "./icons/SmilesIcon.vue.js";
|
|
14
|
-
const
|
|
16
|
+
const be = /* @__PURE__ */ D({
|
|
15
17
|
__name: "ButtonEmojiPicker",
|
|
16
18
|
props: {
|
|
17
19
|
state: {
|
|
@@ -22,7 +24,7 @@ const ke = /* @__PURE__ */ D({
|
|
|
22
24
|
type: String,
|
|
23
25
|
default: "click",
|
|
24
26
|
// или 'hover'
|
|
25
|
-
validator: (
|
|
27
|
+
validator: (l) => ["click", "hover"].includes(l)
|
|
26
28
|
},
|
|
27
29
|
/**
|
|
28
30
|
* true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
|
|
@@ -33,16 +35,16 @@ const ke = /* @__PURE__ */ D({
|
|
|
33
35
|
default: !0
|
|
34
36
|
}
|
|
35
37
|
},
|
|
36
|
-
setup(
|
|
37
|
-
const t =
|
|
38
|
+
setup(l) {
|
|
39
|
+
const t = l, v = r(null), f = r(null), o = r(!1), E = r("light"), i = W("chatAppId"), { setMessageText: P, getMessage: M } = te(i), { setNative: w } = oe(i);
|
|
38
40
|
z(
|
|
39
41
|
() => t.native,
|
|
40
42
|
(e) => w(e),
|
|
41
43
|
{ immediate: !0 }
|
|
42
44
|
);
|
|
43
|
-
const c =
|
|
45
|
+
const c = r("#5F5F5F"), s = r("#404040"), p = r(!1);
|
|
44
46
|
let a = null;
|
|
45
|
-
const
|
|
47
|
+
const h = () => {
|
|
46
48
|
if (!i) {
|
|
47
49
|
c.value = "#5F5F5F", s.value = "#404040";
|
|
48
50
|
return;
|
|
@@ -54,9 +56,9 @@ const ke = /* @__PURE__ */ D({
|
|
|
54
56
|
}
|
|
55
57
|
const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
|
|
56
58
|
c.value = d || "#5F5F5F", s.value = A || "#404040";
|
|
57
|
-
}, I = R(() =>
|
|
59
|
+
}, I = R(() => p.value ? s.value : c.value);
|
|
58
60
|
U(() => {
|
|
59
|
-
|
|
61
|
+
h();
|
|
60
62
|
});
|
|
61
63
|
let u = !1, m = !1;
|
|
62
64
|
const N = () => {
|
|
@@ -78,9 +80,9 @@ const ke = /* @__PURE__ */ D({
|
|
|
78
80
|
!m && !u && k();
|
|
79
81
|
}, 150));
|
|
80
82
|
}, x = () => {
|
|
81
|
-
|
|
83
|
+
p.value = !0, T();
|
|
82
84
|
}, L = () => {
|
|
83
|
-
|
|
85
|
+
p.value = !1, V();
|
|
84
86
|
}, O = () => {
|
|
85
87
|
t.mode === "hover" && (m = !0);
|
|
86
88
|
}, H = () => {
|
|
@@ -91,11 +93,11 @@ const ke = /* @__PURE__ */ D({
|
|
|
91
93
|
t.mode === "click" && o.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
|
|
92
94
|
};
|
|
93
95
|
return $(() => {
|
|
94
|
-
if (document.addEventListener("click", F),
|
|
96
|
+
if (document.addEventListener("click", F), h(), i) {
|
|
95
97
|
const e = document.getElementById(i);
|
|
96
98
|
e && (a = new MutationObserver((n) => {
|
|
97
99
|
n.forEach((d) => {
|
|
98
|
-
d.type === "attributes" && d.attributeName === "data-theme" &&
|
|
100
|
+
d.type === "attributes" && d.attributeName === "data-theme" && h();
|
|
99
101
|
});
|
|
100
102
|
}), a.observe(e, {
|
|
101
103
|
attributes: !0,
|
|
@@ -109,7 +111,7 @@ const ke = /* @__PURE__ */ D({
|
|
|
109
111
|
key: 0,
|
|
110
112
|
ref_key: "emojiButton",
|
|
111
113
|
ref: f,
|
|
112
|
-
class: K(["button", { "button-disabled":
|
|
114
|
+
class: K(["button", { "button-disabled": l.state === "disabled" }]),
|
|
113
115
|
onClick: _,
|
|
114
116
|
onMouseenter: x,
|
|
115
117
|
onMouseleave: L
|
|
@@ -128,7 +130,7 @@ const ke = /* @__PURE__ */ D({
|
|
|
128
130
|
onMouseleave: H
|
|
129
131
|
}, [
|
|
130
132
|
g(b(ee), {
|
|
131
|
-
native:
|
|
133
|
+
native: l.native,
|
|
132
134
|
theme: E.value,
|
|
133
135
|
"picker-type": "",
|
|
134
136
|
onSelect: S
|
|
@@ -143,5 +145,5 @@ const ke = /* @__PURE__ */ D({
|
|
|
143
145
|
}
|
|
144
146
|
});
|
|
145
147
|
export {
|
|
146
|
-
|
|
148
|
+
be as default
|
|
147
149
|
};
|
package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as T, inject as E, ref as
|
|
1
|
+
import { defineComponent as T, inject as E, ref as i, computed as I, watchEffect as V, onMounted as q, onUnmounted as x, createElementBlock as y, openBlock as g, Fragment as A, createVNode as m, withCtx as h, createCommentVNode as N, unref as b, normalizeClass as W, createElementVNode as F, Transition as $, withDirectives as D, vShow as H } from "vue";
|
|
2
2
|
import O from "../TemplateSelector/TemplateSelector.vue.js";
|
|
3
3
|
import P from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
4
4
|
import { useMessageDraft as j } from "../../../hooks/useMessageDraft.js";
|
|
@@ -7,11 +7,13 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
import "../../../hooks/useEmojiNative.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
+
import "../../../locale/useLocale.js";
|
|
11
|
+
/* empty css */
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
12
14
|
import "../../../functions/parseMarkdown.js";
|
|
13
15
|
import z from "./icons/ChatTemplatesIcon.vue.js";
|
|
14
|
-
const R = { class: "" },
|
|
16
|
+
const R = { class: "" }, ne = /* @__PURE__ */ T({
|
|
15
17
|
__name: "ButtonTemplateSelector",
|
|
16
18
|
props: {
|
|
17
19
|
templates: {
|
|
@@ -43,21 +45,21 @@ const R = { class: "" }, le = /* @__PURE__ */ T({
|
|
|
43
45
|
}
|
|
44
46
|
},
|
|
45
47
|
setup(l) {
|
|
46
|
-
const o = l, r = E("chatAppId"), { getMessage: w } = j(r || ""), k =
|
|
48
|
+
const o = l, r = E("chatAppId"), { getMessage: w } = j(r || ""), k = i(null), e = i(null), s = i("#5F5F5F"), c = i("#404040"), d = i(!1);
|
|
47
49
|
let u = null;
|
|
48
50
|
const p = () => {
|
|
49
51
|
if (!r) {
|
|
50
|
-
|
|
52
|
+
s.value = "#5F5F5F", c.value = "#404040";
|
|
51
53
|
return;
|
|
52
54
|
}
|
|
53
55
|
const a = document.getElementById(r);
|
|
54
56
|
if (!a) {
|
|
55
|
-
|
|
57
|
+
s.value = "#5F5F5F", c.value = "#404040";
|
|
56
58
|
return;
|
|
57
59
|
}
|
|
58
60
|
const t = window.getComputedStyle(a), n = t.getPropertyValue("--chotto-buttontemplateselector-button-span-color").trim(), S = t.getPropertyValue("--chotto-buttontemplateselector-button-span-hover-color").trim();
|
|
59
|
-
|
|
60
|
-
}, C = I(() =>
|
|
61
|
+
s.value = n || "#5F5F5F", c.value = S || "#404040";
|
|
62
|
+
}, C = I(() => d.value ? c.value : s.value);
|
|
61
63
|
V(() => {
|
|
62
64
|
p();
|
|
63
65
|
});
|
|
@@ -85,7 +87,7 @@ const R = { class: "" }, le = /* @__PURE__ */ T({
|
|
|
85
87
|
}), x(() => {
|
|
86
88
|
u && (u.disconnect(), u = null);
|
|
87
89
|
}), (a, t) => (g(), y(A, null, [
|
|
88
|
-
|
|
90
|
+
m(P, {
|
|
89
91
|
text: "Шаблоны сообщений",
|
|
90
92
|
position: "left"
|
|
91
93
|
}, {
|
|
@@ -98,17 +100,17 @@ const R = { class: "" }, le = /* @__PURE__ */ T({
|
|
|
98
100
|
onClick: B,
|
|
99
101
|
onMouseover: v,
|
|
100
102
|
onMouseout: f,
|
|
101
|
-
onMouseenter: t[0] || (t[0] = (n) =>
|
|
102
|
-
onMouseleave: t[1] || (t[1] = (n) =>
|
|
103
|
+
onMouseenter: t[0] || (t[0] = (n) => d.value = !0),
|
|
104
|
+
onMouseleave: t[1] || (t[1] = (n) => d.value = !1)
|
|
103
105
|
}, [
|
|
104
106
|
F("span", R, [
|
|
105
|
-
|
|
107
|
+
m(b(z), { fill: C.value }, null, 8, ["fill"])
|
|
106
108
|
])
|
|
107
109
|
], 34))
|
|
108
110
|
]),
|
|
109
111
|
_: 1
|
|
110
112
|
}),
|
|
111
|
-
|
|
113
|
+
m($, null, {
|
|
112
114
|
default: h(() => [
|
|
113
115
|
D(F("div", {
|
|
114
116
|
ref_key: "template",
|
|
@@ -116,7 +118,7 @@ const R = { class: "" }, le = /* @__PURE__ */ T({
|
|
|
116
118
|
onMouseover: v,
|
|
117
119
|
onMouseout: f
|
|
118
120
|
}, [
|
|
119
|
-
|
|
121
|
+
m(O, {
|
|
120
122
|
templates: l.templates,
|
|
121
123
|
"group-templates": l.groupTemplates,
|
|
122
124
|
"elevated-window": l.elevatedWindow,
|
|
@@ -133,5 +135,5 @@ const R = { class: "" }, le = /* @__PURE__ */ T({
|
|
|
133
135
|
}
|
|
134
136
|
});
|
|
135
137
|
export {
|
|
136
|
-
|
|
138
|
+
ne as default
|
|
137
139
|
};
|
|
@@ -7,6 +7,8 @@ import "../../../hooks/useEmojiNative.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
import q from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
9
9
|
/* empty css */
|
|
10
|
+
import "../../../locale/useLocale.js";
|
|
11
|
+
/* empty css */
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
12
14
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -94,7 +96,7 @@ const C = {
|
|
|
94
96
|
], 544)
|
|
95
97
|
], 64));
|
|
96
98
|
}
|
|
97
|
-
},
|
|
99
|
+
}, O = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
|
|
98
100
|
export {
|
|
99
|
-
|
|
101
|
+
O as default
|
|
100
102
|
};
|
|
@@ -6,6 +6,8 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
6
6
|
import "../../../hooks/useEmojiNative.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
+
import "../../../locale/useLocale.js";
|
|
10
|
+
/* empty css */
|
|
9
11
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
12
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
13
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -22,7 +24,7 @@ const j = { class: "preview__container" }, F = { class: "preview__block" }, O =
|
|
|
22
24
|
}, ee = {
|
|
23
25
|
key: 2,
|
|
24
26
|
class: "preview__audio-time"
|
|
25
|
-
}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"],
|
|
27
|
+
}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"], ye = /* @__PURE__ */ V({
|
|
26
28
|
__name: "FilePreview",
|
|
27
29
|
props: {
|
|
28
30
|
fileInfo: {
|
|
@@ -157,5 +159,5 @@ const j = { class: "preview__container" }, F = { class: "preview__block" }, O =
|
|
|
157
159
|
}
|
|
158
160
|
});
|
|
159
161
|
export {
|
|
160
|
-
|
|
162
|
+
ye as default
|
|
161
163
|
};
|
|
@@ -7,6 +7,8 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
import "../../../hooks/useEmojiNative.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
+
import "../../../locale/useLocale.js";
|
|
11
|
+
/* empty css */
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
12
14
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -17,7 +19,7 @@ const W = {
|
|
|
17
19
|
}, X = {
|
|
18
20
|
key: 1,
|
|
19
21
|
class: "file-uploader__status file-uploader__status--error"
|
|
20
|
-
}, Y = ["disabled"],
|
|
22
|
+
}, Y = ["disabled"], ve = /* @__PURE__ */ O({
|
|
21
23
|
__name: "FileUploader",
|
|
22
24
|
props: {
|
|
23
25
|
filebumpUrl: {
|
|
@@ -149,5 +151,5 @@ const W = {
|
|
|
149
151
|
}
|
|
150
152
|
});
|
|
151
153
|
export {
|
|
152
|
-
|
|
154
|
+
ve as default
|
|
153
155
|
};
|
|
@@ -5,6 +5,8 @@ import "../../../hooks/useTheme.js";
|
|
|
5
5
|
import "../../../hooks/useEmojiNative.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
+
import "../../../locale/useLocale.js";
|
|
9
|
+
/* empty css */
|
|
8
10
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
11
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
12
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -23,7 +25,7 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
|
|
|
23
25
|
}, Xe = ["onClick", "onMouseenter"], Ye = ["src"], Ge = ["src", "alt"], Ke = ["src"], qe = ["src", "alt"], Je = {
|
|
24
26
|
key: 2,
|
|
25
27
|
class: "sticker-picker__preview-label"
|
|
26
|
-
}, Qe = 700,
|
|
28
|
+
}, Qe = 700, kt = /* @__PURE__ */ Ee({
|
|
27
29
|
__name: "StickerPicker",
|
|
28
30
|
props: {
|
|
29
31
|
state: { default: "active" },
|
|
@@ -332,5 +334,5 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
|
|
|
332
334
|
}
|
|
333
335
|
});
|
|
334
336
|
export {
|
|
335
|
-
|
|
337
|
+
kt as default
|
|
336
338
|
};
|
|
@@ -6,6 +6,8 @@ import "../../../hooks/useEmojiNative.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
import Y from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
8
|
/* empty css */
|
|
9
|
+
import "../../../locale/useLocale.js";
|
|
10
|
+
/* empty css */
|
|
9
11
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
12
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
13
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -202,7 +204,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
|
|
|
202
204
|
], 10, te)
|
|
203
205
|
]));
|
|
204
206
|
}
|
|
205
|
-
},
|
|
207
|
+
}, Oe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
|
|
206
208
|
export {
|
|
207
|
-
|
|
209
|
+
Oe as default
|
|
208
210
|
};
|
|
@@ -5,11 +5,12 @@ import { useTheme as oe } from "../../../hooks/useTheme.js";
|
|
|
5
5
|
import "../../../hooks/useEmojiNative.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
+
import { t as f } from "../../../locale/useLocale.js";
|
|
9
|
+
/* empty css */
|
|
8
10
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
11
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
12
|
import "../../../functions/parseMarkdown.js";
|
|
11
|
-
|
|
12
|
-
const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Ce = /* @__PURE__ */ N({
|
|
13
|
+
const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Le = /* @__PURE__ */ N({
|
|
13
14
|
__name: "TextFormatToolbar",
|
|
14
15
|
props: {
|
|
15
16
|
textarea: {
|
|
@@ -208,5 +209,5 @@ const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le =
|
|
|
208
209
|
}
|
|
209
210
|
});
|
|
210
211
|
export {
|
|
211
|
-
|
|
212
|
+
Le as default
|
|
212
213
|
};
|
package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js
CHANGED
|
@@ -7,13 +7,15 @@ import "../../../hooks/useTheme.js";
|
|
|
7
7
|
import "../../../hooks/useEmojiNative.js";
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
+
import "../../../locale/useLocale.js";
|
|
11
|
+
/* empty css */
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
12
14
|
import "../../../functions/parseMarkdown.js";
|
|
13
15
|
const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
14
16
|
key: 2,
|
|
15
17
|
class: "attachment-section__error-text"
|
|
16
|
-
},
|
|
18
|
+
}, $ = /* @__PURE__ */ E({
|
|
17
19
|
__name: "WABAAttachmentSection",
|
|
18
20
|
props: {
|
|
19
21
|
type: {
|
|
@@ -124,5 +126,5 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
|
|
|
124
126
|
}
|
|
125
127
|
});
|
|
126
128
|
export {
|
|
127
|
-
|
|
129
|
+
$ as default
|
|
128
130
|
};
|
|
@@ -8,6 +8,7 @@ import { useTheme as Mt } from "../../../hooks/useTheme.js";
|
|
|
8
8
|
import "../../../hooks/useEmojiNative.js";
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
|
+
/* empty css */
|
|
11
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
12
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
13
14
|
import $ from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
@@ -58,7 +59,7 @@ const Ht = { class: "chat-item__avatar-container" }, Wt = ["src"], $t = {
|
|
|
58
59
|
}, ie = ["onClick"], oe = ["src"], ce = {
|
|
59
60
|
key: 1,
|
|
60
61
|
class: "dialog__icon pi pi-user"
|
|
61
|
-
}, se = { class: "dialog__text-container" }, ae = { class: "dialog__name" }, re = { class: "dialog__time" },
|
|
62
|
+
}, se = { class: "dialog__text-container" }, ae = { class: "dialog__name" }, re = { class: "dialog__time" }, Xe = /* @__PURE__ */ ht({
|
|
62
63
|
__name: "ChatItem",
|
|
63
64
|
props: {
|
|
64
65
|
chat: {},
|
|
@@ -308,5 +309,5 @@ const Ht = { class: "chat-item__avatar-container" }, Wt = ["src"], $t = {
|
|
|
308
309
|
}
|
|
309
310
|
});
|
|
310
311
|
export {
|
|
311
|
-
|
|
312
|
+
Xe as default
|
|
312
313
|
};
|
|
@@ -6,6 +6,8 @@ import "../../../hooks/useTheme.js";
|
|
|
6
6
|
import "../../../hooks/useEmojiNative.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
+
import "../../../locale/useLocale.js";
|
|
10
|
+
/* empty css */
|
|
9
11
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
12
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
13
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -16,7 +18,7 @@ const H = { class: "audio-recorder__container" }, J = {
|
|
|
16
18
|
}, K = {
|
|
17
19
|
key: 1,
|
|
18
20
|
class: "audio-recorder__recording-container"
|
|
19
|
-
}, Q = { class: "audio-recorder__recording-time" },
|
|
21
|
+
}, Q = { class: "audio-recorder__recording-time" }, ne = /* @__PURE__ */ D({
|
|
20
22
|
__name: "AudioRecorder",
|
|
21
23
|
props: {
|
|
22
24
|
state: {
|
|
@@ -117,5 +119,5 @@ const H = { class: "audio-recorder__container" }, J = {
|
|
|
117
119
|
}
|
|
118
120
|
});
|
|
119
121
|
export {
|
|
120
|
-
|
|
122
|
+
ne as default
|
|
121
123
|
};
|
|
@@ -8,6 +8,7 @@ import "../../../hooks/useEmojiNative.js";
|
|
|
8
8
|
/* empty css */
|
|
9
9
|
import S from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
10
10
|
/* empty css */
|
|
11
|
+
/* empty css */
|
|
11
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
12
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
13
14
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -69,7 +70,7 @@ const x = {
|
|
|
69
70
|
}, 8, ["actions", "mode", "disabled"])
|
|
70
71
|
], 2));
|
|
71
72
|
}
|
|
72
|
-
},
|
|
73
|
+
}, Q = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
|
|
73
74
|
export {
|
|
74
|
-
|
|
75
|
+
Q as default
|
|
75
76
|
};
|
|
@@ -6,6 +6,8 @@ import "../../../hooks/useEmojiNative.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
import I from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
8
|
/* empty css */
|
|
9
|
+
import "../../../locale/useLocale.js";
|
|
10
|
+
/* empty css */
|
|
9
11
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
10
12
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
11
13
|
import "../../../functions/parseMarkdown.js";
|
|
@@ -20,15 +22,15 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
|
|
|
20
22
|
show: Boolean
|
|
21
23
|
},
|
|
22
24
|
emits: ["selectedTheme"],
|
|
23
|
-
setup(c, { emit:
|
|
24
|
-
const r = c,
|
|
25
|
+
setup(c, { emit: i }) {
|
|
26
|
+
const r = c, a = i, m = f("chatAppId"), { getTheme: p } = B(m), l = () => {
|
|
25
27
|
const e = r.themes.find((t) => t.default === !0);
|
|
26
28
|
return e ? e.code : r.themes[0].code;
|
|
27
29
|
}, u = (e) => {
|
|
28
30
|
const t = e.target.value;
|
|
29
31
|
d(t);
|
|
30
32
|
}, d = (e) => {
|
|
31
|
-
m && (document.getElementById(m).dataset.theme = e, p().theme = e,
|
|
33
|
+
m && (document.getElementById(m).dataset.theme = e, p().theme = e, a("selectedTheme", e));
|
|
32
34
|
};
|
|
33
35
|
return T(() => {
|
|
34
36
|
const e = l();
|
|
@@ -45,7 +47,7 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
|
|
|
45
47
|
], 32)
|
|
46
48
|
])) : _("", !0);
|
|
47
49
|
}
|
|
48
|
-
},
|
|
50
|
+
}, H = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
|
|
49
51
|
export {
|
|
50
|
-
|
|
52
|
+
H as default
|
|
51
53
|
};
|
|
@@ -6,6 +6,8 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
6
6
|
import "../../../hooks/useEmojiNative.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
+
import "../../../locale/useLocale.js";
|
|
10
|
+
/* empty css */
|
|
9
11
|
import { useModalVideoRecorder as S } from "../../../hooks/modals/useVideoRecorder.js";
|
|
10
12
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
11
13
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
@@ -17,7 +19,7 @@ const U = {
|
|
|
17
19
|
}, N = {
|
|
18
20
|
key: 1,
|
|
19
21
|
class: "video-recorder__container"
|
|
20
|
-
},
|
|
22
|
+
}, Y = /* @__PURE__ */ F({
|
|
21
23
|
__name: "VideoRecorder",
|
|
22
24
|
props: {
|
|
23
25
|
state: {
|
|
@@ -94,5 +96,5 @@ const U = {
|
|
|
94
96
|
}
|
|
95
97
|
});
|
|
96
98
|
export {
|
|
97
|
-
|
|
99
|
+
Y as default
|
|
98
100
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./AudioMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-71edc0f6"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|